@drawnagency/primitives 0.1.99 → 0.1.100

package/dist/{chunk-FAZFADJK.js → chunk-3TO4RRHY.js}

@@ -27,6 +27,7 @@ function withIdempotencyTrailer(subject, key) {
 ${IDEMPOTENCY_TRAILER}: ${key}`;
 }
 var ASSET_CACHE_CONTROL = "max-age=31536000, immutable";
+var DOCUMENT_CACHE_CONTROL = "private, max-age=31536000, immutable";
 
 export {
   StorageConflictError,
@@ -34,5 +35,6 @@ export {
   IDEMPOTENCY_TRAILER,
   IDEMPOTENCY_KEY_RE,
   withIdempotencyTrailer,
-  ASSET_CACHE_CONTROL
+  ASSET_CACHE_CONTROL,
+  DOCUMENT_CACHE_CONTROL
 };

package/dist/{chunk-KP4DWTPR.js → chunk-72FMQQIA.js}

@@ -24,6 +24,9 @@ import {
   curatedIcons,
   getIcon
 } from "./chunk-WDSVHKAH.js";
+import {
+  createEvent
+} from "./chunk-PTOLUMGV.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -65,9 +68,9 @@ function getContrastClass(hex) {
   const h = hex.replace("#", "");
   if (h.length < 6) return "text-white";
   const r = parseInt(h.substring(0, 2), 16);
-  const g = parseInt(h.substring(2, 4), 16);
+  const g2 = parseInt(h.substring(2, 4), 16);
   const b = parseInt(h.substring(4, 6), 16);
-  const yiq = (r * 299 + g * 587 + b * 114) / 1e3;
+  const yiq = (r * 299 + g2 * 587 + b * 114) / 1e3;
   return yiq >= 128 ? "text-black" : "text-white";
 }
 var createColorItem = () => ({
@@ -1295,13 +1298,253 @@ var DoDontMedia_default = defineSection({
   ]
 });
 
+// src/components/sections/Document/index.tsx
+import { useEffect as useEffect5, useState as useState6 } from "react";
+import { z as z5 } from "zod";
+import { ExternalLink, FileText } from "lucide-react";
+
+// src/lib/container-ops.ts
+function getContainerChildren(block) {
+  const content = block.content;
+  return Array.isArray(content?.children) ? content.children : [];
+}
+function withChildren(container, children) {
+  return { ...container, content: { ...container.content, children } };
+}
+function containerColumns(container) {
+  const n = container.content?.columns;
+  return typeof n === "number" && n >= 1 ? n : 1;
+}
+function removeChildAt(container, index) {
+  const children = getContainerChildren(container);
+  if (index < 0 || index >= children.length) return { container, removed: null };
+  const next = [...children];
+  const [removed] = next.splice(index, 1);
+  return { container: withChildren(container, next), removed };
+}
+function duplicateChildAt(container, index, newId) {
+  const children = getContainerChildren(container);
+  if (index < 0 || index >= children.length) return container;
+  const clone = { ...JSON.parse(JSON.stringify(children[index])), id: newId() };
+  const next = [...children];
+  next.splice(index + 1, 0, clone);
+  return withChildren(container, next);
+}
+function setChildColSpan(container, index, span) {
+  const children = getContainerChildren(container);
+  if (index < 0 || index >= children.length) return container;
+  const clamped = Math.max(1, Math.min(span, containerColumns(container)));
+  const next = children.map((child, i) => {
+    if (i !== index) return child;
+    if (clamped <= 1) {
+      const { layout: _drop, ...rest } = child;
+      return rest;
+    }
+    return { ...child, layout: { ...child.layout, colSpan: clamped } };
+  });
+  return withChildren(container, next);
+}
+function effectiveSpan(child, columns) {
+  return isSpacer(child) ? 1 : Math.min(child.layout?.colSpan ?? 1, columns);
+}
+function isSpacer(child) {
+  return child.type === "spacer";
+}
+function occupiedColumns(children, columns) {
+  return children.reduce((sum, c) => sum + effectiveSpan(c, columns), 0);
+}
+function trimTrailingSpacers(container) {
+  const children = getContainerChildren(container);
+  let end = children.length;
+  while (end > 0 && isSpacer(children[end - 1])) end--;
+  if (end === children.length) return container;
+  return withChildren(container, children.slice(0, end));
+}
+
+// src/lib/documents.ts
+function formatDocSize(bytes) {
+  if (!Number.isFinite(bytes) || bytes < 0) return "";
+  if (bytes < 1024) return `${Math.round(bytes)} B`;
+  const units = ["KB", "MB", "GB"];
+  let value = bytes / 1024;
+  let unit = 0;
+  while (value >= 1024 && unit < units.length - 1) {
+    value /= 1024;
+    unit++;
+  }
+  return `${value >= 100 ? Math.round(value) : Number(value.toFixed(1))} ${units[unit]}`;
+}
+
+// src/components/docfile/doc-file-state.ts
+var DOC_OPEN_CLASS = "bp-doc-open";
+var DOC_DESKTOP_QUERY = "(min-width: 1024px)";
+var docFileOpenEvent = createEvent("bp-doc-file-open");
+var STORE_KEY = /* @__PURE__ */ Symbol.for("@drawnagency/primitives/doc-file-state");
+var g = globalThis;
+function store() {
+  let s = g[STORE_KEY];
+  if (!s) {
+    s = { open: null, docs: null, openListeners: /* @__PURE__ */ new Set(), docsListeners: /* @__PURE__ */ new Set(), teardown: null };
+    g[STORE_KEY] = s;
+  }
+  return s;
+}
+function isDocDesktop() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return true;
+  return window.matchMedia(DOC_DESKTOP_QUERY).matches;
+}
+function apply(sectionId) {
+  const s = store();
+  if (s.open === sectionId) return;
+  s.open = sectionId;
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.toggle(DOC_OPEN_CLASS, sectionId !== null);
+  }
+  for (const listener of [...s.openListeners]) listener(sectionId);
+}
+function openDocFile(sectionId) {
+  if (typeof window !== "undefined") {
+    const hash = `#doc=${encodeURIComponent(sectionId)}`;
+    if (window.location.hash !== hash) {
+      window.history.pushState(null, "", hash);
+    }
+  }
+  apply(sectionId);
+  docFileOpenEvent.dispatch({ sectionId });
+}
+function getSiteDocuments() {
+  return store().docs;
+}
+function subscribeSiteDocuments(cb) {
+  const s = store();
+  s.docsListeners.add(cb);
+  return () => {
+    s.docsListeners.delete(cb);
+  };
+}
+
+// src/components/sections/Document/index.tsx
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+var schema4 = z5.object({
+  type: z5.literal("document"),
+  content: z5.object({
+    title: z5.string().describe("Row title. Leave it blank to show the file name without its extension; type a title to override that."),
+    doc: z5.object({
+      documentId: z5.string().default("").describe(
+        "Hash key into the document manifest (src/content/document-manifest.json). Deliberately NOT `imageId`: documents are not resolved by the media ref-baker."
+      )
+    }),
+    showInDocumentsNav: z5.boolean().default(true).describe(
+      "When true, this document also appears in the auto-derived Documents group at the bottom of the left navigation, openable from any page."
+    )
+  }),
+  options: z5.object({}).default({})
+});
+function useSiteDocument(sectionId) {
+  const [docs, setDocs] = useState6(null);
+  useEffect5(() => {
+    setDocs(getSiteDocuments());
+    return subscribeSiteDocuments(setDocs);
+  }, []);
+  return {
+    doc: docs ? docs.find((d) => d.sectionId === sectionId) ?? null : null,
+    resolved: docs !== null
+  };
+}
+function DocumentRow({
+  sectionId,
+  title,
+  isEditMode
+}) {
+  const { doc, resolved } = useSiteDocument(sectionId);
+  if (resolved && !doc && !isEditMode) return null;
+  const label = doc?.title ?? title;
+  function handleClick() {
+    if (!doc) return;
+    if (doc.kind === "pdf" && !isDocDesktop()) {
+      window.open(doc.url, "_blank", "noopener,noreferrer");
+      return;
+    }
+    openDocFile(sectionId);
+  }
+  return /* @__PURE__ */ jsxs9(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled: !doc,
+      "aria-label": doc ? `Open ${label}` : void 0,
+      className: cn(
+        "flex w-full min-w-0 items-center gap-3 rounded-outer border border-base-200 bg-base px-4 py-3 text-left transition-colors",
+        doc ? "cursor-pointer hover:bg-base-accent" : "cursor-default opacity-60"
+      ),
+      children: [
+        /* @__PURE__ */ jsx13(FileText, { size: 18, "aria-hidden": "true", className: "shrink-0 text-base-contrast/60" }),
+        /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx13("span", { className: "truncate text-sm font-medium text-base-contrast", children: label }),
+            doc && /* @__PURE__ */ jsx13("span", { className: "shrink-0 rounded bg-base-100 px-1.5 py-0.5 text-xs font-medium text-base-contrast", children: doc.kind === "pdf" ? "PDF" : "HTML" })
+          ] }),
+          /* @__PURE__ */ jsx13("div", { className: "truncate text-xs text-base-contrast/70", children: doc ? `${doc.filename} \xB7 ${formatDocSize(doc.size)}` : resolved ? "File missing" : "\xA0" })
+        ] }),
+        doc && /* @__PURE__ */ jsx13(ExternalLink, { size: 16, "aria-hidden": "true", className: "shrink-0 text-base-contrast/50" })
+      ]
+    }
+  );
+}
+var Document_default = defineSection({
+  type: "document",
+  category: "brand-guide",
+  label: "Document",
+  icon: /* @__PURE__ */ jsx13(FileText, { size: 18 }),
+  schema: schema4,
+  // The row reads the client-side document registry and opens the overlay, so
+  // the viewer hydrates it as an island rather than emitting static HTML.
+  interactive: true,
+  authoringNote: "One downloadable/viewable file \u2014 a PDF or a single self-contained HTML file \u2014 presented as a clickable row. Clicking opens it in a full-viewport preview overlay without leaving the page; on phones a PDF opens in the OS viewer instead. Pick the file from the media library (documents tab); leave the title blank to show the file name without its extension, or type one to override it. Leave 'Show in Documents menu' on for anything a viewer should be able to reach from any page \u2014 those entries collect into a derived Documents group at the bottom of the left nav. Use one section per file; for a set of downloads, place several document sections in a container.",
+  component: ({ content, isEditMode }) => /* @__PURE__ */ jsx13(
+    DocumentRow,
+    {
+      sectionId: content.id ?? "",
+      title: content.content.title,
+      isEditMode
+    }
+  ),
+  defaults: () => ({
+    type: "document",
+    content: { title: "", doc: { documentId: "" }, showInDocumentsNav: true },
+    options: {}
+  }),
+  getLabel: (content) => content.content.title || "Document",
+  settings: {
+    doc: { type: "document-source", label: "File", target: "content", default: { documentId: "" } },
+    title: { type: "text", label: "Title", target: "content", default: "", placeholder: "Document title" },
+    showInDocumentsNav: {
+      type: "checkbox",
+      label: "Show in Documents menu",
+      target: "content",
+      default: true
+    }
+  },
+  settingsTabs: [
+    { label: "File", fields: ["doc", "title"] },
+    { label: "Display", fields: ["showInDocumentsNav"] }
+  ]
+});
+
 // src/components/sections/brand-guide.ts
-var brandGuideSectionDefs = [Colors_default, IconList_default, DoDontMedia_default];
+var brandGuideSectionDefs = [Colors_default, IconList_default, DoDontMedia_default, Document_default];
 
 export {
   stripHtmlToPlainText,
   truncate,
   pluralize,
+  removeChildAt,
+  duplicateChildAt,
+  setChildColSpan,
+  isSpacer,
+  occupiedColumns,
+  trimTrailingSpacers,
   ColorSpaceSchema,
   ColorItemSchema,
   brandGuideSectionDefs

package/dist/chunk-BS5AQHZG.js

@@ -0,0 +1,45 @@
+// src/schemas/documents.ts
+import { z } from "zod";
+var DOCUMENT_MANIFEST_PATH = "src/content/document-manifest.json";
+var DOCUMENT_GIT_MAX_BYTES = 2621440;
+var DOCUMENT_BUCKET_MAX_BYTES = 209715200;
+var DOCUMENT_MIME_TO_EXT = {
+  "application/pdf": "pdf",
+  "text/html": "html"
+};
+var DOCUMENT_KIND_TO_MIME = {
+  pdf: "application/pdf",
+  html: "text/html"
+};
+var DocumentManifestEntrySchema = z.object({
+  filename: z.string(),
+  size: z.number().int().positive(),
+  kind: z.enum(["pdf", "html"]),
+  storage: z.enum(["git", "bucket"]),
+  /** git: repo path under assets/documents/…; bucket: site-relative object key. */
+  path: z.string()
+});
+var DocumentManifestSchema = z.record(z.string(), DocumentManifestEntrySchema);
+function documentFileUrl(documentId, filename, opts = {}) {
+  const base = `/api/document-file/${documentId}/${encodeURIComponent(filename)}`;
+  return opts.download ? `${base}?download=1` : base;
+}
+function documentGitPath(slugName, hash, kind) {
+  return `assets/documents/${slugName}-${hash}/original.${kind}`;
+}
+function documentBucketPath(documentId, kind) {
+  return `documents/${documentId}/original.${kind}`;
+}
+
+export {
+  DOCUMENT_MANIFEST_PATH,
+  DOCUMENT_GIT_MAX_BYTES,
+  DOCUMENT_BUCKET_MAX_BYTES,
+  DOCUMENT_MIME_TO_EXT,
+  DOCUMENT_KIND_TO_MIME,
+  DocumentManifestEntrySchema,
+  DocumentManifestSchema,
+  documentFileUrl,
+  documentGitPath,
+  documentBucketPath
+};

package/dist/{chunk-HKHEAH5F.js → chunk-GOCFTXR3.js}

@@ -1,9 +1,15 @@
 import {
   brandGuideSectionDefs,
+  duplicateChildAt,
+  isSpacer,
+  occupiedColumns,
   pluralize,
+  removeChildAt,
+  setChildColSpan,
   stripHtmlToPlainText,
+  trimTrailingSpacers,
   truncate
-} from "./chunk-KP4DWTPR.js";
+} from "./chunk-72FMQQIA.js";
 import {
   DeleteButton,
   DragHandle,
@@ -17,7 +23,7 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "./chunk-GYCBWGVW.js";
+} from "./chunk-LBHQWIVL.js";
 import {
   EditableRichText,
   defineHeadingSection
@@ -717,64 +723,6 @@ function useBlockDropZone({ containerId, index, toColumn, allowedEdges, enabled
   return { dropRef, closestEdge };
 }
 
-// src/lib/container-ops.ts
-function getContainerChildren(block) {
-  const content = block.content;
-  return Array.isArray(content?.children) ? content.children : [];
-}
-function withChildren(container, children) {
-  return { ...container, content: { ...container.content, children } };
-}
-function containerColumns(container) {
-  const n = container.content?.columns;
-  return typeof n === "number" && n >= 1 ? n : 1;
-}
-function removeChildAt(container, index) {
-  const children = getContainerChildren(container);
-  if (index < 0 || index >= children.length) return { container, removed: null };
-  const next = [...children];
-  const [removed] = next.splice(index, 1);
-  return { container: withChildren(container, next), removed };
-}
-function duplicateChildAt(container, index, newId2) {
-  const children = getContainerChildren(container);
-  if (index < 0 || index >= children.length) return container;
-  const clone = { ...JSON.parse(JSON.stringify(children[index])), id: newId2() };
-  const next = [...children];
-  next.splice(index + 1, 0, clone);
-  return withChildren(container, next);
-}
-function setChildColSpan(container, index, span) {
-  const children = getContainerChildren(container);
-  if (index < 0 || index >= children.length) return container;
-  const clamped = Math.max(1, Math.min(span, containerColumns(container)));
-  const next = children.map((child, i) => {
-    if (i !== index) return child;
-    if (clamped <= 1) {
-      const { layout: _drop, ...rest } = child;
-      return rest;
-    }
-    return { ...child, layout: { ...child.layout, colSpan: clamped } };
-  });
-  return withChildren(container, next);
-}
-function effectiveSpan(child, columns) {
-  return isSpacer(child) ? 1 : Math.min(child.layout?.colSpan ?? 1, columns);
-}
-function isSpacer(child) {
-  return child.type === "spacer";
-}
-function occupiedColumns(children, columns) {
-  return children.reduce((sum, c) => sum + effectiveSpan(c, columns), 0);
-}
-function trimTrailingSpacers(container) {
-  const children = getContainerChildren(container);
-  let end = children.length;
-  while (end > 0 && isSpacer(children[end - 1])) end--;
-  if (end === children.length) return container;
-  return withChildren(container, children.slice(0, end));
-}
-
 // src/components/sections/Container/Container.tsx
 import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var ROW_EDGES = ["left", "right"];

package/dist/{chunk-GYCBWGVW.js → chunk-LBHQWIVL.js}

@@ -15,6 +15,9 @@ import {
   useMediaLibrary,
   useResolvedMedia
 } from "./chunk-26ALJO4K.js";
+import {
+  formatFileSize
+} from "./chunk-3COSXTOY.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -356,9 +359,52 @@ function VideoSourceField({ value, onChange }) {
   ] });
 }
 
+// src/hooks/useResolvedDocument.ts
+import { useMemo } from "react";
+function useResolvedDocument(documentId) {
+  const ctx = useMediaLibrary();
+  return useMemo(() => {
+    if (!documentId) return { entry: null, missing: false };
+    const committed = ctx?.documentManifest?.[documentId];
+    const pending = ctx?.pendingDocuments?.find((d) => d.id === documentId)?.entry;
+    const entry = committed ?? pending ?? null;
+    return { entry, missing: entry === null };
+  }, [documentId, ctx]);
+}
+
+// src/components/shared/DocumentSourceField.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function DocumentSourceField({ value, onChange }) {
+  const mediaLibrary = useMediaLibrary();
+  const documentId = value?.documentId || void 0;
+  const { entry, missing } = useResolvedDocument(documentId);
+  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx8(FormLabel, { children: "Document" }),
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
+      entry ? /* @__PURE__ */ jsxs6("span", { className: "min-w-0 flex-1 truncate text-sm text-base-contrast", children: [
+        entry.filename,
+        /* @__PURE__ */ jsxs6("span", { className: "text-base-contrast-light", children: [
+          " \xB7 ",
+          formatFileSize(entry.size)
+        ] })
+      ] }) : /* @__PURE__ */ jsx8("span", { className: "flex-1 text-sm text-base-contrast-light", children: missing ? "File missing" : "No document selected" }),
+      /* @__PURE__ */ jsx8(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "sm",
+          onClick: () => mediaLibrary?.openSelectModal((id) => onChange({ documentId: id }), { kinds: ["document"] }),
+          children: documentId ? "Replace document" : "Choose document"
+        }
+      )
+    ] })
+  ] });
+}
+
 // src/components/shared/Tabs.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar }) {
   const [uncontrolledId, setUncontrolledId] = useState2(defaultTabId ?? tabs[0]?.id);
   const isControlled = activeTabId !== void 0;
@@ -368,8 +414,8 @@ function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar })
     if (!isControlled) setUncontrolledId(id);
     onTabChange?.(id);
   }
-  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx8("div", { className: cn("border-b border-base-200", fullBleedTabBar && "-mx-6 px-6"), children: /* @__PURE__ */ jsx8("div", { className: "flex", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx9("div", { className: cn("border-b border-base-200", fullBleedTabBar && "-mx-6 px-6"), children: /* @__PURE__ */ jsx9("div", { className: "flex", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -384,12 +430,12 @@ function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar })
       },
       tab.id
     )) }) }),
-    /* @__PURE__ */ jsx8("div", { role: "tabpanel", className: cn("flex min-h-0 flex-1 flex-col px-px", fullBleedTabBar && "pt-4"), children: activeTab?.content })
+    /* @__PURE__ */ jsx9("div", { role: "tabpanel", className: cn("flex min-h-0 flex-1 flex-col px-px", fullBleedTabBar && "pt-4"), children: activeTab?.content })
   ] });
 }
 
 // src/components/editor/SettingsForm.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function resolveValues(schema, values) {
   const resolved = {};
   for (const [key, field] of Object.entries(schema)) {
@@ -429,9 +475,9 @@ function RangeField({
   onChange
 }) {
   const id = useId2();
-  return /* @__PURE__ */ jsxs7("div", { children: [
-    /* @__PURE__ */ jsx9(FormLabel, { htmlFor: id, children: field.label }),
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsx10(FormLabel, { htmlFor: id, children: field.label }),
+    /* @__PURE__ */ jsx10(
       "input",
       {
         id,
@@ -451,7 +497,7 @@ function RangeField({
 function renderField(key, field, value, handleFieldChange) {
   switch (field.type) {
     case "text":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         Input,
         {
           label: field.label,
@@ -462,7 +508,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "number":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         Input,
         {
           label: field.label,
@@ -473,7 +519,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "checkbox":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         Checkbox,
         {
           label: field.label,
@@ -483,7 +529,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "select":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         Select,
         {
           label: field.label,
@@ -494,7 +540,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "range":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         RangeField,
         {
           field,
@@ -504,7 +550,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "link":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         LinkField,
         {
           label: field.label,
@@ -514,7 +560,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "video-source":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         VideoSourceField,
         {
           value,
@@ -522,6 +568,15 @@ function renderField(key, field, value, handleFieldChange) {
         },
         key
       );
+    case "document-source":
+      return /* @__PURE__ */ jsx10(
+        DocumentSourceField,
+        {
+          value,
+          onChange: (v) => handleFieldChange(key, v)
+        },
+        key
+      );
     default:
       return null;
   }
@@ -539,12 +594,12 @@ function SettingsForm({ schema, values, onChange, tabs }) {
     const otherKeys = Object.keys(schema).filter((key) => !listed.has(key));
     const panel = "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-px";
     const tabItems = [
-      ...tabs.map((t) => ({ id: t.label, label: t.label, content: /* @__PURE__ */ jsx9("div", { className: panel, children: fields(t.fields) }) })),
-      ...otherKeys.length > 0 ? [{ id: "__other__", label: "Other", content: /* @__PURE__ */ jsx9("div", { className: panel, children: fields(otherKeys) }) }] : []
+      ...tabs.map((t) => ({ id: t.label, label: t.label, content: /* @__PURE__ */ jsx10("div", { className: panel, children: fields(t.fields) }) })),
+      ...otherKeys.length > 0 ? [{ id: "__other__", label: "Other", content: /* @__PURE__ */ jsx10("div", { className: panel, children: fields(otherKeys) }) }] : []
     ];
-    return /* @__PURE__ */ jsx9(Tabs, { tabs: tabItems, fullBleedTabBar: true });
+    return /* @__PURE__ */ jsx10(Tabs, { tabs: tabItems, fullBleedTabBar: true });
   }
-  return /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-4", children: Object.entries(schema).map(([key, field]) => renderField(key, field, local[key], handleFieldChange)) });
+  return /* @__PURE__ */ jsx10("div", { className: "flex flex-col gap-4", children: Object.entries(schema).map(([key, field]) => renderField(key, field, local[key], handleFieldChange)) });
 }
 
 // src/components/shared/Popover.tsx
@@ -600,7 +655,7 @@ function useFocusTrap(ref, active) {
 }
 
 // src/components/shared/Popover.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Popover({
   isOpen,
   onClose,
@@ -683,7 +738,7 @@ function Popover({
   if (portal) {
     if (!fixedPos) return null;
     return createPortal(
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "div",
         {
           ref: panelRef,
@@ -702,7 +757,7 @@ function Popover({
       document.body
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       ref: panelRef,
@@ -720,10 +775,10 @@ function Popover({
 
 // src/components/shared/PopoverItem.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var PopoverItem = forwardRef2(
   function PopoverItem2({ className, children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       "button",
       {
         ref,

package/dist/components/chat/ChatPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatPanel.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,WAAW;IAAG,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;AAE5E;;;0DAG0D;AAC1D,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AA+C5D;;kEAEkE;AAClE,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEhD;AAcD,8EAA8E;AAC9E,wBAAsB,UAAU,CAC9B,IAAI,EAAE;IAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,EACxH,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAC9B,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CA6CjG;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAkB,EAAE,IAAiB,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE;IAC/N,IAAI,EAAE,OAAO,CAAC;IACd;uDACmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;4CAEwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;6EAEyE;IACzE,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;kFAC8E;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;+DAC2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,kDAqfA"}
+{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatPanel.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,WAAW;IAAG,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;AAE5E;;;0DAG0D;AAC1D,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AA+C5D;;kEAEkE;AAClE,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEhD;AAcD,8EAA8E;AAC9E,wBAAsB,UAAU,CAC9B,IAAI,EAAE;IAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,EACxH,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAC9B,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CA6CjG;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAkB,EAAE,IAAiB,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE;IAC/N,IAAI,EAAE,OAAO,CAAC;IACd;uDACmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;4CAEwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;6EAEyE;IACzE,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;kFAC8E;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;+DAC2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,kDAqfA"}