@n-dx/core 0.1.0

package/packages/web/dist/viewer/views/hench-templates.js

@@ -0,0 +1,262 @@
+/**
+ * Hench Templates view — browse, apply, and manage workflow templates.
+ *
+ * Displays a gallery of built-in and user-defined templates with metadata,
+ * use cases, and config overrides. Users can apply templates to their
+ * current configuration or save their current config as a new template.
+ *
+ * Data comes from:
+ *   GET  /api/hench/templates          (list)
+ *   GET  /api/hench/templates/:id      (detail)
+ *   POST /api/hench/templates/:id/apply (apply)
+ *   POST /api/hench/templates          (create)
+ *   DELETE /api/hench/templates/:id    (delete)
+ */
+import { h } from "preact";
+import { useState, useEffect, useCallback } from "preact/hooks";
+import { BrandedHeader } from "../components/logos.js";
+// ── Helpers ──────────────────────────────────────────────────────────
+/** Flatten nested config into dot-path key/value pairs for display. */
+function flattenConfig(obj, prefix = "") {
+    const entries = [];
+    for (const [key, value] of Object.entries(obj)) {
+        const path = prefix ? `${prefix}.${key}` : key;
+        if (value !== null && typeof value === "object" && !Array.isArray(value)) {
+            entries.push(...flattenConfig(value, path));
+        }
+        else {
+            entries.push([path, value]);
+        }
+    }
+    return entries;
+}
+function formatConfigValue(value) {
+    if (Array.isArray(value))
+        return value.join(", ");
+    if (value === null || value === undefined)
+        return "";
+    return String(value);
+}
+// ── Template card component ──────────────────────────────────────────
+function TemplateCard({ template, onApply, onDelete, applying }) {
+    const [expanded, setExpanded] = useState(false);
+    const configEntries = flattenConfig(template.config);
+    const isApplying = applying === template.id;
+    return h("div", { class: `hench-template-card${template.builtIn ? " built-in" : " user-defined"}` }, h("div", { class: "hench-template-card-header", onClick: () => setExpanded(!expanded) }, h("div", { class: "hench-template-card-title-row" }, h("h3", { class: "hench-template-card-name" }, template.name), template.builtIn
+        ? h("span", { class: "hench-template-badge built-in" }, "built-in")
+        : h("span", { class: "hench-template-badge user" }, "custom")), h("p", { class: "hench-template-card-desc" }, template.description), template.tags.length > 0
+        ? h("div", { class: "hench-template-tags" }, ...template.tags.map((tag) => h("span", { key: tag, class: "hench-template-tag" }, tag)))
+        : null), expanded
+        ? h("div", { class: "hench-template-card-detail" }, template.useCases.length > 0
+            ? h("div", { class: "hench-template-use-cases" }, h("h4", null, "Recommended use cases"), h("ul", null, ...template.useCases.map((uc, i) => h("li", { key: i }, uc))))
+            : null, configEntries.length > 0
+            ? h("div", { class: "hench-template-config" }, h("h4", null, "Config overrides"), h("table", { class: "hench-template-config-table" }, h("tbody", null, ...configEntries.map(([key, value]) => h("tr", { key }, h("td", { class: "hench-template-config-key" }, key), h("td", { class: "hench-template-config-value" }, formatConfigValue(value)))))))
+            : null, template.createdAt
+            ? h("p", { class: "hench-template-created" }, "Created: ", new Date(template.createdAt).toLocaleDateString())
+            : null)
+        : null, h("div", { class: "hench-template-card-actions" }, h("button", {
+        class: "hench-template-expand-btn",
+        onClick: () => setExpanded(!expanded),
+    }, expanded ? "Less" : "Details"), h("button", {
+        class: "hench-template-apply-btn",
+        onClick: () => onApply(template.id),
+        disabled: isApplying,
+    }, isApplying ? "Applying..." : "Apply"), !template.builtIn
+        ? h("button", {
+            class: "hench-template-delete-btn",
+            onClick: () => onDelete(template.id),
+        }, "Delete")
+        : null));
+}
+// ── Save template form ───────────────────────────────────────────────
+function SaveTemplateForm({ onSave, saving }) {
+    const [open, setOpen] = useState(false);
+    const [id, setId] = useState("");
+    const [name, setName] = useState("");
+    const [description, setDescription] = useState("");
+    const [tags, setTags] = useState("");
+    const [error, setError] = useState(null);
+    const handleSave = useCallback(async () => {
+        if (!id.match(/^[a-z][a-z0-9-]{1,49}$/)) {
+            setError("ID must be lowercase, start with a letter, use hyphens (2-50 chars)");
+            return;
+        }
+        setError(null);
+        try {
+            await onSave({ id, name: name || id, description, tags });
+            setOpen(false);
+            setId("");
+            setName("");
+            setDescription("");
+            setTags("");
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+    }, [id, name, description, tags, onSave]);
+    if (!open) {
+        return h("button", {
+            class: "hench-template-save-current-btn",
+            onClick: () => setOpen(true),
+        }, "Save Current Config as Template");
+    }
+    return h("div", { class: "hench-template-save-form" }, h("h3", null, "Save Current Config as Template"), h("div", { class: "hench-template-form-field" }, h("label", null, "Template ID"), h("input", {
+        type: "text",
+        value: id,
+        placeholder: "my-template",
+        onInput: (e) => setId(e.target.value),
+    })), h("div", { class: "hench-template-form-field" }, h("label", null, "Name"), h("input", {
+        type: "text",
+        value: name,
+        placeholder: "My Template",
+        onInput: (e) => setName(e.target.value),
+    })), h("div", { class: "hench-template-form-field" }, h("label", null, "Description"), h("input", {
+        type: "text",
+        value: description,
+        placeholder: "Brief description of this template",
+        onInput: (e) => setDescription(e.target.value),
+    })), h("div", { class: "hench-template-form-field" }, h("label", null, "Tags (comma-separated)"), h("input", {
+        type: "text",
+        value: tags,
+        placeholder: "fast, lightweight",
+        onInput: (e) => setTags(e.target.value),
+    })), error ? h("div", { class: "hench-template-form-error" }, error) : null, h("div", { class: "hench-template-form-actions" }, h("button", {
+        class: "hench-template-apply-btn",
+        onClick: handleSave,
+        disabled: saving || !id,
+    }, saving ? "Saving..." : "Save Template"), h("button", {
+        class: "hench-template-cancel-btn",
+        onClick: () => setOpen(false),
+    }, "Cancel")));
+}
+// ── Toast notification ───────────────────────────────────────────────
+function Toast({ message }) {
+    if (!message)
+        return null;
+    return h("div", { class: "hench-template-toast" }, h("span", { class: "hench-template-toast-icon" }, "\u2714"), h("span", null, message));
+}
+// ── Main view ────────────────────────────────────────────────────────
+export function HenchTemplatesView() {
+    const [templates, setTemplates] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [applying, setApplying] = useState(null);
+    const [saving, setSaving] = useState(false);
+    const [toast, setToast] = useState(null);
+    const showToast = useCallback((msg) => {
+        setToast(msg);
+        setTimeout(() => setToast(null), 3000);
+    }, []);
+    const fetchTemplates = useCallback(async () => {
+        try {
+            const res = await fetch("/api/hench/templates");
+            if (!res.ok) {
+                const body = await res.json().catch(() => ({ error: "Failed to load" }));
+                setError(body.error ?? "Failed to load templates");
+                return;
+            }
+            const json = await res.json();
+            setTemplates(json.templates);
+            setError(null);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to load templates");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        fetchTemplates();
+    }, [fetchTemplates]);
+    const handleApply = useCallback(async (id) => {
+        setApplying(id);
+        try {
+            const res = await fetch(`/api/hench/templates/${id}/apply`, { method: "POST" });
+            if (!res.ok) {
+                const body = await res.json().catch(() => ({ error: "Apply failed" }));
+                throw new Error(body.error ?? "Apply failed");
+            }
+            const result = await res.json();
+            showToast(`Applied template "${result.templateName}"`);
+        }
+        catch (err) {
+            showToast(`Error: ${err instanceof Error ? err.message : String(err)}`);
+        }
+        finally {
+            setApplying(null);
+        }
+    }, [showToast]);
+    const handleDelete = useCallback(async (id) => {
+        try {
+            const res = await fetch(`/api/hench/templates/${id}`, { method: "DELETE" });
+            if (!res.ok) {
+                const body = await res.json().catch(() => ({ error: "Delete failed" }));
+                throw new Error(body.error ?? "Delete failed");
+            }
+            showToast(`Deleted template "${id}"`);
+            await fetchTemplates();
+        }
+        catch (err) {
+            showToast(`Error: ${err instanceof Error ? err.message : String(err)}`);
+        }
+    }, [showToast, fetchTemplates]);
+    const handleSaveTemplate = useCallback(async (data) => {
+        setSaving(true);
+        try {
+            // First get current config to use as the template overlay
+            const configRes = await fetch("/api/hench/config");
+            if (!configRes.ok)
+                throw new Error("Failed to load current config");
+            const configJson = await configRes.json();
+            // Strip schema field from overlay
+            const { schema: _schema, ...overlay } = configJson.config;
+            const res = await fetch("/api/hench/templates", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    id: data.id,
+                    name: data.name,
+                    description: data.description,
+                    tags: data.tags.split(",").map((s) => s.trim()).filter(Boolean),
+                    config: overlay,
+                }),
+            });
+            if (!res.ok) {
+                const body = await res.json().catch(() => ({ error: "Save failed" }));
+                throw new Error(body.error ?? "Save failed");
+            }
+            showToast(`Saved template "${data.name || data.id}"`);
+            await fetchTemplates();
+        }
+        finally {
+            setSaving(false);
+        }
+    }, [showToast, fetchTemplates]);
+    if (loading) {
+        return h("div", { class: "hench-templates-container" }, h("div", { class: "loading" }, "Loading templates..."));
+    }
+    if (error) {
+        return h("div", { class: "hench-templates-container" }, h(BrandedHeader, { product: "hench", title: "Workflow Templates" }), h("div", { class: "hench-templates-error" }, h("p", null, error), h("p", { class: "hench-templates-error-hint" }, "Make sure ", h("code", null, ".hench/"), " exists. Run ", h("code", null, "hench init"), " to create it.")));
+    }
+    const builtIn = templates.filter((t) => t.builtIn);
+    const user = templates.filter((t) => !t.builtIn);
+    return h("div", { class: "hench-templates-container" }, h("div", { class: "hench-templates-header" }, h(BrandedHeader, { product: "hench", title: "Workflow Templates" }), h("p", { class: "hench-templates-subtitle" }, "Pre-configured workflow setups for common development patterns. Apply a template to quickly configure your agent.")), h(SaveTemplateForm, { onSave: handleSaveTemplate, saving }), builtIn.length > 0
+        ? h("div", { class: "hench-templates-section" }, h("h2", { class: "hench-templates-section-title" }, "Built-in Templates"), h("div", { class: "hench-templates-grid" }, ...builtIn.map((t) => h(TemplateCard, {
+            key: t.id,
+            template: t,
+            onApply: handleApply,
+            onDelete: handleDelete,
+            applying,
+        }))))
+        : null, user.length > 0
+        ? h("div", { class: "hench-templates-section" }, h("h2", { class: "hench-templates-section-title" }, "Custom Templates"), h("div", { class: "hench-templates-grid" }, ...user.map((t) => h(TemplateCard, {
+            key: t.id,
+            template: t,
+            onApply: handleApply,
+            onDelete: handleDelete,
+            applying,
+        }))))
+        : null, h(Toast, { message: toast }));
+}
+//# sourceMappingURL=hench-templates.js.map

package/packages/web/dist/viewer/views/hench-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hench-templates.js","sourceRoot":"","sources":["../../../src/viewer/views/hench-templates.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAmBvD,wEAAwE;AAExE,uEAAuE;AACvE,SAAS,aAAa,CAAC,GAA4B,EAAE,MAAM,GAAG,EAAE;IAC9D,MAAM,OAAO,GAAwB,EAAE,CAAC;IACxC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QAC/C,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QAC/C,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzE,OAAO,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,KAAgC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzE,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAc;IACvC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACrD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED,wEAAwE;AAExE,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAK5D;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,QAAQ,KAAK,QAAQ,CAAC,EAAE,CAAC;IAE5C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,EACjG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,EAAE,EACrF,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,EACjD,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC,EAC7D,QAAQ,CAAC,OAAO;QACd,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,EAAE,UAAU,CAAC;QACnE,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,QAAQ,CAAC,CAChE,EACD,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,QAAQ,CAAC,WAAW,CAAC,EACnE,QAAQ,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;QACtB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EACvC,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAC3B,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,GAAG,CAAC,CAC1D,CACF;QACH,CAAC,CAAC,IAAI,CACT,EAED,QAAQ;QACN,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAC9C,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;YAC1B,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAC5C,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,uBAAuB,CAAC,EACtC,CAAC,CAAC,IAAI,EAAE,IAAI,EACV,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CACjC,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CACxB,CACF,CACF;YACH,CAAC,CAAC,IAAI,EAER,aAAa,CAAC,MAAM,GAAG,CAAC;YACtB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EACzC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,kBAAkB,CAAC,EACjC,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EACjD,CAAC,CAAC,OAAO,EAAE,IAAI,EACb,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CACpC,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,EACb,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,GAAG,CAAC,EACpD,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAC5E,CACF,CACF,CACF,CACF;YACH,CAAC,CAAC,IAAI,EAER,QAAQ,CAAC,SAAS;YAChB,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EACxC,WAAW,EACX,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,kBAAkB,EAAE,CAClD;YACH,CAAC,CAAC,IAAI,CACT;QACH,CAAC,CAAC,IAAI,EAER,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAC/C,CAAC,CAAC,QAAQ,EAAE;QACV,KAAK,EAAE,2BAA2B;QAClC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;KACtC,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EACjC,CAAC,CAAC,QAAQ,EAAE;QACV,KAAK,EAAE,0BAA0B;QACjC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,QAAQ,EAAE,UAAU;KACrB,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,EACxC,CAAC,QAAQ,CAAC,OAAO;QACf,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;YACV,KAAK,EAAE,2BAA2B;YAClC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;SACrC,EAAE,QAAQ,CAAC;QACd,CAAC,CAAC,IAAI,CACT,CACF,CAAC;AACJ,CAAC;AAED,wEAAwE;AAExE,SAAS,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,EAGzC;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC;YACxC,QAAQ,CAAC,qEAAqE,CAAC,CAAC;YAChF,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,MAAM,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1D,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,KAAK,CAAC,EAAE,CAAC,CAAC;YACV,OAAO,CAAC,EAAE,CAAC,CAAC;YACZ,cAAc,CAAC,EAAE,CAAC,CAAC;YACnB,OAAO,CAAC,EAAE,CAAC,CAAC;QACd,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE1C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,CAAC,QAAQ,EAAE;YACjB,KAAK,EAAE,iCAAiC;YACxC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;SAC7B,EAAE,iCAAiC,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EACnD,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,iCAAiC,CAAC,EAChD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAC7C,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,EAC/B,CAAC,CAAC,OAAO,EAAE;QACT,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;KACnE,CAAC,CACH,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAC7C,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,EACxB,CAAC,CAAC,OAAO,EAAE;QACT,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,OAAO,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;KACrE,CAAC,CACH,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAC7C,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,EAC/B,CAAC,CAAC,OAAO,EAAE;QACT,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,oCAAoC;QACjD,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,cAAc,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;KAC5E,CAAC,CACH,EACD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAC7C,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,wBAAwB,CAAC,EAC1C,CAAC,CAAC,OAAO,EAAE;QACT,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,mBAAmB;QAChC,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,OAAO,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;KACrE,CAAC,CACH,EACD,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACtE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAC/C,CAAC,CAAC,QAAQ,EAAE;QACV,KAAK,EAAE,0BAA0B;QACjC,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,MAAM,IAAI,CAAC,EAAE;KACxB,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,EAC1C,CAAC,CAAC,QAAQ,EAAE;QACV,KAAK,EAAE,2BAA2B;QAClC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;KAC9B,EAAE,QAAQ,CAAC,CACb,CACF,CAAC;AACJ,CAAC;AAED,wEAAwE;AAExE,SAAS,KAAK,CAAC,EAAE,OAAO,EAA8B;IACpD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAC1B,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAC/C,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,QAAQ,CAAC,EAC3D,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CACzB,CAAC;AACJ,CAAC;AAED,wEAAwE;AAExE,MAAM,UAAU,kBAAkB;IAChC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,EAAE;QAC5C,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC5C,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,sBAAsB,CAAC,CAAC;YAChD,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;gBACzE,QAAQ,CAAE,IAA2B,CAAC,KAAK,IAAI,0BAA0B,CAAC,CAAC;gBAC3E,OAAO;YACT,CAAC;YACD,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAuB,CAAC;YACnD,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC7B,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC;QAC5E,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,EAAE,EAAU,EAAE,EAAE;QACnD,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,wBAAwB,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;YAChF,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC;gBACvE,MAAM,IAAI,KAAK,CAAE,IAA2B,CAAC,KAAK,IAAI,cAAc,CAAC,CAAC;YACxE,CAAC;YACD,MAAM,MAAM,GAAG,MAAM,GAAG,CAAC,IAAI,EAA8B,CAAC;YAC5D,SAAS,CAAC,qBAAqB,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC;QACzD,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,SAAS,CAAC,UAAU,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC1E,CAAC;gBAAS,CAAC;YACT,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,EAAU,EAAE,EAAE;QACpD,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,wBAAwB,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;YAC5E,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;gBACxE,MAAM,IAAI,KAAK,CAAE,IAA2B,CAAC,KAAK,IAAI,eAAe,CAAC,CAAC;YACzE,CAAC;YACD,SAAS,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;YACtC,MAAM,cAAc,EAAE,CAAC;QACzB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,SAAS,CAAC,UAAU,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhC,MAAM,kBAAkB,GAAG,WAAW,CAAC,KAAK,EAAE,IAAqE,EAAE,EAAE;QACrH,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,IAAI,CAAC;YACH,0DAA0D;YAC1D,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,mBAAmB,CAAC,CAAC;YACnD,IAAI,CAAC,SAAS,CAAC,EAAE;gBAAE,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;YACpE,MAAM,UAAU,GAAG,MAAM,SAAS,CAAC,IAAI,EAAyC,CAAC;YAEjF,kCAAkC;YAClC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC;YAE1D,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,sBAAsB,EAAE;gBAC9C,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,WAAW,EAAE,IAAI,CAAC,WAAW;oBAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;oBAC/D,MAAM,EAAE,OAAO;iBAChB,CAAC;aACH,CAAC,CAAC;YAEH,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;gBACtE,MAAM,IAAI,KAAK,CAAE,IAA2B,CAAC,KAAK,IAAI,aAAa,CAAC,CAAC;YACvE,CAAC;YAED,SAAS,CAAC,mBAAmB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;YACtD,MAAM,cAAc,EAAE,CAAC;QACzB,CAAC;gBAAS,CAAC;YACT,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EACpD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,sBAAsB,CAAC,CACvD,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EACpD,CAAC,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC,EACnE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EACzC,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,EACnB,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAC5C,YAAY,EACZ,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,EAC1B,eAAe,EACf,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,YAAY,CAAC,EAC7B,gBAAgB,CACjB,CACF,CACF,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEjD,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EACpD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAC1C,CAAC,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC,EACnE,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAC1C,mHAAmH,CACpH,CACF,EAED,CAAC,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,CAAC,EAE3D,OAAO,CAAC,MAAM,GAAG,CAAC;QAChB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAC3C,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,EAAE,oBAAoB,CAAC,EACzE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACxC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACnB,CAAC,CAAC,YAAY,EAAE;YACd,GAAG,EAAE,CAAC,CAAC,EAAE;YACT,QAAQ,EAAE,CAAC;YACX,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,YAAY;YACtB,QAAQ;SACT,CAAC,CACH,CACF,CACF;QACH,CAAC,CAAC,IAAI,EAER,IAAI,CAAC,MAAM,GAAG,CAAC;QACb,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAC3C,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,EAAE,kBAAkB,CAAC,EACvE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACxC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAChB,CAAC,CAAC,YAAY,EAAE;YACd,GAAG,EAAE,CAAC,CAAC,EAAE;YACT,QAAQ,EAAE,CAAC;YACX,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,YAAY;YACtB,QAAQ;SACT,CAAC,CACH,CACF,CACF;QACH,CAAC,CAAC,IAAI,EAER,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAC7B,CAAC;AACJ,CAAC"}

package/packages/web/dist/viewer/views/integration-config.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Generic Integration Configuration view — dynamic form generation
+ * based on integration schemas.
+ *
+ * This view lists all available integrations and generates configuration
+ * forms dynamically from their schema definitions. It replaces the need
+ * for per-integration hardcoded configuration views (though existing
+ * views like NotionConfigView continue to work for backward compatibility).
+ *
+ * Data comes from:
+ *   GET    /api/integrations                — list available integrations
+ *   GET    /api/integrations/:id/schema     — get schema for one integration
+ *   GET    /api/integrations/:id/config     — current config (masked)
+ *   PUT    /api/integrations/:id/config     — save credentials
+ *   DELETE /api/integrations/:id/config     — remove config
+ */
+interface FieldValidationRule {
+    type: "pattern" | "minLength" | "maxLength" | "min" | "max" | "custom";
+    pattern?: string;
+    minLength?: number;
+    maxLength?: number;
+    min?: number;
+    max?: number;
+    validator?: string;
+    message: string;
+}
+interface FieldSelectOption {
+    label: string;
+    value: string;
+    description?: string;
+}
+interface IntegrationFieldSchema {
+    required: boolean;
+    description: string;
+    sensitive?: boolean;
+    label?: string;
+    inputType?: string;
+    placeholder?: string;
+    helpText?: string;
+    docUrl?: string;
+    docLabel?: string;
+    defaultValue?: string | number | boolean;
+    validationRules?: FieldValidationRule[];
+    options?: FieldSelectOption[];
+    group?: string;
+    order?: number;
+}
+interface IntegrationFieldGroup {
+    label: string;
+    icon?: string;
+    order?: number;
+    description?: string;
+}
+interface IntegrationSchema {
+    id: string;
+    name: string;
+    description: string;
+    icon?: string;
+    docsUrl?: string;
+    setupGuide?: string[];
+    fields: Record<string, IntegrationFieldSchema>;
+    groups?: Record<string, IntegrationFieldGroup>;
+    supportsConnectionTest?: boolean;
+    supportsSchemaValidation?: boolean;
+    builtIn?: boolean;
+}
+export declare function IntegrationConfigView(): import("preact").VNode<import("preact").Attributes & {
+    schema: IntegrationSchema;
+    onBack: () => void;
+}> | import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}>;
+export {};