@truefoundry/trueforge-ui 0.0.0 → 0.1.0-rc.0

package/dist/SkillSettings-MXK4ZEI7.js

@@ -0,0 +1,389 @@
+"use client";
+import {
+  Button,
+  CenteredModal,
+  SearchInput_default,
+  auiInputClass,
+  getErrorMessage,
+  useToasterOptional
+} from "./chunk-XSHXH6EI.js";
+import {
+  Icon,
+  useCatalogServer
+} from "./chunk-UHGSHDBM.js";
+import "./chunk-42GF723P.js";
+import "./chunk-UBOFEI77.js";
+
+// src/containers/SettingsBuilder/SkillSettings.tsx
+import { useCallback, useEffect, useMemo, useState as useState2 } from "react";
+
+// src/containers/SettingsBuilder/ImportGithubSkillForm.tsx
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ImportGithubSkillForm = ({ open, onOpenChange, onImport, busy = false, error }) => {
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+  const [repoURL, setRepoURL] = useState("");
+  const [path, setPath] = useState("");
+  const [ref, setRef] = useState("");
+  const reset = () => {
+    setName("");
+    setDescription("");
+    setRepoURL("");
+    setPath("");
+    setRef("");
+  };
+  const close = () => {
+    reset();
+    onOpenChange(false);
+  };
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    if (!name.trim() || !description.trim() || !repoURL.trim() || !path.trim() || !ref.trim() || busy) return;
+    try {
+      await onImport({
+        name: name.trim(),
+        description: description.trim(),
+        repoURL: repoURL.trim(),
+        path: path.trim(),
+        ref: ref.trim()
+      });
+      close();
+    } catch {
+    }
+  };
+  const canImport = Boolean(name.trim() && description.trim() && repoURL.trim() && path.trim() && ref.trim()) && !busy;
+  return /* @__PURE__ */ jsx(
+    CenteredModal,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!nextOpen) close();
+      },
+      title: "Import from GitHub",
+      description: "Import a skill from a SKILL.md file in a GitHub repository.",
+      headerIcon: /* @__PURE__ */ jsx("span", { className: "flex size-11 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg text-text-primary", children: /* @__PURE__ */ jsx(Icon, { name: "github", className: "size-5" }) }),
+      contentSized: true,
+      className: "md:max-w-2xl",
+      children: /* @__PURE__ */ jsx("form", { onSubmit: (e) => void handleSubmit(e), children: /* @__PURE__ */ jsxs("div", { className: "space-y-5 px-5 py-5 md:px-6", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "skill-name", className: "mb-2 block text-sm font-semibold text-text-primary", children: "Name" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "skill-name",
+              value: name,
+              onChange: (event) => {
+                setName(event.target.value);
+              },
+              placeholder: "release-notes",
+              autoFocus: true,
+              required: true,
+              className: auiInputClass("h-11")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "skill-description", className: "mb-2 block text-sm font-semibold text-text-primary", children: "Description" }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              id: "skill-description",
+              value: description,
+              onChange: (event) => {
+                setDescription(event.target.value);
+              },
+              placeholder: "Generate release notes from merged pull requests",
+              required: true,
+              rows: 3,
+              className: auiInputClass("resize-y py-2.5")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "skill-repo-url", className: "mb-2 block text-sm font-semibold text-text-primary", children: "Repository URL" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "skill-repo-url",
+              type: "url",
+              value: repoURL,
+              onChange: (event) => {
+                setRepoURL(event.target.value);
+              },
+              placeholder: "https://github.com/org/repo",
+              required: true,
+              className: auiInputClass("h-11")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "skill-path", className: "mb-2 block text-sm font-semibold text-text-primary", children: "Folder containing the SKILL.md" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "skill-path",
+              value: path,
+              onChange: (event) => {
+                setPath(event.target.value);
+              },
+              placeholder: "skills/release-notes",
+              required: true,
+              className: auiInputClass("h-11")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "skill-ref", className: "mb-2 block text-sm font-semibold text-text-primary", children: "Branch" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "skill-ref",
+              value: ref,
+              onChange: (event) => {
+                setRef(event.target.value);
+              },
+              placeholder: "main",
+              required: true,
+              className: auiInputClass("h-11")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          error ? /* @__PURE__ */ jsx("p", { className: "text-failure-bg text-sm", children: error }) : null,
+          /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !canImport, className: "w-full", children: "Import" })
+        ] })
+      ] }) })
+    }
+  );
+};
+var ImportGithubSkillForm_default = ImportGithubSkillForm;
+
+// src/containers/SettingsBuilder/SkillSettings.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var matchesQuery = (query, name, description) => !query || name.toLowerCase().includes(query) || description.toLowerCase().includes(query);
+var isRegistrySkill = (skill) => "catalogId" in skill;
+var SkillSettings = () => {
+  const { skillCatalog } = useCatalogServer();
+  const toaster = useToasterOptional();
+  const [query, setQuery] = useState2("");
+  const [skills, setSkills] = useState2([]);
+  const [catalog, setCatalog] = useState2([]);
+  const [loading, setLoading] = useState2(true);
+  const [error, setError] = useState2(null);
+  const [formError, setFormError] = useState2(null);
+  const [busy, setBusy] = useState2(false);
+  const [importOpen, setImportOpen] = useState2(false);
+  const refresh = useCallback(async () => {
+    if (!skillCatalog) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const [defined, available] = await Promise.all([skillCatalog.listSkills(), skillCatalog.getSkillCatalog()]);
+      setSkills(defined);
+      setCatalog(available);
+    } catch (err) {
+      setError(getErrorMessage(err, "Failed to load skills"));
+    } finally {
+      setLoading(false);
+    }
+  }, [skillCatalog]);
+  useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  const normalizedQuery = query.trim().toLowerCase();
+  const selectedSkills = useMemo(
+    () => skills.filter((skill) => matchesQuery(normalizedQuery, skill.name, skill.description)),
+    [skills, normalizedQuery]
+  );
+  const availableSkills = useMemo(() => {
+    const selectedCatalogIds = new Set(skills.flatMap((skill) => isRegistrySkill(skill) ? [skill.catalogId] : []));
+    return catalog.filter(
+      (entry) => !selectedCatalogIds.has(entry.id) && matchesQuery(normalizedQuery, entry.name, entry.description)
+    );
+  }, [catalog, skills, normalizedQuery]);
+  const runMutation = async (fn, setMutationError = setError) => {
+    setBusy(true);
+    setError(null);
+    try {
+      await fn();
+      await refresh();
+    } catch (err) {
+      setMutationError(getErrorMessage(err, "Request failed"));
+      throw err;
+    } finally {
+      setBusy(false);
+    }
+  };
+  if (!skillCatalog) {
+    return /* @__PURE__ */ jsx2("p", { className: "text-sm text-text-secondary", children: "Skills catalog is not available." });
+  }
+  const handleSelect = (entry) => {
+    void runMutation(async () => {
+      await skillCatalog.createSkill({
+        catalogId: entry.id,
+        name: entry.name,
+        description: entry.description,
+        repoURL: entry.repoURL,
+        path: entry.path,
+        ref: entry.ref
+      });
+    }).catch(() => {
+    });
+  };
+  const handleRemove = (skill) => {
+    const deleteSkill = skillCatalog.deleteSkill;
+    if (!deleteSkill) return;
+    void runMutation(async () => {
+      await deleteSkill({ id: skill.id });
+    }).catch(() => {
+    });
+  };
+  const handleImport = async (draft) => {
+    setFormError(null);
+    await runMutation(async () => {
+      await skillCatalog.createSkill(draft);
+    }, setFormError);
+    setTimeout(() => {
+      toaster?.showSuccess({ title: `${draft.name} imported` });
+    }, 0);
+  };
+  const renderRow = ({
+    key,
+    name,
+    description,
+    action
+  }) => /* @__PURE__ */ jsxs2("article", { className: "flex min-h-16 items-center gap-3 border-b border-border p-3 last:border-b-0", children: [
+    /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: "flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg",
+        "aria-hidden": true,
+        children: /* @__PURE__ */ jsx2(Icon, { name: "lightbulb", className: "size-4.5 text-text-primary" })
+      }
+    ),
+    /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx2("h5", { className: "truncate text-sm font-medium text-text-primary", children: name }),
+      description ? /* @__PURE__ */ jsx2("p", { className: "mt-0.5 truncate text-sm text-text-secondary", children: description }) : null
+    ] }),
+    action
+  ] }, key);
+  const hasMatches = selectedSkills.length > 0 || availableSkills.length > 0;
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("h3", { className: "text-xl font-semibold tracking-tight text-text-primary", children: "Skills" }),
+    /* @__PURE__ */ jsx2("p", { className: "mt-1 text-sm text-text-secondary", children: "Use built-in skills or import custom skills from GitHub." }),
+    error ? /* @__PURE__ */ jsx2("p", { className: "mt-3 rounded-md border border-failure-bg/30 bg-failure-bg/10 px-3 py-2 text-sm text-failure-bg", children: error }) : null,
+    /* @__PURE__ */ jsxs2("div", { className: "mt-4 flex min-h-0 flex-1 flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+        /* @__PURE__ */ jsx2("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx2(SearchInput_default, { query, setQuery, placeholder: "Search skills" }) }),
+        /* @__PURE__ */ jsxs2(
+          Button,
+          {
+            variant: "secondary",
+            type: "button",
+            className: "shrink-0",
+            disabled: busy,
+            onClick: () => {
+              setFormError(null);
+              setImportOpen(true);
+            },
+            children: [
+              /* @__PURE__ */ jsx2(Icon, { name: "github", className: "size-4" }),
+              "Import from GitHub"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col gap-5 overflow-y-auto pb-1", children: [
+        loading ? /* @__PURE__ */ jsx2("p", { className: "py-8 text-center text-sm text-text-secondary", children: "Loading\u2026" }) : null,
+        !loading && selectedSkills.length > 0 ? /* @__PURE__ */ jsxs2("section", { "aria-labelledby": "enabled-skills-heading", children: [
+          /* @__PURE__ */ jsxs2(
+            "h4",
+            {
+              id: "enabled-skills-heading",
+              className: "mb-2 text-[0.8125rem] font-semibold uppercase text-text-secondary",
+              children: [
+                "Enabled \xB7 ",
+                selectedSkills.length
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx2("div", { className: "overflow-hidden rounded-xl border border-border bg-card-bg", children: selectedSkills.map(
+            (skill) => renderRow({
+              key: skill.id,
+              name: skill.name,
+              description: skill.description,
+              action: skillCatalog.deleteSkill ? /* @__PURE__ */ jsx2(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  type: "button",
+                  disabled: busy,
+                  "aria-label": `Remove ${skill.name}`,
+                  onClick: () => {
+                    handleRemove(skill);
+                  },
+                  children: "Remove"
+                }
+              ) : null
+            })
+          ) })
+        ] }) : null,
+        !loading && availableSkills.length > 0 ? /* @__PURE__ */ jsxs2("section", { "aria-labelledby": "available-skills-heading", children: [
+          /* @__PURE__ */ jsxs2(
+            "h4",
+            {
+              id: "available-skills-heading",
+              className: "mb-2 text-[0.8125rem] font-semibold uppercase text-text-secondary",
+              children: [
+                "Available \xB7 ",
+                availableSkills.length
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx2("div", { className: "overflow-hidden rounded-xl border border-border bg-card-bg", children: availableSkills.map(
+            (entry) => renderRow({
+              key: entry.id,
+              name: entry.name,
+              description: entry.description,
+              action: /* @__PURE__ */ jsx2(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  type: "button",
+                  disabled: busy,
+                  "aria-label": `Enable ${entry.name}`,
+                  onClick: () => {
+                    handleSelect(entry);
+                  },
+                  children: "Enable"
+                }
+              )
+            })
+          ) })
+        ] }) : null,
+        !loading && !hasMatches ? /* @__PURE__ */ jsx2("div", { className: "flex flex-1 items-center justify-center rounded-xl border border-dashed border-border p-8 text-center text-sm text-text-secondary", children: normalizedQuery ? `No skills match \u201C${query.trim()}\u201D.` : "No skills yet." }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2(
+      ImportGithubSkillForm_default,
+      {
+        open: importOpen,
+        onOpenChange: (open) => {
+          setImportOpen(open);
+          if (!open) setFormError(null);
+        },
+        onImport: handleImport,
+        busy,
+        error: formError
+      }
+    )
+  ] });
+};
+var SkillSettings_default = SkillSettings;
+export {
+  SkillSettings_default as default
+};
+//# sourceMappingURL=SkillSettings-MXK4ZEI7.js.map

package/dist/SkillSettings-MXK4ZEI7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/containers/SettingsBuilder/SkillSettings.tsx","../src/containers/SettingsBuilder/ImportGithubSkillForm.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useState, type ReactNode } from 'react';\n\nimport { Button } from '@/atoms/primitives/Button.js';\nimport SearchInput from '@/atoms/primitives/SearchInput.js';\nimport { Icon } from '@/icons/Icon.js';\nimport { useCatalogServer } from '../../server/ServerContext.js';\nimport type { RegistrySkill, SkillBase, SkillCatalogEntry, SkillConfigBase } from '../../server/types.js';\nimport { getErrorMessage } from '../../utils/getErrorMessage.js';\nimport { useToasterOptional } from '../ToasterContainer.js';\nimport ImportGithubSkillForm from './ImportGithubSkillForm.js';\n\nconst matchesQuery = (query: string, name: string, description: string) =>\n  !query || name.toLowerCase().includes(query) || description.toLowerCase().includes(query);\n\nconst isRegistrySkill = (skill: SkillBase): skill is RegistrySkill => 'catalogId' in skill;\n\nconst SkillSettings = () => {\n  const { skillCatalog } = useCatalogServer();\n  const toaster = useToasterOptional();\n\n  const [query, setQuery] = useState('');\n  const [skills, setSkills] = useState<SkillBase[]>([]);\n  const [catalog, setCatalog] = useState<SkillCatalogEntry[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [formError, setFormError] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const [importOpen, setImportOpen] = useState(false);\n\n  const refresh = useCallback(async () => {\n    if (!skillCatalog) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const [defined, available] = await Promise.all([skillCatalog.listSkills(), skillCatalog.getSkillCatalog()]);\n      setSkills(defined);\n      setCatalog(available);\n    } catch (err) {\n      setError(getErrorMessage(err, 'Failed to load skills'));\n    } finally {\n      setLoading(false);\n    }\n  }, [skillCatalog]);\n\n  useEffect(() => {\n    void refresh();\n  }, [refresh]);\n\n  const normalizedQuery = query.trim().toLowerCase();\n\n  const selectedSkills = useMemo(\n    () => skills.filter(skill => matchesQuery(normalizedQuery, skill.name, skill.description)),\n    [skills, normalizedQuery],\n  );\n\n  const availableSkills = useMemo(() => {\n    const selectedCatalogIds = new Set(skills.flatMap(skill => (isRegistrySkill(skill) ? [skill.catalogId] : [])));\n    return catalog.filter(\n      entry => !selectedCatalogIds.has(entry.id) && matchesQuery(normalizedQuery, entry.name, entry.description),\n    );\n  }, [catalog, skills, normalizedQuery]);\n\n  const runMutation = async (fn: () => Promise<void>, setMutationError = setError) => {\n    setBusy(true);\n    setError(null);\n    try {\n      await fn();\n      await refresh();\n    } catch (err) {\n      setMutationError(getErrorMessage(err, 'Request failed'));\n      throw err;\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  if (!skillCatalog) {\n    return <p className=\"text-sm text-text-secondary\">Skills catalog is not available.</p>;\n  }\n\n  const handleSelect = (entry: SkillCatalogEntry) => {\n    void runMutation(async () => {\n      await skillCatalog.createSkill({\n        catalogId: entry.id,\n        name: entry.name,\n        description: entry.description,\n        repoURL: entry.repoURL,\n        path: entry.path,\n        ref: entry.ref,\n      });\n    }).catch(() => {});\n  };\n\n  const handleRemove = (skill: SkillBase) => {\n    const deleteSkill = skillCatalog.deleteSkill;\n    if (!deleteSkill) return;\n    void runMutation(async () => {\n      await deleteSkill({ id: skill.id });\n    }).catch(() => {});\n  };\n\n  const handleImport = async (draft: SkillConfigBase) => {\n    setFormError(null);\n    await runMutation(async () => {\n      await skillCatalog.createSkill(draft);\n    }, setFormError);\n    setTimeout(() => {\n      toaster?.showSuccess({ title: `${draft.name} imported` });\n    }, 0);\n  };\n\n  const renderRow = ({\n    key,\n    name,\n    description,\n    action,\n  }: {\n    key: string;\n    name: string;\n    description: string;\n    action: ReactNode;\n  }) => (\n    <article key={key} className=\"flex min-h-16 items-center gap-3 border-b border-border p-3 last:border-b-0\">\n      <span\n        className=\"flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg\"\n        aria-hidden\n      >\n        <Icon name=\"lightbulb\" className=\"size-4.5 text-text-primary\" />\n      </span>\n\n      <div className=\"min-w-0 flex-1\">\n        <h5 className=\"truncate text-sm font-medium text-text-primary\">{name}</h5>\n        {description ? <p className=\"mt-0.5 truncate text-sm text-text-secondary\">{description}</p> : null}\n      </div>\n\n      {action}\n    </article>\n  );\n\n  const hasMatches = selectedSkills.length > 0 || availableSkills.length > 0;\n\n  return (\n    <>\n      <h3 className=\"text-xl font-semibold tracking-tight text-text-primary\">Skills</h3>\n      <p className=\"mt-1 text-sm text-text-secondary\">Use built-in skills or import custom skills from GitHub.</p>\n\n      {error ? (\n        <p className=\"mt-3 rounded-md border border-failure-bg/30 bg-failure-bg/10 px-3 py-2 text-sm text-failure-bg\">\n          {error}\n        </p>\n      ) : null}\n\n      <div className=\"mt-4 flex min-h-0 flex-1 flex-col gap-3\">\n        <div className=\"flex flex-col gap-2 sm:flex-row\">\n          <div className=\"min-w-0 flex-1\">\n            <SearchInput query={query} setQuery={setQuery} placeholder=\"Search skills\" />\n          </div>\n          <Button\n            variant=\"secondary\"\n            type=\"button\"\n            className=\"shrink-0\"\n            disabled={busy}\n            onClick={() => {\n              setFormError(null);\n              setImportOpen(true);\n            }}\n          >\n            <Icon name=\"github\" className=\"size-4\" />\n            Import from GitHub\n          </Button>\n        </div>\n\n        <div className=\"flex flex-1 flex-col gap-5 overflow-y-auto pb-1\">\n          {loading ? <p className=\"py-8 text-center text-sm text-text-secondary\">Loading…</p> : null}\n\n          {!loading && selectedSkills.length > 0 ? (\n            <section aria-labelledby=\"enabled-skills-heading\">\n              <h4\n                id=\"enabled-skills-heading\"\n                className=\"mb-2 text-[0.8125rem] font-semibold uppercase text-text-secondary\"\n              >\n                Enabled · {selectedSkills.length}\n              </h4>\n              <div className=\"overflow-hidden rounded-xl border border-border bg-card-bg\">\n                {selectedSkills.map(skill =>\n                  renderRow({\n                    key: skill.id,\n                    name: skill.name,\n                    description: skill.description,\n                    action: skillCatalog.deleteSkill ? (\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        type=\"button\"\n                        disabled={busy}\n                        aria-label={`Remove ${skill.name}`}\n                        onClick={() => {\n                          handleRemove(skill);\n                        }}\n                      >\n                        Remove\n                      </Button>\n                    ) : null,\n                  }),\n                )}\n              </div>\n            </section>\n          ) : null}\n\n          {!loading && availableSkills.length > 0 ? (\n            <section aria-labelledby=\"available-skills-heading\">\n              <h4\n                id=\"available-skills-heading\"\n                className=\"mb-2 text-[0.8125rem] font-semibold uppercase text-text-secondary\"\n              >\n                Available · {availableSkills.length}\n              </h4>\n              <div className=\"overflow-hidden rounded-xl border border-border bg-card-bg\">\n                {availableSkills.map(entry =>\n                  renderRow({\n                    key: entry.id,\n                    name: entry.name,\n                    description: entry.description,\n                    action: (\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        type=\"button\"\n                        disabled={busy}\n                        aria-label={`Enable ${entry.name}`}\n                        onClick={() => {\n                          handleSelect(entry);\n                        }}\n                      >\n                        Enable\n                      </Button>\n                    ),\n                  }),\n                )}\n              </div>\n            </section>\n          ) : null}\n\n          {!loading && !hasMatches ? (\n            <div className=\"flex flex-1 items-center justify-center rounded-xl border border-dashed border-border p-8 text-center text-sm text-text-secondary\">\n              {normalizedQuery ? `No skills match “${query.trim()}”.` : 'No skills yet.'}\n            </div>\n          ) : null}\n        </div>\n      </div>\n\n      <ImportGithubSkillForm\n        open={importOpen}\n        onOpenChange={open => {\n          setImportOpen(open);\n          if (!open) setFormError(null);\n        }}\n        onImport={handleImport}\n        busy={busy}\n        error={formError}\n      />\n    </>\n  );\n};\n\nexport default SkillSettings;\n","'use client';\n\nimport { useState, type SyntheticEvent } from 'react';\n\nimport { auiInputClass } from '@/atoms/lib/inputClasses.js';\nimport { Button } from '@/atoms/primitives/Button.js';\nimport { CenteredModal } from '@/atoms/primitives/CenteredModal.js';\nimport { Icon } from '@/icons/Icon.js';\nimport type { SkillConfigBase } from '../../server/types.js';\n\ntype ImportGithubSkillFormProps = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onImport: (draft: SkillConfigBase) => void | Promise<void>;\n  busy?: boolean;\n  error?: string | null;\n};\n\nconst ImportGithubSkillForm = ({ open, onOpenChange, onImport, busy = false, error }: ImportGithubSkillFormProps) => {\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [repoURL, setRepoURL] = useState('');\n  const [path, setPath] = useState('');\n  const [ref, setRef] = useState('');\n\n  const reset = () => {\n    setName('');\n    setDescription('');\n    setRepoURL('');\n    setPath('');\n    setRef('');\n  };\n\n  const close = () => {\n    reset();\n    onOpenChange(false);\n  };\n\n  const handleSubmit = async (event: SyntheticEvent<HTMLFormElement, SubmitEvent>) => {\n    event.preventDefault();\n    if (!name.trim() || !description.trim() || !repoURL.trim() || !path.trim() || !ref.trim() || busy) return;\n\n    try {\n      await onImport({\n        name: name.trim(),\n        description: description.trim(),\n        repoURL: repoURL.trim(),\n        path: path.trim(),\n        ref: ref.trim(),\n      });\n      close();\n    } catch {\n      // Parent surfaces error; keep form open.\n    }\n  };\n\n  const canImport = Boolean(name.trim() && description.trim() && repoURL.trim() && path.trim() && ref.trim()) && !busy;\n\n  return (\n    <CenteredModal\n      open={open}\n      onOpenChange={nextOpen => {\n        if (!nextOpen) close();\n      }}\n      title=\"Import from GitHub\"\n      description=\"Import a skill from a SKILL.md file in a GitHub repository.\"\n      headerIcon={\n        <span className=\"flex size-11 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg text-text-primary\">\n          <Icon name=\"github\" className=\"size-5\" />\n        </span>\n      }\n      contentSized\n      className=\"md:max-w-2xl\"\n    >\n      <form onSubmit={e => void handleSubmit(e)}>\n        <div className=\"space-y-5 px-5 py-5 md:px-6\">\n          <div>\n            <label htmlFor=\"skill-name\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Name\n            </label>\n            <input\n              id=\"skill-name\"\n              value={name}\n              onChange={event => {\n                setName(event.target.value);\n              }}\n              placeholder=\"release-notes\"\n              autoFocus\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-description\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Description\n            </label>\n            <textarea\n              id=\"skill-description\"\n              value={description}\n              onChange={event => {\n                setDescription(event.target.value);\n              }}\n              placeholder=\"Generate release notes from merged pull requests\"\n              required\n              rows={3}\n              className={auiInputClass('resize-y py-2.5')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-repo-url\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Repository URL\n            </label>\n            <input\n              id=\"skill-repo-url\"\n              type=\"url\"\n              value={repoURL}\n              onChange={event => {\n                setRepoURL(event.target.value);\n              }}\n              placeholder=\"https://github.com/org/repo\"\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-path\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Folder containing the SKILL.md\n            </label>\n            <input\n              id=\"skill-path\"\n              value={path}\n              onChange={event => {\n                setPath(event.target.value);\n              }}\n              placeholder=\"skills/release-notes\"\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-ref\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Branch\n            </label>\n            <input\n              id=\"skill-ref\"\n              value={ref}\n              onChange={event => {\n                setRef(event.target.value);\n              }}\n              placeholder=\"main\"\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            {error ? <p className=\"text-failure-bg text-sm\">{error}</p> : null}\n            <Button type=\"submit\" disabled={!canImport} className=\"w-full\">\n              Import\n            </Button>\n          </div>\n        </div>\n      </form>\n    </CenteredModal>\n  );\n};\n\nexport default ImportGithubSkillForm;\n"],"mappings":"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","names":["useState","jsx","jsxs","useState"]}

package/dist/WidgetLayout-7MDOKLHU.js

@@ -0,0 +1,101 @@
+"use client";
+import {
+  StackChatPanel
+} from "./chunk-NBMP2XNL.js";
+import "./chunk-WFC3W4C3.js";
+import "./chunk-UXZOL5GO.js";
+import "./chunk-M6MHLVSO.js";
+import {
+  useSlot
+} from "./chunk-XSHXH6EI.js";
+import {
+  CompactLayoutProvider,
+  Icon,
+  auiButtonClass
+} from "./chunk-UHGSHDBM.js";
+import "./chunk-42GF723P.js";
+import {
+  cn
+} from "./chunk-UBOFEI77.js";
+
+// src/layouts/WidgetLayout.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function WidgetLayout({ className }) {
+  const BrandLogo = useSlot("BrandLogo");
+  const [open, setOpen] = useState(false);
+  const fabRef = useRef(null);
+  const dialogRef = useRef(null);
+  const wasOpen = useRef(false);
+  useEffect(() => {
+    if (!open) return;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape" && !dialogRef.current?.querySelector("dialog[open]")) {
+        setOpen(false);
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [open]);
+  useEffect(() => {
+    if (open) {
+      wasOpen.current = true;
+      dialogRef.current?.focus();
+      return;
+    }
+    if (wasOpen.current) {
+      fabRef.current?.focus();
+      wasOpen.current = false;
+    }
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("pointer-events-none relative h-full min-h-0 w-full", className), children: [
+    open ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: dialogRef,
+        "data-aui-compact-layout": true,
+        className: "pointer-events-auto absolute right-[max(1.25rem,env(safe-area-inset-right,0px))] bottom-[calc(5.25rem+env(safe-area-inset-bottom,0px))] z-[19] flex h-[min(560px,calc(100%-6.5rem-env(safe-area-inset-bottom,0px)))] max-h-[calc(100%-6.5rem)] w-[min(380px,calc(100%-2.5rem))] flex-col overflow-hidden rounded-xl border border-border bg-primary-bg shadow-[0_16px_48px_color-mix(in_oklab,var(--shadow-color)_14%,transparent)] outline-none",
+        role: "dialog",
+        "aria-modal": true,
+        "aria-label": "Chat",
+        tabIndex: -1,
+        children: /* @__PURE__ */ jsx(CompactLayoutProvider, { children: /* @__PURE__ */ jsx(
+          StackChatPanel,
+          {
+            threadHeaderEnd: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Close",
+                title: "Close",
+                className: auiButtonClass({ variant: "ghost", size: "icon" }),
+                onClick: () => setOpen(false),
+                children: /* @__PURE__ */ jsx(Icon, { name: "xmark" })
+              }
+            )
+          }
+        ) })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: fabRef,
+        type: "button",
+        className: "pointer-events-auto absolute right-[max(1.25rem,env(safe-area-inset-right,0px))] bottom-[max(1.25rem,env(safe-area-inset-bottom,0px))] z-20 flex size-14 cursor-pointer items-center justify-center rounded-full text-sm font-medium shadow-[0_8px_24px_color-mix(in_oklab,var(--primary-button-bg)_45%,transparent)]",
+        style: {
+          backgroundColor: "var(--primary-button-bg)",
+          color: "var(--primary-button-text)"
+        },
+        "aria-expanded": open,
+        "aria-label": open ? "Close chat" : "Open chat",
+        onClick: () => setOpen((v) => !v),
+        children: open ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-xl leading-none", children: "\xD7" }) : /* @__PURE__ */ jsx(BrandLogo, { className: "size-6" })
+      }
+    )
+  ] });
+}
+export {
+  WidgetLayout
+};
+//# sourceMappingURL=WidgetLayout-7MDOKLHU.js.map

package/dist/WidgetLayout-7MDOKLHU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layouts/WidgetLayout.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { auiButtonClass } from '../atoms/lib/buttonClasses.js';\nimport { cn } from '../atoms/lib/cn.js';\nimport { CompactLayoutProvider } from '../atoms/lib/CompactLayoutContext.js';\nimport { Icon } from '../icons/Icon.js';\nimport { useSlot } from '../theme/SlotsProvider.js';\nimport { StackChatPanel } from './StackChatPanel.js';\n\n/** FAB-anchored panel with the same list ↔ thread stack as `dock`. */\nexport function WidgetLayout({ className }: { className?: string }) {\n  const BrandLogo = useSlot('BrandLogo');\n  const [open, setOpen] = useState(false);\n  const fabRef = useRef<HTMLButtonElement>(null);\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const wasOpen = useRef(false);\n\n  useEffect(() => {\n    if (!open) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && !dialogRef.current?.querySelector('dialog[open]')) {\n        setOpen(false);\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [open]);\n\n  useEffect(() => {\n    if (open) {\n      wasOpen.current = true;\n      dialogRef.current?.focus();\n      return;\n    }\n    if (wasOpen.current) {\n      fabRef.current?.focus();\n      wasOpen.current = false;\n    }\n  }, [open]);\n\n  return (\n    <div className={cn('pointer-events-none relative h-full min-h-0 w-full', className)}>\n      {open ? (\n        <div\n          ref={dialogRef}\n          data-aui-compact-layout\n          className=\"pointer-events-auto absolute right-[max(1.25rem,env(safe-area-inset-right,0px))] bottom-[calc(5.25rem+env(safe-area-inset-bottom,0px))] z-[19] flex h-[min(560px,calc(100%-6.5rem-env(safe-area-inset-bottom,0px)))] max-h-[calc(100%-6.5rem)] w-[min(380px,calc(100%-2.5rem))] flex-col overflow-hidden rounded-xl border border-border bg-primary-bg shadow-[0_16px_48px_color-mix(in_oklab,var(--shadow-color)_14%,transparent)] outline-none\"\n          role=\"dialog\"\n          aria-modal={true}\n          aria-label=\"Chat\"\n          tabIndex={-1}\n        >\n          <CompactLayoutProvider>\n            <StackChatPanel\n              threadHeaderEnd={\n                <button\n                  type=\"button\"\n                  aria-label=\"Close\"\n                  title=\"Close\"\n                  className={auiButtonClass({ variant: 'ghost', size: 'icon' })}\n                  onClick={() => setOpen(false)}\n                >\n                  <Icon name=\"xmark\" />\n                </button>\n              }\n            />\n          </CompactLayoutProvider>\n        </div>\n      ) : null}\n      {/* Native FAB: inline colors beat host unlayered Tailwind (SDK utilities are layered). */}\n      <button\n        ref={fabRef}\n        type=\"button\"\n        className=\"pointer-events-auto absolute right-[max(1.25rem,env(safe-area-inset-right,0px))] bottom-[max(1.25rem,env(safe-area-inset-bottom,0px))] z-20 flex size-14 cursor-pointer items-center justify-center rounded-full text-sm font-medium shadow-[0_8px_24px_color-mix(in_oklab,var(--primary-button-bg)_45%,transparent)]\"\n        style={{\n          backgroundColor: 'var(--primary-button-bg)',\n          color: 'var(--primary-button-text)',\n        }}\n        aria-expanded={open}\n        aria-label={open ? 'Close chat' : 'Open chat'}\n        onClick={() => setOpen(v => !v)}\n      >\n        {open ? (\n          <span aria-hidden className=\"text-xl leading-none\">\n            ×\n          </span>\n        ) : (\n          <BrandLogo className=\"size-6\" />\n        )}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,WAAW,QAAQ,gBAAgB;AAyCxC,SAqBc,KArBd;AA/BG,SAAS,aAAa,EAAE,UAAU,GAA2B;AAClE,QAAM,YAAY,QAAQ,WAAW;AACrC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,SAAS,OAA0B,IAAI;AAC7C,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,UAAU,OAAO,KAAK;AAE5B,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,YAAY,CAAC,UAAU,SAAS,cAAc,cAAc,GAAG;AAC/E,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAC9D,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,QAAI,MAAM;AACR,cAAQ,UAAU;AAClB,gBAAU,SAAS,MAAM;AACzB;AAAA,IACF;AACA,QAAI,QAAQ,SAAS;AACnB,aAAO,SAAS,MAAM;AACtB,cAAQ,UAAU;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,SAAI,WAAW,GAAG,sDAAsD,SAAS,GAC/E;AAAA,WACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,2BAAuB;AAAA,QACvB,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,cAAW;AAAA,QACX,UAAU;AAAA,QAEV,8BAAC,yBACC;AAAA,UAAC;AAAA;AAAA,YACC,iBACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAW;AAAA,gBACX,OAAM;AAAA,gBACN,WAAW,eAAe,EAAE,SAAS,SAAS,MAAM,OAAO,CAAC;AAAA,gBAC5D,SAAS,MAAM,QAAQ,KAAK;AAAA,gBAE5B,8BAAC,QAAK,MAAK,SAAQ;AAAA;AAAA,YACrB;AAAA;AAAA,QAEJ,GACF;AAAA;AAAA,IACF,IACE;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,OAAO;AAAA,QACT;AAAA,QACA,iBAAe;AAAA,QACf,cAAY,OAAO,eAAe;AAAA,QAClC,SAAS,MAAM,QAAQ,OAAK,CAAC,CAAC;AAAA,QAE7B,iBACC,oBAAC,UAAK,eAAW,MAAC,WAAU,wBAAuB,kBAEnD,IAEA,oBAAC,aAAU,WAAU,UAAS;AAAA;AAAA,IAElC;AAAA,KACF;AAEJ;","names":[]}

package/dist/assistant-ui.d.ts

@@ -0,0 +1 @@
+export { AssistantState, useAui, useAuiState } from '@assistant-ui/react';

package/dist/assistant-ui.js

@@ -0,0 +1,9 @@
+import {
+  useAui,
+  useAuiState
+} from "./chunk-M6MHLVSO.js";
+export {
+  useAui,
+  useAuiState
+};
+//# sourceMappingURL=assistant-ui.js.map

package/dist/assistant-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-42GF723P.js

@@ -0,0 +1,24 @@
+import {
+  cn,
+  useOptionalContentClassNames
+} from "./chunk-UBOFEI77.js";
+
+// src/atoms/OpenUiFenceBlock.tsx
+import { Renderer } from "@openuidev/react-lang";
+import { ThemeProvider, openuiLibrary } from "@openuidev/react-ui";
+import { jsx } from "react/jsx-runtime";
+function OpenUiFenceBlock({ content, isStreaming, darkTheme }) {
+  const classNames = useOptionalContentClassNames();
+  return /* @__PURE__ */ jsx("div", { className: cn("aui-openui mb-2 w-full min-w-0 max-w-full", classNames.openui?.root), children: /* @__PURE__ */ jsx(ThemeProvider, { mode: darkTheme ? "dark" : "light", cssSelector: ".markdown-openui-scope", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("markdown-openui-scope min-w-0 w-full max-w-full overflow-x-auto", classNames.openui?.scope),
+      children: /* @__PURE__ */ jsx(Renderer, { response: content, library: openuiLibrary, isStreaming })
+    }
+  ) }) });
+}
+
+export {
+  OpenUiFenceBlock
+};
+//# sourceMappingURL=chunk-42GF723P.js.map

package/dist/chunk-42GF723P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/OpenUiFenceBlock.tsx"],"sourcesContent":["'use client';\n\nimport { Renderer } from '@openuidev/react-lang';\nimport { ThemeProvider, openuiLibrary } from '@openuidev/react-ui';\n\nimport { useOptionalContentClassNames } from '../theme/ThemeProvider.js';\nimport { cn } from './lib/cn.js';\n\nexport type OpenUiFenceBlockProps = {\n  content: string;\n  isStreaming?: boolean;\n  darkTheme?: boolean;\n};\n\nexport function OpenUiFenceBlock({ content, isStreaming, darkTheme }: OpenUiFenceBlockProps) {\n  const classNames = useOptionalContentClassNames();\n\n  return (\n    <div className={cn('aui-openui mb-2 w-full min-w-0 max-w-full', classNames.openui?.root)}>\n      <ThemeProvider mode={darkTheme ? 'dark' : 'light'} cssSelector=\".markdown-openui-scope\">\n        <div\n          className={cn('markdown-openui-scope min-w-0 w-full max-w-full overflow-x-auto', classNames.openui?.scope)}\n        >\n          <Renderer response={content} library={openuiLibrary} isStreaming={isStreaming} />\n        </div>\n      </ThemeProvider>\n    </div>\n  );\n}\n\ndeclare module '../theme/SlotsProvider.js' {\n  interface AtomSlots {\n    OpenUiFenceBlock: typeof OpenUiFenceBlock;\n  }\n}\n"],"mappings":";;;;;;AAEA,SAAS,gBAAgB;AACzB,SAAS,eAAe,qBAAqB;AAoBnC;AATH,SAAS,iBAAiB,EAAE,SAAS,aAAa,UAAU,GAA0B;AAC3F,QAAM,aAAa,6BAA6B;AAEhD,SACE,oBAAC,SAAI,WAAW,GAAG,6CAA6C,WAAW,QAAQ,IAAI,GACrF,8BAAC,iBAAc,MAAM,YAAY,SAAS,SAAS,aAAY,0BAC7D;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,mEAAmE,WAAW,QAAQ,KAAK;AAAA,MAEzG,8BAAC,YAAS,UAAU,SAAS,SAAS,eAAe,aAA0B;AAAA;AAAA,EACjF,GACF,GACF;AAEJ;","names":[]}

package/dist/chunk-CFLVPV5M.js

@@ -0,0 +1,29 @@
+// src/server/createTrueFoundryServer.ts
+function createTrueFoundryServer(opts) {
+  const builder = {
+    getCapabilities: opts.getCapabilities,
+    getModels: opts.getModels,
+    getSkills: opts.getSkills,
+    getMcp: opts.getMcp,
+    searchAgents: opts.searchAgents,
+    saveAgent: opts.saveAgent,
+    deleteAgent: async (req) => {
+      if (opts.deleteAgent) {
+        await opts.deleteAgent(req);
+        return;
+      }
+      throw new Error("deleteAgent is host-owned. Pass deleteAgent to createTrueFoundryServer.");
+    }
+  };
+  const server = {
+    ...opts.chatServer,
+    ...builder,
+    ...opts.catalog != null ? { catalog: opts.catalog } : {}
+  };
+  return server;
+}
+
+export {
+  createTrueFoundryServer
+};
+//# sourceMappingURL=chunk-CFLVPV5M.js.map

package/dist/chunk-CFLVPV5M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server/createTrueFoundryServer.ts"],"sourcesContent":["import type {\n  AgentBuilderCapabilitiesResponse,\n  AgentBuilderServer,\n  AgentChatServer,\n  AgentLibraryEntry,\n  AgentSkill,\n  AgentSpec,\n  CatalogServer,\n  ConnectorState,\n  ModelSelection,\n  SaveAgentRequest,\n  SaveAgentResult,\n  SearchAgentsParams,\n} from './types.js';\n\nexport type CreateTrueFoundryServerOptions<\n  TSpec extends AgentSpec = AgentSpec,\n  TModel extends ModelSelection = ModelSelection,\n  TSkill extends AgentSkill = AgentSkill,\n  TMcp extends ConnectorState = ConnectorState,\n  TAgent extends AgentLibraryEntry = AgentLibraryEntry,\n  TSave extends SaveAgentResult = SaveAgentResult,\n  TCatalog extends CatalogServer = CatalogServer,\n  TCapabilities extends AgentBuilderCapabilitiesResponse = AgentBuilderCapabilitiesResponse,\n> = {\n  /** Chat port — e.g. from `@truefoundry/agent-server-adapter`. */\n  chatServer: AgentChatServer<TSpec>;\n  getCapabilities: () => Promise<TCapabilities>;\n  getModels: () => Promise<TModel[]>;\n  getSkills: () => Promise<TSkill[]>;\n  getMcp: () => Promise<TMcp[]>;\n  searchAgents: (req?: SearchAgentsParams) => Promise<TAgent[]>;\n  saveAgent: (req: SaveAgentRequest<TSpec>) => Promise<TSave>;\n  deleteAgent?: (req: { agentName: string }) => Promise<void>;\n  /** Settings catalog (models + connectors). Optional. */\n  catalog?: TCatalog;\n};\n\nexport type TrueFoundryServer<\n  TSpec extends AgentSpec = AgentSpec,\n  TModel extends ModelSelection = ModelSelection,\n  TSkill extends AgentSkill = AgentSkill,\n  TMcp extends ConnectorState = ConnectorState,\n  TAgent extends AgentLibraryEntry = AgentLibraryEntry,\n  TSave extends SaveAgentResult = SaveAgentResult,\n  TCatalog extends CatalogServer = CatalogServer,\n  TCapabilities extends AgentBuilderCapabilitiesResponse = AgentBuilderCapabilitiesResponse,\n> = AgentChatServer<TSpec> &\n  AgentBuilderServer<TSpec, TModel, TSkill, TMcp, TAgent, TSave, TCapabilities> & {\n    catalog?: TCatalog;\n  };\n\n/**\n * Composes an `AgentChatServer` with host-provided builder catalog callbacks\n * and an optional settings `catalog`.\n * Gateway wiring lives in the host (or `@truefoundry/agent-server-adapter`).\n */\nexport function createTrueFoundryServer<\n  TSpec extends AgentSpec = AgentSpec,\n  TModel extends ModelSelection = ModelSelection,\n  TSkill extends AgentSkill = AgentSkill,\n  TMcp extends ConnectorState = ConnectorState,\n  TAgent extends AgentLibraryEntry = AgentLibraryEntry,\n  TSave extends SaveAgentResult = SaveAgentResult,\n  TCatalog extends CatalogServer = CatalogServer,\n  TCapabilities extends AgentBuilderCapabilitiesResponse = AgentBuilderCapabilitiesResponse,\n>(\n  opts: CreateTrueFoundryServerOptions<TSpec, TModel, TSkill, TMcp, TAgent, TSave, TCatalog, TCapabilities>,\n): TrueFoundryServer<TSpec, TModel, TSkill, TMcp, TAgent, TSave, TCatalog, TCapabilities> {\n  const builder: AgentBuilderServer<TSpec, TModel, TSkill, TMcp, TAgent, TSave, TCapabilities> = {\n    getCapabilities: opts.getCapabilities,\n    getModels: opts.getModels,\n    getSkills: opts.getSkills,\n    getMcp: opts.getMcp,\n    searchAgents: opts.searchAgents,\n    saveAgent: opts.saveAgent,\n    deleteAgent: async req => {\n      if (opts.deleteAgent) {\n        await opts.deleteAgent(req);\n        return;\n      }\n      throw new Error('deleteAgent is host-owned. Pass deleteAgent to createTrueFoundryServer.');\n    },\n  };\n\n  const server: TrueFoundryServer<TSpec, TModel, TSkill, TMcp, TAgent, TSave, TCatalog, TCapabilities> = {\n    ...opts.chatServer,\n    ...builder,\n    ...(opts.catalog != null ? { catalog: opts.catalog } : {}),\n  };\n  return server;\n}\n"],"mappings":";AAyDO,SAAS,wBAUd,MACwF;AACxF,QAAM,UAAyF;AAAA,IAC7F,iBAAiB,KAAK;AAAA,IACtB,WAAW,KAAK;AAAA,IAChB,WAAW,KAAK;AAAA,IAChB,QAAQ,KAAK;AAAA,IACb,cAAc,KAAK;AAAA,IACnB,WAAW,KAAK;AAAA,IAChB,aAAa,OAAM,QAAO;AACxB,UAAI,KAAK,aAAa;AACpB,cAAM,KAAK,YAAY,GAAG;AAC1B;AAAA,MACF;AACA,YAAM,IAAI,MAAM,yEAAyE;AAAA,IAC3F;AAAA,EACF;AAEA,QAAM,SAAiG;AAAA,IACrG,GAAG,KAAK;AAAA,IACR,GAAG;AAAA,IACH,GAAI,KAAK,WAAW,OAAO,EAAE,SAAS,KAAK,QAAQ,IAAI,CAAC;AAAA,EAC1D;AACA,SAAO;AACT;","names":[]}

package/dist/chunk-M6MHLVSO.js

@@ -0,0 +1,8 @@
+// src/assistant-ui.ts
+import { useAui, useAuiState } from "@assistant-ui/react";
+
+export {
+  useAui,
+  useAuiState
+};
+//# sourceMappingURL=chunk-M6MHLVSO.js.map