Add custom nodes, Civitai loras (LFS), and vast.ai setup script

Includes 30 custom nodes committed directly, 7 Civitai-exclusive
loras stored via Git LFS, and a setup script that installs all
dependencies and downloads HuggingFace-hosted models on vast.ai.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

custom_nodes/rgthree-comfy/web/models/components/model-info-card.css

@@ -0,0 +1,32 @@
+.rgthree-model-info-card {
+  display: block;
+  padding: 8px;
+}
+
+.-is-hidden {
+  display: none;
+}
+
+.rgthree-model-info-card {
+  display: flex;
+  flex-direction: row;
+}
+.rgthree-model-info-card > .rgthree-model-info-card-media-container {
+  width: 100px;
+  height: auto;
+  display: block;
+  margin: 0 8px 0 0;
+  padding: 0;
+  flex: 0 0 auto;
+}
+.rgthree-model-info-card > .rgthree-model-info-card-media-container > img,
+.rgthree-model-info-card > .rgthree-model-info-card-media-container > video {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.rgthree-model-info-card > .rgthree-model-info-card-data-container [bind*="name:"] {
+  font-size: 1.3em;
+  margin-bottom: 4px;
+  font-weight: bold;
+}

custom_nodes/rgthree-comfy/web/models/components/model-info-card.html

@@ -0,0 +1,18 @@
+
+<template>
+  <div class="rgthree-model-info-card">
+    <figure class="rgthree-model-info-card-media-container">
+      <video if="images.0 && images.0.type == 'video'" bind="images.0.url:src" loop autoplay></video>
+      <img if="images.0 && images.0.type != 'video'" bind="images.0.url:src"  loading="lazy" />
+    </figure>
+    <div class="rgthree-model-info-card-data-container">
+      <div bind="name:text"></div>
+      <div bind="file:text"></div>
+      <div bind="getModified(modified):text"></div>
+      <div bind="sha256:text"></div>
+      <div bind="hasInfoFile"></div>
+      <a if="getCivitaiLink(links)" bind="getCivitaiLink(links):href">Civitai</a>
+    </div>
+  </div>
+</template>
+

custom_nodes/rgthree-comfy/web/models/components/model-info-card.js

@@ -0,0 +1,41 @@
+import { RgthreeCustomElement } from "../../common/components/base_custom_element.js";
+export class RgthreeModelInfoCard extends RgthreeCustomElement {
+    constructor() {
+        super(...arguments);
+        this.data = {};
+    }
+    getModified(value, data, currentElement, contextElement) {
+        const date = new Date(value);
+        return String(`${date.toLocaleDateString()} ${date.toLocaleTimeString()}`);
+    }
+    getCivitaiLink(links) {
+        return (links === null || links === void 0 ? void 0 : links.find((i) => i.includes("civitai.com/models"))) || null;
+    }
+    setModelData(data) {
+        this.data = data;
+    }
+    hasBaseModel(baseModel) {
+        return this.data.baseModel === baseModel;
+    }
+    hasData(field) {
+        var _a;
+        if (field === "civitai") {
+            return !!((_a = this.getCivitaiLink(this.data.links)) === null || _a === void 0 ? void 0 : _a.length);
+        }
+        return !!this.data[field];
+    }
+    matchesQueryText(query) {
+        var _a;
+        return (_a = (this.data.name || this.data.file)) === null || _a === void 0 ? void 0 : _a.includes(query);
+    }
+    hide() {
+        this.classList.add("-is-hidden");
+    }
+    show() {
+        this.classList.remove("-is-hidden");
+    }
+}
+RgthreeModelInfoCard.NAME = "rgthree-model-info-card";
+RgthreeModelInfoCard.TEMPLATES = "components/model-info-card.html";
+RgthreeModelInfoCard.CSS = "components/model-info-card.css";
+RgthreeModelInfoCard.USE_SHADOW = false;