@flanksource/clicky-ui 0.3.36 → 0.3.37

package/dist/data/chat/ContextMeter.model.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function shortContextModelName(model) {
+  let label = model.trim();
+  if (!label) return "default";
+  const slash = label.lastIndexOf("/");
+  if (slash >= 0) label = label.slice(slash + 1);
+  for (const prefix of ["claude-agent-", "claude-code-", "claude-", "codex-"]) {
+    if (label.startsWith(prefix)) {
+      label = label.slice(prefix.length);
+      break;
+    }
+  }
+  const humanClaude = label.toLowerCase().trim().match(
+    /^(?:claude\s+)?(fable|opus|sonnet|haiku)(?:\s+(\d+(?:\.\d+)*))?(?:\s+(.+))?$/
+  );
+  if (humanClaude) {
+    const tier2 = humanClaude[1];
+    const version = humanClaude[2];
+    const rest = humanClaude[3];
+    const head = version ? `${tier2}-${version}` : tier2;
+    const tail = (rest ?? "").trim().replace(/\s+/g, "-");
+    return tail ? `${head}-${tail}` : head;
+  }
+  if (label.toLowerCase().startsWith("gpt-")) return label.toLowerCase();
+  const parts = label.toLowerCase().split("-").filter(Boolean);
+  const tier = parts[0];
+  if (tier && ["fable", "opus", "sonnet", "haiku"].includes(tier)) {
+    const version = [];
+    let index = 1;
+    while (index < parts.length && /^\d+$/.test(parts[index])) {
+      version.push(parts[index]);
+      index += 1;
+    }
+    const head = version.length ? `${tier}-${version.join(".")}` : tier;
+    const rest = parts.slice(index).join("-");
+    return rest ? `${head}-${rest}` : head;
+  }
+  return label;
+}
+exports.shortContextModelName = shortContextModelName;
+//# sourceMappingURL=ContextMeter.model.cjs.map

package/dist/data/chat/ContextMeter.model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMeter.model.cjs","sources":["../../../src/data/chat/ContextMeter.model.ts"],"sourcesContent":["export function shortContextModelName(model: string): string {\n  let label = model.trim();\n  if (!label) return \"default\";\n  const slash = label.lastIndexOf(\"/\");\n  if (slash >= 0) label = label.slice(slash + 1);\n  for (const prefix of [\"claude-agent-\", \"claude-code-\", \"claude-\", \"codex-\"]) {\n    if (label.startsWith(prefix)) {\n      label = label.slice(prefix.length);\n      break;\n    }\n  }\n\n  const humanClaude = label\n    .toLowerCase()\n    .trim()\n    .match(\n      /^(?:claude\\s+)?(fable|opus|sonnet|haiku)(?:\\s+(\\d+(?:\\.\\d+)*))?(?:\\s+(.+))?$/,\n    );\n  if (humanClaude) {\n    const tier = humanClaude[1]!;\n    const version = humanClaude[2];\n    const rest = humanClaude[3];\n    const head = version ? `${tier}-${version}` : tier;\n    const tail = (rest ?? \"\").trim().replace(/\\s+/g, \"-\");\n    return tail ? `${head}-${tail}` : head;\n  }\n  if (label.toLowerCase().startsWith(\"gpt-\")) return label.toLowerCase();\n\n  const parts = label.toLowerCase().split(\"-\").filter(Boolean);\n  const tier = parts[0];\n  if (tier && [\"fable\", \"opus\", \"sonnet\", \"haiku\"].includes(tier)) {\n    const version: string[] = [];\n    let index = 1;\n    while (index < parts.length && /^\\d+$/.test(parts[index]!)) {\n      version.push(parts[index]!);\n      index += 1;\n    }\n    const head = version.length ? `${tier}-${version.join(\".\")}` : tier;\n    const rest = parts.slice(index).join(\"-\");\n    return rest ? `${head}-${rest}` : head;\n  }\n  return label;\n}\n"],"names":["tier"],"mappings":";;AAAO,SAAS,sBAAsB,OAAuB;AAC3D,MAAI,QAAQ,MAAM,KAAA;AAClB,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAQ,MAAM,YAAY,GAAG;AACnC,MAAI,SAAS,EAAG,SAAQ,MAAM,MAAM,QAAQ,CAAC;AAC7C,aAAW,UAAU,CAAC,iBAAiB,gBAAgB,WAAW,QAAQ,GAAG;AAC3E,QAAI,MAAM,WAAW,MAAM,GAAG;AAC5B,cAAQ,MAAM,MAAM,OAAO,MAAM;AACjC;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,MACjB,YAAA,EACA,OACA;AAAA,IACC;AAAA,EAAA;AAEJ,MAAI,aAAa;AACf,UAAMA,QAAO,YAAY,CAAC;AAC1B,UAAM,UAAU,YAAY,CAAC;AAC7B,UAAM,OAAO,YAAY,CAAC;AAC1B,UAAM,OAAO,UAAU,GAAGA,KAAI,IAAI,OAAO,KAAKA;AAC9C,UAAM,QAAQ,QAAQ,IAAI,OAAO,QAAQ,QAAQ,GAAG;AACpD,WAAO,OAAO,GAAG,IAAI,IAAI,IAAI,KAAK;AAAA,EACpC;AACA,MAAI,MAAM,cAAc,WAAW,MAAM,EAAG,QAAO,MAAM,YAAA;AAEzD,QAAM,QAAQ,MAAM,YAAA,EAAc,MAAM,GAAG,EAAE,OAAO,OAAO;AAC3D,QAAM,OAAO,MAAM,CAAC;AACpB,MAAI,QAAQ,CAAC,SAAS,QAAQ,UAAU,OAAO,EAAE,SAAS,IAAI,GAAG;AAC/D,UAAM,UAAoB,CAAA;AAC1B,QAAI,QAAQ;AACZ,WAAO,QAAQ,MAAM,UAAU,QAAQ,KAAK,MAAM,KAAK,CAAE,GAAG;AAC1D,cAAQ,KAAK,MAAM,KAAK,CAAE;AAC1B,eAAS;AAAA,IACX;AACA,UAAM,OAAO,QAAQ,SAAS,GAAG,IAAI,IAAI,QAAQ,KAAK,GAAG,CAAC,KAAK;AAC/D,UAAM,OAAO,MAAM,MAAM,KAAK,EAAE,KAAK,GAAG;AACxC,WAAO,OAAO,GAAG,IAAI,IAAI,IAAI,KAAK;AAAA,EACpC;AACA,SAAO;AACT;;"}

package/dist/data/chat/ContextMeter.model.d.ts

@@ -0,0 +1,2 @@
+export declare function shortContextModelName(model: string): string;
+//# sourceMappingURL=ContextMeter.model.d.ts.map

package/dist/data/chat/ContextMeter.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMeter.model.d.ts","sourceRoot":"","sources":["../../../src/data/chat/ContextMeter.model.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CA0C3D"}

package/dist/data/chat/ContextMeter.model.js

@@ -0,0 +1,42 @@
+function shortContextModelName(model) {
+  let label = model.trim();
+  if (!label) return "default";
+  const slash = label.lastIndexOf("/");
+  if (slash >= 0) label = label.slice(slash + 1);
+  for (const prefix of ["claude-agent-", "claude-code-", "claude-", "codex-"]) {
+    if (label.startsWith(prefix)) {
+      label = label.slice(prefix.length);
+      break;
+    }
+  }
+  const humanClaude = label.toLowerCase().trim().match(
+    /^(?:claude\s+)?(fable|opus|sonnet|haiku)(?:\s+(\d+(?:\.\d+)*))?(?:\s+(.+))?$/
+  );
+  if (humanClaude) {
+    const tier2 = humanClaude[1];
+    const version = humanClaude[2];
+    const rest = humanClaude[3];
+    const head = version ? `${tier2}-${version}` : tier2;
+    const tail = (rest ?? "").trim().replace(/\s+/g, "-");
+    return tail ? `${head}-${tail}` : head;
+  }
+  if (label.toLowerCase().startsWith("gpt-")) return label.toLowerCase();
+  const parts = label.toLowerCase().split("-").filter(Boolean);
+  const tier = parts[0];
+  if (tier && ["fable", "opus", "sonnet", "haiku"].includes(tier)) {
+    const version = [];
+    let index = 1;
+    while (index < parts.length && /^\d+$/.test(parts[index])) {
+      version.push(parts[index]);
+      index += 1;
+    }
+    const head = version.length ? `${tier}-${version.join(".")}` : tier;
+    const rest = parts.slice(index).join("-");
+    return rest ? `${head}-${rest}` : head;
+  }
+  return label;
+}
+export {
+  shortContextModelName
+};
+//# sourceMappingURL=ContextMeter.model.js.map

package/dist/data/chat/ContextMeter.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMeter.model.js","sources":["../../../src/data/chat/ContextMeter.model.ts"],"sourcesContent":["export function shortContextModelName(model: string): string {\n  let label = model.trim();\n  if (!label) return \"default\";\n  const slash = label.lastIndexOf(\"/\");\n  if (slash >= 0) label = label.slice(slash + 1);\n  for (const prefix of [\"claude-agent-\", \"claude-code-\", \"claude-\", \"codex-\"]) {\n    if (label.startsWith(prefix)) {\n      label = label.slice(prefix.length);\n      break;\n    }\n  }\n\n  const humanClaude = label\n    .toLowerCase()\n    .trim()\n    .match(\n      /^(?:claude\\s+)?(fable|opus|sonnet|haiku)(?:\\s+(\\d+(?:\\.\\d+)*))?(?:\\s+(.+))?$/,\n    );\n  if (humanClaude) {\n    const tier = humanClaude[1]!;\n    const version = humanClaude[2];\n    const rest = humanClaude[3];\n    const head = version ? `${tier}-${version}` : tier;\n    const tail = (rest ?? \"\").trim().replace(/\\s+/g, \"-\");\n    return tail ? `${head}-${tail}` : head;\n  }\n  if (label.toLowerCase().startsWith(\"gpt-\")) return label.toLowerCase();\n\n  const parts = label.toLowerCase().split(\"-\").filter(Boolean);\n  const tier = parts[0];\n  if (tier && [\"fable\", \"opus\", \"sonnet\", \"haiku\"].includes(tier)) {\n    const version: string[] = [];\n    let index = 1;\n    while (index < parts.length && /^\\d+$/.test(parts[index]!)) {\n      version.push(parts[index]!);\n      index += 1;\n    }\n    const head = version.length ? `${tier}-${version.join(\".\")}` : tier;\n    const rest = parts.slice(index).join(\"-\");\n    return rest ? `${head}-${rest}` : head;\n  }\n  return label;\n}\n"],"names":["tier"],"mappings":"AAAO,SAAS,sBAAsB,OAAuB;AAC3D,MAAI,QAAQ,MAAM,KAAA;AAClB,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAQ,MAAM,YAAY,GAAG;AACnC,MAAI,SAAS,EAAG,SAAQ,MAAM,MAAM,QAAQ,CAAC;AAC7C,aAAW,UAAU,CAAC,iBAAiB,gBAAgB,WAAW,QAAQ,GAAG;AAC3E,QAAI,MAAM,WAAW,MAAM,GAAG;AAC5B,cAAQ,MAAM,MAAM,OAAO,MAAM;AACjC;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,MACjB,YAAA,EACA,OACA;AAAA,IACC;AAAA,EAAA;AAEJ,MAAI,aAAa;AACf,UAAMA,QAAO,YAAY,CAAC;AAC1B,UAAM,UAAU,YAAY,CAAC;AAC7B,UAAM,OAAO,YAAY,CAAC;AAC1B,UAAM,OAAO,UAAU,GAAGA,KAAI,IAAI,OAAO,KAAKA;AAC9C,UAAM,QAAQ,QAAQ,IAAI,OAAO,QAAQ,QAAQ,GAAG;AACpD,WAAO,OAAO,GAAG,IAAI,IAAI,IAAI,KAAK;AAAA,EACpC;AACA,MAAI,MAAM,cAAc,WAAW,MAAM,EAAG,QAAO,MAAM,YAAA;AAEzD,QAAM,QAAQ,MAAM,YAAA,EAAc,MAAM,GAAG,EAAE,OAAO,OAAO;AAC3D,QAAM,OAAO,MAAM,CAAC;AACpB,MAAI,QAAQ,CAAC,SAAS,QAAQ,UAAU,OAAO,EAAE,SAAS,IAAI,GAAG;AAC/D,UAAM,UAAoB,CAAA;AAC1B,QAAI,QAAQ;AACZ,WAAO,QAAQ,MAAM,UAAU,QAAQ,KAAK,MAAM,KAAK,CAAE,GAAG;AAC1D,cAAQ,KAAK,MAAM,KAAK,CAAE;AAC1B,eAAS;AAAA,IACX;AACA,UAAM,OAAO,QAAQ,SAAS,GAAG,IAAI,IAAI,QAAQ,KAAK,GAAG,CAAC,KAAK;AAC/D,UAAM,OAAO,MAAM,MAAM,KAAK,EAAE,KAAK,GAAG;AACxC,WAAO,OAAO,GAAG,IAAI,IAAI,IAAI,KAAK;AAAA,EACpC;AACA,SAAO;AACT;"}

package/dist/data/chat/ContextMeter.styles.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const COPY_STATUS_RESET_MS = 2e3;
+const GAUGE_RADIUS = 15;
+const GAUGE_CIRCUMFERENCE = 2 * Math.PI * GAUGE_RADIUS;
+function contextBarTone(pct) {
+  return pct > 80 ? "bg-red-600 [[data-theme=dark]_&]:bg-red-400" : pct > 50 ? "bg-amber-700 [[data-theme=dark]_&]:bg-amber-400" : "bg-emerald-600 [[data-theme=dark]_&]:bg-emerald-400";
+}
+function contextRingTone(pct) {
+  return pct > 80 ? "text-red-600 [[data-theme=dark]_&]:text-red-400" : pct > 50 ? "text-amber-700 [[data-theme=dark]_&]:text-amber-400" : "text-emerald-600 [[data-theme=dark]_&]:text-emerald-400";
+}
+function contextTextTone(pct) {
+  return pct > 80 ? "text-red-700 [[data-theme=dark]_&]:text-red-400" : pct > 50 ? "text-amber-700 [[data-theme=dark]_&]:text-amber-400" : "text-emerald-700 [[data-theme=dark]_&]:text-emerald-400";
+}
+exports.COPY_STATUS_RESET_MS = COPY_STATUS_RESET_MS;
+exports.GAUGE_CIRCUMFERENCE = GAUGE_CIRCUMFERENCE;
+exports.GAUGE_RADIUS = GAUGE_RADIUS;
+exports.contextBarTone = contextBarTone;
+exports.contextRingTone = contextRingTone;
+exports.contextTextTone = contextTextTone;
+//# sourceMappingURL=ContextMeter.styles.cjs.map

package/dist/data/chat/ContextMeter.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMeter.styles.cjs","sources":["../../../src/data/chat/ContextMeter.styles.ts"],"sourcesContent":["export const COPY_STATUS_RESET_MS = 2000;\nexport const GAUGE_RADIUS = 15;\nexport const GAUGE_CIRCUMFERENCE = 2 * Math.PI * GAUGE_RADIUS;\n\nexport function contextBarTone(pct: number): string {\n  return pct > 80\n    ? \"bg-red-600 [[data-theme=dark]_&]:bg-red-400\"\n    : pct > 50\n      ? \"bg-amber-700 [[data-theme=dark]_&]:bg-amber-400\"\n      : \"bg-emerald-600 [[data-theme=dark]_&]:bg-emerald-400\";\n}\n\nexport function contextRingTone(pct: number): string {\n  return pct > 80\n    ? \"text-red-600 [[data-theme=dark]_&]:text-red-400\"\n    : pct > 50\n      ? \"text-amber-700 [[data-theme=dark]_&]:text-amber-400\"\n      : \"text-emerald-600 [[data-theme=dark]_&]:text-emerald-400\";\n}\n\nexport function contextTextTone(pct: number): string {\n  return pct > 80\n    ? \"text-red-700 [[data-theme=dark]_&]:text-red-400\"\n    : pct > 50\n      ? \"text-amber-700 [[data-theme=dark]_&]:text-amber-400\"\n      : \"text-emerald-700 [[data-theme=dark]_&]:text-emerald-400\";\n}\n"],"names":[],"mappings":";;AAAO,MAAM,uBAAuB;AAC7B,MAAM,eAAe;AACrB,MAAM,sBAAsB,IAAI,KAAK,KAAK;AAE1C,SAAS,eAAe,KAAqB;AAClD,SAAO,MAAM,KACT,gDACA,MAAM,KACJ,oDACA;AACR;AAEO,SAAS,gBAAgB,KAAqB;AACnD,SAAO,MAAM,KACT,oDACA,MAAM,KACJ,wDACA;AACR;AAEO,SAAS,gBAAgB,KAAqB;AACnD,SAAO,MAAM,KACT,oDACA,MAAM,KACJ,wDACA;AACR;;;;;;;"}

package/dist/data/chat/ContextMeter.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const COPY_STATUS_RESET_MS = 2000;
+export declare const GAUGE_RADIUS = 15;
+export declare const GAUGE_CIRCUMFERENCE: number;
+export declare function contextBarTone(pct: number): string;
+export declare function contextRingTone(pct: number): string;
+export declare function contextTextTone(pct: number): string;
+//# sourceMappingURL=ContextMeter.styles.d.ts.map

package/dist/data/chat/ContextMeter.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMeter.styles.d.ts","sourceRoot":"","sources":["../../../src/data/chat/ContextMeter.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,OAAO,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,mBAAmB,QAA6B,CAAC;AAE9D,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAMlD;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAMnD;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAMnD"}

package/dist/data/chat/ContextMeter.styles.js

@@ -0,0 +1,21 @@
+const COPY_STATUS_RESET_MS = 2e3;
+const GAUGE_RADIUS = 15;
+const GAUGE_CIRCUMFERENCE = 2 * Math.PI * GAUGE_RADIUS;
+function contextBarTone(pct) {
+  return pct > 80 ? "bg-red-600 [[data-theme=dark]_&]:bg-red-400" : pct > 50 ? "bg-amber-700 [[data-theme=dark]_&]:bg-amber-400" : "bg-emerald-600 [[data-theme=dark]_&]:bg-emerald-400";
+}
+function contextRingTone(pct) {
+  return pct > 80 ? "text-red-600 [[data-theme=dark]_&]:text-red-400" : pct > 50 ? "text-amber-700 [[data-theme=dark]_&]:text-amber-400" : "text-emerald-600 [[data-theme=dark]_&]:text-emerald-400";
+}
+function contextTextTone(pct) {
+  return pct > 80 ? "text-red-700 [[data-theme=dark]_&]:text-red-400" : pct > 50 ? "text-amber-700 [[data-theme=dark]_&]:text-amber-400" : "text-emerald-700 [[data-theme=dark]_&]:text-emerald-400";
+}
+export {
+  COPY_STATUS_RESET_MS,
+  GAUGE_CIRCUMFERENCE,
+  GAUGE_RADIUS,
+  contextBarTone,
+  contextRingTone,
+  contextTextTone
+};
+//# sourceMappingURL=ContextMeter.styles.js.map

package/dist/data/chat/ContextMeter.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMeter.styles.js","sources":["../../../src/data/chat/ContextMeter.styles.ts"],"sourcesContent":["export const COPY_STATUS_RESET_MS = 2000;\nexport const GAUGE_RADIUS = 15;\nexport const GAUGE_CIRCUMFERENCE = 2 * Math.PI * GAUGE_RADIUS;\n\nexport function contextBarTone(pct: number): string {\n  return pct > 80\n    ? \"bg-red-600 [[data-theme=dark]_&]:bg-red-400\"\n    : pct > 50\n      ? \"bg-amber-700 [[data-theme=dark]_&]:bg-amber-400\"\n      : \"bg-emerald-600 [[data-theme=dark]_&]:bg-emerald-400\";\n}\n\nexport function contextRingTone(pct: number): string {\n  return pct > 80\n    ? \"text-red-600 [[data-theme=dark]_&]:text-red-400\"\n    : pct > 50\n      ? \"text-amber-700 [[data-theme=dark]_&]:text-amber-400\"\n      : \"text-emerald-600 [[data-theme=dark]_&]:text-emerald-400\";\n}\n\nexport function contextTextTone(pct: number): string {\n  return pct > 80\n    ? \"text-red-700 [[data-theme=dark]_&]:text-red-400\"\n    : pct > 50\n      ? \"text-amber-700 [[data-theme=dark]_&]:text-amber-400\"\n      : \"text-emerald-700 [[data-theme=dark]_&]:text-emerald-400\";\n}\n"],"names":[],"mappings":"AAAO,MAAM,uBAAuB;AAC7B,MAAM,eAAe;AACrB,MAAM,sBAAsB,IAAI,KAAK,KAAK;AAE1C,SAAS,eAAe,KAAqB;AAClD,SAAO,MAAM,KACT,gDACA,MAAM,KACJ,oDACA;AACR;AAEO,SAAS,gBAAgB,KAAqB;AACnD,SAAO,MAAM,KACT,oDACA,MAAM,KACJ,wDACA;AACR;AAEO,SAAS,gBAAgB,KAAqB;AACnD,SAAO,MAAM,KACT,oDACA,MAAM,KACJ,wDACA;AACR;"}

package/dist/data/chat/Message.cjs

@@ -9,8 +9,8 @@ const MessageActions = require("./MessageActions.cjs");
 const Reasoning = require("./Reasoning.cjs");
 const types = require("./types.cjs");
 const forkSeed = require("./fork-seed.cjs");
+const MessageFilePart = require("./MessageFilePart.cjs");
 const UiGitBranch = require("../../icons/components/UiGitBranch.cjs");
-const UiFile = require("../../icons/components/UiFile.cjs");
 function Message({
   message,
   className,
@@ -102,7 +102,7 @@ function MessagePart({
     return /* @__PURE__ */ jsxRuntime.jsx(Reasoning.Reasoning, { text: part.text });
   }
   if (types.isFilePart(part)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(FilePart, { part });
+    return /* @__PURE__ */ jsxRuntime.jsx(MessageFilePart.MessageFilePart, { part });
   }
   if (types.isDynamicToolPart(part) || types.isTypedToolPart(part)) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -116,32 +116,5 @@ function MessagePart({
   }
   return null;
 }
-function FilePart({ part }) {
-  var _a;
-  const isImage = (_a = part.mediaType) == null ? void 0 : _a.startsWith("image/");
-  if (isImage && part.url) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        src: part.url,
-        alt: part.filename ?? "attachment",
-        className: "max-h-48 max-w-full rounded-md border border-border"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "a",
-    {
-      href: part.url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFile.UiFile, className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: part.filename ?? part.mediaType ?? "file" })
-      ]
-    }
-  );
-}
 exports.Message = Message;
 //# sourceMappingURL=Message.cjs.map

package/dist/data/chat/Message.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Message.cjs","sources":["../../../src/data/chat/Message.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiFile, UiGitBranch } from \"../../icons\";\nimport { Markdown } from \"../Markdown\";\nimport { ToolCall } from \"./ToolCall\";\nimport { MessageActions } from \"./MessageActions\";\nimport { Reasoning } from \"./Reasoning\";\nimport type { UIMessage, FileUIPart } from \"./types\";\nimport {\n  isDynamicToolPart,\n  isTypedToolPart,\n  isReasoningPart,\n  isFilePart,\n  type AnyToolPart,\n  type ToolResultRenderer,\n} from \"./types\";\nimport { forkSeedProvenance, isForkSeedMessage } from \"./fork-seed\";\n\n/** Callbacks the conversation threads down to each message. */\nexport type MessageActionHandlers = {\n  /** Re-generate the assistant message with the given id. */\n  onRegenerate?: ((messageId: string) => void) | undefined;\n  /** Respond to a tool approval request. */\n  onApprove?:\n    | ((approvalId: string, approved: boolean, reason?: string) => void)\n    | undefined;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\n};\n\nexport type MessageProps = MessageActionHandlers & {\n  message: UIMessage;\n  className?: string;\n};\n\n/** Renders one chat message. User messages are right-aligned bubbles; assistant\n *  messages render text as markdown, reasoning and tool parts inline, file parts\n *  as thumbnails/chips, and a hover action row (copy / regenerate). */\nexport function Message({\n  message,\n  className,\n  onRegenerate,\n  onApprove,\n  renderToolResult,\n}: MessageProps) {\n  if (isForkSeedMessage(message)) {\n    return <ForkSeedMessage message={message} className={className} />;\n  }\n  const isUser = message.role === \"user\";\n  const text = message.parts\n    .filter((p) => p.type === \"text\")\n    .map((p) => (p as { text: string }).text)\n    .join(\"\");\n\n  return (\n    <div\n      className={cn(\n        \"group flex w-full max-w-[95%] flex-col gap-2\",\n        isUser ? \"ml-auto items-end\" : \"items-start\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n          isUser &&\n            \"rounded-lg bg-secondary px-4 py-3 text-secondary-foreground\",\n        )}\n      >\n        {message.parts.map((part, i) => (\n          <MessagePart\n            key={`${message.id}-${i}`}\n            part={part}\n            isUser={isUser}\n            onApprove={onApprove}\n            renderToolResult={renderToolResult}\n          />\n        ))}\n      </div>\n\n      {!isUser && text && (\n        <MessageActions\n          text={text}\n          onRegenerate={\n            onRegenerate ? () => onRegenerate(message.id) : undefined\n          }\n        />\n      )}\n    </div>\n  );\n}\n\nfunction ForkSeedMessage({\n  message,\n  className,\n}: {\n  message: UIMessage;\n  className?: string | undefined;\n}) {\n  const provenance = forkSeedProvenance(message);\n  const transcript = message.parts\n    .filter((part) => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\\n\");\n  const label = provenance.title\n    ? `Forked from ${provenance.title}`\n    : \"Forked from another conversation\";\n  return (\n    <details\n      className={cn(\n        \"group/fork max-w-full self-center rounded-full border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground open:w-full open:rounded-lg\",\n        className,\n      )}\n    >\n      <summary className=\"flex cursor-pointer list-none items-center justify-center gap-1.5 font-medium text-foreground/80\">\n        <Icon icon={UiGitBranch} className=\"size-3.5\" />\n        <span>{label}</span>\n      </summary>\n      {transcript && (\n        <pre className=\"mt-2 max-h-64 overflow-auto whitespace-pre-wrap border-t border-border pt-2 font-mono text-[11px] text-muted-foreground\">\n          {transcript}\n        </pre>\n      )}\n    </details>\n  );\n}\n\nfunction MessagePart({\n  part,\n  isUser,\n  onApprove,\n  renderToolResult,\n}: {\n  part: UIMessage[\"parts\"][number];\n  isUser: boolean;\n  onApprove: MessageActionHandlers[\"onApprove\"];\n  renderToolResult: MessageActionHandlers[\"renderToolResult\"];\n}) {\n  if (part.type === \"text\") {\n    if (isUser) {\n      return (\n        <span className=\"whitespace-pre-wrap break-words\">{part.text}</span>\n      );\n    }\n    return <Markdown text={part.text} />;\n  }\n  if (isReasoningPart(part)) {\n    return <Reasoning text={part.text} />;\n  }\n  if (isFilePart(part)) {\n    return <FilePart part={part} />;\n  }\n  if (isDynamicToolPart(part) || isTypedToolPart(part)) {\n    return (\n      <ToolCall\n        part={part as AnyToolPart}\n        onApprove={onApprove}\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n    );\n  }\n  return null;\n}\n\n/** Renders an attachment: images inline as a thumbnail, everything else as a\n *  labelled file chip. */\nfunction FilePart({ part }: { part: FileUIPart }) {\n  const isImage = part.mediaType?.startsWith(\"image/\");\n  if (isImage && part.url) {\n    return (\n      <img\n        src={part.url}\n        alt={part.filename ?? \"attachment\"}\n        className=\"max-h-48 max-w-full rounded-md border border-border\"\n      />\n    );\n  }\n  return (\n    <a\n      href={part.url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className=\"flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground\"\n    >\n      <Icon icon={UiFile} className=\"size-3.5 shrink-0\" />\n      <span className=\"truncate\">\n        {part.filename ?? part.mediaType ?? \"file\"}\n      </span>\n    </a>\n  );\n}\n"],"names":["isForkSeedMessage","jsx","jsxs","cn","MessageActions","forkSeedProvenance","Icon","UiGitBranch","Markdown","isReasoningPart","Reasoning","isFilePart","isDynamicToolPart","isTypedToolPart","ToolCall","UiFile"],"mappings":"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"}
+{"version":3,"file":"Message.cjs","sources":["../../../src/data/chat/Message.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiGitBranch } from \"../../icons\";\nimport { Markdown } from \"../Markdown\";\nimport { ToolCall } from \"./ToolCall\";\nimport { MessageActions } from \"./MessageActions\";\nimport { Reasoning } from \"./Reasoning\";\nimport type { UIMessage } from \"./types\";\nimport {\n  isDynamicToolPart,\n  isTypedToolPart,\n  isReasoningPart,\n  isFilePart,\n  type AnyToolPart,\n  type ToolResultRenderer,\n} from \"./types\";\nimport { forkSeedProvenance, isForkSeedMessage } from \"./fork-seed\";\nimport { MessageFilePart } from \"./MessageFilePart\";\n\n/** Callbacks the conversation threads down to each message. */\nexport type MessageActionHandlers = {\n  /** Re-generate the assistant message with the given id. */\n  onRegenerate?: ((messageId: string) => void) | undefined;\n  /** Respond to a tool approval request. */\n  onApprove?:\n    | ((approvalId: string, approved: boolean, reason?: string) => void)\n    | undefined;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\n};\n\nexport type MessageProps = MessageActionHandlers & {\n  message: UIMessage;\n  className?: string;\n};\n\n/** Renders one chat message. User messages are right-aligned bubbles; assistant\n *  messages render text as markdown, reasoning and tool parts inline, file parts\n *  as thumbnails/chips, and a hover action row (copy / regenerate). */\nexport function Message({\n  message,\n  className,\n  onRegenerate,\n  onApprove,\n  renderToolResult,\n}: MessageProps) {\n  if (isForkSeedMessage(message)) {\n    return <ForkSeedMessage message={message} className={className} />;\n  }\n  const isUser = message.role === \"user\";\n  const text = message.parts\n    .filter((p) => p.type === \"text\")\n    .map((p) => (p as { text: string }).text)\n    .join(\"\");\n\n  return (\n    <div\n      className={cn(\n        \"group flex w-full max-w-[95%] flex-col gap-2\",\n        isUser ? \"ml-auto items-end\" : \"items-start\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n          isUser &&\n            \"rounded-lg bg-secondary px-4 py-3 text-secondary-foreground\",\n        )}\n      >\n        {message.parts.map((part, i) => (\n          <MessagePart\n            key={`${message.id}-${i}`}\n            part={part}\n            isUser={isUser}\n            onApprove={onApprove}\n            renderToolResult={renderToolResult}\n          />\n        ))}\n      </div>\n\n      {!isUser && text && (\n        <MessageActions\n          text={text}\n          onRegenerate={\n            onRegenerate ? () => onRegenerate(message.id) : undefined\n          }\n        />\n      )}\n    </div>\n  );\n}\n\nfunction ForkSeedMessage({\n  message,\n  className,\n}: {\n  message: UIMessage;\n  className?: string | undefined;\n}) {\n  const provenance = forkSeedProvenance(message);\n  const transcript = message.parts\n    .filter((part) => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\\n\");\n  const label = provenance.title\n    ? `Forked from ${provenance.title}`\n    : \"Forked from another conversation\";\n  return (\n    <details\n      className={cn(\n        \"group/fork max-w-full self-center rounded-full border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground open:w-full open:rounded-lg\",\n        className,\n      )}\n    >\n      <summary className=\"flex cursor-pointer list-none items-center justify-center gap-1.5 font-medium text-foreground/80\">\n        <Icon icon={UiGitBranch} className=\"size-3.5\" />\n        <span>{label}</span>\n      </summary>\n      {transcript && (\n        <pre className=\"mt-2 max-h-64 overflow-auto whitespace-pre-wrap border-t border-border pt-2 font-mono text-[11px] text-muted-foreground\">\n          {transcript}\n        </pre>\n      )}\n    </details>\n  );\n}\n\nfunction MessagePart({\n  part,\n  isUser,\n  onApprove,\n  renderToolResult,\n}: {\n  part: UIMessage[\"parts\"][number];\n  isUser: boolean;\n  onApprove: MessageActionHandlers[\"onApprove\"];\n  renderToolResult: MessageActionHandlers[\"renderToolResult\"];\n}) {\n  if (part.type === \"text\") {\n    if (isUser) {\n      return (\n        <span className=\"whitespace-pre-wrap break-words\">{part.text}</span>\n      );\n    }\n    return <Markdown text={part.text} />;\n  }\n  if (isReasoningPart(part)) {\n    return <Reasoning text={part.text} />;\n  }\n  if (isFilePart(part)) {\n    return <MessageFilePart part={part} />;\n  }\n  if (isDynamicToolPart(part) || isTypedToolPart(part)) {\n    return (\n      <ToolCall\n        part={part as AnyToolPart}\n        onApprove={onApprove}\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n    );\n  }\n  return null;\n}\n"],"names":["isForkSeedMessage","jsx","jsxs","cn","MessageActions","forkSeedProvenance","Icon","UiGitBranch","Markdown","isReasoningPart","Reasoning","isFilePart","MessageFilePart","isDynamicToolPart","isTypedToolPart","ToolCall"],"mappings":"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"}

package/dist/data/chat/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Message.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,SAAS,CAAC;AACrD,OAAO,EAML,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAC;AAGjB,+DAA+D;AAC/D,MAAM,MAAM,qBAAqB,GAAG;IAClC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACzD,0CAA0C;IAC1C,SAAS,CAAC,EACN,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,GAClE,SAAS,CAAC;IACd,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,qBAAqB,GAAG;IACjD,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;uEAEuE;AACvE,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,YAAY,+BA8Cd"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Message.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAML,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAC;AAIjB,+DAA+D;AAC/D,MAAM,MAAM,qBAAqB,GAAG;IAClC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACzD,0CAA0C;IAC1C,SAAS,CAAC,EACN,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,GAClE,SAAS,CAAC;IACd,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,qBAAqB,GAAG;IACjD,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;uEAEuE;AACvE,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,YAAY,+BA8Cd"}

package/dist/data/chat/Message.js

@@ -7,8 +7,8 @@ import { MessageActions } from "./MessageActions.js";
 import { Reasoning } from "./Reasoning.js";
 import { isReasoningPart, isFilePart, isDynamicToolPart, isTypedToolPart } from "./types.js";
 import { isForkSeedMessage, forkSeedProvenance } from "./fork-seed.js";
+import { MessageFilePart } from "./MessageFilePart.js";
 import { UiGitBranch } from "../../icons/components/UiGitBranch.js";
-import { UiFile } from "../../icons/components/UiFile.js";
 function Message({
   message,
   className,
@@ -100,7 +100,7 @@ function MessagePart({
     return /* @__PURE__ */ jsx(Reasoning, { text: part.text });
   }
   if (isFilePart(part)) {
-    return /* @__PURE__ */ jsx(FilePart, { part });
+    return /* @__PURE__ */ jsx(MessageFilePart, { part });
   }
   if (isDynamicToolPart(part) || isTypedToolPart(part)) {
     return /* @__PURE__ */ jsx(
@@ -114,33 +114,6 @@ function MessagePart({
   }
   return null;
 }
-function FilePart({ part }) {
-  var _a;
-  const isImage = (_a = part.mediaType) == null ? void 0 : _a.startsWith("image/");
-  if (isImage && part.url) {
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: part.url,
-        alt: part.filename ?? "attachment",
-        className: "max-h-48 max-w-full rounded-md border border-border"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "a",
-    {
-      href: part.url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground",
-      children: [
-        /* @__PURE__ */ jsx(Icon, { icon: UiFile, className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: part.filename ?? part.mediaType ?? "file" })
-      ]
-    }
-  );
-}
 export {
   Message
 };

package/dist/data/chat/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../src/data/chat/Message.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiFile, UiGitBranch } from \"../../icons\";\nimport { Markdown } from \"../Markdown\";\nimport { ToolCall } from \"./ToolCall\";\nimport { MessageActions } from \"./MessageActions\";\nimport { Reasoning } from \"./Reasoning\";\nimport type { UIMessage, FileUIPart } from \"./types\";\nimport {\n  isDynamicToolPart,\n  isTypedToolPart,\n  isReasoningPart,\n  isFilePart,\n  type AnyToolPart,\n  type ToolResultRenderer,\n} from \"./types\";\nimport { forkSeedProvenance, isForkSeedMessage } from \"./fork-seed\";\n\n/** Callbacks the conversation threads down to each message. */\nexport type MessageActionHandlers = {\n  /** Re-generate the assistant message with the given id. */\n  onRegenerate?: ((messageId: string) => void) | undefined;\n  /** Respond to a tool approval request. */\n  onApprove?:\n    | ((approvalId: string, approved: boolean, reason?: string) => void)\n    | undefined;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\n};\n\nexport type MessageProps = MessageActionHandlers & {\n  message: UIMessage;\n  className?: string;\n};\n\n/** Renders one chat message. User messages are right-aligned bubbles; assistant\n *  messages render text as markdown, reasoning and tool parts inline, file parts\n *  as thumbnails/chips, and a hover action row (copy / regenerate). */\nexport function Message({\n  message,\n  className,\n  onRegenerate,\n  onApprove,\n  renderToolResult,\n}: MessageProps) {\n  if (isForkSeedMessage(message)) {\n    return <ForkSeedMessage message={message} className={className} />;\n  }\n  const isUser = message.role === \"user\";\n  const text = message.parts\n    .filter((p) => p.type === \"text\")\n    .map((p) => (p as { text: string }).text)\n    .join(\"\");\n\n  return (\n    <div\n      className={cn(\n        \"group flex w-full max-w-[95%] flex-col gap-2\",\n        isUser ? \"ml-auto items-end\" : \"items-start\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n          isUser &&\n            \"rounded-lg bg-secondary px-4 py-3 text-secondary-foreground\",\n        )}\n      >\n        {message.parts.map((part, i) => (\n          <MessagePart\n            key={`${message.id}-${i}`}\n            part={part}\n            isUser={isUser}\n            onApprove={onApprove}\n            renderToolResult={renderToolResult}\n          />\n        ))}\n      </div>\n\n      {!isUser && text && (\n        <MessageActions\n          text={text}\n          onRegenerate={\n            onRegenerate ? () => onRegenerate(message.id) : undefined\n          }\n        />\n      )}\n    </div>\n  );\n}\n\nfunction ForkSeedMessage({\n  message,\n  className,\n}: {\n  message: UIMessage;\n  className?: string | undefined;\n}) {\n  const provenance = forkSeedProvenance(message);\n  const transcript = message.parts\n    .filter((part) => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\\n\");\n  const label = provenance.title\n    ? `Forked from ${provenance.title}`\n    : \"Forked from another conversation\";\n  return (\n    <details\n      className={cn(\n        \"group/fork max-w-full self-center rounded-full border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground open:w-full open:rounded-lg\",\n        className,\n      )}\n    >\n      <summary className=\"flex cursor-pointer list-none items-center justify-center gap-1.5 font-medium text-foreground/80\">\n        <Icon icon={UiGitBranch} className=\"size-3.5\" />\n        <span>{label}</span>\n      </summary>\n      {transcript && (\n        <pre className=\"mt-2 max-h-64 overflow-auto whitespace-pre-wrap border-t border-border pt-2 font-mono text-[11px] text-muted-foreground\">\n          {transcript}\n        </pre>\n      )}\n    </details>\n  );\n}\n\nfunction MessagePart({\n  part,\n  isUser,\n  onApprove,\n  renderToolResult,\n}: {\n  part: UIMessage[\"parts\"][number];\n  isUser: boolean;\n  onApprove: MessageActionHandlers[\"onApprove\"];\n  renderToolResult: MessageActionHandlers[\"renderToolResult\"];\n}) {\n  if (part.type === \"text\") {\n    if (isUser) {\n      return (\n        <span className=\"whitespace-pre-wrap break-words\">{part.text}</span>\n      );\n    }\n    return <Markdown text={part.text} />;\n  }\n  if (isReasoningPart(part)) {\n    return <Reasoning text={part.text} />;\n  }\n  if (isFilePart(part)) {\n    return <FilePart part={part} />;\n  }\n  if (isDynamicToolPart(part) || isTypedToolPart(part)) {\n    return (\n      <ToolCall\n        part={part as AnyToolPart}\n        onApprove={onApprove}\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n    );\n  }\n  return null;\n}\n\n/** Renders an attachment: images inline as a thumbnail, everything else as a\n *  labelled file chip. */\nfunction FilePart({ part }: { part: FileUIPart }) {\n  const isImage = part.mediaType?.startsWith(\"image/\");\n  if (isImage && part.url) {\n    return (\n      <img\n        src={part.url}\n        alt={part.filename ?? \"attachment\"}\n        className=\"max-h-48 max-w-full rounded-md border border-border\"\n      />\n    );\n  }\n  return (\n    <a\n      href={part.url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className=\"flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs text-muted-foreground hover:text-foreground\"\n    >\n      <Icon icon={UiFile} className=\"size-3.5 shrink-0\" />\n      <span className=\"truncate\">\n        {part.filename ?? part.mediaType ?? \"file\"}\n      </span>\n    </a>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Message.js","sources":["../../../src/data/chat/Message.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiGitBranch } from \"../../icons\";\nimport { Markdown } from \"../Markdown\";\nimport { ToolCall } from \"./ToolCall\";\nimport { MessageActions } from \"./MessageActions\";\nimport { Reasoning } from \"./Reasoning\";\nimport type { UIMessage } from \"./types\";\nimport {\n  isDynamicToolPart,\n  isTypedToolPart,\n  isReasoningPart,\n  isFilePart,\n  type AnyToolPart,\n  type ToolResultRenderer,\n} from \"./types\";\nimport { forkSeedProvenance, isForkSeedMessage } from \"./fork-seed\";\nimport { MessageFilePart } from \"./MessageFilePart\";\n\n/** Callbacks the conversation threads down to each message. */\nexport type MessageActionHandlers = {\n  /** Re-generate the assistant message with the given id. */\n  onRegenerate?: ((messageId: string) => void) | undefined;\n  /** Respond to a tool approval request. */\n  onApprove?:\n    | ((approvalId: string, approved: boolean, reason?: string) => void)\n    | undefined;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\n};\n\nexport type MessageProps = MessageActionHandlers & {\n  message: UIMessage;\n  className?: string;\n};\n\n/** Renders one chat message. User messages are right-aligned bubbles; assistant\n *  messages render text as markdown, reasoning and tool parts inline, file parts\n *  as thumbnails/chips, and a hover action row (copy / regenerate). */\nexport function Message({\n  message,\n  className,\n  onRegenerate,\n  onApprove,\n  renderToolResult,\n}: MessageProps) {\n  if (isForkSeedMessage(message)) {\n    return <ForkSeedMessage message={message} className={className} />;\n  }\n  const isUser = message.role === \"user\";\n  const text = message.parts\n    .filter((p) => p.type === \"text\")\n    .map((p) => (p as { text: string }).text)\n    .join(\"\");\n\n  return (\n    <div\n      className={cn(\n        \"group flex w-full max-w-[95%] flex-col gap-2\",\n        isUser ? \"ml-auto items-end\" : \"items-start\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n          isUser &&\n            \"rounded-lg bg-secondary px-4 py-3 text-secondary-foreground\",\n        )}\n      >\n        {message.parts.map((part, i) => (\n          <MessagePart\n            key={`${message.id}-${i}`}\n            part={part}\n            isUser={isUser}\n            onApprove={onApprove}\n            renderToolResult={renderToolResult}\n          />\n        ))}\n      </div>\n\n      {!isUser && text && (\n        <MessageActions\n          text={text}\n          onRegenerate={\n            onRegenerate ? () => onRegenerate(message.id) : undefined\n          }\n        />\n      )}\n    </div>\n  );\n}\n\nfunction ForkSeedMessage({\n  message,\n  className,\n}: {\n  message: UIMessage;\n  className?: string | undefined;\n}) {\n  const provenance = forkSeedProvenance(message);\n  const transcript = message.parts\n    .filter((part) => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\\n\");\n  const label = provenance.title\n    ? `Forked from ${provenance.title}`\n    : \"Forked from another conversation\";\n  return (\n    <details\n      className={cn(\n        \"group/fork max-w-full self-center rounded-full border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground open:w-full open:rounded-lg\",\n        className,\n      )}\n    >\n      <summary className=\"flex cursor-pointer list-none items-center justify-center gap-1.5 font-medium text-foreground/80\">\n        <Icon icon={UiGitBranch} className=\"size-3.5\" />\n        <span>{label}</span>\n      </summary>\n      {transcript && (\n        <pre className=\"mt-2 max-h-64 overflow-auto whitespace-pre-wrap border-t border-border pt-2 font-mono text-[11px] text-muted-foreground\">\n          {transcript}\n        </pre>\n      )}\n    </details>\n  );\n}\n\nfunction MessagePart({\n  part,\n  isUser,\n  onApprove,\n  renderToolResult,\n}: {\n  part: UIMessage[\"parts\"][number];\n  isUser: boolean;\n  onApprove: MessageActionHandlers[\"onApprove\"];\n  renderToolResult: MessageActionHandlers[\"renderToolResult\"];\n}) {\n  if (part.type === \"text\") {\n    if (isUser) {\n      return (\n        <span className=\"whitespace-pre-wrap break-words\">{part.text}</span>\n      );\n    }\n    return <Markdown text={part.text} />;\n  }\n  if (isReasoningPart(part)) {\n    return <Reasoning text={part.text} />;\n  }\n  if (isFilePart(part)) {\n    return <MessageFilePart part={part} />;\n  }\n  if (isDynamicToolPart(part) || isTypedToolPart(part)) {\n    return (\n      <ToolCall\n        part={part as AnyToolPart}\n        onApprove={onApprove}\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n    );\n  }\n  return null;\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAuCO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiB;AACf,MAAI,kBAAkB,OAAO,GAAG;AAC9B,WAAO,oBAAC,iBAAA,EAAgB,SAAkB,UAAA,CAAsB;AAAA,EAClE;AACA,QAAM,SAAS,QAAQ,SAAS;AAChC,QAAM,OAAO,QAAQ,MAClB,OAAO,CAAC,MAAM,EAAE,SAAS,MAAM,EAC/B,IAAI,CAAC,MAAO,EAAuB,IAAI,EACvC,KAAK,EAAE;AAEV,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,sBAAsB;AAAA,QAC/B;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,UACE;AAAA,YAAA;AAAA,YAGH,UAAA,QAAQ,MAAM,IAAI,CAAC,MAAM,MACxB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,cAJK,GAAG,QAAQ,EAAE,IAAI,CAAC;AAAA,YAAA,CAM1B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,CAAC,UAAU,QACV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,cACE,eAAe,MAAM,aAAa,QAAQ,EAAE,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAEpD;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AACF,GAGG;AACD,QAAM,aAAa,mBAAmB,OAAO;AAC7C,QAAM,aAAa,QAAQ,MACxB,OAAO,CAAC,SAAS,KAAK,SAAS,MAAM,EACrC,IAAI,CAAC,SAAS,KAAK,IAAI,EACvB,KAAK,IAAI;AACZ,QAAM,QAAQ,WAAW,QACrB,eAAe,WAAW,KAAK,KAC/B;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,qBAAC,WAAA,EAAQ,WAAU,oGACjB,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,MAAM,aAAa,WAAU,YAAW;AAAA,UAC9C,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,QAAA,GACf;AAAA,QACC,cACC,oBAAC,OAAA,EAAI,WAAU,2HACZ,UAAA,WAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,MAAI,KAAK,SAAS,QAAQ;AACxB,QAAI,QAAQ;AACV,aACE,oBAAC,QAAA,EAAK,WAAU,mCAAmC,eAAK,MAAK;AAAA,IAEjE;AACA,WAAO,oBAAC,UAAA,EAAS,MAAM,KAAK,KAAA,CAAM;AAAA,EACpC;AACA,MAAI,gBAAgB,IAAI,GAAG;AACzB,WAAO,oBAAC,WAAA,EAAU,MAAM,KAAK,KAAA,CAAM;AAAA,EACrC;AACA,MAAI,WAAW,IAAI,GAAG;AACpB,WAAO,oBAAC,mBAAgB,MAAY;AAAA,EACtC;AACA,MAAI,kBAAkB,IAAI,KAAK,gBAAgB,IAAI,GAAG;AACpD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACC,GAAI,mBAAmB,EAAE,qBAAqB,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EAGtD;AACA,SAAO;AACT;"}

package/dist/data/chat/MessageFilePart.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const UiFile = require("../../icons/components/UiFile.cjs");
+function MessageFilePart({ part }) {
+  var _a;
+  const label = part.filename ?? part.mediaType ?? "file";
+  if (((_a = part.mediaType) == null ? void 0 : _a.startsWith("image/")) && part.url) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: part.url,
+        alt: part.filename ?? "attachment",
+        className: "max-h-48 max-w-full rounded-md border border-border"
+      }
+    );
+  }
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFile.UiFile, className: "size-3.5 shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label })
+  ] });
+  const className = "flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs text-muted-foreground";
+  return part.url ? /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: part.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: `${className} hover:text-foreground`,
+      children: content
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: content });
+}
+exports.MessageFilePart = MessageFilePart;
+//# sourceMappingURL=MessageFilePart.cjs.map

package/dist/data/chat/MessageFilePart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFilePart.cjs","sources":["../../../src/data/chat/MessageFilePart.tsx"],"sourcesContent":["import { UiFile } from \"../../icons\";\nimport { Icon } from \"../Icon\";\n\nexport interface MessageFilePartValue {\n  mediaType?: string;\n  url?: string;\n  filename?: string;\n}\n\nexport function MessageFilePart({ part }: { part: MessageFilePartValue }) {\n  const label = part.filename ?? part.mediaType ?? \"file\";\n  if (part.mediaType?.startsWith(\"image/\") && part.url) {\n    return (\n      <img\n        src={part.url}\n        alt={part.filename ?? \"attachment\"}\n        className=\"max-h-48 max-w-full rounded-md border border-border\"\n      />\n    );\n  }\n  const content = (\n    <>\n      <Icon icon={UiFile} className=\"size-3.5 shrink-0\" />\n      <span className=\"truncate\">{label}</span>\n    </>\n  );\n  const className =\n    \"flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs text-muted-foreground\";\n  return part.url ? (\n    <a\n      href={part.url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={`${className} hover:text-foreground`}\n    >\n      {content}\n    </a>\n  ) : (\n    <span className={className}>{content}</span>\n  );\n}\n"],"names":["jsx","jsxs","Fragment","Icon","UiFile"],"mappings":";;;;;AASO,SAAS,gBAAgB,EAAE,QAAwC;;AACxE,QAAM,QAAQ,KAAK,YAAY,KAAK,aAAa;AACjD,QAAI,UAAK,cAAL,mBAAgB,WAAW,cAAa,KAAK,KAAK;AACpD,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,KAAK,KAAK,YAAY;AAAA,QACtB,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACA,QAAM,UACJC,2BAAAA,KAAAC,WAAAA,UAAA,EACE,UAAA;AAAA,IAAAF,2BAAAA,IAACG,KAAAA,MAAA,EAAK,MAAMC,OAAAA,QAAQ,WAAU,qBAAoB;AAAA,IAClDJ,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,MAAA,CAAM;AAAA,EAAA,GACpC;AAEF,QAAM,YACJ;AACF,SAAO,KAAK,MACVA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,KAAK;AAAA,MACX,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAW,GAAG,SAAS;AAAA,MAEtB,UAAA;AAAA,IAAA;AAAA,EAAA,IAGHA,2BAAAA,IAAC,QAAA,EAAK,WAAuB,UAAA,QAAA,CAAQ;AAEzC;;"}

package/dist/data/chat/MessageFilePart.d.ts

@@ -0,0 +1,9 @@
+export interface MessageFilePartValue {
+    mediaType?: string;
+    url?: string;
+    filename?: string;
+}
+export declare function MessageFilePart({ part }: {
+    part: MessageFilePartValue;
+}): import("react").JSX.Element;
+//# sourceMappingURL=MessageFilePart.d.ts.map

package/dist/data/chat/MessageFilePart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFilePart.d.ts","sourceRoot":"","sources":["../../../src/data/chat/MessageFilePart.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,+BA+BvE"}

package/dist/data/chat/MessageFilePart.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Icon } from "../Icon.js";
+import { UiFile } from "../../icons/components/UiFile.js";
+function MessageFilePart({ part }) {
+  var _a;
+  const label = part.filename ?? part.mediaType ?? "file";
+  if (((_a = part.mediaType) == null ? void 0 : _a.startsWith("image/")) && part.url) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: part.url,
+        alt: part.filename ?? "attachment",
+        className: "max-h-48 max-w-full rounded-md border border-border"
+      }
+    );
+  }
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Icon, { icon: UiFile, className: "size-3.5 shrink-0" }),
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+  ] });
+  const className = "flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs text-muted-foreground";
+  return part.url ? /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: part.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: `${className} hover:text-foreground`,
+      children: content
+    }
+  ) : /* @__PURE__ */ jsx("span", { className, children: content });
+}
+export {
+  MessageFilePart
+};
+//# sourceMappingURL=MessageFilePart.js.map

package/dist/data/chat/MessageFilePart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFilePart.js","sources":["../../../src/data/chat/MessageFilePart.tsx"],"sourcesContent":["import { UiFile } from \"../../icons\";\nimport { Icon } from \"../Icon\";\n\nexport interface MessageFilePartValue {\n  mediaType?: string;\n  url?: string;\n  filename?: string;\n}\n\nexport function MessageFilePart({ part }: { part: MessageFilePartValue }) {\n  const label = part.filename ?? part.mediaType ?? \"file\";\n  if (part.mediaType?.startsWith(\"image/\") && part.url) {\n    return (\n      <img\n        src={part.url}\n        alt={part.filename ?? \"attachment\"}\n        className=\"max-h-48 max-w-full rounded-md border border-border\"\n      />\n    );\n  }\n  const content = (\n    <>\n      <Icon icon={UiFile} className=\"size-3.5 shrink-0\" />\n      <span className=\"truncate\">{label}</span>\n    </>\n  );\n  const className =\n    \"flex items-center gap-1.5 rounded-md border border-border px-2 py-1 text-xs text-muted-foreground\";\n  return part.url ? (\n    <a\n      href={part.url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={`${className} hover:text-foreground`}\n    >\n      {content}\n    </a>\n  ) : (\n    <span className={className}>{content}</span>\n  );\n}\n"],"names":[],"mappings":";;;AASO,SAAS,gBAAgB,EAAE,QAAwC;;AACxE,QAAM,QAAQ,KAAK,YAAY,KAAK,aAAa;AACjD,QAAI,UAAK,cAAL,mBAAgB,WAAW,cAAa,KAAK,KAAK;AACpD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,KAAK,KAAK,YAAY;AAAA,QACtB,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACA,QAAM,UACJ,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAK,MAAM,QAAQ,WAAU,qBAAoB;AAAA,IAClD,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,MAAA,CAAM;AAAA,EAAA,GACpC;AAEF,QAAM,YACJ;AACF,SAAO,KAAK,MACV;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,KAAK;AAAA,MACX,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAW,GAAG,SAAS;AAAA,MAEtB,UAAA;AAAA,IAAA;AAAA,EAAA,IAGH,oBAAC,QAAA,EAAK,WAAuB,UAAA,QAAA,CAAQ;AAEzC;"}

package/dist/data/code-block-actions.cjs

@@ -26,13 +26,13 @@ const LANG_EXTENSIONS = {
   xml: "xml",
   css: "css"
 };
-function downloadSource(source, language) {
+function downloadSource(source, language, filename) {
   const ext = language && LANG_EXTENSIONS[language.toLowerCase()] || "txt";
   const blob = new Blob([source], { type: "text/plain;charset=utf-8" });
   const url = URL.createObjectURL(blob);
   const anchor = document.createElement("a");
   anchor.href = url;
-  anchor.download = `snippet.${ext}`;
+  anchor.download = filename || `snippet.${ext}`;
   anchor.click();
   URL.revokeObjectURL(url);
 }
@@ -41,6 +41,7 @@ function CodeBlockActions({
   language,
   copyable = false,
   downloadable = false,
+  downloadFilename,
   theme,
   onToggleTheme
 }) {
@@ -73,7 +74,7 @@ function CodeBlockActions({
         type: "button",
         "aria-label": "Download code",
         title: "Download file",
-        onClick: () => downloadSource(source, language),
+        onClick: () => downloadSource(source, language, downloadFilename),
         className: "rounded p-1 hover:bg-accent hover:text-accent-foreground",
         children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiDownload.UiDownload, className: "size-3.5" })
       }

package/dist/data/code-block-actions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-actions.cjs","sources":["../../src/data/code-block-actions.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { ResolvedTheme } from \"../hooks/use-theme\";\nimport { Icon } from \"./Icon\";\nimport { UiCopy, UiCheck, UiDownload, UiSun, UiMoon } from \"../icons\";\n\nexport type CodeBlockActionsProps = {\n  /** Raw source copied to the clipboard and written to the downloaded file. */\n  source: string;\n  /** Language hint, used to pick the download filename extension. */\n  language?: string | undefined;\n  /** Show a copy-to-clipboard button. */\n  copyable?: boolean | undefined;\n  /** Show a download button. */\n  downloadable?: boolean | undefined;\n  /** This block's effective theme, shown by the toggle. */\n  theme?: ResolvedTheme | undefined;\n  /** Called when the per-block theme toggle is clicked. Omit to hide it. */\n  onToggleTheme?: (() => void) | undefined;\n};\n\n// Maps a highlighter language hint to a download filename extension. Anything\n// unlisted falls back to `.txt`.\nconst LANG_EXTENSIONS: Record<string, string> = {\n  javascript: \"js\",\n  typescript: \"ts\",\n  tsx: \"tsx\",\n  jsx: \"jsx\",\n  python: \"py\",\n  bash: \"sh\",\n  shell: \"sh\",\n  yaml: \"yaml\",\n  json: \"json\",\n  sql: \"sql\",\n  java: \"java\",\n  go: \"go\",\n  html: \"html\",\n  xml: \"xml\",\n  css: \"css\",\n};\n\nfunction downloadSource(source: string, language: string | undefined) {\n  const ext = (language && LANG_EXTENSIONS[language.toLowerCase()]) || \"txt\";\n  const blob = new Blob([source], { type: \"text/plain;charset=utf-8\" });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement(\"a\");\n  anchor.href = url;\n  anchor.download = `snippet.${ext}`;\n  anchor.click();\n  URL.revokeObjectURL(url);\n}\n\n/** Copy/download controls for the CodeBlock header. Mirrors the copy affordance\n *  in chat/MessageActions so the two behave identically. Renders nothing when\n *  neither control is enabled. */\nexport function CodeBlockActions({\n  source,\n  language,\n  copyable = false,\n  downloadable = false,\n  theme,\n  onToggleTheme,\n}: CodeBlockActionsProps) {\n  const [copied, setCopied] = useState(false);\n\n  if (!copyable && !downloadable && !onToggleTheme) return null;\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(source);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch (err) {\n      console.warn(\"clicky-ui: copy to clipboard failed\", err);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-1 text-muted-foreground\">\n      {onToggleTheme && (\n        <button\n          type=\"button\"\n          aria-label={theme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n          title=\"Toggle theme\"\n          onClick={onToggleTheme}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={theme === \"dark\" ? UiSun : UiMoon} className=\"size-3.5\" />\n        </button>\n      )}\n      {downloadable && (\n        <button\n          type=\"button\"\n          aria-label=\"Download code\"\n          title=\"Download file\"\n          onClick={() => downloadSource(source, language)}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={UiDownload} className=\"size-3.5\" />\n        </button>\n      )}\n      {copyable && (\n        <button\n          type=\"button\"\n          aria-label={copied ? \"Copied\" : \"Copy code\"}\n          title=\"Copy code\"\n          onClick={copy}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon\n            icon={copied ? UiCheck : UiCopy}\n            className={cn(\"size-3.5\", copied && \"text-emerald-600\")}\n          />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["useState","jsxs","jsx","Icon","UiSun","UiMoon","UiDownload","UiCheck","UiCopy","cn"],"mappings":";;;;;;;;;;;AAuBA,MAAM,kBAA0C;AAAA,EAC9C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AACP;AAEA,SAAS,eAAe,QAAgB,UAA8B;AACpE,QAAM,MAAO,YAAY,gBAAgB,SAAS,YAAA,CAAa,KAAM;AACrE,QAAM,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,EAAE,MAAM,4BAA4B;AACpE,QAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,QAAM,SAAS,SAAS,cAAc,GAAG;AACzC,SAAO,OAAO;AACd,SAAO,WAAW,WAAW,GAAG;AAChC,SAAO,MAAA;AACP,MAAI,gBAAgB,GAAG;AACzB;AAKO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe;AAAA,EACf;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,KAAK;AAE1C,MAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,cAAe,QAAO;AAEzD,QAAM,OAAO,YAAY;AACvB,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,MAAM;AAC1C,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,IACzC,SAAS,KAAK;AACZ,cAAQ,KAAK,uCAAuC,GAAG;AAAA,IACzD;AAAA,EACF;AAEA,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,iDACZ,UAAA;AAAA,IAAA,iBACCC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,SAAS,0BAA0B;AAAA,QACzD,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,UAAAA,2BAAAA,IAACC,aAAK,MAAM,UAAU,SAASC,cAAQC,OAAAA,QAAQ,WAAU,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvE,gBACCH,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,OAAM;AAAA,QACN,SAAS,MAAM,eAAe,QAAQ,QAAQ;AAAA,QAC9C,WAAU;AAAA,QAEV,UAAAA,2BAAAA,IAACC,WAAA,EAAK,MAAMG,WAAAA,YAAY,WAAU,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,YACCJ,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,SAAS,WAAW;AAAA,QAChC,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,UAAAA,2BAAAA;AAAAA,UAACC,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAM,SAASI,QAAAA,UAAUC,OAAAA;AAAAA,YACzB,WAAWC,MAAAA,GAAG,YAAY,UAAU,kBAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MACxD;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;;"}
+{"version":3,"file":"code-block-actions.cjs","sources":["../../src/data/code-block-actions.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { ResolvedTheme } from \"../hooks/use-theme\";\nimport { Icon } from \"./Icon\";\nimport { UiCopy, UiCheck, UiDownload, UiSun, UiMoon } from \"../icons\";\n\nexport type CodeBlockActionsProps = {\n  /** Raw source copied to the clipboard and written to the downloaded file. */\n  source: string;\n  /** Language hint, used to pick the download filename extension. */\n  language?: string | undefined;\n  /** Show a copy-to-clipboard button. */\n  copyable?: boolean | undefined;\n  /** Show a download button. */\n  downloadable?: boolean | undefined;\n  /** Name of the downloaded file. Defaults to `snippet.<extension of language>`. */\n  downloadFilename?: string | undefined;\n  /** This block's effective theme, shown by the toggle. */\n  theme?: ResolvedTheme | undefined;\n  /** Called when the per-block theme toggle is clicked. Omit to hide it. */\n  onToggleTheme?: (() => void) | undefined;\n};\n\n// Maps a highlighter language hint to a download filename extension. Anything\n// unlisted falls back to `.txt`.\nconst LANG_EXTENSIONS: Record<string, string> = {\n  javascript: \"js\",\n  typescript: \"ts\",\n  tsx: \"tsx\",\n  jsx: \"jsx\",\n  python: \"py\",\n  bash: \"sh\",\n  shell: \"sh\",\n  yaml: \"yaml\",\n  json: \"json\",\n  sql: \"sql\",\n  java: \"java\",\n  go: \"go\",\n  html: \"html\",\n  xml: \"xml\",\n  css: \"css\",\n};\n\nfunction downloadSource(source: string, language: string | undefined, filename: string | undefined) {\n  const ext = (language && LANG_EXTENSIONS[language.toLowerCase()]) || \"txt\";\n  const blob = new Blob([source], { type: \"text/plain;charset=utf-8\" });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement(\"a\");\n  anchor.href = url;\n  anchor.download = filename || `snippet.${ext}`;\n  anchor.click();\n  URL.revokeObjectURL(url);\n}\n\n/** Copy/download controls for the CodeBlock header. Mirrors the copy affordance\n *  in chat/MessageActions so the two behave identically. Renders nothing when\n *  neither control is enabled. */\nexport function CodeBlockActions({\n  source,\n  language,\n  copyable = false,\n  downloadable = false,\n  downloadFilename,\n  theme,\n  onToggleTheme,\n}: CodeBlockActionsProps) {\n  const [copied, setCopied] = useState(false);\n\n  if (!copyable && !downloadable && !onToggleTheme) return null;\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(source);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch (err) {\n      console.warn(\"clicky-ui: copy to clipboard failed\", err);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-1 text-muted-foreground\">\n      {onToggleTheme && (\n        <button\n          type=\"button\"\n          aria-label={theme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n          title=\"Toggle theme\"\n          onClick={onToggleTheme}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={theme === \"dark\" ? UiSun : UiMoon} className=\"size-3.5\" />\n        </button>\n      )}\n      {downloadable && (\n        <button\n          type=\"button\"\n          aria-label=\"Download code\"\n          title=\"Download file\"\n          onClick={() => downloadSource(source, language, downloadFilename)}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={UiDownload} className=\"size-3.5\" />\n        </button>\n      )}\n      {copyable && (\n        <button\n          type=\"button\"\n          aria-label={copied ? \"Copied\" : \"Copy code\"}\n          title=\"Copy code\"\n          onClick={copy}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon\n            icon={copied ? UiCheck : UiCopy}\n            className={cn(\"size-3.5\", copied && \"text-emerald-600\")}\n          />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["useState","jsxs","jsx","Icon","UiSun","UiMoon","UiDownload","UiCheck","UiCopy","cn"],"mappings":";;;;;;;;;;;AAyBA,MAAM,kBAA0C;AAAA,EAC9C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AACP;AAEA,SAAS,eAAe,QAAgB,UAA8B,UAA8B;AAClG,QAAM,MAAO,YAAY,gBAAgB,SAAS,YAAA,CAAa,KAAM;AACrE,QAAM,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,EAAE,MAAM,4BAA4B;AACpE,QAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,QAAM,SAAS,SAAS,cAAc,GAAG;AACzC,SAAO,OAAO;AACd,SAAO,WAAW,YAAY,WAAW,GAAG;AAC5C,SAAO,MAAA;AACP,MAAI,gBAAgB,GAAG;AACzB;AAKO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,KAAK;AAE1C,MAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,cAAe,QAAO;AAEzD,QAAM,OAAO,YAAY;AACvB,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,MAAM;AAC1C,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,IACzC,SAAS,KAAK;AACZ,cAAQ,KAAK,uCAAuC,GAAG;AAAA,IACzD;AAAA,EACF;AAEA,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,iDACZ,UAAA;AAAA,IAAA,iBACCC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,SAAS,0BAA0B;AAAA,QACzD,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,UAAAA,2BAAAA,IAACC,aAAK,MAAM,UAAU,SAASC,cAAQC,OAAAA,QAAQ,WAAU,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvE,gBACCH,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,OAAM;AAAA,QACN,SAAS,MAAM,eAAe,QAAQ,UAAU,gBAAgB;AAAA,QAChE,WAAU;AAAA,QAEV,UAAAA,2BAAAA,IAACC,WAAA,EAAK,MAAMG,WAAAA,YAAY,WAAU,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,YACCJ,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,SAAS,WAAW;AAAA,QAChC,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,UAAAA,2BAAAA;AAAAA,UAACC,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAM,SAASI,QAAAA,UAAUC,OAAAA;AAAAA,YACzB,WAAWC,MAAAA,GAAG,YAAY,UAAU,kBAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MACxD;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;;"}

package/dist/data/code-block-actions.d.ts

@@ -8,6 +8,8 @@ export type CodeBlockActionsProps = {
     copyable?: boolean | undefined;
     /** Show a download button. */
     downloadable?: boolean | undefined;
+    /** Name of the downloaded file. Defaults to `snippet.<extension of language>`. */
+    downloadFilename?: string | undefined;
     /** This block's effective theme, shown by the toggle. */
     theme?: ResolvedTheme | undefined;
     /** Called when the per-block theme toggle is clicked. Omit to hide it. */
@@ -16,5 +18,5 @@ export type CodeBlockActionsProps = {
 /** Copy/download controls for the CodeBlock header. Mirrors the copy affordance
  *  in chat/MessageActions so the two behave identically. Renders nothing when
  *  neither control is enabled. */
-export declare function CodeBlockActions({ source, language, copyable, downloadable, theme, onToggleTheme, }: CodeBlockActionsProps): import("react").JSX.Element | null;
+export declare function CodeBlockActions({ source, language, copyable, downloadable, downloadFilename, theme, onToggleTheme, }: CodeBlockActionsProps): import("react").JSX.Element | null;
 //# sourceMappingURL=code-block-actions.d.ts.map

package/dist/data/code-block-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-actions.d.ts","sourceRoot":"","sources":["../../src/data/code-block-actions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIxD,MAAM,MAAM,qBAAqB,GAAG;IAClC,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,yDAAyD;IACzD,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAC1C,CAAC;AAiCF;;kCAEkC;AAClC,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,QAAgB,EAChB,YAAoB,EACpB,KAAK,EACL,aAAa,GACd,EAAE,qBAAqB,sCAuDvB"}
+{"version":3,"file":"code-block-actions.d.ts","sourceRoot":"","sources":["../../src/data/code-block-actions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIxD,MAAM,MAAM,qBAAqB,GAAG;IAClC,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,yDAAyD;IACzD,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAC1C,CAAC;AAiCF;;kCAEkC;AAClC,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,QAAgB,EAChB,YAAoB,EACpB,gBAAgB,EAChB,KAAK,EACL,aAAa,GACd,EAAE,qBAAqB,sCAuDvB"}

package/dist/data/code-block-actions.js

@@ -24,13 +24,13 @@ const LANG_EXTENSIONS = {
   xml: "xml",
   css: "css"
 };
-function downloadSource(source, language) {
+function downloadSource(source, language, filename) {
   const ext = language && LANG_EXTENSIONS[language.toLowerCase()] || "txt";
   const blob = new Blob([source], { type: "text/plain;charset=utf-8" });
   const url = URL.createObjectURL(blob);
   const anchor = document.createElement("a");
   anchor.href = url;
-  anchor.download = `snippet.${ext}`;
+  anchor.download = filename || `snippet.${ext}`;
   anchor.click();
   URL.revokeObjectURL(url);
 }
@@ -39,6 +39,7 @@ function CodeBlockActions({
   language,
   copyable = false,
   downloadable = false,
+  downloadFilename,
   theme,
   onToggleTheme
 }) {
@@ -71,7 +72,7 @@ function CodeBlockActions({
         type: "button",
         "aria-label": "Download code",
         title: "Download file",
-        onClick: () => downloadSource(source, language),
+        onClick: () => downloadSource(source, language, downloadFilename),
         className: "rounded p-1 hover:bg-accent hover:text-accent-foreground",
         children: /* @__PURE__ */ jsx(Icon, { icon: UiDownload, className: "size-3.5" })
       }