@athenaintel/react 0.18.0 → 0.20.0

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. */

package/dist/composer/FileUploadButton.js

@@ -0,0 +1,65 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Loader2Icon, AlertCircleIcon, PaperclipIcon } from "lucide-react";
+import { useRef, useCallback } from "react";
+import { useAttachFiles } from "./useAttachFiles.js";
+import { cn } from "cnfast";
+const FileUploadButton = ({
+  className,
+  onUpload,
+  accept
+}) => {
+  const inputRef = useRef(null);
+  const { attachFiles, isUploading, error, clearError } = useAttachFiles();
+  const handleClick = useCallback(() => {
+    var _a;
+    clearError();
+    (_a = inputRef.current) == null ? void 0 : _a.click();
+  }, [clearError]);
+  const handleFiles = 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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        multiple: true,
+        accept,
+        className: "hidden",
+        onChange: (e) => handleFiles(e.target.files),
+        "aria-label": "Upload files"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick,
+        disabled: isUploading,
+        className: 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__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" }) : error ? /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(PaperclipIcon, { className: "size-4" })
+      }
+    )
+  ] });
+};
+export {
+  FileUploadButton
+};
+//# sourceMappingURL=FileUploadButton.js.map

package/dist/composer/FileUploadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadButton.js","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":[],"mappings":";;;;;AAmBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,EAAE,aAAa,aAAa,OAAO,WAAA,IAAe,eAAA;AAExD,QAAM,cAAc,YAAY,MAAM;;AACpC,eAAA;AACA,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,cAAc;AAAA,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,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,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,IAEb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QAAA;AAAA,QAEF,OAAO,UAAU,cAAc,iBAAiB;AAAA,QAChD,cAAY,cAAc,oBAAoB;AAAA,QAE7C,UAAA,cACC,oBAAC,aAAA,EAAY,WAAU,uBAAsB,IAC3C,QACF,oBAAC,iBAAA,EAAgB,WAAU,UAAS,IAEpC,oBAAC,eAAA,EAAc,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAEtC,GACF;AAEJ;"}

package/dist/composer/QuoteContext.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const QuoteCtx = react.createContext(null);
+function QuoteProvider({ children }) {
+  const [quote, setQuote] = react.useState(null);
+  const clearQuote = react.useCallback(() => setQuote(null), []);
+  const value = react.useMemo(() => ({ quote, setQuote, clearQuote }), [quote, setQuote, clearQuote]);
+  return /* @__PURE__ */ jsxRuntime.jsx(QuoteCtx.Provider, { value, children });
+}
+function useQuote() {
+  const ctx = react.useContext(QuoteCtx);
+  if (!ctx) {
+    throw new Error("[AthenaSDK] useQuote must be used within <QuoteProvider>");
+  }
+  return ctx;
+}
+function useQuoteFromPostMessage() {
+  const { setQuote } = useQuote();
+  react.useEffect(() => {
+    const handleKeydown = (e) => {
+      var _a;
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "l") {
+        const sel = window.getSelection();
+        const selection = (_a = sel == null ? void 0 : sel.toString()) == null ? void 0 : _a.trim();
+        if (selection && selection.length > 0) {
+          e.preventDefault();
+          let messageId;
+          let role;
+          let node = sel == null ? void 0 : sel.anchorNode;
+          while (node && node !== document.body) {
+            if (node instanceof HTMLElement) {
+              const dataRole = node.getAttribute("data-role");
+              if (dataRole === "assistant" || dataRole === "user") {
+                role = dataRole;
+                messageId = node.getAttribute("data-message-id") ?? void 0;
+                break;
+              }
+            }
+            node = node.parentElement;
+          }
+          setQuote({ text: selection, sourceRole: role, sourceMessageId: messageId });
+        }
+      }
+    };
+    const handleMessage = (event) => {
+      const data = event.data;
+      if (data && typeof data === "object" && data.type === "athena-add-to-composer" && typeof data.text === "string" && data.text.trim().length > 0) {
+        setQuote({
+          text: data.text,
+          sourceTitle: data.sourceTitle,
+          sourceAssetId: data.sourceAssetId
+        });
+      }
+    };
+    document.addEventListener("keydown", handleKeydown, true);
+    window.addEventListener("message", handleMessage);
+    return () => {
+      document.removeEventListener("keydown", handleKeydown, true);
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [setQuote]);
+}
+exports.QuoteProvider = QuoteProvider;
+exports.useQuote = useQuote;
+exports.useQuoteFromPostMessage = useQuoteFromPostMessage;
+//# sourceMappingURL=QuoteContext.cjs.map

package/dist/composer/QuoteContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteContext.cjs","sources":["../../src/composer/QuoteContext.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useMemo, useState, type ReactNode } from 'react';\n\nexport interface QuoteData {\n  /** The selected/quoted text. */\n  text: string;\n  /** Title of the source (e.g., asset title, document name). */\n  sourceTitle?: string;\n  /** Asset ID of the source (for attribution). */\n  sourceAssetId?: string;\n  /** Message ID of the source message (when quoting from chat). */\n  sourceMessageId?: string;\n  /** Role of the source message ('assistant' | 'user'). */\n  sourceRole?: string;\n}\n\ninterface QuoteContextValue {\n  quote: QuoteData | null;\n  setQuote: (quote: QuoteData | null) => void;\n  clearQuote: () => void;\n}\n\nconst QuoteCtx = createContext<QuoteContextValue | null>(null);\n\nexport function QuoteProvider({ children }: { children: ReactNode }) {\n  const [quote, setQuote] = useState<QuoteData | null>(null);\n  const clearQuote = useCallback(() => setQuote(null), []);\n\n  const value = useMemo(() => ({ quote, setQuote, clearQuote }), [quote, setQuote, clearQuote]);\n\n  return (\n    <QuoteCtx.Provider value={value}>\n      {children}\n    </QuoteCtx.Provider>\n  );\n}\n\nexport function useQuote(): QuoteContextValue {\n  const ctx = useContext(QuoteCtx);\n  if (!ctx) {\n    throw new Error('[AthenaSDK] useQuote must be used within <QuoteProvider>');\n  }\n  return ctx;\n}\n\n/**\n * Listens for:\n * 1. Cmd+L / Ctrl+L keydown — grabs the current text selection and sets it as a quote.\n *    `preventDefault` stops the browser from focusing the URL bar.\n * 2. PostMessage events from child iframes (asset panels, embedded content)\n *    with type `athena-add-to-composer`.\n *\n * Mount this once inside AthenaProvider.\n */\nexport function useQuoteFromPostMessage() {\n  const { setQuote } = useQuote();\n\n  useEffect(() => {\n    // ── Cmd+L / Ctrl+L keyboard handler ──────────────────────────────\n    const handleKeydown = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'l') {\n        const sel = window.getSelection();\n        const selection = sel?.toString()?.trim();\n\n        if (selection && selection.length > 0) {\n          e.preventDefault();\n\n          // Walk up from the selection anchor to find the message container.\n          // assistant-ui message roots have data-role=\"assistant\" or data-role=\"user\".\n          let messageId: string | undefined;\n          let role: string | undefined;\n          let node = sel?.anchorNode as HTMLElement | null;\n          while (node && node !== document.body) {\n            if (node instanceof HTMLElement) {\n              const dataRole = node.getAttribute('data-role');\n              if (dataRole === 'assistant' || dataRole === 'user') {\n                role = dataRole;\n                // assistant-ui sets data-message-id on message roots\n                messageId = node.getAttribute('data-message-id') ?? undefined;\n                break;\n              }\n            }\n            node = node.parentElement;\n          }\n\n          setQuote({ text: selection, sourceRole: role, sourceMessageId: messageId });\n        }\n      }\n    };\n\n    // ── PostMessage handler (from iframes) ───────────────────────────\n    // NOTE: Accepts messages from any origin by design. The SDK consumer\n    // controls which iframes are embedded, defining the trust boundary.\n    // A future `allowedOrigins` config could restrict this if needed.\n    const handleMessage = (event: MessageEvent) => {\n      const data = event.data;\n      if (\n        data &&\n        typeof data === 'object' &&\n        data.type === 'athena-add-to-composer' &&\n        typeof data.text === 'string' &&\n        data.text.trim().length > 0\n      ) {\n        setQuote({\n          text: data.text,\n          sourceTitle: data.sourceTitle,\n          sourceAssetId: data.sourceAssetId,\n        });\n      }\n    };\n\n    document.addEventListener('keydown', handleKeydown, true); // capture phase to beat the browser\n    window.addEventListener('message', handleMessage);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeydown, true);\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [setQuote]);\n}\n"],"names":["createContext","useState","useCallback","useMemo","jsx","useContext","useEffect"],"mappings":";;;;AAqBA,MAAM,WAAWA,MAAAA,cAAwC,IAAI;AAEtD,SAAS,cAAc,EAAE,YAAqC;AACnE,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAAA,SAA2B,IAAI;AACzD,QAAM,aAAaC,MAAAA,YAAY,MAAM,SAAS,IAAI,GAAG,CAAA,CAAE;AAEvD,QAAM,QAAQC,MAAAA,QAAQ,OAAO,EAAE,OAAO,UAAU,WAAA,IAAe,CAAC,OAAO,UAAU,UAAU,CAAC;AAE5F,SACEC,2BAAAA,IAAC,SAAS,UAAT,EAAkB,OAChB,SAAA,CACH;AAEJ;AAEO,SAAS,WAA8B;AAC5C,QAAM,MAAMC,MAAAA,WAAW,QAAQ;AAC/B,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAC5E;AACA,SAAO;AACT;AAWO,SAAS,0BAA0B;AACxC,QAAM,EAAE,SAAA,IAAa,SAAA;AAErBC,QAAAA,UAAU,MAAM;AAEd,UAAM,gBAAgB,CAAC,MAAqB;;AAC1C,WAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,YAAA,MAAkB,KAAK;AAC3D,cAAM,MAAM,OAAO,aAAA;AACnB,cAAM,aAAY,gCAAK,eAAL,mBAAiB;AAEnC,YAAI,aAAa,UAAU,SAAS,GAAG;AACrC,YAAE,eAAA;AAIF,cAAI;AACJ,cAAI;AACJ,cAAI,OAAO,2BAAK;AAChB,iBAAO,QAAQ,SAAS,SAAS,MAAM;AACrC,gBAAI,gBAAgB,aAAa;AAC/B,oBAAM,WAAW,KAAK,aAAa,WAAW;AAC9C,kBAAI,aAAa,eAAe,aAAa,QAAQ;AACnD,uBAAO;AAEP,4BAAY,KAAK,aAAa,iBAAiB,KAAK;AACpD;AAAA,cACF;AAAA,YACF;AACA,mBAAO,KAAK;AAAA,UACd;AAEA,mBAAS,EAAE,MAAM,WAAW,YAAY,MAAM,iBAAiB,WAAW;AAAA,QAC5E;AAAA,MACF;AAAA,IACF;AAMA,UAAM,gBAAgB,CAAC,UAAwB;AAC7C,YAAM,OAAO,MAAM;AACnB,UACE,QACA,OAAO,SAAS,YAChB,KAAK,SAAS,4BACd,OAAO,KAAK,SAAS,YACrB,KAAK,KAAK,KAAA,EAAO,SAAS,GAC1B;AACA,iBAAS;AAAA,UACP,MAAM,KAAK;AAAA,UACX,aAAa,KAAK;AAAA,UAClB,eAAe,KAAK;AAAA,QAAA,CACrB;AAAA,MACH;AAAA,IACF;AAEA,aAAS,iBAAiB,WAAW,eAAe,IAAI;AACxD,WAAO,iBAAiB,WAAW,aAAa;AAEhD,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,eAAe,IAAI;AAC3D,aAAO,oBAAoB,WAAW,aAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACf;;;;"}

package/dist/composer/QuoteContext.js

@@ -0,0 +1,68 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext, useState, useCallback, useMemo, createContext, useEffect } from "react";
+const QuoteCtx = createContext(null);
+function QuoteProvider({ children }) {
+  const [quote, setQuote] = useState(null);
+  const clearQuote = useCallback(() => setQuote(null), []);
+  const value = useMemo(() => ({ quote, setQuote, clearQuote }), [quote, setQuote, clearQuote]);
+  return /* @__PURE__ */ jsx(QuoteCtx.Provider, { value, children });
+}
+function useQuote() {
+  const ctx = useContext(QuoteCtx);
+  if (!ctx) {
+    throw new Error("[AthenaSDK] useQuote must be used within <QuoteProvider>");
+  }
+  return ctx;
+}
+function useQuoteFromPostMessage() {
+  const { setQuote } = useQuote();
+  useEffect(() => {
+    const handleKeydown = (e) => {
+      var _a;
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "l") {
+        const sel = window.getSelection();
+        const selection = (_a = sel == null ? void 0 : sel.toString()) == null ? void 0 : _a.trim();
+        if (selection && selection.length > 0) {
+          e.preventDefault();
+          let messageId;
+          let role;
+          let node = sel == null ? void 0 : sel.anchorNode;
+          while (node && node !== document.body) {
+            if (node instanceof HTMLElement) {
+              const dataRole = node.getAttribute("data-role");
+              if (dataRole === "assistant" || dataRole === "user") {
+                role = dataRole;
+                messageId = node.getAttribute("data-message-id") ?? void 0;
+                break;
+              }
+            }
+            node = node.parentElement;
+          }
+          setQuote({ text: selection, sourceRole: role, sourceMessageId: messageId });
+        }
+      }
+    };
+    const handleMessage = (event) => {
+      const data = event.data;
+      if (data && typeof data === "object" && data.type === "athena-add-to-composer" && typeof data.text === "string" && data.text.trim().length > 0) {
+        setQuote({
+          text: data.text,
+          sourceTitle: data.sourceTitle,
+          sourceAssetId: data.sourceAssetId
+        });
+      }
+    };
+    document.addEventListener("keydown", handleKeydown, true);
+    window.addEventListener("message", handleMessage);
+    return () => {
+      document.removeEventListener("keydown", handleKeydown, true);
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [setQuote]);
+}
+export {
+  QuoteProvider,
+  useQuote,
+  useQuoteFromPostMessage
+};
+//# sourceMappingURL=QuoteContext.js.map

package/dist/composer/QuoteContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteContext.js","sources":["../../src/composer/QuoteContext.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useMemo, useState, type ReactNode } from 'react';\n\nexport interface QuoteData {\n  /** The selected/quoted text. */\n  text: string;\n  /** Title of the source (e.g., asset title, document name). */\n  sourceTitle?: string;\n  /** Asset ID of the source (for attribution). */\n  sourceAssetId?: string;\n  /** Message ID of the source message (when quoting from chat). */\n  sourceMessageId?: string;\n  /** Role of the source message ('assistant' | 'user'). */\n  sourceRole?: string;\n}\n\ninterface QuoteContextValue {\n  quote: QuoteData | null;\n  setQuote: (quote: QuoteData | null) => void;\n  clearQuote: () => void;\n}\n\nconst QuoteCtx = createContext<QuoteContextValue | null>(null);\n\nexport function QuoteProvider({ children }: { children: ReactNode }) {\n  const [quote, setQuote] = useState<QuoteData | null>(null);\n  const clearQuote = useCallback(() => setQuote(null), []);\n\n  const value = useMemo(() => ({ quote, setQuote, clearQuote }), [quote, setQuote, clearQuote]);\n\n  return (\n    <QuoteCtx.Provider value={value}>\n      {children}\n    </QuoteCtx.Provider>\n  );\n}\n\nexport function useQuote(): QuoteContextValue {\n  const ctx = useContext(QuoteCtx);\n  if (!ctx) {\n    throw new Error('[AthenaSDK] useQuote must be used within <QuoteProvider>');\n  }\n  return ctx;\n}\n\n/**\n * Listens for:\n * 1. Cmd+L / Ctrl+L keydown — grabs the current text selection and sets it as a quote.\n *    `preventDefault` stops the browser from focusing the URL bar.\n * 2. PostMessage events from child iframes (asset panels, embedded content)\n *    with type `athena-add-to-composer`.\n *\n * Mount this once inside AthenaProvider.\n */\nexport function useQuoteFromPostMessage() {\n  const { setQuote } = useQuote();\n\n  useEffect(() => {\n    // ── Cmd+L / Ctrl+L keyboard handler ──────────────────────────────\n    const handleKeydown = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'l') {\n        const sel = window.getSelection();\n        const selection = sel?.toString()?.trim();\n\n        if (selection && selection.length > 0) {\n          e.preventDefault();\n\n          // Walk up from the selection anchor to find the message container.\n          // assistant-ui message roots have data-role=\"assistant\" or data-role=\"user\".\n          let messageId: string | undefined;\n          let role: string | undefined;\n          let node = sel?.anchorNode as HTMLElement | null;\n          while (node && node !== document.body) {\n            if (node instanceof HTMLElement) {\n              const dataRole = node.getAttribute('data-role');\n              if (dataRole === 'assistant' || dataRole === 'user') {\n                role = dataRole;\n                // assistant-ui sets data-message-id on message roots\n                messageId = node.getAttribute('data-message-id') ?? undefined;\n                break;\n              }\n            }\n            node = node.parentElement;\n          }\n\n          setQuote({ text: selection, sourceRole: role, sourceMessageId: messageId });\n        }\n      }\n    };\n\n    // ── PostMessage handler (from iframes) ───────────────────────────\n    // NOTE: Accepts messages from any origin by design. The SDK consumer\n    // controls which iframes are embedded, defining the trust boundary.\n    // A future `allowedOrigins` config could restrict this if needed.\n    const handleMessage = (event: MessageEvent) => {\n      const data = event.data;\n      if (\n        data &&\n        typeof data === 'object' &&\n        data.type === 'athena-add-to-composer' &&\n        typeof data.text === 'string' &&\n        data.text.trim().length > 0\n      ) {\n        setQuote({\n          text: data.text,\n          sourceTitle: data.sourceTitle,\n          sourceAssetId: data.sourceAssetId,\n        });\n      }\n    };\n\n    document.addEventListener('keydown', handleKeydown, true); // capture phase to beat the browser\n    window.addEventListener('message', handleMessage);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeydown, true);\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [setQuote]);\n}\n"],"names":[],"mappings":";;AAqBA,MAAM,WAAW,cAAwC,IAAI;AAEtD,SAAS,cAAc,EAAE,YAAqC;AACnE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA2B,IAAI;AACzD,QAAM,aAAa,YAAY,MAAM,SAAS,IAAI,GAAG,CAAA,CAAE;AAEvD,QAAM,QAAQ,QAAQ,OAAO,EAAE,OAAO,UAAU,WAAA,IAAe,CAAC,OAAO,UAAU,UAAU,CAAC;AAE5F,SACE,oBAAC,SAAS,UAAT,EAAkB,OAChB,SAAA,CACH;AAEJ;AAEO,SAAS,WAA8B;AAC5C,QAAM,MAAM,WAAW,QAAQ;AAC/B,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAC5E;AACA,SAAO;AACT;AAWO,SAAS,0BAA0B;AACxC,QAAM,EAAE,SAAA,IAAa,SAAA;AAErB,YAAU,MAAM;AAEd,UAAM,gBAAgB,CAAC,MAAqB;;AAC1C,WAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,YAAA,MAAkB,KAAK;AAC3D,cAAM,MAAM,OAAO,aAAA;AACnB,cAAM,aAAY,gCAAK,eAAL,mBAAiB;AAEnC,YAAI,aAAa,UAAU,SAAS,GAAG;AACrC,YAAE,eAAA;AAIF,cAAI;AACJ,cAAI;AACJ,cAAI,OAAO,2BAAK;AAChB,iBAAO,QAAQ,SAAS,SAAS,MAAM;AACrC,gBAAI,gBAAgB,aAAa;AAC/B,oBAAM,WAAW,KAAK,aAAa,WAAW;AAC9C,kBAAI,aAAa,eAAe,aAAa,QAAQ;AACnD,uBAAO;AAEP,4BAAY,KAAK,aAAa,iBAAiB,KAAK;AACpD;AAAA,cACF;AAAA,YACF;AACA,mBAAO,KAAK;AAAA,UACd;AAEA,mBAAS,EAAE,MAAM,WAAW,YAAY,MAAM,iBAAiB,WAAW;AAAA,QAC5E;AAAA,MACF;AAAA,IACF;AAMA,UAAM,gBAAgB,CAAC,UAAwB;AAC7C,YAAM,OAAO,MAAM;AACnB,UACE,QACA,OAAO,SAAS,YAChB,KAAK,SAAS,4BACd,OAAO,KAAK,SAAS,YACrB,KAAK,KAAK,KAAA,EAAO,SAAS,GAC1B;AACA,iBAAS;AAAA,UACP,MAAM,KAAK;AAAA,UACX,aAAa,KAAK;AAAA,UAClB,eAAe,KAAK;AAAA,QAAA,CACrB;AAAA,MACH;AAAA,IACF;AAEA,aAAS,iBAAiB,WAAW,eAAe,IAAI;AACxD,WAAO,iBAAiB,WAAW,aAAa;AAEhD,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,eAAe,IAAI;AAC3D,aAAO,oBAAoB,WAAW,aAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACf;"}

package/dist/composer/build-composed-message.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const AttachmentContext = require("./AttachmentContext.cjs");
+function buildComposedMessage(opts) {
+  var _a;
+  const parts = [];
+  if (opts.attachments && opts.attachments.length > 0) {
+    const attachmentMd = AttachmentContext.buildAttachmentMarkdownWithAppUrl({
+      attachments: opts.attachments,
+      appUrl: opts.appUrl
+    });
+    if (attachmentMd) parts.push(attachmentMd);
+  }
+  if (opts.quote) {
+    const quotedLines = opts.quote.text.split("\n").map((l) => `> ${l}`).join("\n");
+    const sourceLabel = opts.quote.sourceTitle ? `From "${opts.quote.sourceTitle}"` : opts.quote.sourceRole === "assistant" ? "Quoting assistant" : "Quoting";
+    parts.push(`${sourceLabel}:
+${quotedLines}`);
+  }
+  const trimmed = (_a = opts.userText) == null ? void 0 : _a.trim();
+  if (trimmed) parts.push(trimmed);
+  return parts.join("\n\n");
+}
+exports.buildComposedMessage = buildComposedMessage;
+//# sourceMappingURL=build-composed-message.cjs.map

package/dist/composer/build-composed-message.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-composed-message.cjs","sources":["../../src/composer/build-composed-message.ts"],"sourcesContent":["import type { UploadedAsset } from './useFileUpload';\nimport type { QuoteData } from './QuoteContext';\nimport { buildAttachmentMarkdownWithAppUrl } from './AttachmentContext';\n\n/**\n * Assembles a composed message from attachments, a quote, and user text.\n * Used by both the TipTap Enter-key submit and the send-button click handler\n * to avoid duplicating the message-assembly logic.\n *\n * Returns an empty string if all inputs are empty.\n */\nexport function buildComposedMessage(opts: {\n  attachments?: UploadedAsset[];\n  quote?: QuoteData | null;\n  userText?: string;\n  appUrl?: string;\n}): string {\n  const parts: string[] = [];\n\n  if (opts.attachments && opts.attachments.length > 0) {\n    const attachmentMd = buildAttachmentMarkdownWithAppUrl({\n      attachments: opts.attachments,\n      appUrl: opts.appUrl,\n    });\n    if (attachmentMd) parts.push(attachmentMd);\n  }\n\n  if (opts.quote) {\n    const quotedLines = opts.quote.text.split('\\n').map((l) => `> ${l}`).join('\\n');\n    const sourceLabel = opts.quote.sourceTitle\n      ? `From \"${opts.quote.sourceTitle}\"`\n      : opts.quote.sourceRole === 'assistant'\n        ? 'Quoting assistant'\n        : 'Quoting';\n    parts.push(`${sourceLabel}:\\n${quotedLines}`);\n  }\n\n  const trimmed = opts.userText?.trim();\n  if (trimmed) parts.push(trimmed);\n\n  return parts.join('\\n\\n');\n}\n"],"names":["buildAttachmentMarkdownWithAppUrl"],"mappings":";;;AAWO,SAAS,qBAAqB,MAK1B;;AACT,QAAM,QAAkB,CAAA;AAExB,MAAI,KAAK,eAAe,KAAK,YAAY,SAAS,GAAG;AACnD,UAAM,eAAeA,kBAAAA,kCAAkC;AAAA,MACrD,aAAa,KAAK;AAAA,MAClB,QAAQ,KAAK;AAAA,IAAA,CACd;AACD,QAAI,aAAc,OAAM,KAAK,YAAY;AAAA,EAC3C;AAEA,MAAI,KAAK,OAAO;AACd,UAAM,cAAc,KAAK,MAAM,KAAK,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,EAAE,KAAK,IAAI;AAC9E,UAAM,cAAc,KAAK,MAAM,cAC3B,SAAS,KAAK,MAAM,WAAW,MAC/B,KAAK,MAAM,eAAe,cACxB,sBACA;AACN,UAAM,KAAK,GAAG,WAAW;AAAA,EAAM,WAAW,EAAE;AAAA,EAC9C;AAEA,QAAM,WAAU,UAAK,aAAL,mBAAe;AAC/B,MAAI,QAAS,OAAM,KAAK,OAAO;AAE/B,SAAO,MAAM,KAAK,MAAM;AAC1B;;"}