@mastra/playground-ui 55.0.0 → 56.0.0-alpha.5

package/dist/domains/chat/attachments/attachment-preview-dialog.cjs.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-BJOVwaxp.cjs');
-const dialog = require('../../../dialog-B1DwyLJJ.cjs');
+const Button = require('../../../Button-B1TWWXCy.cjs');
+const dialog = require('../../../dialog-h9MPZQgc.cjs');
 
 const ctaClassName = "h-full w-full flex items-center justify-center";
 const PdfEntry = ({ data, url }) => {
@@ -20,7 +20,7 @@ const PdfEntry = ({ data, url }) => {
   ] });
 };
 const PdfPreviewDialog = ({ data, open, onOpenChange }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "max-w-4xl", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "max-w-4xl motion-reduce:animate-none!", overlayClassName: "motion-reduce:animate-none!", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: "PDF preview" }),
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "Preview of the PDF document" })
@@ -43,15 +43,24 @@ const FileChipEntry = ({ name, url, contentType }) => {
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ctaClassName, title: name, children: icon });
 };
-const ImageEntry = ({ src }) => {
+const ImageEntry = ({ src, name }) => {
   const [open, setOpen] = React.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setOpen(true), type: "button", className: ctaClassName, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, className: "aspect-ratio max-h-35 max-w-80 object-cover", alt: "Preview" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: () => setOpen(true),
+        type: "button",
+        className: ctaClassName,
+        "aria-label": name ? `Preview ${name}` : "Preview image",
+        children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, className: "aspect-ratio max-h-35 max-w-full object-cover", alt: name ?? "Preview" })
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(ImagePreviewDialog, { src, open, onOpenChange: setOpen })
   ] });
 };
 const ImagePreviewDialog = ({ src, open, onOpenChange }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "max-w-4xl", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "max-w-4xl motion-reduce:animate-none!", overlayClassName: "motion-reduce:animate-none!", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: "Image preview" }),
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "Preview of the image" })
@@ -70,7 +79,7 @@ const TxtEntry = ({ data, name }) => {
         onClick: () => setOpen(true),
         variant: "outline",
         size: "sm",
-        className: "max-w-64 min-w-0",
+        className: "max-w-64 min-w-0 pointer-coarse:min-h-11",
         type: "button",
         "aria-label": filename ? `Preview ${filename}` : "Preview text attachment",
         title: filename,
@@ -82,13 +91,20 @@ const TxtEntry = ({ data, name }) => {
   ] });
 };
 const TxtPreviewDialog = ({ data, title, open, onOpenChange }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "h-[80vh] max-w-4xl", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: title ?? "Text preview" }),
-      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "Preview of the text file" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children: data }) })
-  ] }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    dialog.DialogContent,
+    {
+      className: "h-[80vh] max-w-4xl motion-reduce:animate-none!",
+      overlayClassName: "motion-reduce:animate-none!",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: title ?? "Text preview" }),
+          /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "Preview of the text file" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children: data }) })
+      ]
+    }
+  ) });
 };
 
 exports.FileChipEntry = FileChipEntry;

package/dist/domains/chat/attachments/attachment-preview-dialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment-preview-dialog.cjs.js","sources":["../../../../src/domains/chat/attachments/attachment-preview-dialog.tsx"],"sourcesContent":["import { File as FileIcon, FileAudio, FileText, FileVideo } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogHeader,\n  DialogDescription,\n  DialogBody,\n} from '@/ds/components/Dialog';\n\ninterface PdfEntryProps {\n  data: string;\n  url?: string;\n}\n\nconst ctaClassName = 'h-full w-full flex items-center justify-center';\n\nexport const PdfEntry = ({ data, url }: PdfEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  if (url) {\n    return (\n      <a href={url} className={ctaClassName} target=\"_blank\" rel=\"noreferrer noopener\">\n        <FileText className=\"text-accent2\" aria-label=\"View PDF\" />\n      </a>\n    );\n  }\n\n  return (\n    <>\n      <button onClick={() => setOpen(true)} className={ctaClassName} type=\"button\">\n        <FileText className=\"text-accent2\" aria-label=\"View PDF\" />\n      </button>\n\n      <PdfPreviewDialog data={data} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface PdfPreviewDialogProps {\n  data: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const PdfPreviewDialog = ({ data, open, onOpenChange }: PdfPreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-4xl\">\n        <DialogHeader>\n          <DialogTitle>PDF preview</DialogTitle>\n          <DialogDescription>Preview of the PDF document</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <iframe src={data} width=\"100%\" height=\"600px\"></iframe>}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ninterface FileChipEntryProps {\n  /** Display label (usually the filename or URL). */\n  name: string;\n  /** A browser-fetchable URL (http/https) to link out to, when available. */\n  url?: string;\n  /** MIME type used to pick a representative icon. */\n  contentType?: string;\n}\n\n/** Picks an icon (and a11y label) representing the file's media type. */\nconst iconForContentType = (contentType?: string) => {\n  if (contentType?.startsWith('video/')) return { Icon: FileVideo, label: 'Video file' };\n  if (contentType?.startsWith('audio/')) return { Icon: FileAudio, label: 'Audio file' };\n  if (contentType?.startsWith('text/') || contentType === 'application/pdf')\n    return { Icon: FileText, label: 'Document file' };\n  return { Icon: FileIcon, label: 'File' };\n};\n\n/**\n * Placeholder chip for media the browser cannot preview inline — e.g. video, or\n * any cloud-storage URI (`gs://`, `s3://`) that only the model provider can fetch\n * server-side. The icon reflects the file's media type. Links out when the URL is\n * browser-fetchable (http/https).\n */\nexport const FileChipEntry = ({ name, url, contentType }: FileChipEntryProps) => {\n  const { Icon, label } = iconForContentType(contentType);\n  const icon = <Icon className=\"text-accent2\" aria-label={label} />;\n\n  if (url) {\n    return (\n      <a href={url} className={ctaClassName} target=\"_blank\" rel=\"noreferrer noopener\" title={name}>\n        {icon}\n      </a>\n    );\n  }\n\n  return (\n    <div className={ctaClassName} title={name}>\n      {icon}\n    </div>\n  );\n};\n\ninterface ImageEntryProps {\n  src: string;\n}\n\nexport const ImageEntry = ({ src }: ImageEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <button onClick={() => setOpen(true)} type=\"button\" className={ctaClassName}>\n        <img src={src} className=\"aspect-ratio max-h-35 max-w-80 object-cover\" alt=\"Preview\" />\n      </button>\n      <ImagePreviewDialog src={src} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface ImagePreviewDialogProps {\n  src: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const ImagePreviewDialog = ({ src, open, onOpenChange }: ImagePreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-4xl\">\n        <DialogHeader>\n          <DialogTitle>Image preview</DialogTitle>\n          <DialogDescription>Preview of the image</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <img src={src} alt=\"Image\" />}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ninterface TxtEntryProps {\n  data: string;\n  name?: string;\n}\n\nexport const TxtEntry = ({ data, name }: TxtEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  // Named files contain raw content; only unnamed chat text carries an envelope.\n  const formattedContent =\n    name === undefined ? (data.match(/^<attachment[^>]*>([\\s\\S]*)<\\/attachment>$/)?.[1] ?? data) : data;\n  const filename =\n    name ??\n    data\n      .match(/^<attachment name=\"([^\"]*)\">/)?.[1]\n      ?.replaceAll('&quot;', '\"')\n      .replaceAll('&lt;', '<')\n      .replaceAll('&gt;', '>')\n      .replaceAll('&amp;', '&');\n\n  return (\n    <>\n      <Button\n        onClick={() => setOpen(true)}\n        variant=\"outline\"\n        size=\"sm\"\n        className=\"max-w-64 min-w-0\"\n        type=\"button\"\n        aria-label={filename ? `Preview ${filename}` : 'Preview text attachment'}\n        title={filename}\n        icon={<FileText />}\n      >\n        {filename && <span className=\"truncate\">{filename}</span>}\n      </Button>\n      <TxtPreviewDialog data={formattedContent} title={filename} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface TxtPreviewDialogProps {\n  data: string;\n  title?: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const TxtPreviewDialog = ({ data, title, open, onOpenChange }: TxtPreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"h-[80vh] max-w-4xl\">\n        <DialogHeader>\n          <DialogTitle>{title ?? 'Text preview'}</DialogTitle>\n          <DialogDescription>Preview of the text file</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <div className=\"whitespace-pre-wrap\">{data}</div>}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["useState","FileText","jsxs","Fragment","jsx","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","FileVideo","FileAudio","FileIcon","Button"],"mappings":"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"}
+{"version":3,"file":"attachment-preview-dialog.cjs.js","sources":["../../../../src/domains/chat/attachments/attachment-preview-dialog.tsx"],"sourcesContent":["import { File as FileIcon, FileAudio, FileText, FileVideo } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogHeader,\n  DialogDescription,\n  DialogBody,\n} from '@/ds/components/Dialog';\n\ninterface PdfEntryProps {\n  data: string;\n  url?: string;\n}\n\nconst ctaClassName = 'h-full w-full flex items-center justify-center';\n\nexport const PdfEntry = ({ data, url }: PdfEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  if (url) {\n    return (\n      <a href={url} className={ctaClassName} target=\"_blank\" rel=\"noreferrer noopener\">\n        <FileText className=\"text-accent2\" aria-label=\"View PDF\" />\n      </a>\n    );\n  }\n\n  return (\n    <>\n      <button onClick={() => setOpen(true)} className={ctaClassName} type=\"button\">\n        <FileText className=\"text-accent2\" aria-label=\"View PDF\" />\n      </button>\n\n      <PdfPreviewDialog data={data} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface PdfPreviewDialogProps {\n  data: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const PdfPreviewDialog = ({ data, open, onOpenChange }: PdfPreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-4xl motion-reduce:animate-none!\" overlayClassName=\"motion-reduce:animate-none!\">\n        <DialogHeader>\n          <DialogTitle>PDF preview</DialogTitle>\n          <DialogDescription>Preview of the PDF document</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <iframe src={data} width=\"100%\" height=\"600px\"></iframe>}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ninterface FileChipEntryProps {\n  name: string;\n  url?: string;\n  contentType?: string;\n}\nconst iconForContentType = (contentType?: string) => {\n  if (contentType?.startsWith('video/')) return { Icon: FileVideo, label: 'Video file' };\n  if (contentType?.startsWith('audio/')) return { Icon: FileAudio, label: 'Audio file' };\n  if (contentType?.startsWith('text/') || contentType === 'application/pdf')\n    return { Icon: FileText, label: 'Document file' };\n  return { Icon: FileIcon, label: 'File' };\n};\nexport const FileChipEntry = ({ name, url, contentType }: FileChipEntryProps) => {\n  const { Icon, label } = iconForContentType(contentType);\n  const icon = <Icon className=\"text-accent2\" aria-label={label} />;\n\n  if (url) {\n    return (\n      <a href={url} className={ctaClassName} target=\"_blank\" rel=\"noreferrer noopener\" title={name}>\n        {icon}\n      </a>\n    );\n  }\n\n  return (\n    <div className={ctaClassName} title={name}>\n      {icon}\n    </div>\n  );\n};\n\ninterface ImageEntryProps {\n  src: string;\n  name?: string;\n}\n\nexport const ImageEntry = ({ src, name }: ImageEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <button\n        onClick={() => setOpen(true)}\n        type=\"button\"\n        className={ctaClassName}\n        aria-label={name ? `Preview ${name}` : 'Preview image'}\n      >\n        <img src={src} className=\"aspect-ratio max-h-35 max-w-full object-cover\" alt={name ?? 'Preview'} />\n      </button>\n      <ImagePreviewDialog src={src} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface ImagePreviewDialogProps {\n  src: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const ImagePreviewDialog = ({ src, open, onOpenChange }: ImagePreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-4xl motion-reduce:animate-none!\" overlayClassName=\"motion-reduce:animate-none!\">\n        <DialogHeader>\n          <DialogTitle>Image preview</DialogTitle>\n          <DialogDescription>Preview of the image</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <img src={src} alt=\"Image\" />}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ninterface TxtEntryProps {\n  data: string;\n  name?: string;\n}\n\nexport const TxtEntry = ({ data, name }: TxtEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  const formattedContent =\n    name === undefined ? (data.match(/^<attachment[^>]*>([\\s\\S]*)<\\/attachment>$/)?.[1] ?? data) : data;\n  const filename =\n    name ??\n    data\n      .match(/^<attachment name=\"([^\"]*)\">/)?.[1]\n      ?.replaceAll('&quot;', '\"')\n      .replaceAll('&lt;', '<')\n      .replaceAll('&gt;', '>')\n      .replaceAll('&amp;', '&');\n\n  return (\n    <>\n      <Button\n        onClick={() => setOpen(true)}\n        variant=\"outline\"\n        size=\"sm\"\n        className=\"max-w-64 min-w-0 pointer-coarse:min-h-11\"\n        type=\"button\"\n        aria-label={filename ? `Preview ${filename}` : 'Preview text attachment'}\n        title={filename}\n        icon={<FileText />}\n      >\n        {filename && <span className=\"truncate\">{filename}</span>}\n      </Button>\n      <TxtPreviewDialog data={formattedContent} title={filename} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface TxtPreviewDialogProps {\n  data: string;\n  title?: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const TxtPreviewDialog = ({ data, title, open, onOpenChange }: TxtPreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className=\"h-[80vh] max-w-4xl motion-reduce:animate-none!\"\n        overlayClassName=\"motion-reduce:animate-none!\"\n      >\n        <DialogHeader>\n          <DialogTitle>{title ?? 'Text preview'}</DialogTitle>\n          <DialogDescription>Preview of the text file</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <div className=\"whitespace-pre-wrap\">{data}</div>}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["useState","FileText","jsxs","Fragment","jsx","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","FileVideo","FileAudio","FileIcon","Button"],"mappings":";;;;;;;;;;AAiBA,MAAM,YAAA,GAAe,gDAAA;AAEd,MAAM,QAAA,GAAW,CAAC,EAAE,IAAA,EAAM,KAAI,KAAqB;AACxD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAAS,KAAK,CAAA;AAEtC,EAAA,IAAI,GAAA,EAAK;AACP,IAAA,sCACG,GAAA,EAAA,EAAE,IAAA,EAAM,GAAA,EAAK,SAAA,EAAW,cAAc,MAAA,EAAO,QAAA,EAAS,GAAA,EAAI,qBAAA,EACzD,yCAACC,oBAAA,EAAA,EAAS,SAAA,EAAU,cAAA,EAAe,YAAA,EAAW,YAAW,CAAA,EAC3D,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,YAAO,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,GAAG,SAAA,EAAW,YAAA,EAAc,IAAA,EAAK,QAAA,EAClE,yCAACH,oBAAA,EAAA,EAAS,SAAA,EAAU,cAAA,EAAe,YAAA,EAAW,YAAW,CAAA,EAC3D,CAAA;AAAA,oBAEAG,cAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAY,IAAA,EAAY,cAAc,OAAA,EAAS;AAAA,GAAA,EACnE,CAAA;AAEJ;AAQO,MAAM,mBAAmB,CAAC,EAAE,IAAA,EAAM,IAAA,EAAM,cAAa,KAA6B;AACvF,EAAA,uBACEA,cAAA,CAACC,iBAAO,IAAA,EAAY,YAAA,EAClB,0CAACC,oBAAA,EAAA,EAAc,SAAA,EAAU,uCAAA,EAAwC,gBAAA,EAAiB,6BAAA,EAChF,QAAA,EAAA;AAAA,oBAAAJ,eAAA,CAACK,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,sBAAY,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,sBACxBJ,cAAA,CAACK,4BAAkB,QAAA,EAAA,6BAAA,EAA2B;AAAA,KAAA,EAChD,CAAA;AAAA,oBACAL,cAAA,CAACM,iBAAA,EAAA,EAAY,QAAA,EAAA,IAAA,oBAAQN,cAAA,CAAC,QAAA,EAAA,EAAO,GAAA,EAAK,IAAA,EAAM,KAAA,EAAM,MAAA,EAAO,MAAA,EAAO,OAAA,EAAQ,CAAA,EAAU;AAAA,GAAA,EAChF,CAAA,EACF,CAAA;AAEJ;AAOA,MAAM,kBAAA,GAAqB,CAAC,WAAA,KAAyB;AACnD,EAAA,IAAI,WAAA,EAAa,WAAW,QAAQ,CAAA,SAAU,EAAE,IAAA,EAAMO,qBAAA,EAAW,KAAA,EAAO,YAAA,EAAa;AACrF,EAAA,IAAI,WAAA,EAAa,WAAW,QAAQ,CAAA,SAAU,EAAE,IAAA,EAAMC,qBAAA,EAAW,KAAA,EAAO,YAAA,EAAa;AACrF,EAAA,IAAI,WAAA,EAAa,UAAA,CAAW,OAAO,CAAA,IAAK,WAAA,KAAgB,iBAAA;AACtD,IAAA,OAAO,EAAE,IAAA,EAAMX,oBAAA,EAAU,KAAA,EAAO,eAAA,EAAgB;AAClD,EAAA,OAAO,EAAE,IAAA,EAAMY,gBAAA,EAAU,KAAA,EAAO,MAAA,EAAO;AACzC,CAAA;AACO,MAAM,gBAAgB,CAAC,EAAE,IAAA,EAAM,GAAA,EAAK,aAAY,KAA0B;AAC/E,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAM,GAAI,mBAAmB,WAAW,CAAA;AACtD,EAAA,MAAM,uBAAOT,cAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe,cAAY,KAAA,EAAO,CAAA;AAE/D,EAAA,IAAI,GAAA,EAAK;AACP,IAAA,uBACEA,cAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAM,GAAA,EAAK,SAAA,EAAW,YAAA,EAAc,MAAA,EAAO,QAAA,EAAS,GAAA,EAAI,qBAAA,EAAsB,KAAA,EAAO,IAAA,EACrF,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,EAAc,KAAA,EAAO,MAClC,QAAA,EAAA,IAAA,EACH,CAAA;AAEJ;AAOO,MAAM,UAAA,GAAa,CAAC,EAAE,GAAA,EAAK,MAAK,KAAuB;AAC5D,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIJ,eAAS,KAAK,CAAA;AAEtC,EAAA,uBACEE,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,QAC3B,IAAA,EAAK,QAAA;AAAA,QACL,SAAA,EAAW,YAAA;AAAA,QACX,YAAA,EAAY,IAAA,GAAO,CAAA,QAAA,EAAW,IAAI,CAAA,CAAA,GAAK,eAAA;AAAA,QAEvC,yCAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAU,+CAAA,EAAgD,GAAA,EAAK,QAAQ,SAAA,EAAW;AAAA;AAAA,KACnG;AAAA,oBACAA,cAAA,CAAC,kBAAA,EAAA,EAAmB,GAAA,EAAU,IAAA,EAAY,cAAc,OAAA,EAAS;AAAA,GAAA,EACnE,CAAA;AAEJ;AAQO,MAAM,qBAAqB,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,cAAa,KAA+B;AAC1F,EAAA,uBACEA,cAAA,CAACC,iBAAO,IAAA,EAAY,YAAA,EAClB,0CAACC,oBAAA,EAAA,EAAc,SAAA,EAAU,uCAAA,EAAwC,gBAAA,EAAiB,6BAAA,EAChF,QAAA,EAAA;AAAA,oBAAAJ,eAAA,CAACK,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,sBAAY,QAAA,EAAA,eAAA,EAAa,CAAA;AAAA,sBAC1BJ,cAAA,CAACK,4BAAkB,QAAA,EAAA,sBAAA,EAAoB;AAAA,KAAA,EACzC,CAAA;AAAA,oBACAL,cAAA,CAACM,qBAAY,QAAA,EAAA,IAAA,oBAAQN,cAAA,CAAC,SAAI,GAAA,EAAU,GAAA,EAAI,SAAQ,CAAA,EAAG;AAAA,GAAA,EACrD,CAAA,EACF,CAAA;AAEJ;AAOO,MAAM,QAAA,GAAW,CAAC,EAAE,IAAA,EAAM,MAAK,KAAqB;AACzD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIJ,eAAS,KAAK,CAAA;AAEtC,EAAA,MAAM,gBAAA,GACJ,SAAS,MAAA,GAAa,IAAA,CAAK,MAAM,4CAA4C,CAAA,GAAI,CAAC,CAAA,IAAK,IAAA,GAAQ,IAAA;AACjG,EAAA,MAAM,QAAA,GACJ,QACA,IAAA,CACG,KAAA,CAAM,8BAA8B,CAAA,GAAI,CAAC,CAAA,EACxC,UAAA,CAAW,QAAA,EAAU,GAAG,EACzB,UAAA,CAAW,MAAA,EAAQ,GAAG,CAAA,CACtB,UAAA,CAAW,QAAQ,GAAG,CAAA,CACtB,UAAA,CAAW,OAAA,EAAS,GAAG,CAAA;AAE5B,EAAA,uBACEE,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACU,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,QAC3B,OAAA,EAAQ,SAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,SAAA,EAAU,0CAAA;AAAA,QACV,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAY,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,CAAA,GAAK,yBAAA;AAAA,QAC/C,KAAA,EAAO,QAAA;AAAA,QACP,IAAA,iCAAOb,oBAAA,EAAA,EAAS,CAAA;AAAA,QAEf,QAAA,EAAA,QAAA,oBAAYG,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAY,QAAA,EAAA,QAAA,EAAS;AAAA;AAAA,KACpD;AAAA,oBACAA,cAAA,CAAC,oBAAiB,IAAA,EAAM,gBAAA,EAAkB,OAAO,QAAA,EAAU,IAAA,EAAY,cAAc,OAAA,EAAS;AAAA,GAAA,EAChG,CAAA;AAEJ;AASO,MAAM,mBAAmB,CAAC,EAAE,MAAM,KAAA,EAAO,IAAA,EAAM,cAAa,KAA6B;AAC9F,EAAA,uBACEA,cAAA,CAACC,aAAA,EAAA,EAAO,IAAA,EAAY,YAAA,EAClB,QAAA,kBAAAH,eAAA;AAAA,IAACI,oBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,gDAAA;AAAA,MACV,gBAAA,EAAiB,6BAAA;AAAA,MAEjB,QAAA,EAAA;AAAA,wBAAAJ,eAAA,CAACK,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,kBAAA,EAAA,EAAa,mBAAS,cAAA,EAAe,CAAA;AAAA,0BACtCJ,cAAA,CAACK,4BAAkB,QAAA,EAAA,0BAAA,EAAwB;AAAA,SAAA,EAC7C,CAAA;AAAA,wBACAL,cAAA,CAACM,qBAAY,QAAA,EAAA,IAAA,oBAAQN,cAAA,CAAC,SAAI,SAAA,EAAU,qBAAA,EAAuB,gBAAK,CAAA,EAAO;AAAA;AAAA;AAAA,GACzE,EACF,CAAA;AAEJ;;;;;;;;;;"}

package/dist/domains/chat/attachments/attachment-preview-dialog.es.js

@@ -1,8 +1,8 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { FileText, FileVideo, FileAudio, File } from 'lucide-react';
 import { useState } from 'react';
-import { B as Button } from '../../../Button-BVGwYwHT.js';
-import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody } from '../../../dialog-Dfrt_JCJ.js';
+import { B as Button } from '../../../Button-XSiL3zvL.js';
+import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody } from '../../../dialog-BUcAVIly.js';
 
 const ctaClassName = "h-full w-full flex items-center justify-center";
 const PdfEntry = ({ data, url }) => {
@@ -16,7 +16,7 @@ const PdfEntry = ({ data, url }) => {
   ] });
 };
 const PdfPreviewDialog = ({ data, open, onOpenChange }) => {
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-4xl", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-4xl motion-reduce:animate-none!", overlayClassName: "motion-reduce:animate-none!", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: "PDF preview" }),
       /* @__PURE__ */ jsx(DialogDescription, { children: "Preview of the PDF document" })
@@ -39,15 +39,24 @@ const FileChipEntry = ({ name, url, contentType }) => {
   }
   return /* @__PURE__ */ jsx("div", { className: ctaClassName, title: name, children: icon });
 };
-const ImageEntry = ({ src }) => {
+const ImageEntry = ({ src, name }) => {
   const [open, setOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("button", { onClick: () => setOpen(true), type: "button", className: ctaClassName, children: /* @__PURE__ */ jsx("img", { src, className: "aspect-ratio max-h-35 max-w-80 object-cover", alt: "Preview" }) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setOpen(true),
+        type: "button",
+        className: ctaClassName,
+        "aria-label": name ? `Preview ${name}` : "Preview image",
+        children: /* @__PURE__ */ jsx("img", { src, className: "aspect-ratio max-h-35 max-w-full object-cover", alt: name ?? "Preview" })
+      }
+    ),
     /* @__PURE__ */ jsx(ImagePreviewDialog, { src, open, onOpenChange: setOpen })
   ] });
 };
 const ImagePreviewDialog = ({ src, open, onOpenChange }) => {
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-4xl", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-4xl motion-reduce:animate-none!", overlayClassName: "motion-reduce:animate-none!", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: "Image preview" }),
       /* @__PURE__ */ jsx(DialogDescription, { children: "Preview of the image" })
@@ -66,7 +75,7 @@ const TxtEntry = ({ data, name }) => {
         onClick: () => setOpen(true),
         variant: "outline",
         size: "sm",
-        className: "max-w-64 min-w-0",
+        className: "max-w-64 min-w-0 pointer-coarse:min-h-11",
         type: "button",
         "aria-label": filename ? `Preview ${filename}` : "Preview text attachment",
         title: filename,
@@ -78,13 +87,20 @@ const TxtEntry = ({ data, name }) => {
   ] });
 };
 const TxtPreviewDialog = ({ data, title, open, onOpenChange }) => {
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "h-[80vh] max-w-4xl", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: title ?? "Text preview" }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: "Preview of the text file" })
-    ] }),
-    /* @__PURE__ */ jsx(DialogBody, { children: open && /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap", children: data }) })
-  ] }) });
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      className: "h-[80vh] max-w-4xl motion-reduce:animate-none!",
+      overlayClassName: "motion-reduce:animate-none!",
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: title ?? "Text preview" }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: "Preview of the text file" })
+        ] }),
+        /* @__PURE__ */ jsx(DialogBody, { children: open && /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap", children: data }) })
+      ]
+    }
+  ) });
 };
 
 export { FileChipEntry, ImageEntry, ImagePreviewDialog, PdfEntry, PdfPreviewDialog, TxtEntry, TxtPreviewDialog };

package/dist/domains/chat/attachments/attachment-preview-dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment-preview-dialog.es.js","sources":["../../../../src/domains/chat/attachments/attachment-preview-dialog.tsx"],"sourcesContent":["import { File as FileIcon, FileAudio, FileText, FileVideo } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogHeader,\n  DialogDescription,\n  DialogBody,\n} from '@/ds/components/Dialog';\n\ninterface PdfEntryProps {\n  data: string;\n  url?: string;\n}\n\nconst ctaClassName = 'h-full w-full flex items-center justify-center';\n\nexport const PdfEntry = ({ data, url }: PdfEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  if (url) {\n    return (\n      <a href={url} className={ctaClassName} target=\"_blank\" rel=\"noreferrer noopener\">\n        <FileText className=\"text-accent2\" aria-label=\"View PDF\" />\n      </a>\n    );\n  }\n\n  return (\n    <>\n      <button onClick={() => setOpen(true)} className={ctaClassName} type=\"button\">\n        <FileText className=\"text-accent2\" aria-label=\"View PDF\" />\n      </button>\n\n      <PdfPreviewDialog data={data} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface PdfPreviewDialogProps {\n  data: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const PdfPreviewDialog = ({ data, open, onOpenChange }: PdfPreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-4xl\">\n        <DialogHeader>\n          <DialogTitle>PDF preview</DialogTitle>\n          <DialogDescription>Preview of the PDF document</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <iframe src={data} width=\"100%\" height=\"600px\"></iframe>}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ninterface FileChipEntryProps {\n  /** Display label (usually the filename or URL). */\n  name: string;\n  /** A browser-fetchable URL (http/https) to link out to, when available. */\n  url?: string;\n  /** MIME type used to pick a representative icon. */\n  contentType?: string;\n}\n\n/** Picks an icon (and a11y label) representing the file's media type. */\nconst iconForContentType = (contentType?: string) => {\n  if (contentType?.startsWith('video/')) return { Icon: FileVideo, label: 'Video file' };\n  if (contentType?.startsWith('audio/')) return { Icon: FileAudio, label: 'Audio file' };\n  if (contentType?.startsWith('text/') || contentType === 'application/pdf')\n    return { Icon: FileText, label: 'Document file' };\n  return { Icon: FileIcon, label: 'File' };\n};\n\n/**\n * Placeholder chip for media the browser cannot preview inline — e.g. video, or\n * any cloud-storage URI (`gs://`, `s3://`) that only the model provider can fetch\n * server-side. The icon reflects the file's media type. Links out when the URL is\n * browser-fetchable (http/https).\n */\nexport const FileChipEntry = ({ name, url, contentType }: FileChipEntryProps) => {\n  const { Icon, label } = iconForContentType(contentType);\n  const icon = <Icon className=\"text-accent2\" aria-label={label} />;\n\n  if (url) {\n    return (\n      <a href={url} className={ctaClassName} target=\"_blank\" rel=\"noreferrer noopener\" title={name}>\n        {icon}\n      </a>\n    );\n  }\n\n  return (\n    <div className={ctaClassName} title={name}>\n      {icon}\n    </div>\n  );\n};\n\ninterface ImageEntryProps {\n  src: string;\n}\n\nexport const ImageEntry = ({ src }: ImageEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <button onClick={() => setOpen(true)} type=\"button\" className={ctaClassName}>\n        <img src={src} className=\"aspect-ratio max-h-35 max-w-80 object-cover\" alt=\"Preview\" />\n      </button>\n      <ImagePreviewDialog src={src} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface ImagePreviewDialogProps {\n  src: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const ImagePreviewDialog = ({ src, open, onOpenChange }: ImagePreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-4xl\">\n        <DialogHeader>\n          <DialogTitle>Image preview</DialogTitle>\n          <DialogDescription>Preview of the image</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <img src={src} alt=\"Image\" />}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ninterface TxtEntryProps {\n  data: string;\n  name?: string;\n}\n\nexport const TxtEntry = ({ data, name }: TxtEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  // Named files contain raw content; only unnamed chat text carries an envelope.\n  const formattedContent =\n    name === undefined ? (data.match(/^<attachment[^>]*>([\\s\\S]*)<\\/attachment>$/)?.[1] ?? data) : data;\n  const filename =\n    name ??\n    data\n      .match(/^<attachment name=\"([^\"]*)\">/)?.[1]\n      ?.replaceAll('&quot;', '\"')\n      .replaceAll('&lt;', '<')\n      .replaceAll('&gt;', '>')\n      .replaceAll('&amp;', '&');\n\n  return (\n    <>\n      <Button\n        onClick={() => setOpen(true)}\n        variant=\"outline\"\n        size=\"sm\"\n        className=\"max-w-64 min-w-0\"\n        type=\"button\"\n        aria-label={filename ? `Preview ${filename}` : 'Preview text attachment'}\n        title={filename}\n        icon={<FileText />}\n      >\n        {filename && <span className=\"truncate\">{filename}</span>}\n      </Button>\n      <TxtPreviewDialog data={formattedContent} title={filename} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface TxtPreviewDialogProps {\n  data: string;\n  title?: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const TxtPreviewDialog = ({ data, title, open, onOpenChange }: TxtPreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"h-[80vh] max-w-4xl\">\n        <DialogHeader>\n          <DialogTitle>{title ?? 'Text preview'}</DialogTitle>\n          <DialogDescription>Preview of the text file</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <div className=\"whitespace-pre-wrap\">{data}</div>}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["FileIcon"],"mappings":"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"}
+{"version":3,"file":"attachment-preview-dialog.es.js","sources":["../../../../src/domains/chat/attachments/attachment-preview-dialog.tsx"],"sourcesContent":["import { File as FileIcon, FileAudio, FileText, FileVideo } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogHeader,\n  DialogDescription,\n  DialogBody,\n} from '@/ds/components/Dialog';\n\ninterface PdfEntryProps {\n  data: string;\n  url?: string;\n}\n\nconst ctaClassName = 'h-full w-full flex items-center justify-center';\n\nexport const PdfEntry = ({ data, url }: PdfEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  if (url) {\n    return (\n      <a href={url} className={ctaClassName} target=\"_blank\" rel=\"noreferrer noopener\">\n        <FileText className=\"text-accent2\" aria-label=\"View PDF\" />\n      </a>\n    );\n  }\n\n  return (\n    <>\n      <button onClick={() => setOpen(true)} className={ctaClassName} type=\"button\">\n        <FileText className=\"text-accent2\" aria-label=\"View PDF\" />\n      </button>\n\n      <PdfPreviewDialog data={data} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface PdfPreviewDialogProps {\n  data: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const PdfPreviewDialog = ({ data, open, onOpenChange }: PdfPreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-4xl motion-reduce:animate-none!\" overlayClassName=\"motion-reduce:animate-none!\">\n        <DialogHeader>\n          <DialogTitle>PDF preview</DialogTitle>\n          <DialogDescription>Preview of the PDF document</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <iframe src={data} width=\"100%\" height=\"600px\"></iframe>}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ninterface FileChipEntryProps {\n  name: string;\n  url?: string;\n  contentType?: string;\n}\nconst iconForContentType = (contentType?: string) => {\n  if (contentType?.startsWith('video/')) return { Icon: FileVideo, label: 'Video file' };\n  if (contentType?.startsWith('audio/')) return { Icon: FileAudio, label: 'Audio file' };\n  if (contentType?.startsWith('text/') || contentType === 'application/pdf')\n    return { Icon: FileText, label: 'Document file' };\n  return { Icon: FileIcon, label: 'File' };\n};\nexport const FileChipEntry = ({ name, url, contentType }: FileChipEntryProps) => {\n  const { Icon, label } = iconForContentType(contentType);\n  const icon = <Icon className=\"text-accent2\" aria-label={label} />;\n\n  if (url) {\n    return (\n      <a href={url} className={ctaClassName} target=\"_blank\" rel=\"noreferrer noopener\" title={name}>\n        {icon}\n      </a>\n    );\n  }\n\n  return (\n    <div className={ctaClassName} title={name}>\n      {icon}\n    </div>\n  );\n};\n\ninterface ImageEntryProps {\n  src: string;\n  name?: string;\n}\n\nexport const ImageEntry = ({ src, name }: ImageEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <button\n        onClick={() => setOpen(true)}\n        type=\"button\"\n        className={ctaClassName}\n        aria-label={name ? `Preview ${name}` : 'Preview image'}\n      >\n        <img src={src} className=\"aspect-ratio max-h-35 max-w-full object-cover\" alt={name ?? 'Preview'} />\n      </button>\n      <ImagePreviewDialog src={src} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface ImagePreviewDialogProps {\n  src: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const ImagePreviewDialog = ({ src, open, onOpenChange }: ImagePreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-4xl motion-reduce:animate-none!\" overlayClassName=\"motion-reduce:animate-none!\">\n        <DialogHeader>\n          <DialogTitle>Image preview</DialogTitle>\n          <DialogDescription>Preview of the image</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <img src={src} alt=\"Image\" />}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ninterface TxtEntryProps {\n  data: string;\n  name?: string;\n}\n\nexport const TxtEntry = ({ data, name }: TxtEntryProps) => {\n  const [open, setOpen] = useState(false);\n\n  const formattedContent =\n    name === undefined ? (data.match(/^<attachment[^>]*>([\\s\\S]*)<\\/attachment>$/)?.[1] ?? data) : data;\n  const filename =\n    name ??\n    data\n      .match(/^<attachment name=\"([^\"]*)\">/)?.[1]\n      ?.replaceAll('&quot;', '\"')\n      .replaceAll('&lt;', '<')\n      .replaceAll('&gt;', '>')\n      .replaceAll('&amp;', '&');\n\n  return (\n    <>\n      <Button\n        onClick={() => setOpen(true)}\n        variant=\"outline\"\n        size=\"sm\"\n        className=\"max-w-64 min-w-0 pointer-coarse:min-h-11\"\n        type=\"button\"\n        aria-label={filename ? `Preview ${filename}` : 'Preview text attachment'}\n        title={filename}\n        icon={<FileText />}\n      >\n        {filename && <span className=\"truncate\">{filename}</span>}\n      </Button>\n      <TxtPreviewDialog data={formattedContent} title={filename} open={open} onOpenChange={setOpen} />\n    </>\n  );\n};\n\ninterface TxtPreviewDialogProps {\n  data: string;\n  title?: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const TxtPreviewDialog = ({ data, title, open, onOpenChange }: TxtPreviewDialogProps) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className=\"h-[80vh] max-w-4xl motion-reduce:animate-none!\"\n        overlayClassName=\"motion-reduce:animate-none!\"\n      >\n        <DialogHeader>\n          <DialogTitle>{title ?? 'Text preview'}</DialogTitle>\n          <DialogDescription>Preview of the text file</DialogDescription>\n        </DialogHeader>\n        <DialogBody>{open && <div className=\"whitespace-pre-wrap\">{data}</div>}</DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["FileIcon"],"mappings":"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"}

package/dist/domains/chat/attachments/composer-attachment-list.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const composer = require('../../../composer-V_EBklyt.cjs');
+const utils_cn = require('../../../cn-DPfV6E6L.cjs');
+
+function ComposerAttachmentList({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    composer.ComposerAttachments,
+    {
+      "aria-label": "Draft attachments",
+      className: utils_cn.cn("flex max-w-none items-center gap-3 overflow-x-auto px-3 pt-3 pb-2", className),
+      ...props
+    }
+  );
+}
+
+exports.ComposerAttachmentList = ComposerAttachmentList;
+//# sourceMappingURL=composer-attachment-list.cjs.js.map

package/dist/domains/chat/attachments/composer-attachment-list.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer-attachment-list.cjs.js","sources":["../../../../src/domains/chat/attachments/composer-attachment-list.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { ComposerAttachments } from '@/ds/components/Composer';\nimport { cn } from '@/utils/cn';\n\nexport function ComposerAttachmentList({ className, ...props }: ComponentProps<typeof ComposerAttachments>) {\n  return (\n    <ComposerAttachments\n      aria-label=\"Draft attachments\"\n      className={cn('flex max-w-none items-center gap-3 overflow-x-auto px-3 pt-3 pb-2', className)}\n      {...props}\n    />\n  );\n}\n"],"names":["jsx","ComposerAttachments","cn"],"mappings":";;;;;;;;AAIO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA+C;AAC1G,EAAA,uBACEA,cAAA;AAAA,IAACC,4BAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,mBAAA;AAAA,MACX,SAAA,EAAWC,WAAA,CAAG,mEAAA,EAAqE,SAAS,CAAA;AAAA,MAC3F,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/domains/chat/attachments/composer-attachment-list.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/chat/attachments/composer-attachment-list'
+export {}

package/dist/domains/chat/attachments/composer-attachment-list.es.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { C as ComposerAttachments } from '../../../composer-CocKItIW.js';
+import { c as cn } from '../../../cn-Dxjsbr9n.js';
+
+function ComposerAttachmentList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ComposerAttachments,
+    {
+      "aria-label": "Draft attachments",
+      className: cn("flex max-w-none items-center gap-3 overflow-x-auto px-3 pt-3 pb-2", className),
+      ...props
+    }
+  );
+}
+
+export { ComposerAttachmentList };
+//# sourceMappingURL=composer-attachment-list.es.js.map

package/dist/domains/chat/attachments/composer-attachment-list.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer-attachment-list.es.js","sources":["../../../../src/domains/chat/attachments/composer-attachment-list.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { ComposerAttachments } from '@/ds/components/Composer';\nimport { cn } from '@/utils/cn';\n\nexport function ComposerAttachmentList({ className, ...props }: ComponentProps<typeof ComposerAttachments>) {\n  return (\n    <ComposerAttachments\n      aria-label=\"Draft attachments\"\n      className={cn('flex max-w-none items-center gap-3 overflow-x-auto px-3 pt-3 pb-2', className)}\n      {...props}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAIO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA+C;AAC1G,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,mBAAA;AAAA,MACX,SAAA,EAAW,EAAA,CAAG,mEAAA,EAAqE,SAAS,CAAA;AAAA,MAC3F,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/domains/chat/attachments/composer-attachment.cjs.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const Button = require('../../../Button-B1TWWXCy.cjs');
+const utils_cn = require('../../../cn-DPfV6E6L.cjs');
+
+function ComposerAttachment({ name, children, onRemove, variant = "thumbnail" }) {
+  const isThumbnail = variant === "thumbnail";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        "relative shrink-0 pointer-coarse:flex pointer-coarse:items-center pointer-coarse:gap-1",
+        !isThumbnail && "flex items-center gap-1"
+      ),
+      title: name,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: utils_cn.cn(
+              isThumbnail && "size-14 shrink-0 overflow-hidden rounded-md border border-border1 bg-surface3 [&_img]:size-full [&_img]:object-cover"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button.Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon-sm",
+            "aria-label": `Remove ${name}`,
+            tooltip: `Remove ${name}`,
+            onClick: onRemove,
+            className: utils_cn.cn(
+              "bg-surface3 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+              isThumbnail && "absolute -top-2 -right-2 rounded-full pointer-coarse:static"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {})
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.ComposerAttachment = ComposerAttachment;
+//# sourceMappingURL=composer-attachment.cjs.js.map

package/dist/domains/chat/attachments/composer-attachment.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer-attachment.cjs.js","sources":["../../../../src/domains/chat/attachments/composer-attachment.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/utils/cn';\n\nexport interface ComposerAttachmentProps {\n  name: string;\n  children: ReactNode;\n  onRemove: () => void;\n  variant?: 'thumbnail' | 'inline';\n}\n\nexport function ComposerAttachment({ name, children, onRemove, variant = 'thumbnail' }: ComposerAttachmentProps) {\n  const isThumbnail = variant === 'thumbnail';\n\n  return (\n    <div\n      className={cn(\n        'relative shrink-0 pointer-coarse:flex pointer-coarse:items-center pointer-coarse:gap-1',\n        !isThumbnail && 'flex items-center gap-1',\n      )}\n      title={name}\n    >\n      <div\n        className={cn(\n          isThumbnail &&\n            'size-14 shrink-0 overflow-hidden rounded-md border border-border1 bg-surface3 [&_img]:size-full [&_img]:object-cover',\n        )}\n      >\n        {children}\n      </div>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon-sm\"\n        aria-label={`Remove ${name}`}\n        tooltip={`Remove ${name}`}\n        onClick={onRemove}\n        className={cn(\n          'bg-surface3 pointer-coarse:min-h-11 pointer-coarse:min-w-11',\n          isThumbnail && 'absolute -top-2 -right-2 rounded-full pointer-coarse:static',\n        )}\n      >\n        <X />\n      </Button>\n    </div>\n  );\n}\n"],"names":["jsxs","cn","jsx","Button","X"],"mappings":";;;;;;;;;AAYO,SAAS,mBAAmB,EAAE,IAAA,EAAM,UAAU,QAAA,EAAU,OAAA,GAAU,aAAY,EAA4B;AAC/G,EAAA,MAAM,cAAc,OAAA,KAAY,WAAA;AAEhC,EAAA,uBACEA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,wFAAA;AAAA,QACA,CAAC,WAAA,IAAe;AAAA,OAClB;AAAA,MACA,KAAA,EAAO,IAAA;AAAA,MAEP,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWD,WAAA;AAAA,cACT,WAAA,IACE;AAAA,aACJ;AAAA,YAEC;AAAA;AAAA,SACH;AAAA,wBACAC,cAAA;AAAA,UAACC,aAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAQ,SAAA;AAAA,YACR,IAAA,EAAK,SAAA;AAAA,YACL,YAAA,EAAY,UAAU,IAAI,CAAA,CAAA;AAAA,YAC1B,OAAA,EAAS,UAAU,IAAI,CAAA,CAAA;AAAA,YACvB,OAAA,EAAS,QAAA;AAAA,YACT,SAAA,EAAWF,WAAA;AAAA,cACT,6DAAA;AAAA,cACA,WAAA,IAAe;AAAA,aACjB;AAAA,YAEA,yCAACG,aAAA,EAAA,EAAE;AAAA;AAAA;AACL;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/domains/chat/attachments/composer-attachment.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/chat/attachments/composer-attachment'
+export {}

package/dist/domains/chat/attachments/composer-attachment.es.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { X } from 'lucide-react';
+import { B as Button } from '../../../Button-XSiL3zvL.js';
+import { c as cn } from '../../../cn-Dxjsbr9n.js';
+
+function ComposerAttachment({ name, children, onRemove, variant = "thumbnail" }) {
+  const isThumbnail = variant === "thumbnail";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative shrink-0 pointer-coarse:flex pointer-coarse:items-center pointer-coarse:gap-1",
+        !isThumbnail && "flex items-center gap-1"
+      ),
+      title: name,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              isThumbnail && "size-14 shrink-0 overflow-hidden rounded-md border border-border1 bg-surface3 [&_img]:size-full [&_img]:object-cover"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon-sm",
+            "aria-label": `Remove ${name}`,
+            tooltip: `Remove ${name}`,
+            onClick: onRemove,
+            className: cn(
+              "bg-surface3 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+              isThumbnail && "absolute -top-2 -right-2 rounded-full pointer-coarse:static"
+            ),
+            children: /* @__PURE__ */ jsx(X, {})
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ComposerAttachment };
+//# sourceMappingURL=composer-attachment.es.js.map

package/dist/domains/chat/attachments/composer-attachment.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer-attachment.es.js","sources":["../../../../src/domains/chat/attachments/composer-attachment.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/utils/cn';\n\nexport interface ComposerAttachmentProps {\n  name: string;\n  children: ReactNode;\n  onRemove: () => void;\n  variant?: 'thumbnail' | 'inline';\n}\n\nexport function ComposerAttachment({ name, children, onRemove, variant = 'thumbnail' }: ComposerAttachmentProps) {\n  const isThumbnail = variant === 'thumbnail';\n\n  return (\n    <div\n      className={cn(\n        'relative shrink-0 pointer-coarse:flex pointer-coarse:items-center pointer-coarse:gap-1',\n        !isThumbnail && 'flex items-center gap-1',\n      )}\n      title={name}\n    >\n      <div\n        className={cn(\n          isThumbnail &&\n            'size-14 shrink-0 overflow-hidden rounded-md border border-border1 bg-surface3 [&_img]:size-full [&_img]:object-cover',\n        )}\n      >\n        {children}\n      </div>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"icon-sm\"\n        aria-label={`Remove ${name}`}\n        tooltip={`Remove ${name}`}\n        onClick={onRemove}\n        className={cn(\n          'bg-surface3 pointer-coarse:min-h-11 pointer-coarse:min-w-11',\n          isThumbnail && 'absolute -top-2 -right-2 rounded-full pointer-coarse:static',\n        )}\n      >\n        <X />\n      </Button>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAYO,SAAS,mBAAmB,EAAE,IAAA,EAAM,UAAU,QAAA,EAAU,OAAA,GAAU,aAAY,EAA4B;AAC/G,EAAA,MAAM,cAAc,OAAA,KAAY,WAAA;AAEhC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,wFAAA;AAAA,QACA,CAAC,WAAA,IAAe;AAAA,OAClB;AAAA,MACA,KAAA,EAAO,IAAA;AAAA,MAEP,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,WAAA,IACE;AAAA,aACJ;AAAA,YAEC;AAAA;AAAA,SACH;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAQ,SAAA;AAAA,YACR,IAAA,EAAK,SAAA;AAAA,YACL,YAAA,EAAY,UAAU,IAAI,CAAA,CAAA;AAAA,YAC1B,OAAA,EAAS,UAAU,IAAI,CAAA,CAAA;AAAA,YACvB,OAAA,EAAS,QAAA;AAAA,YACT,SAAA,EAAW,EAAA;AAAA,cACT,6DAAA;AAAA,cACA,WAAA,IAAe;AAAA,aACjB;AAAA,YAEA,8BAAC,CAAA,EAAA,EAAE;AAAA;AAAA;AACL;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/domains/chat/components/badge-wrapper.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const toolCall = require('../../../tool-call-DVh_yWov.cjs');
+const toolCall = require('../../../tool-call-DEtotEm0.cjs');
 const domains_chat_context_chatContext = require('../context/chat-context.cjs.js');
-const utils_cn = require('../../../cn-DnbTIGXa.cjs');
+const utils_cn = require('../../../cn-DPfV6E6L.cjs');
 
 const BadgeWrapper = ({
   children,

package/dist/domains/chat/components/badge-wrapper.es.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { X } from 'lucide-react';
 import { useState, useEffect } from 'react';
-import { T as ToolCall, a as ToolCallTrigger, b as ToolCallTrailing, c as ToolCallContent, d as ToolCallHeader, e as ToolCallIcon, f as ToolCallLabel, g as ToolCallDetail, h as ToolCallSpacer, i as ToolCallDisclosure } from '../../../tool-call-BlKbOYRH.js';
+import { T as ToolCall, a as ToolCallTrigger, b as ToolCallTrailing, c as ToolCallContent, d as ToolCallHeader, e as ToolCallIcon, f as ToolCallLabel, g as ToolCallDetail, h as ToolCallSpacer, i as ToolCallDisclosure } from '../../../tool-call-B-OO_6DC.js';
 import { useChatRunning } from '../context/chat-context.es.js';
-import { c as cn } from '../../../cn-ByEbywDh.js';
+import { c as cn } from '../../../cn-Dxjsbr9n.js';
 
 const BadgeWrapper = ({
   children,

package/dist/domains/chat/components/loading-badge.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const skeleton = require('../../../skeleton-DYq_5Fad.cjs');
-const spinner = require('../../../spinner-Bj7FQzLQ.cjs');
+const skeleton = require('../../../skeleton-B3O2CoYQ.cjs');
+const spinner = require('../../../spinner-DcDI1lhS.cjs');
 const domains_chat_components_badgeWrapper = require('./badge-wrapper.cjs.js');
 
 const LoadingBadge = () => {

package/dist/domains/chat/components/loading-badge.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { S as Skeleton } from '../../../skeleton-KJCC29GI.js';
-import { S as Spinner } from '../../../spinner-CUkNhTKC.js';
+import { S as Skeleton } from '../../../skeleton-D-kHfsjd.js';
+import { S as Spinner } from '../../../spinner-RdQ_iJAG.js';
 import { BadgeWrapper } from './badge-wrapper.es.js';
 
 const LoadingBadge = () => {

package/dist/domains/chat/components/network-choice-metadata-dialog.cjs.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-BJOVwaxp.cjs');
-const codeEditor = require('../../../code-editor-CopnXVKT.cjs');
-const dialog = require('../../../dialog-B1DwyLJJ.cjs');
-const Txt = require('../../../Txt-i-sXSs2m.cjs');
+const Button = require('../../../Button-B1TWWXCy.cjs');
+const codeEditor = require('../../../code-editor-JI0lkx_d.cjs');
+const dialog = require('../../../dialog-h9MPZQgc.cjs');
+const Txt = require('../../../Txt-BZXvaPLR.cjs');
 
 const NetworkChoiceMetadata = ({ selectionReason, open, onOpenChange, input }) => {
   let inputSlot = null;

package/dist/domains/chat/components/network-choice-metadata-dialog.es.js

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Share2 } from 'lucide-react';
 import { useState } from 'react';
-import { B as Button } from '../../../Button-BVGwYwHT.js';
-import { C as CodeEditor } from '../../../code-editor-D7BftGSx.js';
-import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody } from '../../../dialog-Dfrt_JCJ.js';
-import { T as Txt } from '../../../Txt-CfPhlZOu.js';
+import { B as Button } from '../../../Button-XSiL3zvL.js';
+import { C as CodeEditor } from '../../../code-editor-pVut50_I.js';
+import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody } from '../../../dialog-BUcAVIly.js';
+import { T as Txt } from '../../../Txt-23XtxAlc.js';
 
 const NetworkChoiceMetadata = ({ selectionReason, open, onOpenChange, input }) => {
   let inputSlot = null;

package/dist/domains/chat/components/section-label.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../../../Txt-i-sXSs2m.cjs');
+const Txt = require('../../../Txt-BZXvaPLR.cjs');
 
 const SectionLabel = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "ui-xs", className: "text-icon3 pb-1 select-none", children });
 

package/dist/domains/chat/components/section-label.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../../../Txt-CfPhlZOu.js';
+import { T as Txt } from '../../../Txt-23XtxAlc.js';
 
 const SectionLabel = ({ children }) => /* @__PURE__ */ jsx(Txt, { as: "p", variant: "ui-xs", className: "text-icon3 pb-1 select-none", children });
 

package/dist/domains/chat/messages/notification-signal-notice-variant.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-signal-notice-variant.cjs.js","sources":["../../../../src/domains/chat/messages/notification-signal-notice-variant.ts"],"sourcesContent":["import type { NoticeVariant } from '@/ds/components/Notice';\n\nexport const getNotificationNoticeVariant = (priority: string | undefined): NoticeVariant => {\n  switch (priority) {\n    case 'urgent':\n      return 'destructive';\n    case 'high':\n      return 'warning';\n    case 'medium':\n      return 'info';\n    default:\n      return 'note';\n  }\n};\n"],"names":[],"mappings":";;;;AAEO,MAAM,4BAAA,GAA+B,CAAC,QAAA,KAAgD;AAC3F,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,QAAA;AACH,MAAA,OAAO,aAAA;AAAA,IACT,KAAK,MAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,MAAA;AAAA,IACT;AACE,MAAA,OAAO,MAAA;AAAA;AAEb;;;;"}
+{"version":3,"file":"notification-signal-notice-variant.cjs.js","sources":["../../../../src/ds/components/ai/chat-event/notification-variant.ts"],"sourcesContent":["import type { NoticeVariant } from '@/ds/components/Notice';\n\nexport const getNotificationNoticeVariant = (priority: string | undefined): NoticeVariant => {\n  switch (priority) {\n    case 'urgent':\n      return 'destructive';\n    case 'high':\n      return 'warning';\n    case 'medium':\n      return 'info';\n    default:\n      return 'note';\n  }\n};\n"],"names":[],"mappings":";;;;AAEO,MAAM,4BAAA,GAA+B,CAAC,QAAA,KAAgD;AAC3F,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,QAAA;AACH,MAAA,OAAO,aAAA;AAAA,IACT,KAAK,MAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,MAAA;AAAA,IACT;AACE,MAAA,OAAO,MAAA;AAAA;AAEb;;;;"}

package/dist/domains/chat/messages/notification-signal-notice-variant.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-signal-notice-variant.es.js","sources":["../../../../src/domains/chat/messages/notification-signal-notice-variant.ts"],"sourcesContent":["import type { NoticeVariant } from '@/ds/components/Notice';\n\nexport const getNotificationNoticeVariant = (priority: string | undefined): NoticeVariant => {\n  switch (priority) {\n    case 'urgent':\n      return 'destructive';\n    case 'high':\n      return 'warning';\n    case 'medium':\n      return 'info';\n    default:\n      return 'note';\n  }\n};\n"],"names":[],"mappings":"AAEO,MAAM,4BAAA,GAA+B,CAAC,QAAA,KAAgD;AAC3F,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,QAAA;AACH,MAAA,OAAO,aAAA;AAAA,IACT,KAAK,MAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,MAAA;AAAA,IACT;AACE,MAAA,OAAO,MAAA;AAAA;AAEb;;;;"}
+{"version":3,"file":"notification-signal-notice-variant.es.js","sources":["../../../../src/ds/components/ai/chat-event/notification-variant.ts"],"sourcesContent":["import type { NoticeVariant } from '@/ds/components/Notice';\n\nexport const getNotificationNoticeVariant = (priority: string | undefined): NoticeVariant => {\n  switch (priority) {\n    case 'urgent':\n      return 'destructive';\n    case 'high':\n      return 'warning';\n    case 'medium':\n      return 'info';\n    default:\n      return 'note';\n  }\n};\n"],"names":[],"mappings":"AAEO,MAAM,4BAAA,GAA+B,CAAC,QAAA,KAAgD;AAC3F,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,QAAA;AACH,MAAA,OAAO,aAAA;AAAA,IACT,KAAK,MAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,MAAA;AAAA,IACT;AACE,MAAA,OAAO,MAAA;AAAA;AAEb;;;;"}