@athenaintel/react 0.19.0 → 0.20.0

package/dist/collab/shape.js

@@ -0,0 +1,45 @@
+function defineDocShape(shape) {
+  const keys = Object.keys(shape);
+  return {
+    shape,
+    bind(doc) {
+      const toJSON = () => {
+        const out = {};
+        for (const key of keys) {
+          out[key] = doc.get(key).toJSON();
+        }
+        return out;
+      };
+      return {
+        get: (key) => doc.get(key),
+        toJSON,
+        subscribe: (listener) => {
+          let scheduled = false;
+          const emit = () => {
+            scheduled = false;
+            listener(toJSON());
+          };
+          const onDeepChange = () => {
+            if (scheduled) return;
+            scheduled = true;
+            queueMicrotask(emit);
+          };
+          const roots = keys.map((key) => doc.get(key));
+          for (const root of roots) {
+            root.observeDeep(onDeepChange);
+          }
+          listener(toJSON());
+          return () => {
+            for (const root of roots) {
+              root.unobserveDeep(onDeepChange);
+            }
+          };
+        }
+      };
+    }
+  };
+}
+export {
+  defineDocShape
+};
+//# sourceMappingURL=shape.js.map

package/dist/collab/shape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape.js","sources":["../../src/collab/shape.ts"],"sourcesContent":["/**\n * `defineDocShape` — a typed lens over a Generic Doc's root types.\n *\n * A shape is documentation + ergonomics, not a migration system: it names the\n * root keys an app expects and gives JSON-level reads (`toJSON`, `subscribe`)\n * that hide CRDT mechanics for the common case. The raw `Y.Doc` (yjs v14 /\n * `@y/y`) stays available on the handle for full delta-level power.\n */\n\nimport type * as Y from '@y/y';\n\nexport type DocShapeKind = 'map' | 'array' | 'text' | 'xml';\n\nexport interface BoundDocShape<S extends Record<string, DocShapeKind>> {\n  /** The live root type for a declared key (v14 unified `YType`). */\n  get: <K extends keyof S & string>(key: K) => ReturnType<Y.Doc['get']>;\n  /** JSON snapshot of every declared root (v14 node shape: attributes + `children`). */\n  toJSON: () => Record<keyof S & string, unknown>;\n  /**\n   * Subscribe to JSON snapshots. Fires once immediately, then after every\n   * change to any declared root (batched per transaction flush).\n   */\n  subscribe: (listener: (json: Record<keyof S & string, unknown>) => void) => () => void;\n}\n\nexport function defineDocShape<S extends Record<string, DocShapeKind>>(shape: S) {\n  const keys = Object.keys(shape) as Array<keyof S & string>;\n  return {\n    shape,\n    bind(doc: Y.Doc): BoundDocShape<S> {\n      const toJSON = () => {\n        const out: Record<string, unknown> = {};\n        for (const key of keys) {\n          out[key] = doc.get(key).toJSON();\n        }\n        return out as Record<keyof S & string, unknown>;\n      };\n      return {\n        get: (key) => doc.get(key),\n        toJSON,\n        subscribe: (listener) => {\n          let scheduled = false;\n          const emit = () => {\n            scheduled = false;\n            listener(toJSON());\n          };\n          const onDeepChange = () => {\n            if (scheduled) return;\n            scheduled = true;\n            queueMicrotask(emit);\n          };\n          const roots = keys.map((key) => doc.get(key));\n          for (const root of roots) {\n            root.observeDeep(onDeepChange);\n          }\n          listener(toJSON());\n          return () => {\n            for (const root of roots) {\n              root.unobserveDeep(onDeepChange);\n            }\n          };\n        },\n      };\n    },\n  };\n}\n"],"names":[],"mappings":"AAyBO,SAAS,eAAuD,OAAU;AAC/E,QAAM,OAAO,OAAO,KAAK,KAAK;AAC9B,SAAO;AAAA,IACL;AAAA,IACA,KAAK,KAA8B;AACjC,YAAM,SAAS,MAAM;AACnB,cAAM,MAA+B,CAAA;AACrC,mBAAW,OAAO,MAAM;AACtB,cAAI,GAAG,IAAI,IAAI,IAAI,GAAG,EAAE,OAAA;AAAA,QAC1B;AACA,eAAO;AAAA,MACT;AACA,aAAO;AAAA,QACL,KAAK,CAAC,QAAQ,IAAI,IAAI,GAAG;AAAA,QACzB;AAAA,QACA,WAAW,CAAC,aAAa;AACvB,cAAI,YAAY;AAChB,gBAAM,OAAO,MAAM;AACjB,wBAAY;AACZ,qBAAS,QAAQ;AAAA,UACnB;AACA,gBAAM,eAAe,MAAM;AACzB,gBAAI,UAAW;AACf,wBAAY;AACZ,2BAAe,IAAI;AAAA,UACrB;AACA,gBAAM,QAAQ,KAAK,IAAI,CAAC,QAAQ,IAAI,IAAI,GAAG,CAAC;AAC5C,qBAAW,QAAQ,OAAO;AACxB,iBAAK,YAAY,YAAY;AAAA,UAC/B;AACA,mBAAS,QAAQ;AACjB,iBAAO,MAAM;AACX,uBAAW,QAAQ,OAAO;AACxB,mBAAK,cAAc,YAAY;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAEJ;"}

package/dist/composer/AttachmentContext.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const athenaUrls = require("../lib/athena-urls.cjs");
+const AttachmentCtx = react.createContext(null);
+function AttachmentProvider({ children }) {
+  const [attachments, setAttachments] = react.useState([]);
+  const [isUploading, setIsUploading] = react.useState(false);
+  const addAttachments = react.useCallback((assets) => {
+    setAttachments((prev) => [...prev, ...assets]);
+  }, []);
+  const removeAttachment = react.useCallback((id) => {
+    setAttachments((prev) => prev.filter((a) => a.id !== id));
+  }, []);
+  const clearAttachments = react.useCallback(() => setAttachments([]), []);
+  const value = react.useMemo(
+    () => ({ attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading }),
+    [attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AttachmentCtx.Provider, { value, children });
+}
+function useAttachments() {
+  const ctx = react.useContext(AttachmentCtx);
+  if (!ctx) {
+    throw new Error("[AthenaSDK] useAttachments must be used within <AttachmentProvider>");
+  }
+  return ctx;
+}
+function buildAttachmentMarkdownWithAppUrl({
+  attachments,
+  appUrl = athenaUrls.DEFAULT_APP_URL
+}) {
+  if (attachments.length === 0) return "";
+  return attachments.map((attachment) => `[@${attachment.title}](${athenaUrls.createAthenaSpacesUrl({ appUrl, assetIds: attachment.id })})`).join("\n");
+}
+exports.AttachmentProvider = AttachmentProvider;
+exports.buildAttachmentMarkdownWithAppUrl = buildAttachmentMarkdownWithAppUrl;
+exports.useAttachments = useAttachments;
+//# sourceMappingURL=AttachmentContext.cjs.map

package/dist/composer/AttachmentContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentContext.cjs","sources":["../../src/composer/AttachmentContext.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useState, type ReactNode } from 'react';\nimport { createAthenaSpacesUrl, DEFAULT_APP_URL } from '../lib/athena-urls';\nimport type { UploadedAsset } from './useFileUpload';\n\ninterface AttachmentContextValue {\n  attachments: UploadedAsset[];\n  addAttachments: (assets: UploadedAsset[]) => void;\n  removeAttachment: (id: string) => void;\n  clearAttachments: () => void;\n  /** True when one or more files are currently being uploaded. */\n  isUploading: boolean;\n  setIsUploading: (v: boolean) => void;\n}\n\nconst AttachmentCtx = createContext<AttachmentContextValue | null>(null);\n\nexport function AttachmentProvider({ children }: { children: ReactNode }) {\n  const [attachments, setAttachments] = useState<UploadedAsset[]>([]);\n  const [isUploading, setIsUploading] = useState(false);\n\n  const addAttachments = useCallback((assets: UploadedAsset[]) => {\n    setAttachments((prev) => [...prev, ...assets]);\n  }, []);\n\n  const removeAttachment = useCallback((id: string) => {\n    setAttachments((prev) => prev.filter((a) => a.id !== id));\n  }, []);\n\n  const clearAttachments = useCallback(() => setAttachments([]), []);\n\n  const value = useMemo(\n    () => ({ attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading }),\n    [attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading],\n  );\n\n  return (\n    <AttachmentCtx.Provider value={value}>\n      {children}\n    </AttachmentCtx.Provider>\n  );\n}\n\nexport function useAttachments(): AttachmentContextValue {\n  const ctx = useContext(AttachmentCtx);\n  if (!ctx) {\n    throw new Error('[AthenaSDK] useAttachments must be used within <AttachmentProvider>');\n  }\n  return ctx;\n}\n\n/**\n * Build the markdown references for the current attachments.\n * Returns empty string if no attachments.\n *\n * @deprecated Use `buildAttachmentMarkdownWithAppUrl` to avoid defaulting links to the production Athena app URL.\n */\nexport function buildAttachmentMarkdown(attachments: UploadedAsset[]): string {\n  return buildAttachmentMarkdownWithAppUrl({ attachments });\n}\n\nexport function buildAttachmentMarkdownWithAppUrl({\n  attachments,\n  appUrl = DEFAULT_APP_URL,\n}: {\n  attachments: UploadedAsset[];\n  appUrl?: string;\n}): string {\n  if (attachments.length === 0) return '';\n  return attachments\n    .map((attachment) => `[@${attachment.title}](${createAthenaSpacesUrl({ appUrl, assetIds: attachment.id })})`)\n    .join('\\n');\n}\n"],"names":["createContext","useState","useCallback","useMemo","jsx","useContext","DEFAULT_APP_URL","createAthenaSpacesUrl"],"mappings":";;;;;AAcA,MAAM,gBAAgBA,MAAAA,cAA6C,IAAI;AAEhE,SAAS,mBAAmB,EAAE,YAAqC;AACxE,QAAM,CAAC,aAAa,cAAc,IAAIC,MAAAA,SAA0B,CAAA,CAAE;AAClE,QAAM,CAAC,aAAa,cAAc,IAAIA,MAAAA,SAAS,KAAK;AAEpD,QAAM,iBAAiBC,kBAAY,CAAC,WAA4B;AAC9D,mBAAe,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;AAAA,EAC/C,GAAG,CAAA,CAAE;AAEL,QAAM,mBAAmBA,kBAAY,CAAC,OAAe;AACnD,mBAAe,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EAC1D,GAAG,CAAA,CAAE;AAEL,QAAM,mBAAmBA,MAAAA,YAAY,MAAM,eAAe,CAAA,CAAE,GAAG,CAAA,CAAE;AAEjE,QAAM,QAAQC,MAAAA;AAAAA,IACZ,OAAO,EAAE,aAAa,gBAAgB,kBAAkB,kBAAkB,aAAa;IACvF,CAAC,aAAa,gBAAgB,kBAAkB,kBAAkB,aAAa,cAAc;AAAA,EAAA;AAG/F,SACEC,2BAAAA,IAAC,cAAc,UAAd,EAAuB,OACrB,SAAA,CACH;AAEJ;AAEO,SAAS,iBAAyC;AACvD,QAAM,MAAMC,MAAAA,WAAW,aAAa;AACpC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,qEAAqE;AAAA,EACvF;AACA,SAAO;AACT;AAYO,SAAS,kCAAkC;AAAA,EAChD;AAAA,EACA,SAASC,WAAAA;AACX,GAGW;AACT,MAAI,YAAY,WAAW,EAAG,QAAO;AACrC,SAAO,YACJ,IAAI,CAAC,eAAe,KAAK,WAAW,KAAK,KAAKC,WAAAA,sBAAsB,EAAE,QAAQ,UAAU,WAAW,GAAA,CAAI,CAAC,GAAG,EAC3G,KAAK,IAAI;AACd;;;;"}

package/dist/composer/AttachmentContext.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback, useMemo, useContext, createContext } from "react";
+import { createAthenaSpacesUrl, DEFAULT_APP_URL } from "../lib/athena-urls.js";
+const AttachmentCtx = createContext(null);
+function AttachmentProvider({ children }) {
+  const [attachments, setAttachments] = useState([]);
+  const [isUploading, setIsUploading] = useState(false);
+  const addAttachments = useCallback((assets) => {
+    setAttachments((prev) => [...prev, ...assets]);
+  }, []);
+  const removeAttachment = useCallback((id) => {
+    setAttachments((prev) => prev.filter((a) => a.id !== id));
+  }, []);
+  const clearAttachments = useCallback(() => setAttachments([]), []);
+  const value = useMemo(
+    () => ({ attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading }),
+    [attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading]
+  );
+  return /* @__PURE__ */ jsx(AttachmentCtx.Provider, { value, children });
+}
+function useAttachments() {
+  const ctx = useContext(AttachmentCtx);
+  if (!ctx) {
+    throw new Error("[AthenaSDK] useAttachments must be used within <AttachmentProvider>");
+  }
+  return ctx;
+}
+function buildAttachmentMarkdownWithAppUrl({
+  attachments,
+  appUrl = DEFAULT_APP_URL
+}) {
+  if (attachments.length === 0) return "";
+  return attachments.map((attachment) => `[@${attachment.title}](${createAthenaSpacesUrl({ appUrl, assetIds: attachment.id })})`).join("\n");
+}
+export {
+  AttachmentProvider,
+  buildAttachmentMarkdownWithAppUrl,
+  useAttachments
+};
+//# sourceMappingURL=AttachmentContext.js.map

package/dist/composer/AttachmentContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentContext.js","sources":["../../src/composer/AttachmentContext.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useState, type ReactNode } from 'react';\nimport { createAthenaSpacesUrl, DEFAULT_APP_URL } from '../lib/athena-urls';\nimport type { UploadedAsset } from './useFileUpload';\n\ninterface AttachmentContextValue {\n  attachments: UploadedAsset[];\n  addAttachments: (assets: UploadedAsset[]) => void;\n  removeAttachment: (id: string) => void;\n  clearAttachments: () => void;\n  /** True when one or more files are currently being uploaded. */\n  isUploading: boolean;\n  setIsUploading: (v: boolean) => void;\n}\n\nconst AttachmentCtx = createContext<AttachmentContextValue | null>(null);\n\nexport function AttachmentProvider({ children }: { children: ReactNode }) {\n  const [attachments, setAttachments] = useState<UploadedAsset[]>([]);\n  const [isUploading, setIsUploading] = useState(false);\n\n  const addAttachments = useCallback((assets: UploadedAsset[]) => {\n    setAttachments((prev) => [...prev, ...assets]);\n  }, []);\n\n  const removeAttachment = useCallback((id: string) => {\n    setAttachments((prev) => prev.filter((a) => a.id !== id));\n  }, []);\n\n  const clearAttachments = useCallback(() => setAttachments([]), []);\n\n  const value = useMemo(\n    () => ({ attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading }),\n    [attachments, addAttachments, removeAttachment, clearAttachments, isUploading, setIsUploading],\n  );\n\n  return (\n    <AttachmentCtx.Provider value={value}>\n      {children}\n    </AttachmentCtx.Provider>\n  );\n}\n\nexport function useAttachments(): AttachmentContextValue {\n  const ctx = useContext(AttachmentCtx);\n  if (!ctx) {\n    throw new Error('[AthenaSDK] useAttachments must be used within <AttachmentProvider>');\n  }\n  return ctx;\n}\n\n/**\n * Build the markdown references for the current attachments.\n * Returns empty string if no attachments.\n *\n * @deprecated Use `buildAttachmentMarkdownWithAppUrl` to avoid defaulting links to the production Athena app URL.\n */\nexport function buildAttachmentMarkdown(attachments: UploadedAsset[]): string {\n  return buildAttachmentMarkdownWithAppUrl({ attachments });\n}\n\nexport function buildAttachmentMarkdownWithAppUrl({\n  attachments,\n  appUrl = DEFAULT_APP_URL,\n}: {\n  attachments: UploadedAsset[];\n  appUrl?: string;\n}): string {\n  if (attachments.length === 0) return '';\n  return attachments\n    .map((attachment) => `[@${attachment.title}](${createAthenaSpacesUrl({ appUrl, assetIds: attachment.id })})`)\n    .join('\\n');\n}\n"],"names":[],"mappings":";;;AAcA,MAAM,gBAAgB,cAA6C,IAAI;AAEhE,SAAS,mBAAmB,EAAE,YAAqC;AACxE,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0B,CAAA,CAAE;AAClE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,iBAAiB,YAAY,CAAC,WAA4B;AAC9D,mBAAe,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;AAAA,EAC/C,GAAG,CAAA,CAAE;AAEL,QAAM,mBAAmB,YAAY,CAAC,OAAe;AACnD,mBAAe,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EAC1D,GAAG,CAAA,CAAE;AAEL,QAAM,mBAAmB,YAAY,MAAM,eAAe,CAAA,CAAE,GAAG,CAAA,CAAE;AAEjE,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,aAAa,gBAAgB,kBAAkB,kBAAkB,aAAa;IACvF,CAAC,aAAa,gBAAgB,kBAAkB,kBAAkB,aAAa,cAAc;AAAA,EAAA;AAG/F,SACE,oBAAC,cAAc,UAAd,EAAuB,OACrB,SAAA,CACH;AAEJ;AAEO,SAAS,iBAAyC;AACvD,QAAM,MAAM,WAAW,aAAa;AACpC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,qEAAqE;AAAA,EACvF;AACA,SAAO;AACT;AAYO,SAAS,kCAAkC;AAAA,EAChD;AAAA,EACA,SAAS;AACX,GAGW;AACT,MAAI,YAAY,WAAW,EAAG,QAAO;AACrC,SAAO,YACJ,IAAI,CAAC,eAAe,KAAK,WAAW,KAAK,KAAK,sBAAsB,EAAE,QAAQ,UAAU,WAAW,GAAA,CAAI,CAAC,GAAG,EAC3G,KAAK,IAAI;AACd;"}

package/dist/composer/ComposerAttachmentPreview.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const AttachmentContext = require("./AttachmentContext.cjs");
+const cnfast = require("cnfast");
+const ComposerAttachmentPreview = ({ className }) => {
+  const { attachments, isUploading, removeAttachment } = AttachmentContext.useAttachments();
+  if (attachments.length === 0 && !isUploading) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cnfast.cn("aui-attachment-preview mx-3 mt-2 flex flex-wrap gap-1.5", className), children: [
+    attachments.map((asset) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex items-center gap-1.5 rounded-lg border border-border/60 bg-muted/40 px-2.5 py-1.5 text-xs",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PaperclipIcon, { className: "size-3 shrink-0 text-muted-foreground/60" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[180px] truncate text-foreground/80", children: asset.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => removeAttachment(asset.id),
+              className: "shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+              "aria-label": `Remove ${asset.title}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-3" })
+            }
+          )
+        ]
+      },
+      asset.id
+    )),
+    isUploading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 rounded-lg border border-border/60 bg-muted/40 px-2.5 py-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "size-3 shrink-0 animate-spin" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Uploading..." })
+    ] }) : null
+  ] });
+};
+exports.ComposerAttachmentPreview = ComposerAttachmentPreview;
+//# sourceMappingURL=ComposerAttachmentPreview.cjs.map

package/dist/composer/ComposerAttachmentPreview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerAttachmentPreview.cjs","sources":["../../src/composer/ComposerAttachmentPreview.tsx"],"sourcesContent":["import { Loader2Icon, PaperclipIcon, XIcon } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useAttachments } from './AttachmentContext';\nimport { cn } from '../lib/utils';\n\nexport interface ComposerAttachmentPreviewProps {\n  className?: string;\n}\n\n/**\n * Renders uploaded file pills above the composer.\n * Each pill shows the file name and a dismiss button.\n */\nexport const ComposerAttachmentPreview: FC<ComposerAttachmentPreviewProps> = ({ className }) => {\n  const { attachments, isUploading, removeAttachment } = useAttachments();\n\n  if (attachments.length === 0 && !isUploading) return null;\n\n  return (\n    <div className={cn('aui-attachment-preview mx-3 mt-2 flex flex-wrap gap-1.5', className)}>\n      {attachments.map((asset) => (\n        <div\n          key={asset.id}\n          className=\"flex items-center gap-1.5 rounded-lg border border-border/60 bg-muted/40 px-2.5 py-1.5 text-xs\"\n        >\n          <PaperclipIcon className=\"size-3 shrink-0 text-muted-foreground/60\" />\n          <span className=\"max-w-[180px] truncate text-foreground/80\">{asset.title}</span>\n          <button\n            type=\"button\"\n            onClick={() => removeAttachment(asset.id)}\n            className=\"shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors\"\n            aria-label={`Remove ${asset.title}`}\n          >\n            <XIcon className=\"size-3\" />\n          </button>\n        </div>\n      ))}\n      {isUploading ? (\n        <div className=\"flex items-center gap-1.5 rounded-lg border border-border/60 bg-muted/40 px-2.5 py-1.5 text-xs text-muted-foreground\">\n          <Loader2Icon className=\"size-3 shrink-0 animate-spin\" />\n          <span>Uploading...</span>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["useAttachments","cn","jsxs","jsx","PaperclipIcon","XIcon","Loader2Icon"],"mappings":";;;;;;AAaO,MAAM,4BAAgE,CAAC,EAAE,gBAAgB;AAC9F,QAAM,EAAE,aAAa,aAAa,iBAAA,IAAqBA,kBAAAA,eAAA;AAEvD,MAAI,YAAY,WAAW,KAAK,CAAC,YAAa,QAAO;AAErD,yCACG,OAAA,EAAI,WAAWC,OAAAA,GAAG,2DAA2D,SAAS,GACpF,UAAA;AAAA,IAAA,YAAY,IAAI,CAAC,UAChBC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,2BAAAA,IAACC,YAAAA,eAAA,EAAc,WAAU,2CAAA,CAA2C;AAAA,UACpED,2BAAAA,IAAC,QAAA,EAAK,WAAU,6CAA6C,gBAAM,OAAM;AAAA,UACzEA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM,iBAAiB,MAAM,EAAE;AAAA,cACxC,WAAU;AAAA,cACV,cAAY,UAAU,MAAM,KAAK;AAAA,cAEjC,UAAAA,2BAAAA,IAACE,YAAAA,OAAA,EAAM,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC5B;AAAA,MAAA;AAAA,MAZK,MAAM;AAAA,IAAA,CAcd;AAAA,IACA,cACCH,2BAAAA,KAAC,OAAA,EAAI,WAAU,wHACb,UAAA;AAAA,MAAAC,2BAAAA,IAACG,YAAAA,aAAA,EAAY,WAAU,+BAAA,CAA+B;AAAA,MACtDH,2BAAAA,IAAC,UAAK,UAAA,eAAA,CAAY;AAAA,IAAA,EAAA,CACpB,IACE;AAAA,EAAA,GACN;AAEJ;;"}

package/dist/composer/ComposerAttachmentPreview.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { PaperclipIcon, XIcon, Loader2Icon } from "lucide-react";
+import { useAttachments } from "./AttachmentContext.js";
+import { cn } from "cnfast";
+const ComposerAttachmentPreview = ({ className }) => {
+  const { attachments, isUploading, removeAttachment } = useAttachments();
+  if (attachments.length === 0 && !isUploading) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("aui-attachment-preview mx-3 mt-2 flex flex-wrap gap-1.5", className), children: [
+    attachments.map((asset) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center gap-1.5 rounded-lg border border-border/60 bg-muted/40 px-2.5 py-1.5 text-xs",
+        children: [
+          /* @__PURE__ */ jsx(PaperclipIcon, { className: "size-3 shrink-0 text-muted-foreground/60" }),
+          /* @__PURE__ */ jsx("span", { className: "max-w-[180px] truncate text-foreground/80", children: asset.title }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => removeAttachment(asset.id),
+              className: "shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+              "aria-label": `Remove ${asset.title}`,
+              children: /* @__PURE__ */ jsx(XIcon, { className: "size-3" })
+            }
+          )
+        ]
+      },
+      asset.id
+    )),
+    isUploading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 rounded-lg border border-border/60 bg-muted/40 px-2.5 py-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2Icon, { className: "size-3 shrink-0 animate-spin" }),
+      /* @__PURE__ */ jsx("span", { children: "Uploading..." })
+    ] }) : null
+  ] });
+};
+export {
+  ComposerAttachmentPreview
+};
+//# sourceMappingURL=ComposerAttachmentPreview.js.map

package/dist/composer/ComposerAttachmentPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerAttachmentPreview.js","sources":["../../src/composer/ComposerAttachmentPreview.tsx"],"sourcesContent":["import { Loader2Icon, PaperclipIcon, XIcon } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useAttachments } from './AttachmentContext';\nimport { cn } from '../lib/utils';\n\nexport interface ComposerAttachmentPreviewProps {\n  className?: string;\n}\n\n/**\n * Renders uploaded file pills above the composer.\n * Each pill shows the file name and a dismiss button.\n */\nexport const ComposerAttachmentPreview: FC<ComposerAttachmentPreviewProps> = ({ className }) => {\n  const { attachments, isUploading, removeAttachment } = useAttachments();\n\n  if (attachments.length === 0 && !isUploading) return null;\n\n  return (\n    <div className={cn('aui-attachment-preview mx-3 mt-2 flex flex-wrap gap-1.5', className)}>\n      {attachments.map((asset) => (\n        <div\n          key={asset.id}\n          className=\"flex items-center gap-1.5 rounded-lg border border-border/60 bg-muted/40 px-2.5 py-1.5 text-xs\"\n        >\n          <PaperclipIcon className=\"size-3 shrink-0 text-muted-foreground/60\" />\n          <span className=\"max-w-[180px] truncate text-foreground/80\">{asset.title}</span>\n          <button\n            type=\"button\"\n            onClick={() => removeAttachment(asset.id)}\n            className=\"shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors\"\n            aria-label={`Remove ${asset.title}`}\n          >\n            <XIcon className=\"size-3\" />\n          </button>\n        </div>\n      ))}\n      {isUploading ? (\n        <div className=\"flex items-center gap-1.5 rounded-lg border border-border/60 bg-muted/40 px-2.5 py-1.5 text-xs text-muted-foreground\">\n          <Loader2Icon className=\"size-3 shrink-0 animate-spin\" />\n          <span>Uploading...</span>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AAaO,MAAM,4BAAgE,CAAC,EAAE,gBAAgB;AAC9F,QAAM,EAAE,aAAa,aAAa,iBAAA,IAAqB,eAAA;AAEvD,MAAI,YAAY,WAAW,KAAK,CAAC,YAAa,QAAO;AAErD,8BACG,OAAA,EAAI,WAAW,GAAG,2DAA2D,SAAS,GACpF,UAAA;AAAA,IAAA,YAAY,IAAI,CAAC,UAChB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,eAAA,EAAc,WAAU,2CAAA,CAA2C;AAAA,UACpE,oBAAC,QAAA,EAAK,WAAU,6CAA6C,gBAAM,OAAM;AAAA,UACzE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM,iBAAiB,MAAM,EAAE;AAAA,cACxC,WAAU;AAAA,cACV,cAAY,UAAU,MAAM,KAAK;AAAA,cAEjC,UAAA,oBAAC,OAAA,EAAM,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC5B;AAAA,MAAA;AAAA,MAZK,MAAM;AAAA,IAAA,CAcd;AAAA,IACA,cACC,qBAAC,OAAA,EAAI,WAAU,wHACb,UAAA;AAAA,MAAA,oBAAC,aAAA,EAAY,WAAU,+BAAA,CAA+B;AAAA,MACtD,oBAAC,UAAK,UAAA,eAAA,CAAY;AAAA,IAAA,EAAA,CACpB,IACE;AAAA,EAAA,GACN;AAEJ;"}

package/dist/composer/ComposerDropZone.cjs

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const AttachmentContext = require("./AttachmentContext.cjs");
+const useAttachFiles = require("./useAttachFiles.cjs");
+const cnfast = require("cnfast");
+const ComposerDropZone = ({
+  children,
+  className,
+  onUpload
+}) => {
+  const [isDragOver, setIsDragOver] = react.useState(false);
+  const { attachFiles } = useAttachFiles.useAttachFiles();
+  const { isUploading } = AttachmentContext.useAttachments();
+  const handleDragOver = react.useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.dataTransfer.types.includes("Files")) {
+      setIsDragOver(true);
+    }
+  }, []);
+  const handleDragLeave = react.useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const rect = e.currentTarget.getBoundingClientRect();
+    const { clientX, clientY } = e;
+    if (clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom) {
+      setIsDragOver(false);
+    }
+  }, []);
+  const handleDrop = react.useCallback(
+    async (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragOver(false);
+      const files = Array.from(e.dataTransfer.files);
+      if (files.length === 0) return;
+      const assets = await attachFiles(files, "drop");
+      if (assets.length > 0) {
+        onUpload == null ? void 0 : onUpload(assets);
+      }
+    },
+    [attachFiles, onUpload]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cnfast.cn("relative", className),
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop,
+      children: [
+        children,
+        isDragOver && !isUploading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-drop-overlay pointer-events-none absolute inset-0 z-20 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary/50 bg-primary/5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-primary", children: "Drop files to upload" }) })
+      ]
+    }
+  );
+};
+exports.ComposerDropZone = ComposerDropZone;
+//# sourceMappingURL=ComposerDropZone.cjs.map

package/dist/composer/ComposerDropZone.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerDropZone.cjs","sources":["../../src/composer/ComposerDropZone.tsx"],"sourcesContent":["import { useCallback, useState, type DragEvent, type FC, type ReactNode } from 'react';\nimport { useAttachments } from './AttachmentContext';\nimport { useAttachFiles } from './useAttachFiles';\nimport type { UploadedAsset } from './useFileUpload';\nimport { cn } from '../lib/utils';\n\nexport interface ComposerDropZoneProps {\n  children: ReactNode;\n  className?: string;\n  /** Called after files are uploaded via drag-and-drop. */\n  onUpload?: (assets: UploadedAsset[]) => void;\n}\n\n/**\n * Wraps the composer area with drag-and-drop file upload support.\n * Shows a visual drop indicator when files are dragged over.\n */\nexport const ComposerDropZone: FC<ComposerDropZoneProps> = ({\n  children,\n  className,\n  onUpload,\n}) => {\n  const [isDragOver, setIsDragOver] = useState(false);\n  const { attachFiles } = useAttachFiles();\n  const { isUploading } = useAttachments();\n\n  const handleDragOver = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e.dataTransfer.types.includes('Files')) {\n      setIsDragOver(true);\n    }\n  }, []);\n\n  const handleDragLeave = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    const { clientX, clientY } = e;\n    if (\n      clientX < rect.left ||\n      clientX > rect.right ||\n      clientY < rect.top ||\n      clientY > rect.bottom\n    ) {\n      setIsDragOver(false);\n    }\n  }, []);\n\n  const handleDrop = useCallback(\n    async (e: DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsDragOver(false);\n\n      const files = Array.from(e.dataTransfer.files);\n      if (files.length === 0) return;\n\n      const assets = await attachFiles(files, 'drop');\n      if (assets.length > 0) {\n        onUpload?.(assets);\n      }\n    },\n    [attachFiles, onUpload],\n  );\n\n  return (\n    <div\n      className={cn('relative', className)}\n      onDragOver={handleDragOver}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n    >\n      {children}\n      {isDragOver && !isUploading && (\n        <div className=\"aui-drop-overlay pointer-events-none absolute inset-0 z-20 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary/50 bg-primary/5\">\n          <span className=\"text-sm font-medium text-primary\">Drop files to upload</span>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","useAttachFiles","useAttachments","useCallback","jsxs","cn","jsx"],"mappings":";;;;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,KAAK;AAClD,QAAM,EAAE,YAAA,IAAgBC,8BAAA;AACxB,QAAM,EAAE,YAAA,IAAgBC,iCAAA;AAExB,QAAM,iBAAiBC,kBAAY,CAAC,MAAiB;AACnD,MAAE,eAAA;AACF,MAAE,gBAAA;AACF,QAAI,EAAE,aAAa,MAAM,SAAS,OAAO,GAAG;AAC1C,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,kBAAkBA,kBAAY,CAAC,MAAiB;AACpD,MAAE,eAAA;AACF,MAAE,gBAAA;AACF,UAAM,OAAQ,EAAE,cAA8B,sBAAA;AAC9C,UAAM,EAAE,SAAS,QAAA,IAAY;AAC7B,QACE,UAAU,KAAK,QACf,UAAU,KAAK,SACf,UAAU,KAAK,OACf,UAAU,KAAK,QACf;AACA,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,aAAaA,MAAAA;AAAAA,IACjB,OAAO,MAAiB;AACtB,QAAE,eAAA;AACF,QAAE,gBAAA;AACF,oBAAc,KAAK;AAEnB,YAAM,QAAQ,MAAM,KAAK,EAAE,aAAa,KAAK;AAC7C,UAAI,MAAM,WAAW,EAAG;AAExB,YAAM,SAAS,MAAM,YAAY,OAAO,MAAM;AAC9C,UAAI,OAAO,SAAS,GAAG;AACrB,6CAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ;AAAA,EAAA;AAGxB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,OAAAA,GAAG,YAAY,SAAS;AAAA,MACnC,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA,MAEP,UAAA;AAAA,QAAA;AAAA,QACA,cAAc,CAAC,eACdC,2BAAAA,IAAC,OAAA,EAAI,WAAU,iKACb,UAAAA,2BAAAA,IAAC,QAAA,EAAK,WAAU,oCAAmC,UAAA,uBAAA,CAAoB,EAAA,CACzE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

package/dist/composer/ComposerDropZone.d.ts

@@ -1,5 +1,5 @@
 import { type FC, type ReactNode } from 'react';
-import { type UploadedAsset } from './useFileUpload';
+import type { UploadedAsset } from './useFileUpload';
 export interface ComposerDropZoneProps {
     children: ReactNode;
     className?: string;

package/dist/composer/ComposerDropZone.js

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useAttachments } from "./AttachmentContext.js";
+import { useAttachFiles } from "./useAttachFiles.js";
+import { cn } from "cnfast";
+const ComposerDropZone = ({
+  children,
+  className,
+  onUpload
+}) => {
+  const [isDragOver, setIsDragOver] = useState(false);
+  const { attachFiles } = useAttachFiles();
+  const { isUploading } = useAttachments();
+  const handleDragOver = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.dataTransfer.types.includes("Files")) {
+      setIsDragOver(true);
+    }
+  }, []);
+  const handleDragLeave = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const rect = e.currentTarget.getBoundingClientRect();
+    const { clientX, clientY } = e;
+    if (clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom) {
+      setIsDragOver(false);
+    }
+  }, []);
+  const handleDrop = useCallback(
+    async (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragOver(false);
+      const files = Array.from(e.dataTransfer.files);
+      if (files.length === 0) return;
+      const assets = await attachFiles(files, "drop");
+      if (assets.length > 0) {
+        onUpload == null ? void 0 : onUpload(assets);
+      }
+    },
+    [attachFiles, onUpload]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("relative", className),
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop,
+      children: [
+        children,
+        isDragOver && !isUploading && /* @__PURE__ */ jsx("div", { className: "aui-drop-overlay pointer-events-none absolute inset-0 z-20 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary/50 bg-primary/5", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-primary", children: "Drop files to upload" }) })
+      ]
+    }
+  );
+};
+export {
+  ComposerDropZone
+};
+//# sourceMappingURL=ComposerDropZone.js.map

package/dist/composer/ComposerDropZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerDropZone.js","sources":["../../src/composer/ComposerDropZone.tsx"],"sourcesContent":["import { useCallback, useState, type DragEvent, type FC, type ReactNode } from 'react';\nimport { useAttachments } from './AttachmentContext';\nimport { useAttachFiles } from './useAttachFiles';\nimport type { UploadedAsset } from './useFileUpload';\nimport { cn } from '../lib/utils';\n\nexport interface ComposerDropZoneProps {\n  children: ReactNode;\n  className?: string;\n  /** Called after files are uploaded via drag-and-drop. */\n  onUpload?: (assets: UploadedAsset[]) => void;\n}\n\n/**\n * Wraps the composer area with drag-and-drop file upload support.\n * Shows a visual drop indicator when files are dragged over.\n */\nexport const ComposerDropZone: FC<ComposerDropZoneProps> = ({\n  children,\n  className,\n  onUpload,\n}) => {\n  const [isDragOver, setIsDragOver] = useState(false);\n  const { attachFiles } = useAttachFiles();\n  const { isUploading } = useAttachments();\n\n  const handleDragOver = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e.dataTransfer.types.includes('Files')) {\n      setIsDragOver(true);\n    }\n  }, []);\n\n  const handleDragLeave = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    const { clientX, clientY } = e;\n    if (\n      clientX < rect.left ||\n      clientX > rect.right ||\n      clientY < rect.top ||\n      clientY > rect.bottom\n    ) {\n      setIsDragOver(false);\n    }\n  }, []);\n\n  const handleDrop = useCallback(\n    async (e: DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsDragOver(false);\n\n      const files = Array.from(e.dataTransfer.files);\n      if (files.length === 0) return;\n\n      const assets = await attachFiles(files, 'drop');\n      if (assets.length > 0) {\n        onUpload?.(assets);\n      }\n    },\n    [attachFiles, onUpload],\n  );\n\n  return (\n    <div\n      className={cn('relative', className)}\n      onDragOver={handleDragOver}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n    >\n      {children}\n      {isDragOver && !isUploading && (\n        <div className=\"aui-drop-overlay pointer-events-none absolute inset-0 z-20 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary/50 bg-primary/5\">\n          <span className=\"text-sm font-medium text-primary\">Drop files to upload</span>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,EAAE,YAAA,IAAgB,eAAA;AACxB,QAAM,EAAE,YAAA,IAAgB,eAAA;AAExB,QAAM,iBAAiB,YAAY,CAAC,MAAiB;AACnD,MAAE,eAAA;AACF,MAAE,gBAAA;AACF,QAAI,EAAE,aAAa,MAAM,SAAS,OAAO,GAAG;AAC1C,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,kBAAkB,YAAY,CAAC,MAAiB;AACpD,MAAE,eAAA;AACF,MAAE,gBAAA;AACF,UAAM,OAAQ,EAAE,cAA8B,sBAAA;AAC9C,UAAM,EAAE,SAAS,QAAA,IAAY;AAC7B,QACE,UAAU,KAAK,QACf,UAAU,KAAK,SACf,UAAU,KAAK,OACf,UAAU,KAAK,QACf;AACA,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa;AAAA,IACjB,OAAO,MAAiB;AACtB,QAAE,eAAA;AACF,QAAE,gBAAA;AACF,oBAAc,KAAK;AAEnB,YAAM,QAAQ,MAAM,KAAK,EAAE,aAAa,KAAK;AAC7C,UAAI,MAAM,WAAW,EAAG;AAExB,YAAM,SAAS,MAAM,YAAY,OAAO,MAAM;AAC9C,UAAI,OAAO,SAAS,GAAG;AACrB,6CAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ;AAAA,EAAA;AAGxB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,YAAY,SAAS;AAAA,MACnC,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA,MAEP,UAAA;AAAA,QAAA;AAAA,QACA,cAAc,CAAC,eACd,oBAAC,OAAA,EAAI,WAAU,iKACb,UAAA,oBAAC,QAAA,EAAK,WAAU,oCAAmC,UAAA,uBAAA,CAAoB,EAAA,CACzE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/composer/ComposerQuotePreview.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const QuoteContext = require("./QuoteContext.cjs");
+const cnfast = require("cnfast");
+const ComposerQuotePreview = ({ className }) => {
+  const { quote, clearQuote } = QuoteContext.useQuote();
+  if (!quote) return null;
+  const previewText = quote.text.length > 200 ? quote.text.slice(0, 200).trimEnd() + "…" : quote.text;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cnfast.cn(
+        "aui-quote-preview mx-3 mt-2 flex items-start gap-2 rounded-lg border border-border/60 bg-muted/40 px-3 py-2 text-sm",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.QuoteIcon, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground/60" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          quote.sourceTitle && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-0.5 truncate text-xs font-medium text-muted-foreground", children: [
+            "From ",
+            quote.sourceTitle
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "line-clamp-3 whitespace-pre-wrap text-xs text-foreground/80 leading-relaxed", children: previewText })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: clearQuote,
+            className: "mt-0.5 shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+            "aria-label": "Remove quote",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-3.5" })
+          }
+        )
+      ]
+    }
+  );
+};
+exports.ComposerQuotePreview = ComposerQuotePreview;
+//# sourceMappingURL=ComposerQuotePreview.cjs.map

package/dist/composer/ComposerQuotePreview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerQuotePreview.cjs","sources":["../../src/composer/ComposerQuotePreview.tsx"],"sourcesContent":["import { XIcon, QuoteIcon } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useQuote } from './QuoteContext';\nimport { cn } from '../lib/utils';\n\nexport interface ComposerQuotePreviewProps {\n  className?: string;\n}\n\n/**\n * Renders a quote preview pill above the composer when text has been quoted\n * (via Cmd+L, text selection, or PostMessage from an iframe).\n *\n * Shows the quoted text with source attribution and a dismiss button.\n * Clears automatically after message send (handled by ComposerWithQuote).\n */\nexport const ComposerQuotePreview: FC<ComposerQuotePreviewProps> = ({ className }) => {\n  const { quote, clearQuote } = useQuote();\n\n  if (!quote) return null;\n\n  // Truncate long quotes for the preview\n  const previewText =\n    quote.text.length > 200\n      ? quote.text.slice(0, 200).trimEnd() + '…'\n      : quote.text;\n\n  return (\n    <div\n      className={cn(\n        'aui-quote-preview mx-3 mt-2 flex items-start gap-2 rounded-lg border border-border/60 bg-muted/40 px-3 py-2 text-sm',\n        className,\n      )}\n    >\n      <QuoteIcon className=\"mt-0.5 size-3.5 shrink-0 text-muted-foreground/60\" />\n      <div className=\"min-w-0 flex-1\">\n        {quote.sourceTitle && (\n          <div className=\"mb-0.5 truncate text-xs font-medium text-muted-foreground\">\n            From {quote.sourceTitle}\n          </div>\n        )}\n        <div className=\"line-clamp-3 whitespace-pre-wrap text-xs text-foreground/80 leading-relaxed\">\n          {previewText}\n        </div>\n      </div>\n      <button\n        type=\"button\"\n        onClick={clearQuote}\n        className=\"mt-0.5 shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors\"\n        aria-label=\"Remove quote\"\n      >\n        <XIcon className=\"size-3.5\" />\n      </button>\n    </div>\n  );\n};\n"],"names":["useQuote","jsxs","cn","jsx","QuoteIcon","XIcon"],"mappings":";;;;;;AAgBO,MAAM,uBAAsD,CAAC,EAAE,gBAAgB;AACpF,QAAM,EAAE,OAAO,WAAA,IAAeA,sBAAA;AAE9B,MAAI,CAAC,MAAO,QAAO;AAGnB,QAAM,cACJ,MAAM,KAAK,SAAS,MAChB,MAAM,KAAK,MAAM,GAAG,GAAG,EAAE,QAAA,IAAY,MACrC,MAAM;AAEZ,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAC,2BAAAA,IAACC,YAAAA,WAAA,EAAU,WAAU,oDAAA,CAAoD;AAAA,QACzEH,2BAAAA,KAAC,OAAA,EAAI,WAAU,kBACZ,UAAA;AAAA,UAAA,MAAM,eACLA,gCAAC,OAAA,EAAI,WAAU,6DAA4D,UAAA;AAAA,YAAA;AAAA,YACnE,MAAM;AAAA,UAAA,GACd;AAAA,UAEFE,2BAAAA,IAAC,OAAA,EAAI,WAAU,+EACZ,UAAA,YAAA,CACH;AAAA,QAAA,GACF;AAAA,QACAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YACV,cAAW;AAAA,YAEX,UAAAA,2BAAAA,IAACE,YAAAA,OAAA,EAAM,WAAU,WAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9B;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/composer/ComposerQuotePreview.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { QuoteIcon, XIcon } from "lucide-react";
+import { useQuote } from "./QuoteContext.js";
+import { cn } from "cnfast";
+const ComposerQuotePreview = ({ className }) => {
+  const { quote, clearQuote } = useQuote();
+  if (!quote) return null;
+  const previewText = quote.text.length > 200 ? quote.text.slice(0, 200).trimEnd() + "…" : quote.text;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "aui-quote-preview mx-3 mt-2 flex items-start gap-2 rounded-lg border border-border/60 bg-muted/40 px-3 py-2 text-sm",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(QuoteIcon, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground/60" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          quote.sourceTitle && /* @__PURE__ */ jsxs("div", { className: "mb-0.5 truncate text-xs font-medium text-muted-foreground", children: [
+            "From ",
+            quote.sourceTitle
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "line-clamp-3 whitespace-pre-wrap text-xs text-foreground/80 leading-relaxed", children: previewText })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: clearQuote,
+            className: "mt-0.5 shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+            "aria-label": "Remove quote",
+            children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5" })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ComposerQuotePreview
+};
+//# sourceMappingURL=ComposerQuotePreview.js.map

package/dist/composer/ComposerQuotePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerQuotePreview.js","sources":["../../src/composer/ComposerQuotePreview.tsx"],"sourcesContent":["import { XIcon, QuoteIcon } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useQuote } from './QuoteContext';\nimport { cn } from '../lib/utils';\n\nexport interface ComposerQuotePreviewProps {\n  className?: string;\n}\n\n/**\n * Renders a quote preview pill above the composer when text has been quoted\n * (via Cmd+L, text selection, or PostMessage from an iframe).\n *\n * Shows the quoted text with source attribution and a dismiss button.\n * Clears automatically after message send (handled by ComposerWithQuote).\n */\nexport const ComposerQuotePreview: FC<ComposerQuotePreviewProps> = ({ className }) => {\n  const { quote, clearQuote } = useQuote();\n\n  if (!quote) return null;\n\n  // Truncate long quotes for the preview\n  const previewText =\n    quote.text.length > 200\n      ? quote.text.slice(0, 200).trimEnd() + '…'\n      : quote.text;\n\n  return (\n    <div\n      className={cn(\n        'aui-quote-preview mx-3 mt-2 flex items-start gap-2 rounded-lg border border-border/60 bg-muted/40 px-3 py-2 text-sm',\n        className,\n      )}\n    >\n      <QuoteIcon className=\"mt-0.5 size-3.5 shrink-0 text-muted-foreground/60\" />\n      <div className=\"min-w-0 flex-1\">\n        {quote.sourceTitle && (\n          <div className=\"mb-0.5 truncate text-xs font-medium text-muted-foreground\">\n            From {quote.sourceTitle}\n          </div>\n        )}\n        <div className=\"line-clamp-3 whitespace-pre-wrap text-xs text-foreground/80 leading-relaxed\">\n          {previewText}\n        </div>\n      </div>\n      <button\n        type=\"button\"\n        onClick={clearQuote}\n        className=\"mt-0.5 shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors\"\n        aria-label=\"Remove quote\"\n      >\n        <XIcon className=\"size-3.5\" />\n      </button>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AAgBO,MAAM,uBAAsD,CAAC,EAAE,gBAAgB;AACpF,QAAM,EAAE,OAAO,WAAA,IAAe,SAAA;AAE9B,MAAI,CAAC,MAAO,QAAO;AAGnB,QAAM,cACJ,MAAM,KAAK,SAAS,MAChB,MAAM,KAAK,MAAM,GAAG,GAAG,EAAE,QAAA,IAAY,MACrC,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,oBAAC,WAAA,EAAU,WAAU,oDAAA,CAAoD;AAAA,QACzE,qBAAC,OAAA,EAAI,WAAU,kBACZ,UAAA;AAAA,UAAA,MAAM,eACL,qBAAC,OAAA,EAAI,WAAU,6DAA4D,UAAA;AAAA,YAAA;AAAA,YACnE,MAAM;AAAA,UAAA,GACd;AAAA,UAEF,oBAAC,OAAA,EAAI,WAAU,+EACZ,UAAA,YAAA,CACH;AAAA,QAAA,GACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YACV,cAAW;AAAA,YAEX,UAAA,oBAAC,OAAA,EAAM,WAAU,WAAA,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9B;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/composer/FileUploadButton.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const react = require("react");
+const useAttachFiles = require("./useAttachFiles.cjs");
+const cnfast = require("cnfast");
+const FileUploadButton = ({
+  className,
+  onUpload,
+  accept
+}) => {
+  const inputRef = react.useRef(null);
+  const { attachFiles, isUploading, error, clearError } = useAttachFiles.useAttachFiles();
+  const handleClick = react.useCallback(() => {
+    var _a;
+    clearError();
+    (_a = inputRef.current) == null ? void 0 : _a.click();
+  }, [clearError]);
+  const handleFiles = react.useCallback(
+    async (files) => {
+      if (!files || files.length === 0) return;
+      const assets = await attachFiles(Array.from(files), "paperclip");
+      if (assets.length > 0) {
+        onUpload == null ? void 0 : onUpload(assets);
+      }
+      if (inputRef.current) {
+        inputRef.current.value = "";
+      }
+    },
+    [attachFiles, onUpload]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        multiple: true,
+        accept,
+        className: "hidden",
+        onChange: (e) => handleFiles(e.target.files),
+        "aria-label": "Upload files"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick,
+        disabled: isUploading,
+        className: cnfast.cn(
+          "aui-file-upload-btn flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-50 disabled:pointer-events-none",
+          error && "text-destructive",
+          className
+        ),
+        title: error ?? (isUploading ? "Uploading..." : "Attach files"),
+        "aria-label": isUploading ? "Uploading files" : "Attach files",
+        children: isUploading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "size-4 animate-spin" }) : error ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PaperclipIcon, { className: "size-4" })
+      }
+    )
+  ] });
+};
+exports.FileUploadButton = FileUploadButton;
+//# sourceMappingURL=FileUploadButton.cjs.map

package/dist/composer/FileUploadButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadButton.cjs","sources":["../../src/composer/FileUploadButton.tsx"],"sourcesContent":["import { PaperclipIcon, Loader2Icon, AlertCircleIcon } from 'lucide-react';\nimport { useCallback, useRef, type FC } from 'react';\nimport { useAttachFiles } from './useAttachFiles';\nimport type { UploadedAsset } from './useFileUpload';\nimport { cn } from '../lib/utils';\n\nexport interface FileUploadButtonProps {\n  className?: string;\n  /** Called after files are uploaded successfully. Receives the created assets. */\n  onUpload?: (assets: UploadedAsset[]) => void;\n  /** Accepted file types (MIME pattern). Defaults to all files. */\n  accept?: string;\n}\n\n/**\n * Paperclip button that opens a file picker and uploads selected files to Athena.\n * After upload, adds files to the attachment context so they appear as pills\n * above the composer and get included when the message is sent.\n */\nexport const FileUploadButton: FC<FileUploadButtonProps> = ({\n  className,\n  onUpload,\n  accept,\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { attachFiles, isUploading, error, clearError } = useAttachFiles();\n\n  const handleClick = useCallback(() => {\n    clearError();\n    inputRef.current?.click();\n  }, [clearError]);\n\n  const handleFiles = useCallback(\n    async (files: FileList | null) => {\n      if (!files || files.length === 0) return;\n\n      const assets = await attachFiles(Array.from(files), 'paperclip');\n      if (assets.length > 0) {\n        onUpload?.(assets);\n      }\n\n      // Reset input so the same file can be re-selected\n      if (inputRef.current) {\n        inputRef.current.value = '';\n      }\n    },\n    [attachFiles, onUpload],\n  );\n\n  return (\n    <>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        multiple\n        accept={accept}\n        className=\"hidden\"\n        onChange={(e) => handleFiles(e.target.files)}\n        aria-label=\"Upload files\"\n      />\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={isUploading}\n        className={cn(\n          'aui-file-upload-btn flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-50 disabled:pointer-events-none',\n          error && 'text-destructive',\n          className,\n        )}\n        title={error ?? (isUploading ? 'Uploading...' : 'Attach files')}\n        aria-label={isUploading ? 'Uploading files' : 'Attach files'}\n      >\n        {isUploading ? (\n          <Loader2Icon className=\"size-4 animate-spin\" />\n        ) : error ? (\n          <AlertCircleIcon className=\"size-4\" />\n        ) : (\n          <PaperclipIcon className=\"size-4\" />\n        )}\n      </button>\n    </>\n  );\n};\n"],"names":["useRef","useAttachFiles","useCallback","jsxs","Fragment","jsx","cn","Loader2Icon","AlertCircleIcon","PaperclipIcon"],"mappings":";;;;;;;AAmBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,WAAWA,MAAAA,OAAyB,IAAI;AAC9C,QAAM,EAAE,aAAa,aAAa,OAAO,WAAA,IAAeC,eAAAA,eAAA;AAExD,QAAM,cAAcC,MAAAA,YAAY,MAAM;;AACpC,eAAA;AACA,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,cAAcA,MAAAA;AAAAA,IAClB,OAAO,UAA2B;AAChC,UAAI,CAAC,SAAS,MAAM,WAAW,EAAG;AAElC,YAAM,SAAS,MAAM,YAAY,MAAM,KAAK,KAAK,GAAG,WAAW;AAC/D,UAAI,OAAO,SAAS,GAAG;AACrB,6CAAW;AAAA,MACb;AAGA,UAAI,SAAS,SAAS;AACpB,iBAAS,QAAQ,QAAQ;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,aAAa,QAAQ;AAAA,EAAA;AAGxB,SACEC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA,QACA,WAAU;AAAA,QACV,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,QAC3C,cAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAEbA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAWC,OAAAA;AAAAA,UACT;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QAAA;AAAA,QAEF,OAAO,UAAU,cAAc,iBAAiB;AAAA,QAChD,cAAY,cAAc,oBAAoB;AAAA,QAE7C,UAAA,cACCD,2BAAAA,IAACE,YAAAA,aAAA,EAAY,WAAU,uBAAsB,IAC3C,QACFF,2BAAAA,IAACG,YAAAA,iBAAA,EAAgB,WAAU,UAAS,IAEpCH,2BAAAA,IAACI,2BAAA,EAAc,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAEtC,GACF;AAEJ;;"}

package/dist/composer/FileUploadButton.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import { type UploadedAsset } from './useFileUpload';
+import type { UploadedAsset } from './useFileUpload';
 export interface FileUploadButtonProps {
     className?: string;
     /** Called after files are uploaded successfully. Receives the created assets. */