ghostykit 0.10.0 → 0.11.1

package/dist/chunks/{chunk-AQBQ3QZH.js → chunk-5DVFSEQM.js}

@@ -476,8 +476,21 @@ var __iconData19 = {
 __iconData19.node;
 var Crosshair = createLucideIcon(__iconData19);
 
-// ../../node_modules/lucide-react/dist/esm/icons/external-link.mjs
+// ../../node_modules/lucide-react/dist/esm/icons/download.mjs
 var __iconData20 = {
+  name: "download",
+  size: 24,
+  node: [
+    ["path", { d: "M12 15V3", key: "m9g1x1" }],
+    ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+    ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+  ]
+};
+__iconData20.node;
+var Download = createLucideIcon(__iconData20);
+
+// ../../node_modules/lucide-react/dist/esm/icons/external-link.mjs
+var __iconData21 = {
   name: "external-link",
   size: 24,
   node: [
@@ -486,11 +499,11 @@ var __iconData20 = {
     ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
   ]
 };
-__iconData20.node;
-var ExternalLink = createLucideIcon(__iconData20);
+__iconData21.node;
+var ExternalLink = createLucideIcon(__iconData21);
 
 // ../../node_modules/lucide-react/dist/esm/icons/file-pen-line.mjs
-var __iconData21 = {
+var __iconData22 = {
   name: "file-pen-line",
   size: 24,
   node: [
@@ -513,11 +526,11 @@ var __iconData21 = {
   ],
   aliases: ["file-signature"]
 };
-__iconData21.node;
-var FilePenLine = createLucideIcon(__iconData21);
+__iconData22.node;
+var FilePenLine = createLucideIcon(__iconData22);
 
 // ../../node_modules/lucide-react/dist/esm/icons/file-spreadsheet.mjs
-var __iconData22 = {
+var __iconData23 = {
   name: "file-spreadsheet",
   size: 24,
   node: [
@@ -535,11 +548,11 @@ var __iconData22 = {
     ["path", { d: "M14 17h2", key: "10kma7" }]
   ]
 };
-__iconData22.node;
-var FileSpreadsheet = createLucideIcon(__iconData22);
+__iconData23.node;
+var FileSpreadsheet = createLucideIcon(__iconData23);
 
 // ../../node_modules/lucide-react/dist/esm/icons/file-text.mjs
-var __iconData23 = {
+var __iconData24 = {
   name: "file-text",
   size: 24,
   node: [
@@ -556,11 +569,11 @@ var __iconData23 = {
     ["path", { d: "M16 17H8", key: "z1uh3a" }]
   ]
 };
-__iconData23.node;
-var FileText = createLucideIcon(__iconData23);
+__iconData24.node;
+var FileText = createLucideIcon(__iconData24);
 
 // ../../node_modules/lucide-react/dist/esm/icons/folder.mjs
-var __iconData24 = {
+var __iconData25 = {
   name: "folder",
   size: 24,
   node: [
@@ -573,11 +586,11 @@ var __iconData24 = {
     ]
   ]
 };
-__iconData24.node;
-var Folder = createLucideIcon(__iconData24);
+__iconData25.node;
+var Folder = createLucideIcon(__iconData25);
 
 // ../../node_modules/lucide-react/dist/esm/icons/gauge.mjs
-var __iconData25 = {
+var __iconData26 = {
   name: "gauge",
   size: 24,
   node: [
@@ -585,11 +598,11 @@ var __iconData25 = {
     ["path", { d: "M3.34 19a10 10 0 1 1 17.32 0", key: "19p75a" }]
   ]
 };
-__iconData25.node;
-var Gauge = createLucideIcon(__iconData25);
+__iconData26.node;
+var Gauge = createLucideIcon(__iconData26);
 
 // ../../node_modules/lucide-react/dist/esm/icons/globe.mjs
-var __iconData26 = {
+var __iconData27 = {
   name: "globe",
   size: 24,
   node: [
@@ -598,11 +611,11 @@ var __iconData26 = {
     ["path", { d: "M2 12h20", key: "9i4pu4" }]
   ]
 };
-__iconData26.node;
-var Globe = createLucideIcon(__iconData26);
+__iconData27.node;
+var Globe = createLucideIcon(__iconData27);
 
 // ../../node_modules/lucide-react/dist/esm/icons/image.mjs
-var __iconData27 = {
+var __iconData28 = {
   name: "image",
   size: 24,
   node: [
@@ -611,11 +624,11 @@ var __iconData27 = {
     ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
   ]
 };
-__iconData27.node;
-var Image = createLucideIcon(__iconData27);
+__iconData28.node;
+var Image = createLucideIcon(__iconData28);
 
 // ../../node_modules/lucide-react/dist/esm/icons/inbox.mjs
-var __iconData28 = {
+var __iconData29 = {
   name: "inbox",
   size: 24,
   node: [
@@ -629,11 +642,11 @@ var __iconData28 = {
     ]
   ]
 };
-__iconData28.node;
-var Inbox = createLucideIcon(__iconData28);
+__iconData29.node;
+var Inbox = createLucideIcon(__iconData29);
 
 // ../../node_modules/lucide-react/dist/esm/icons/list-checks.mjs
-var __iconData29 = {
+var __iconData30 = {
   name: "list-checks",
   size: 24,
   node: [
@@ -644,21 +657,21 @@ var __iconData29 = {
     ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }]
   ]
 };
-__iconData29.node;
-var ListChecks = createLucideIcon(__iconData29);
+__iconData30.node;
+var ListChecks = createLucideIcon(__iconData30);
 
 // ../../node_modules/lucide-react/dist/esm/icons/loader-circle.mjs
-var __iconData30 = {
+var __iconData31 = {
   name: "loader-circle",
   size: 24,
   node: [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]],
   aliases: ["loader-2"]
 };
-__iconData30.node;
-var LoaderCircle = createLucideIcon(__iconData30);
+__iconData31.node;
+var LoaderCircle = createLucideIcon(__iconData31);
 
 // ../../node_modules/lucide-react/dist/esm/icons/mic.mjs
-var __iconData31 = {
+var __iconData32 = {
   name: "mic",
   size: 24,
   node: [
@@ -667,11 +680,11 @@ var __iconData31 = {
     ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
   ]
 };
-__iconData31.node;
-var Mic = createLucideIcon(__iconData31);
+__iconData32.node;
+var Mic = createLucideIcon(__iconData32);
 
 // ../../node_modules/lucide-react/dist/esm/icons/octagon-x.mjs
-var __iconData32 = {
+var __iconData33 = {
   name: "octagon-x",
   size: 24,
   node: [
@@ -687,11 +700,11 @@ var __iconData32 = {
   ],
   aliases: ["x-octagon"]
 };
-__iconData32.node;
-var OctagonX = createLucideIcon(__iconData32);
+__iconData33.node;
+var OctagonX = createLucideIcon(__iconData33);
 
 // ../../node_modules/lucide-react/dist/esm/icons/paperclip.mjs
-var __iconData33 = {
+var __iconData34 = {
   name: "paperclip",
   size: 24,
   node: [
@@ -704,11 +717,11 @@ var __iconData33 = {
     ]
   ]
 };
-__iconData33.node;
-var Paperclip = createLucideIcon(__iconData33);
+__iconData34.node;
+var Paperclip = createLucideIcon(__iconData34);
 
 // ../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.mjs
-var __iconData34 = {
+var __iconData35 = {
   name: "rotate-ccw",
   size: 24,
   node: [
@@ -716,11 +729,11 @@ var __iconData34 = {
     ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
   ]
 };
-__iconData34.node;
-var RotateCcw = createLucideIcon(__iconData34);
+__iconData35.node;
+var RotateCcw = createLucideIcon(__iconData35);
 
 // ../../node_modules/lucide-react/dist/esm/icons/search.mjs
-var __iconData35 = {
+var __iconData36 = {
   name: "search",
   size: 24,
   node: [
@@ -728,11 +741,11 @@ var __iconData35 = {
     ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
   ]
 };
-__iconData35.node;
-var Search = createLucideIcon(__iconData35);
+__iconData36.node;
+var Search = createLucideIcon(__iconData36);
 
 // ../../node_modules/lucide-react/dist/esm/icons/send.mjs
-var __iconData36 = {
+var __iconData37 = {
   name: "send",
   size: 24,
   node: [
@@ -746,11 +759,11 @@ var __iconData36 = {
     ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
   ]
 };
-__iconData36.node;
-var Send = createLucideIcon(__iconData36);
+__iconData37.node;
+var Send = createLucideIcon(__iconData37);
 
 // ../../node_modules/lucide-react/dist/esm/icons/shield-alert.mjs
-var __iconData37 = {
+var __iconData38 = {
   name: "shield-alert",
   size: 24,
   node: [
@@ -765,20 +778,20 @@ var __iconData37 = {
     ["path", { d: "M12 16h.01", key: "1drbdi" }]
   ]
 };
-__iconData37.node;
-var ShieldAlert = createLucideIcon(__iconData37);
+__iconData38.node;
+var ShieldAlert = createLucideIcon(__iconData38);
 
 // ../../node_modules/lucide-react/dist/esm/icons/square.mjs
-var __iconData38 = {
+var __iconData39 = {
   name: "square",
   size: 24,
   node: [["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]]
 };
-__iconData38.node;
-var Square = createLucideIcon(__iconData38);
+__iconData39.node;
+var Square = createLucideIcon(__iconData39);
 
 // ../../node_modules/lucide-react/dist/esm/icons/users-round.mjs
-var __iconData39 = {
+var __iconData40 = {
   name: "users-round",
   size: 24,
   node: [
@@ -788,11 +801,11 @@ var __iconData39 = {
   ],
   aliases: ["users-2"]
 };
-__iconData39.node;
-var UsersRound = createLucideIcon(__iconData39);
+__iconData40.node;
+var UsersRound = createLucideIcon(__iconData40);
 
 // ../../node_modules/lucide-react/dist/esm/icons/wrench.mjs
-var __iconData40 = {
+var __iconData41 = {
   name: "wrench",
   size: 24,
   node: [
@@ -805,8 +818,8 @@ var __iconData40 = {
     ]
   ]
 };
-__iconData40.node;
-var Wrench = createLucideIcon(__iconData40);
+__iconData41.node;
+var Wrench = createLucideIcon(__iconData41);
 
 export {
   Activity,
@@ -826,6 +839,7 @@ export {
   Copy,
   Cpu,
   Crosshair,
+  Download,
   ExternalLink,
   FilePenLine,
   FileSpreadsheet,

package/dist/chunks/{chunk-UUH37KXA.js → chunk-EJPAMT4B.js}

@@ -21,8 +21,10 @@ function namedVerb(t, verbs) {
   return null;
 }
 function stepLabel(t, verbs, fallback = "Paso") {
-  if (t.label) return t.label;
+  const rawLabel = !!t.label && !/\s/.test(t.label);
+  if (t.label && !rawLabel) return t.label;
   const named = namedVerb(t, verbs);
+  if (!named && t.label) return t.label;
   if (named) return isRunning(t) && named.verb.running ? named.verb.running : named.verb.one;
   return t.title ?? t.kind ?? fallback;
 }
@@ -72,6 +74,8 @@ var TOOL_VERBS_ES = {
   glob: { one: "Busqu\xE9 archivos", many: "Busqu\xE9 archivos" },
   search: { one: "Busqu\xE9", many: "Busqu\xE9 %n veces" },
   tool_search: { one: "Busqu\xE9 una herramienta", many: "Busqu\xE9 %n herramientas" },
+  ToolSearch: { one: "Busqu\xE9 una herramienta", many: "Busqu\xE9 %n herramientas" },
+  create_document: { one: "Arm\xE9 el documento", many: "Arm\xE9 %n documentos" },
   web_search: { one: "Busqu\xE9 en la web", many: "Busqu\xE9 en la web" },
   web_fetch: { one: "Abr\xED una p\xE1gina", many: "Abr\xED %n p\xE1ginas" },
   fetch: { one: "Abr\xED una p\xE1gina", many: "Abr\xED %n p\xE1ginas" },

package/dist/chunks/{chunk-6PYYF4XU.js → chunk-MGRCZENR.js}

@@ -1,6 +1,6 @@
 import {
   TOOL_VERBS_ES
-} from "./chunk-UUH37KXA.js";
+} from "./chunk-EJPAMT4B.js";
 import {
   cleanUserText
 } from "./chunk-6U545WJG.js";
@@ -17,7 +17,7 @@ import {
   Paperclip,
   Square,
   X
-} from "./chunk-AQBQ3QZH.js";
+} from "./chunk-5DVFSEQM.js";
 
 // src/react/strings.ts
 var STRINGS_ES = {
@@ -972,6 +972,7 @@ function resolvePlugins(list = []) {
   return r;
 }
 var BUILTIN_CUSTOM = /* @__PURE__ */ new Set([
+  "ghosty.delivery",
   "ghosty.title",
   "ghosty.history",
   "ghosty.injected",

package/dist/core/index.js

@@ -34,7 +34,7 @@ import {
   summarizeTools,
   toolName,
   toolNames
-} from "../chunks/chunk-UUH37KXA.js";
+} from "../chunks/chunk-EJPAMT4B.js";
 import {
   applyReferences,
   cleanUserText,

package/dist/plugins/index.js

@@ -3,10 +3,10 @@ import {
   definePlugin,
   pluginPoints,
   pluginRequires
-} from "../chunks/chunk-6PYYF4XU.js";
-import "../chunks/chunk-UUH37KXA.js";
+} from "../chunks/chunk-MGRCZENR.js";
+import "../chunks/chunk-EJPAMT4B.js";
 import "../chunks/chunk-6U545WJG.js";
-import "../chunks/chunk-AQBQ3QZH.js";
+import "../chunks/chunk-5DVFSEQM.js";
 
 // src/plugins/index.tsx
 import { useEffect, useState, useSyncExternalStore } from "react";

package/dist/react/Delivery.d.ts

@@ -0,0 +1,19 @@
+import type { CustomEntry } from "../core/types";
+/** Lo que manda gs en `CUSTOM ghosty.delivery` (un archivo que el agente entregó). */
+export interface Delivery {
+    id?: string;
+    tipo?: string;
+    nombre?: string;
+    titulo?: string;
+    url?: string;
+    mime?: string | null;
+    size?: number | null;
+}
+/**
+ * La tarjeta estándar de un archivo entregado (`ghosty.delivery`): nombre, tipo y tamaño, «Abrir» y
+ * «Descargar». Piloto la pinta sola; un plugin con `message.custom["ghosty.delivery"]` la reemplaza.
+ */
+export declare function DeliveryCard({ entry, locale }: {
+    entry: CustomEntry;
+    locale?: "es" | "en";
+}): import("react").JSX.Element | null;

package/dist/react/index.d.ts

@@ -15,3 +15,4 @@ export { PilotoContext, usePiloto, type MarkdownOptions, type PilotIcon, type Pi
 export { STRINGS_EN, STRINGS_ES, type PilotStrings } from "./strings";
 export * from "../core";
 export { PilotHttpError, createAgUiTransport, readSse, type AgUiTransportOptions, type PilotTransport, type SseMessage } from "../transport";
+export { DeliveryCard, type Delivery } from "./Delivery";

package/dist/react/index.js

@@ -48,7 +48,7 @@ import {
   resolvePlugins,
   rootProps,
   usePiloto
-} from "../chunks/chunk-6PYYF4XU.js";
+} from "../chunks/chunk-MGRCZENR.js";
 import {
   TOOL_VERBS_EN,
   TOOL_VERBS_ES,
@@ -58,7 +58,7 @@ import {
   summarizeTools,
   toolName,
   toolNames
-} from "../chunks/chunk-UUH37KXA.js";
+} from "../chunks/chunk-EJPAMT4B.js";
 import {
   applyReferences,
   cleanUserText,
@@ -79,6 +79,7 @@ import {
   Clock,
   Coins,
   Copy,
+  Download,
   ExternalLink,
   FilePenLine,
   FileSpreadsheet,
@@ -98,7 +99,7 @@ import {
   UsersRound,
   Wrench,
   X
-} from "../chunks/chunk-AQBQ3QZH.js";
+} from "../chunks/chunk-5DVFSEQM.js";
 
 // src/react/Piloto.tsx
 import {
@@ -819,13 +820,42 @@ function AgentBody({ turn, live, onRetry, onOption, showUsage, showCopy, showDur
   ] });
 }
 
+// src/react/Delivery.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var kb = (n) => !n ? null : n < 1024 * 1024 ? `${Math.max(1, Math.round(n / 1024))} KB` : `${(n / 1024 / 1024).toFixed(1)} MB`;
+var kind = (mime, name) => {
+  const ext = name?.split(".").pop()?.toUpperCase();
+  if (mime === "application/pdf") return "PDF";
+  return ext && ext.length <= 5 ? ext : "Archivo";
+};
+function DeliveryCard({ entry, locale = "es" }) {
+  const d = entry.value ?? {};
+  if (!d.url) return null;
+  const name = d.nombre || d.titulo || "archivo";
+  const download = d.url + (d.url.includes("?") ? "&" : "?") + "download=1";
+  const meta = [kind(d.mime, name), kb(d.size)].filter(Boolean).join(" \xB7 ");
+  const openLabel = locale === "en" ? "Open" : "Abrir";
+  const downloadLabel = locale === "en" ? `Download ${name}` : `Descargar ${name}`;
+  return /* @__PURE__ */ jsxs5("div", { className: "piloto-delivery mt-3 flex max-w-md items-center gap-1 rounded-xl border border-irongray/20 bg-irongray/5 pr-2 transition-colors hover:border-brand-500/40 hover:bg-brand-500/5", children: [
+    /* @__PURE__ */ jsxs5("a", { href: download, download: name, className: "flex min-w-0 flex-1 items-center gap-3 p-3", title: downloadLabel, "aria-label": downloadLabel, children: [
+      /* @__PURE__ */ jsx7("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-brand-500/10 text-brand-500", children: /* @__PURE__ */ jsx7(FileText, { size: 20, strokeWidth: 1.8 }) }),
+      /* @__PURE__ */ jsxs5("span", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx7("span", { className: "block truncate text-sm font-medium text-dark", children: d.titulo || name }),
+        /* @__PURE__ */ jsx7("span", { className: "block truncate text-xs text-metal", children: meta })
+      ] }),
+      /* @__PURE__ */ jsx7(Download, { size: 16, className: "shrink-0 text-metal" })
+    ] }),
+    /* @__PURE__ */ jsx7("a", { href: d.url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-metal hover:bg-irongray/10 hover:text-dark", title: openLabel, "aria-label": openLabel, children: /* @__PURE__ */ jsx7(ExternalLink, { size: 16 }) })
+  ] });
+}
+
 // src/react/Status.tsx
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
 import { useEffect as useEffect3, useState as useState6 } from "react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var STILL_WORKING_S = 90;
 function TypingDots() {
-  return /* @__PURE__ */ jsx7("div", { className: "gc-typing flex gap-1", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx7("span", { className: "gc-typing-dot h-2 w-2 animate-bounce rounded-full", style: { "--i": i } }, i)) });
+  return /* @__PURE__ */ jsx8("div", { className: "gc-typing flex gap-1", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx8("span", { className: "gc-typing-dot h-2 w-2 animate-bounce rounded-full", style: { "--i": i } }, i)) });
 }
 function WaitLabel({
   since,
@@ -844,8 +874,8 @@ function WaitLabel({
   const phrases = t.thinkingPhrases;
   const stepText = step ? t.steps?.[step] : void 0;
   const what = text ? text : stepText ? stepText : phrases?.length ? seconds >= STILL_WORKING_S ? t.stillWorking : phrases[Math.floor(seconds / 4) % phrases.length] : t.howItGoes(seconds);
-  return /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-0.5 text-sm text-text-secondary", children: /* @__PURE__ */ jsxs5("p", { className: "flex items-center", children: [
-    /* @__PURE__ */ jsx7(AnimatePresence2, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-0.5 text-sm text-text-secondary", children: /* @__PURE__ */ jsxs6("p", { className: "flex items-center", children: [
+    /* @__PURE__ */ jsx8(AnimatePresence2, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx8(
       motion2.span,
       {
         className: "gc-wait-text",
@@ -857,7 +887,7 @@ function WaitLabel({
       },
       what
     ) }),
-    showDuration && /* @__PURE__ */ jsxs5("span", { className: "tabular-nums text-text-tertiary", children: [
+    showDuration && /* @__PURE__ */ jsxs6("span", { className: "tabular-nums text-text-tertiary", children: [
       "\xA0\xB7 ",
       formatDuration(seconds)
     ] })
@@ -1196,7 +1226,7 @@ function usePilot(transport, opts = {}) {
 }
 
 // src/react/Piloto.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var useIsoLayoutEffect = typeof window === "undefined" ? useEffect5 : useLayoutEffect;
 var ANCHOR_GAP = 24;
 var Piloto = forwardRef(function Piloto2(props, handle) {
@@ -1217,7 +1247,7 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
       entries.map(([tag, { plugin, value: C }]) => [
         tag,
         // Como toda vista de plugin: marcada con su nombre y, si es de la app, aislada de las utilidades.
-        (p) => /* @__PURE__ */ jsx8("span", { ...pluginAttrs(plugin, plugins.ghostykitStyled), style: { display: "contents" }, children: /* @__PURE__ */ jsx8(C, { ...p, ctx: ctxForComponents.current }) })
+        (p) => /* @__PURE__ */ jsx9("span", { ...pluginAttrs(plugin, plugins.ghostykitStyled), style: { display: "contents" }, children: /* @__PURE__ */ jsx9(C, { ...p, ctx: ctxForComponents.current }) })
       ])
     );
   }, [plugins]);
@@ -1487,9 +1517,9 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
     }
   });
   const Replacement = replacer?.value.view;
-  const composer = Replacement ? /* @__PURE__ */ jsx8("div", { ...mark(replacer.plugin), children: /* @__PURE__ */ jsx8(Replacement, { ctx }) }) : /* @__PURE__ */ jsxs6("div", { ref: composerBox, children: [
-    /* @__PURE__ */ jsx8(ReferenceChips, { references: pointedRefs, onRemove: removeRef, onActivate: props.onReferenceClick }),
-    /* @__PURE__ */ jsx8(
+  const composer = Replacement ? /* @__PURE__ */ jsx9("div", { ...mark(replacer.plugin), children: /* @__PURE__ */ jsx9(Replacement, { ctx }) }) : /* @__PURE__ */ jsxs7("div", { ref: composerBox, children: [
+    /* @__PURE__ */ jsx9(ReferenceChips, { references: pointedRefs, onRemove: removeRef, onActivate: props.onReferenceClick }),
+    /* @__PURE__ */ jsx9(
       Composer,
       {
         initialValue: draft.text,
@@ -1505,8 +1535,8 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
         references: plainRefs,
         onRemoveReference: removeRef,
         onActivateReference: props.onReferenceClick,
-        extras: plugins.composerActions.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.composerActions, ctx, styled: plugins.ghostykitStyled, inline: true }) : void 0,
-        extrasEnd: plugins.composerActionsEnd.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.composerActionsEnd, ctx, styled: plugins.ghostykitStyled, inline: true }) : void 0,
+        extras: plugins.composerActions.length ? /* @__PURE__ */ jsx9(Views, { items: plugins.composerActions, ctx, styled: plugins.ghostykitStyled, inline: true }) : void 0,
+        extrasEnd: plugins.composerActionsEnd.length ? /* @__PURE__ */ jsx9(Views, { items: plugins.composerActionsEnd, ctx, styled: plugins.ghostykitStyled, inline: true }) : void 0,
         handleRef: composerHandle,
         icons: props.icons,
         accept,
@@ -1516,29 +1546,30 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
       draft.n
     )
   ] });
-  const withPanel = (chat) => plugins.sidePanel.length ? /* @__PURE__ */ jsxs6("div", { className: "flex min-h-0 flex-1 flex-row", children: [
-    /* @__PURE__ */ jsx8("div", { className: "relative flex min-h-0 min-w-0 flex-1 flex-col", children: chat }),
-    /* @__PURE__ */ jsx8(Views, { items: plugins.sidePanel, ctx, styled: plugins.ghostykitStyled, className: "flex min-h-0 shrink-0" })
+  const withPanel = (chat) => plugins.sidePanel.length ? /* @__PURE__ */ jsxs7("div", { className: "flex min-h-0 flex-1 flex-row", children: [
+    /* @__PURE__ */ jsx9("div", { className: "relative flex min-h-0 min-w-0 flex-1 flex-col", children: chat }),
+    /* @__PURE__ */ jsx9(Views, { items: plugins.sidePanel, ctx, styled: plugins.ghostykitStyled, className: "flex min-h-0 shrink-0" })
   ] }) : chat;
-  const aboveComposer = plugins.composerAbove.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.composerAbove, ctx, styled: plugins.ghostykitStyled }) : null;
-  const belowComposer = plugins.composerBelow.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.composerBelow, ctx, styled: plugins.ghostykitStyled }) : null;
-  const headerStart = plugins.headerStart.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.headerStart, ctx, styled: plugins.ghostykitStyled, inline: true }) : null;
-  const headerEnd = plugins.header.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.header, ctx, styled: plugins.ghostykitStyled, inline: true }) : null;
-  const headerSides = (headerStart || headerEnd) && /* @__PURE__ */ jsxs6(Fragment4, { children: [
-    headerStart && /* @__PURE__ */ jsx8("div", { className: "piloto-header-start flex min-w-0 items-center gap-2", children: headerStart }),
-    headerEnd && /* @__PURE__ */ jsx8("div", { className: "piloto-header-end ml-auto flex items-center gap-2", children: headerEnd })
+  const aboveComposer = plugins.composerAbove.length ? /* @__PURE__ */ jsx9(Views, { items: plugins.composerAbove, ctx, styled: plugins.ghostykitStyled }) : null;
+  const belowComposer = plugins.composerBelow.length ? /* @__PURE__ */ jsx9(Views, { items: plugins.composerBelow, ctx, styled: plugins.ghostykitStyled }) : null;
+  const headerStart = plugins.headerStart.length ? /* @__PURE__ */ jsx9(Views, { items: plugins.headerStart, ctx, styled: plugins.ghostykitStyled, inline: true }) : null;
+  const headerEnd = plugins.header.length ? /* @__PURE__ */ jsx9(Views, { items: plugins.header, ctx, styled: plugins.ghostykitStyled, inline: true }) : null;
+  const headerSides = (headerStart || headerEnd) && /* @__PURE__ */ jsxs7(Fragment4, { children: [
+    headerStart && /* @__PURE__ */ jsx9("div", { className: "piloto-header-start flex min-w-0 items-center gap-2", children: headerStart }),
+    headerEnd && /* @__PURE__ */ jsx9("div", { className: "piloto-header-end ml-auto flex items-center gap-2", children: headerEnd })
   ] });
   const Empty = plugins.empty?.value;
   const Waiting = plugins.waiting?.value;
   const renderDeliveries = (turn, live) => {
     const custom = (turn.custom ?? []).map((entry, i) => {
       const owner = plugins.customRenders[entry.name];
+      if (!owner && entry.name === "ghosty.delivery") return /* @__PURE__ */ jsx9(DeliveryCard, { entry, locale: props.locale === "en" ? "en" : "es" }, `c${i}`);
       if (!owner) return null;
       const C = owner.value;
-      return /* @__PURE__ */ jsx8("div", { ...mark(owner.plugin), children: /* @__PURE__ */ jsx8(C, { ctx, entry, turn, live }) }, `c${i}`);
+      return /* @__PURE__ */ jsx9("div", { ...mark(owner.plugin), children: /* @__PURE__ */ jsx9(C, { ctx, entry, turn, live }) }, `c${i}`);
     });
-    const extras = plugins.messageAssistant.map((o, i) => /* @__PURE__ */ jsx8("div", { ...mark(o.plugin), children: /* @__PURE__ */ jsx8(o.value, { ctx, turn, live }) }, `a${i}`));
-    return custom.some(Boolean) || extras.length ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    const extras = plugins.messageAssistant.map((o, i) => /* @__PURE__ */ jsx9("div", { ...mark(o.plugin), children: /* @__PURE__ */ jsx9(o.value, { ctx, turn, live }) }, `a${i}`));
+    return custom.some(Boolean) || extras.length ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
       custom,
       extras
     ] }) : null;
@@ -1549,25 +1580,25 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
       if (!owner) return [];
       const C = owner.value;
       return [
-        /* @__PURE__ */ jsx8("div", { ...mark(owner.plugin), children: /* @__PURE__ */ jsx8(C, { ctx, tool, turn, live }) }, tool.id)
+        /* @__PURE__ */ jsx9("div", { ...mark(owner.plugin), children: /* @__PURE__ */ jsx9(C, { ctx, tool, turn, live }) }, tool.id)
       ];
     });
-    return views.length ? /* @__PURE__ */ jsx8("div", { className: "mb-3 flex flex-col gap-2", children: views }) : null;
+    return views.length ? /* @__PURE__ */ jsx9("div", { className: "mb-3 flex flex-col gap-2", children: views }) : null;
   };
-  const renderBefore = plugins.messageBefore.length ? (turn, live) => /* @__PURE__ */ jsx8(Fragment4, { children: plugins.messageBefore.map((o, i) => /* @__PURE__ */ jsx8("div", { ...mark(o.plugin), children: /* @__PURE__ */ jsx8(o.value, { ctx, turn, live }) }, i)) }) : void 0;
+  const renderBefore = plugins.messageBefore.length ? (turn, live) => /* @__PURE__ */ jsx9(Fragment4, { children: plugins.messageBefore.map((o, i) => /* @__PURE__ */ jsx9("div", { ...mark(o.plugin), children: /* @__PURE__ */ jsx9(o.value, { ctx, turn, live }) }, i)) }) : void 0;
   const blockLangs = Object.keys(plugins.blockRenders);
   const blocks = blockLangs.length ? {
     langs: blockLangs,
-    render: (list, turn, live) => /* @__PURE__ */ jsx8("div", { className: "mt-2 flex flex-col gap-2", children: list.map((block, i) => {
+    render: (list, turn, live) => /* @__PURE__ */ jsx9("div", { className: "mt-2 flex flex-col gap-2", children: list.map((block, i) => {
       const owner = plugins.blockRenders[block.lang];
       const C = owner.value;
-      return /* @__PURE__ */ jsx8("div", { ...mark(owner.plugin), children: /* @__PURE__ */ jsx8(C, { ctx, block, turn, live }) }, i);
+      return /* @__PURE__ */ jsx9("div", { ...mark(owner.plugin), children: /* @__PURE__ */ jsx9(C, { ctx, block, turn, live }) }, i);
     }) })
   } : void 0;
-  const wrapAll = (tree) => plugins.wraps.reduceRight((inner, { value: W }) => /* @__PURE__ */ jsx8(W, { ctx, children: inner }), tree);
-  const permissionCards = cards.map((p) => /* @__PURE__ */ jsx8(ConfirmCard, { request: p, onRespond: respond, onSettled: settle, onExpire: pilot.expirePermission }, p.id));
-  return /* @__PURE__ */ jsx8(PilotoContext.Provider, { value: config, children: wrapAll(
-    /* @__PURE__ */ jsx8(
+  const wrapAll = (tree) => plugins.wraps.reduceRight((inner, { value: W }) => /* @__PURE__ */ jsx9(W, { ctx, children: inner }), tree);
+  const permissionCards = cards.map((p) => /* @__PURE__ */ jsx9(ConfirmCard, { request: p, onRespond: respond, onSettled: settle, onExpire: pilot.expirePermission }, p.id));
+  return /* @__PURE__ */ jsx9(PilotoContext.Provider, { value: config, children: wrapAll(
+    /* @__PURE__ */ jsx9(
       "div",
       {
         ...rootProps(theme, props.skin),
@@ -1577,12 +1608,12 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
         children: withPanel(empty ? (
           // Un hilo vacío enseña lo mismo que la portada: la cara, el saludo, la caja y por dónde
           // empezar. Si no cabe (panel bajo), se desplaza: `safe center` nunca empuja nada fuera.
-          /* @__PURE__ */ jsxs6("div", { className: "gs-scroll flex min-h-0 flex-1 flex-col items-center justify-center overflow-y-auto px-4 pb-[10vh] [justify-content:safe_center]", children: [
-            headerSides && /* @__PURE__ */ jsx8("div", { className: "piloto-header absolute inset-x-0 top-0 z-10 flex items-center gap-2 px-4 pt-3", children: headerSides }),
-            Empty ? /* @__PURE__ */ jsx8("div", { ...mark(plugins.empty.plugin), children: /* @__PURE__ */ jsx8(Empty, { ctx }) }) : /* @__PURE__ */ jsxs6("div", { className: "mb-6 flex flex-col items-center", children: [
-              props.avatar && /* @__PURE__ */ jsx8("div", { className: "mb-3", children: props.avatar }),
+          /* @__PURE__ */ jsxs7("div", { className: "gs-scroll flex min-h-0 flex-1 flex-col items-center justify-center overflow-y-auto px-4 pb-[10vh] [justify-content:safe_center]", children: [
+            headerSides && /* @__PURE__ */ jsx9("div", { className: "piloto-header absolute inset-x-0 top-0 z-10 flex items-center gap-2 px-4 pt-3", children: headerSides }),
+            Empty ? /* @__PURE__ */ jsx9("div", { ...mark(plugins.empty.plugin), children: /* @__PURE__ */ jsx9(Empty, { ctx }) }) : /* @__PURE__ */ jsxs7("div", { className: "mb-6 flex flex-col items-center", children: [
+              props.avatar && /* @__PURE__ */ jsx9("div", { className: "mb-3", children: props.avatar }),
               props.welcome && // Un saludo largo (una explicación del piloto) baja a letra de lectura.
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9(
                 "h1",
                 {
                   className: typeof props.welcome === "string" && props.welcome.length > 60 ? "max-w-xl text-center text-base font-medium leading-6 text-metal" : "text-center text-3xl font-extrabold tracking-tight text-dark",
@@ -1590,16 +1621,16 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs6("div", { className: "w-full max-w-3xl", children: [
+            /* @__PURE__ */ jsxs7("div", { className: "w-full max-w-3xl", children: [
               aboveComposer,
               composer,
               belowComposer,
-              props.suggestions && /* @__PURE__ */ jsx8(Suggestions, { items: props.suggestions, onPick: (s) => send(s), onPrefill: (s) => setDraftState((d) => ({ text: s, n: d.n + 1 })) })
+              props.suggestions && /* @__PURE__ */ jsx9(Suggestions, { items: props.suggestions, onPick: (s) => send(s), onPrefill: (s) => setDraftState((d) => ({ text: s, n: d.n + 1 })) })
             ] })
           ] })
-        ) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
-          headerSides && /* @__PURE__ */ jsx8("div", { className: "piloto-header flex shrink-0 items-center gap-2 px-4 pt-3 sm:px-6", children: headerSides }),
-          /* @__PURE__ */ jsxs6(
+        ) : /* @__PURE__ */ jsxs7(Fragment4, { children: [
+          headerSides && /* @__PURE__ */ jsx9("div", { className: "piloto-header flex shrink-0 items-center gap-2 px-4 pt-3 sm:px-6", children: headerSides }),
+          /* @__PURE__ */ jsxs7(
             "div",
             {
               ref: scroller,
@@ -1615,9 +1646,9 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
               onKeyDown: (e) => ["ArrowUp", "PageUp", "Home"].includes(e.key) && release(),
               className: "gs-scroll relative min-h-0 flex-1 overflow-y-auto overflow-x-hidden",
               children: [
-                /* @__PURE__ */ jsxs6("div", { ref: column, className: "mx-auto flex w-full max-w-[784px] flex-col gap-6 px-4 py-8 sm:px-6", children: [
-                  plugins.aboveThread.length > 0 && /* @__PURE__ */ jsx8(Views, { items: plugins.aboveThread, ctx, styled: plugins.ghostykitStyled }),
-                  state.history?.hasMoreBefore && (external || props.loadOlder) && /* @__PURE__ */ jsx8(
+                /* @__PURE__ */ jsxs7("div", { ref: column, className: "mx-auto flex w-full max-w-[784px] flex-col gap-6 px-4 py-8 sm:px-6", children: [
+                  plugins.aboveThread.length > 0 && /* @__PURE__ */ jsx9(Views, { items: plugins.aboveThread, ctx, styled: plugins.ghostykitStyled }),
+                  state.history?.hasMoreBefore && (external || props.loadOlder) && /* @__PURE__ */ jsx9(
                     "button",
                     {
                       type: "button",
@@ -1630,11 +1661,11 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
                   turns.map((turn, i) => {
                     const isLast = i === turns.length - 1;
                     const live = busy && isLast;
-                    return /* @__PURE__ */ jsxs6("div", { "data-turn": i - olderCount, children: [
-                      turn.role === "user" ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
-                        /* @__PURE__ */ jsx8(UserBubble, { turn }),
-                        plugins.messageUser.map((o, j) => /* @__PURE__ */ jsx8("div", { ...mark(o.plugin), children: /* @__PURE__ */ jsx8(o.value, { ctx, turn }) }, j))
-                      ] }) : /* @__PURE__ */ jsx8(
+                    return /* @__PURE__ */ jsxs7("div", { "data-turn": i - olderCount, children: [
+                      turn.role === "user" ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
+                        /* @__PURE__ */ jsx9(UserBubble, { turn }),
+                        plugins.messageUser.map((o, j) => /* @__PURE__ */ jsx9("div", { ...mark(o.plugin), children: /* @__PURE__ */ jsx9(o.value, { ctx, turn }) }, j))
+                      ] }) : /* @__PURE__ */ jsx9(
                         AgentBubble,
                         {
                           turn,
@@ -1649,51 +1680,51 @@ var Piloto = forwardRef(function Piloto2(props, handle) {
                           renderBefore,
                           blocks,
                           narration: features.narration !== false,
-                          avatar: plugins.avatar ? /* @__PURE__ */ jsx8("span", { ...mark(plugins.avatar.plugin), children: /* @__PURE__ */ jsx8(plugins.avatar.value, { ctx, turn }) }) : void 0
+                          avatar: plugins.avatar ? /* @__PURE__ */ jsx9("span", { ...mark(plugins.avatar.plugin), children: /* @__PURE__ */ jsx9(plugins.avatar.value, { ctx, turn }) }) : void 0
                         }
                       ),
-                      turn.role === "assistant" && /* @__PURE__ */ jsx8(TurnNotes, { turn })
+                      turn.role === "assistant" && /* @__PURE__ */ jsx9(TurnNotes, { turn })
                     ] }, i - olderCount);
                   }),
-                  busy && state.stalled && /* @__PURE__ */ jsx8("p", { className: "text-sm text-text-tertiary", children: state.stalled.message ?? t.stalled }),
+                  busy && state.stalled && /* @__PURE__ */ jsx9("p", { className: "text-sm text-text-tertiary", children: state.stalled.message ?? t.stalled }),
                   state.queued.map((q, i) => (
                     // Esperan a que termine el run vivo (el servidor no los dejó entrar): salen solos.
-                    /* @__PURE__ */ jsxs6("div", { "data-queued": true, className: "flex flex-col items-end gap-1 opacity-60", children: [
-                      /* @__PURE__ */ jsx8(UserBubble, { turn: { role: "user", text: q.text, ...q.attachments ? { attachments: q.attachments } : {} } }),
-                      /* @__PURE__ */ jsx8("span", { className: "text-xs text-text-tertiary", children: t.queued })
+                    /* @__PURE__ */ jsxs7("div", { "data-queued": true, className: "flex flex-col items-end gap-1 opacity-60", children: [
+                      /* @__PURE__ */ jsx9(UserBubble, { turn: { role: "user", text: q.text, ...q.attachments ? { attachments: q.attachments } : {} } }),
+                      /* @__PURE__ */ jsx9("span", { className: "text-xs text-text-tertiary", children: t.queued })
                     ] }, `q${i}`)
                   )),
                   permissionCards,
-                  busy && !toolRunning && !cards.length && (Waiting ? /* @__PURE__ */ jsx8("div", { ...mark(plugins.waiting.plugin), children: /* @__PURE__ */ jsx8(Waiting, { ctx, step: state.step, since: state.turnStartedAt }) }) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1.5", children: [
-                    /* @__PURE__ */ jsx8(TypingDots, {}),
-                    /* @__PURE__ */ jsx8(WaitLabel, { since: state.turnStartedAt, step: state.step, showDuration: features.duration !== false })
+                  busy && !toolRunning && !cards.length && (Waiting ? /* @__PURE__ */ jsx9("div", { ...mark(plugins.waiting.plugin), children: /* @__PURE__ */ jsx9(Waiting, { ctx, step: state.step, since: state.turnStartedAt }) }) : /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1.5", children: [
+                    /* @__PURE__ */ jsx9(TypingDots, {}),
+                    /* @__PURE__ */ jsx9(WaitLabel, { since: state.turnStartedAt, step: state.step, showDuration: features.duration !== false })
                   ] })),
-                  !busy && props.background && /* @__PURE__ */ jsxs6("div", { "data-background": true, className: "flex flex-col gap-1.5", children: [
-                    /* @__PURE__ */ jsx8(TypingDots, {}),
-                    /* @__PURE__ */ jsx8(WaitLabel, { text: props.background.label, since: props.background.since, showDuration: features.duration !== false })
+                  !busy && props.background && /* @__PURE__ */ jsxs7("div", { "data-background": true, className: "flex flex-col gap-1.5", children: [
+                    /* @__PURE__ */ jsx9(TypingDots, {}),
+                    /* @__PURE__ */ jsx9(WaitLabel, { text: props.background.label, since: props.background.since, showDuration: features.duration !== false })
                   ] }),
-                  notice && /* @__PURE__ */ jsx8("p", { className: "text-sm text-text-tertiary", children: notice }),
-                  error && /* @__PURE__ */ jsx8("p", { className: "text-sm text-text-danger", children: error })
+                  notice && /* @__PURE__ */ jsx9("p", { className: "text-sm text-text-tertiary", children: notice }),
+                  error && /* @__PURE__ */ jsx9("p", { className: "text-sm text-text-danger", children: error })
                 ] }),
-                /* @__PURE__ */ jsx8("div", { ref: spacer, "aria-hidden": true })
+                /* @__PURE__ */ jsx9("div", { ref: spacer, "aria-hidden": true })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs6("div", { className: "relative mx-auto w-full max-w-[784px] px-4 pb-4 sm:px-6 sm:pb-6", children: [
-            !atBottom && /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs7("div", { className: "relative mx-auto w-full max-w-[784px] px-4 pb-4 sm:px-6 sm:pb-6", children: [
+            !atBottom && /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
                 onClick: toBottom,
                 "aria-label": t.goToLatest,
                 className: "absolute -top-12 left-1/2 z-10 flex h-9 w-9 -translate-x-1/2 items-center justify-center rounded-full border border-border-primary bg-background-secondary text-text-secondary shadow-lg transition hover:text-text-primary",
-                children: /* @__PURE__ */ jsx8(ArrowDown, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx9(ArrowDown, { className: "h-4 w-4" })
               }
             ),
             state.cutRun && !busy && // El servidor cortó la respuesta (deploy, caja caída): la persona decide si sigue.
-            /* @__PURE__ */ jsxs6("div", { "data-cut-run": true, role: "status", className: "mb-2 flex items-center gap-3 rounded-2xl border border-border-primary bg-background-secondary px-3 py-2 text-sm text-text-secondary", children: [
-              /* @__PURE__ */ jsx8("span", { className: "min-w-0 flex-1", children: state.cutRun.reason ?? t.runCut }),
-              /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsxs7("div", { "data-cut-run": true, role: "status", className: "mb-2 flex items-center gap-3 rounded-2xl border border-border-primary bg-background-secondary px-3 py-2 text-sm text-text-secondary", children: [
+              /* @__PURE__ */ jsx9("span", { className: "min-w-0 flex-1", children: state.cutRun.reason ?? t.runCut }),
+              /* @__PURE__ */ jsx9(
                 "button",
                 {
                   type: "button",
@@ -1722,23 +1753,23 @@ function pluginAttrs(plugin, styled) {
   return styled.has(plugin) ? { "data-plugin": plugin } : { "data-plugin": plugin, "data-piloto-isolate": "" };
 }
 function Views({ items, ctx, inline, className, styled }) {
-  return /* @__PURE__ */ jsx8(Fragment4, { children: items.map(
-    ({ plugin, value: C }) => inline ? /* @__PURE__ */ jsx8("span", { ...pluginAttrs(plugin, styled), style: { display: "contents" }, children: /* @__PURE__ */ jsx8(C, { ctx }) }, plugin) : /* @__PURE__ */ jsx8("div", { ...pluginAttrs(plugin, styled), className, children: /* @__PURE__ */ jsx8(C, { ctx }) }, plugin)
+  return /* @__PURE__ */ jsx9(Fragment4, { children: items.map(
+    ({ plugin, value: C }) => inline ? /* @__PURE__ */ jsx9("span", { ...pluginAttrs(plugin, styled), style: { display: "contents" }, children: /* @__PURE__ */ jsx9(C, { ctx }) }, plugin) : /* @__PURE__ */ jsx9("div", { ...pluginAttrs(plugin, styled), className, children: /* @__PURE__ */ jsx9(C, { ctx }) }, plugin)
   ) });
 }
 function TurnNotes({ turn }) {
   const { strings: t } = usePiloto();
   const failed = (turn.custom ?? []).filter((c) => c.name === "ghosty.attachments_failed").flatMap((c) => (c.value?.files ?? []).filter((f) => f?.name));
   if (!failed.length && !turn.truncated) return null;
-  return /* @__PURE__ */ jsxs6("div", { "data-turn-notes": true, className: "mt-1 flex flex-col gap-0.5 text-xs text-text-tertiary", children: [
-    failed.map((f, i) => /* @__PURE__ */ jsx8("p", { children: t.attachmentFailed(f.name, f.reason) }, i)),
-    turn.truncated && /* @__PURE__ */ jsx8("p", { children: turn.truncated.reason ?? t.truncated })
+  return /* @__PURE__ */ jsxs7("div", { "data-turn-notes": true, className: "mt-1 flex flex-col gap-0.5 text-xs text-text-tertiary", children: [
+    failed.map((f, i) => /* @__PURE__ */ jsx9("p", { children: t.attachmentFailed(f.name, f.reason) }, i)),
+    turn.truncated && /* @__PURE__ */ jsx9("p", { children: turn.truncated.reason ?? t.truncated })
   ] });
 }
 
 // src/react/Subagents.tsx
 import { useState as useState9 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var DOT = {
   running: "bg-brand-500 animate-pulse",
   completed: "bg-text-tertiary",
@@ -1752,28 +1783,28 @@ function Subagents({ pilot, defaultOpen = false, showFinished = true, className
   const tasks = showFinished ? all : all.filter((x) => x.status === "running");
   if (!tasks.length) return null;
   const running = all.filter((x) => x.status === "running").length;
-  return /* @__PURE__ */ jsxs7("div", { "data-subagents": true, className: `mb-2 rounded-2xl border border-border-primary bg-background-secondary text-sm ${className}`, children: [
-    /* @__PURE__ */ jsxs7("button", { type: "button", onClick: () => setOpen((o) => !o), "aria-expanded": open, className: "flex w-full items-center gap-2 px-3 py-2 text-left text-text-secondary", children: [
-      /* @__PURE__ */ jsx9("span", { className: `h-2 w-2 shrink-0 rounded-full ${running ? DOT.running : DOT.completed}` }),
-      /* @__PURE__ */ jsx9("span", { className: "flex-1 truncate", children: running ? t.subagentsWorking(running) : t.subagentsDone(tasks.length) }),
-      /* @__PURE__ */ jsx9("span", { "aria-hidden": true, className: `text-text-tertiary transition-transform ${open ? "rotate-180" : ""}`, children: "\u2304" })
+  return /* @__PURE__ */ jsxs8("div", { "data-subagents": true, className: `mb-2 rounded-2xl border border-border-primary bg-background-secondary text-sm ${className}`, children: [
+    /* @__PURE__ */ jsxs8("button", { type: "button", onClick: () => setOpen((o) => !o), "aria-expanded": open, className: "flex w-full items-center gap-2 px-3 py-2 text-left text-text-secondary", children: [
+      /* @__PURE__ */ jsx10("span", { className: `h-2 w-2 shrink-0 rounded-full ${running ? DOT.running : DOT.completed}` }),
+      /* @__PURE__ */ jsx10("span", { className: "flex-1 truncate", children: running ? t.subagentsWorking(running) : t.subagentsDone(tasks.length) }),
+      /* @__PURE__ */ jsx10("span", { "aria-hidden": true, className: `text-text-tertiary transition-transform ${open ? "rotate-180" : ""}`, children: "\u2304" })
     ] }),
-    open && /* @__PURE__ */ jsx9("ul", { className: "flex flex-col border-t border-border-primary", children: tasks.map((task) => /* @__PURE__ */ jsx9(SubagentRow, { task, onStop: () => void pilot.stopSubagent(task.id) }, task.id)) })
+    open && /* @__PURE__ */ jsx10("ul", { className: "flex flex-col border-t border-border-primary", children: tasks.map((task) => /* @__PURE__ */ jsx10(SubagentRow, { task, onStop: () => void pilot.stopSubagent(task.id) }, task.id)) })
   ] });
 }
 function SubagentRow({ task, onStop }) {
   const { strings: t } = usePiloto();
   const line = task.status === "running" ? task.lastTool : task.summary ?? task.lastTool;
-  return /* @__PURE__ */ jsxs7("li", { "data-subagent": task.id, "data-status": task.status, className: "flex items-center gap-2 px-3 py-2", children: [
-    /* @__PURE__ */ jsx9("span", { className: `h-2 w-2 shrink-0 rounded-full ${DOT[task.status] ?? DOT.completed}` }),
-    /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx9("div", { className: "truncate text-text-primary", children: task.title ?? task.id }),
-      /* @__PURE__ */ jsxs7("div", { className: "truncate text-xs text-text-tertiary", children: [
+  return /* @__PURE__ */ jsxs8("li", { "data-subagent": task.id, "data-status": task.status, className: "flex items-center gap-2 px-3 py-2", children: [
+    /* @__PURE__ */ jsx10("span", { className: `h-2 w-2 shrink-0 rounded-full ${DOT[task.status] ?? DOT.completed}` }),
+    /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx10("div", { className: "truncate text-text-primary", children: task.title ?? task.id }),
+      /* @__PURE__ */ jsxs8("div", { className: "truncate text-xs text-text-tertiary", children: [
         t.subagentStatus[task.status] ?? task.status,
         line ? ` \xB7 ${line}` : ""
       ] })
     ] }),
-    task.status === "running" && /* @__PURE__ */ jsx9("button", { type: "button", onClick: onStop, className: "shrink-0 rounded-full border border-border-primary px-2.5 py-0.5 text-xs text-text-secondary transition hover:text-text-danger", children: t.subagentStop })
+    task.status === "running" && /* @__PURE__ */ jsx10("button", { type: "button", onClick: onStop, className: "shrink-0 rounded-full border border-border-primary px-2.5 py-0.5 text-xs text-text-secondary transition hover:text-text-danger", children: t.subagentStop })
   ] });
 }
 export {
@@ -1786,6 +1817,7 @@ export {
   CopyUserMessage,
   DEFAULT_TOOL_ICONS,
   DecisionLines,
+  DeliveryCard,
   InlineMarkdown,
   LinkSafetyModal,
   Markdown,

package/dist/split/index.js

@@ -1,7 +1,7 @@
 import {
   SquarePen,
   X
-} from "../chunks/chunk-AQBQ3QZH.js";
+} from "../chunks/chunk-5DVFSEQM.js";
 
 // src/split/index.tsx
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";

package/dist/styles.css

@@ -348,6 +348,9 @@
 .piloto .h-9:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 9);
 }
+.piloto .h-10:not([data-piloto-isolate] *) {
+  height: calc(var(--spacing) * 10);
+}
 .piloto .h-16:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 16);
 }
@@ -731,6 +734,12 @@
 .piloto .border-current:not([data-piloto-isolate] *) {
   border-color: currentcolor;
 }
+.piloto .border-irongray\/20:not([data-piloto-isolate] *) {
+  border-color: var(--color-irongray);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-irongray) 20%, transparent);
+  }
+}
 .piloto .border-muted-foreground\/30:not([data-piloto-isolate] *) {
   border-color: var(--color-muted-foreground);
   @supports (color: color-mix(in lab, red, red)) {
@@ -851,6 +860,12 @@
     background-color: color-mix(in oklab, var(--color-brand-500) 15%, transparent);
   }
 }
+.piloto .bg-irongray\/5:not([data-piloto-isolate] *) {
+  background-color: var(--color-irongray);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-irongray) 5%, transparent);
+  }
+}
 .piloto .bg-irongray\/10:not([data-piloto-isolate] *) {
   background-color: var(--color-irongray);
   @supports (color: color-mix(in lab, red, red)) {
@@ -989,6 +1004,9 @@
 .piloto .pr-1:not([data-piloto-isolate] *) {
   padding-right: var(--spacing);
 }
+.piloto .pr-2:not([data-piloto-isolate] *) {
+  padding-right: calc(var(--spacing) * 2);
+}
 .piloto .pb-4:not([data-piloto-isolate] *) {
   padding-bottom: calc(var(--spacing) * 4);
 }
@@ -1367,6 +1385,14 @@
   .piloto .hover\:border-brand-300:hover:not([data-piloto-isolate] *) {
     border-color: var(--color-brand-300);
   }
+  .piloto .hover\:border-brand-500\/40:hover:not([data-piloto-isolate] *) {
+    border-color: var(--color-brand-500);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .piloto .hover\:border-brand-500\/40:hover:not([data-piloto-isolate] *) {
+      border-color: color-mix(in oklab, var(--color-brand-500) 40%, transparent);
+    }
+  }
   .piloto .hover\:border-text-tertiary:hover:not([data-piloto-isolate] *) {
     border-color: var(--color-text-tertiary);
   }
@@ -1398,9 +1424,25 @@
       background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
     }
   }
+  .piloto .hover\:bg-brand-500\/5:hover:not([data-piloto-isolate] *) {
+    background-color: var(--color-brand-500);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .piloto .hover\:bg-brand-500\/5:hover:not([data-piloto-isolate] *) {
+      background-color: color-mix(in oklab, var(--color-brand-500) 5%, transparent);
+    }
+  }
   .piloto .hover\:bg-brand-600:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-brand-600);
   }
+  .piloto .hover\:bg-irongray\/10:hover:not([data-piloto-isolate] *) {
+    background-color: var(--color-irongray);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .piloto .hover\:bg-irongray\/10:hover:not([data-piloto-isolate] *) {
+      background-color: color-mix(in oklab, var(--color-irongray) 10%, transparent);
+    }
+  }
   .piloto .hover\:bg-irongray\/20:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-irongray);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ghostykit",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "description": "Ghosty Autopilot — the autopilot chat for your React app, on AG-UI: works with LangGraph, Mastra, CrewAI or any AG-UI agent. Streaming text, agent steps, human approval cards (interrupt/resume), attachments and voice.",
   "type": "module",
   "main": "./dist/core/index.js",