ghostykit 0.0.0-stage → 0.2.1

package/dist/react/index.js

@@ -0,0 +1,2799 @@
+import {
+  RESTART_NOTICE,
+  RESUME_TEXT,
+  TOOL_VERBS_EN,
+  TOOL_VERBS_ES,
+  appendAgentMessages,
+  applyHistory,
+  beginSend,
+  cleanReplyOption,
+  createPilotState,
+  dropLastExchange,
+  expiryMs,
+  extractReplyOptions,
+  groupSteps,
+  isNarration,
+  isRunning,
+  lastUserTurn,
+  narrationToMarkdown,
+  reconcileTurns,
+  reconcileWith,
+  reducePilotEvent,
+  resolvePermission,
+  resumeMode,
+  sendAccepted,
+  sendFailed,
+  sendRejectedBusy,
+  splitNarration,
+  stepLabel,
+  stopTurn,
+  summarizeTools,
+  toolName
+} from "../chunks/chunk-O6FCE4CS.js";
+import {
+  PilotHttpError,
+  createPostStreamTransport,
+  createSseTransport,
+  readSse
+} from "../chunks/chunk-D6JXJWYM.js";
+import {
+  applyReferences,
+  cleanUserText,
+  formatDuration,
+  systemNoteOf
+} from "../chunks/chunk-6U545WJG.js";
+
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.mjs
+import { forwardRef as forwardRef2, createElement as createElement3 } from "react";
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.mjs
+var toKebabCase = (string) => string?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/utils/toLucideIconData.mjs
+function toLucideIconData(iconName, iconNode, aliases = []) {
+  if (iconNode == null) {
+    throw new Error("[lucide]: iconNode is required when icon name is used");
+  }
+  return {
+    name: toKebabCase(iconName),
+    size: 24,
+    node: iconNode,
+    ...aliases.length > 0 ? { aliases } : {}
+  };
+}
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs
+var toCamelCase = (string) => {
+  let out = "";
+  let upperNext = false;
+  for (const ch of string) {
+    if (ch === "-" || ch === "_" || ch <= " ") {
+      upperNext = out.length > 0;
+      continue;
+    }
+    if (out.length === 0) {
+      out += ch.toLowerCase();
+    } else {
+      out += upperNext ? ch.toUpperCase() : ch;
+    }
+    upperNext = false;
+  }
+  return out;
+};
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.mjs
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+
+// ../../node_modules/lucide-react/dist/esm/Icon.mjs
+import { forwardRef, createElement as createElement2 } from "react";
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/build/defaultAttributes.mjs
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/build/buildLucideIconNode.mjs
+function isDefined(value) {
+  return value !== null && value !== void 0;
+}
+function buildLucideIconNode(icon, params = {}) {
+  const attributeNames = params.attributeNames ?? {};
+  const getAttributeName = (attributeName) => attributeNames[attributeName] ?? attributeName;
+  const viewBoxWidth = icon.size ?? icon.width ?? defaultAttributes["width"];
+  const viewBoxHeight = icon.size ?? icon.height ?? defaultAttributes["height"];
+  const aliasClassNames = icon.aliases?.filter((alias) => typeof alias === "string" && alias.trim() !== "").map((alias) => `lucide-${alias}`) ?? [];
+  const iconClassNames = [...icon.name ? [`lucide-${icon.name}`] : [], ...aliasClassNames];
+  const classNamesFromClassName = params.className?.split(" ").filter(Boolean) ?? [];
+  const className = params.includeDefaultClasses === false ? mergeClasses(...classNamesFromClassName) : mergeClasses("lucide", ...iconClassNames, ...classNamesFromClassName);
+  const calculatedStrokeWidth = params.absoluteStrokeWidth ? Number(params.strokeWidth ?? defaultAttributes["stroke-width"]) * Number(icon.size ?? icon.width ?? defaultAttributes["width"]) / Number(params.size ?? params.width ?? defaultAttributes["width"]) : params.strokeWidth ?? defaultAttributes["stroke-width"];
+  const attributes = {
+    ...Object.entries(defaultAttributes).reduce((attrs, [attrName, value]) => {
+      attrs[getAttributeName(attrName)] = value;
+      return attrs;
+    }, {}),
+    ..."color" in params && params.color && {
+      [getAttributeName("stroke")]: params.color
+    },
+    ..."size" in params && isDefined(params.size) && {
+      [getAttributeName("width")]: params.size,
+      [getAttributeName("height")]: params.size
+    },
+    ..."width" in params && isDefined(params.width) && {
+      [getAttributeName("width")]: params.width
+    },
+    ..."height" in params && isDefined(params.height) && {
+      [getAttributeName("height")]: params.height
+    },
+    [getAttributeName("stroke-width")]: calculatedStrokeWidth,
+    ...className && {
+      [getAttributeName("class")]: className
+    },
+    [getAttributeName("viewBox")]: `0 0 ${viewBoxWidth} ${viewBoxHeight}`,
+    ...params.hasA11yProp === false ? {
+      [getAttributeName("aria-hidden")]: "true"
+    } : {},
+    ..."attributes" in params && params.attributes
+  };
+  return [
+    "svg",
+    attributes,
+    icon.node.map((child) => {
+      const [name, attrs, children] = child;
+      const nextAttrs = params.nonScalingStroke ? { [getAttributeName("vector-effect")]: "non-scaling-stroke", ...attrs } : attrs;
+      return children ? [name, nextAttrs, children] : [name, nextAttrs];
+    })
+  ];
+}
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/build/buildLucideIconForReact.mjs
+function buildLucideIconForReact(icon, params = {}) {
+  return buildLucideIconNode(icon, {
+    ...params,
+    attributeNames: {
+      ...params.attributeNames,
+      class: "className",
+      "stroke-width": "strokeWidth",
+      "stroke-linecap": "strokeLinecap",
+      "stroke-linejoin": "strokeLinejoin",
+      "vector-effect": "vectorEffect"
+    }
+  });
+}
+
+// ../../node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+  return false;
+};
+
+// ../../node_modules/lucide-react/dist/esm/context.mjs
+import { createContext, useContext, useMemo, createElement } from "react";
+var LucideContext = createContext({});
+var useLucideContext = () => useContext(LucideContext);
+
+// ../../node_modules/lucide-react/dist/esm/Icon.mjs
+var Icon = forwardRef(
+  ({
+    color,
+    size,
+    width,
+    height,
+    strokeWidth,
+    absoluteStrokeWidth,
+    nonScalingStroke,
+    className = "",
+    children,
+    iconNode = [],
+    icon = {
+      node: iconNode,
+      aliases: [],
+      size: 24
+    },
+    ...rest
+  }, ref) => {
+    const {
+      size: contextSize = 24,
+      strokeWidth: contextStrokeWidth = 2,
+      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
+      nonScalingStroke: contextNonScalingStroke = false,
+      color: contextColor = "currentColor",
+      className: contextClass = ""
+    } = useLucideContext() ?? {};
+    const hasAccessibleProp = Boolean(children) || hasA11yProp(rest);
+    const [name, svgAttributes, builtIconNode = []] = buildLucideIconForReact(icon, {
+      color: color ?? contextColor,
+      width: width ?? size ?? contextSize,
+      height: height ?? size ?? contextSize,
+      strokeWidth: strokeWidth ?? contextStrokeWidth,
+      absoluteStrokeWidth: absoluteStrokeWidth ?? contextAbsoluteStrokeWidth,
+      nonScalingStroke: nonScalingStroke ?? contextNonScalingStroke,
+      className: mergeClasses(contextClass, className),
+      hasA11yProp: hasAccessibleProp,
+      attributes: rest
+    });
+    return createElement2(
+      name,
+      {
+        ref,
+        ...svgAttributes
+      },
+      [
+        ...builtIconNode.map(([tag, attrs]) => createElement2(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.mjs
+function createLucideIcon(iconDataOrName, iconNode = [], aliases = []) {
+  const iconData = typeof iconDataOrName === "string" ? toLucideIconData(iconDataOrName, iconNode, aliases) : iconDataOrName;
+  const Component = forwardRef2(
+    ({ className, ...props }, ref) => createElement3(Icon, {
+      ref,
+      icon: iconData,
+      className,
+      ...props
+    })
+  );
+  if (iconData.name) {
+    Component.displayName = toPascalCase(iconData.name);
+  }
+  return Component;
+}
+
+// ../../node_modules/lucide-react/dist/esm/icons/app-window.mjs
+var __iconData = {
+  name: "app-window",
+  size: 24,
+  node: [
+    ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }],
+    ["path", { d: "M10 4v4", key: "pp8u80" }],
+    ["path", { d: "M2 8h20", key: "d11cs7" }],
+    ["path", { d: "M6 4v4", key: "1svtjw" }]
+  ]
+};
+__iconData.node;
+var AppWindow = createLucideIcon(__iconData);
+
+// ../../node_modules/lucide-react/dist/esm/icons/arrow-down.mjs
+var __iconData2 = {
+  name: "arrow-down",
+  size: 24,
+  node: [
+    ["path", { d: "M12 5v14", key: "s699le" }],
+    ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+  ]
+};
+__iconData2.node;
+var ArrowDown = createLucideIcon(__iconData2);
+
+// ../../node_modules/lucide-react/dist/esm/icons/arrow-up-right.mjs
+var __iconData3 = {
+  name: "arrow-up-right",
+  size: 24,
+  node: [
+    ["path", { d: "M7 7h10v10", key: "1tivn9" }],
+    ["path", { d: "M7 17 17 7", key: "1vkiza" }]
+  ]
+};
+__iconData3.node;
+var ArrowUpRight = createLucideIcon(__iconData3);
+
+// ../../node_modules/lucide-react/dist/esm/icons/arrow-up.mjs
+var __iconData4 = {
+  name: "arrow-up",
+  size: 24,
+  node: [
+    ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+    ["path", { d: "M12 19V5", key: "x0mq9r" }]
+  ]
+};
+__iconData4.node;
+var ArrowUp = createLucideIcon(__iconData4);
+
+// ../../node_modules/lucide-react/dist/esm/icons/at-sign.mjs
+var __iconData5 = {
+  name: "at-sign",
+  size: 24,
+  node: [
+    ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+    ["path", { d: "M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8", key: "7n84p3" }]
+  ]
+};
+__iconData5.node;
+var AtSign = createLucideIcon(__iconData5);
+
+// ../../node_modules/lucide-react/dist/esm/icons/book-open.mjs
+var __iconData6 = {
+  name: "book-open",
+  size: 24,
+  node: [
+    ["path", { d: "M12 5v16", key: "1f6ucr" }],
+    [
+      "path",
+      {
+        d: "M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z",
+        key: "1fyvmf"
+      }
+    ]
+  ]
+};
+__iconData6.node;
+var BookOpen = createLucideIcon(__iconData6);
+
+// ../../node_modules/lucide-react/dist/esm/icons/check.mjs
+var __iconData7 = {
+  name: "check",
+  size: 24,
+  node: [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]
+};
+__iconData7.node;
+var Check = createLucideIcon(__iconData7);
+
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-down.mjs
+var __iconData8 = {
+  name: "chevron-down",
+  size: 24,
+  node: [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]]
+};
+__iconData8.node;
+var ChevronDown = createLucideIcon(__iconData8);
+
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-right.mjs
+var __iconData9 = {
+  name: "chevron-right",
+  size: 24,
+  node: [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]]
+};
+__iconData9.node;
+var ChevronRight = createLucideIcon(__iconData9);
+
+// ../../node_modules/lucide-react/dist/esm/icons/circle-check.mjs
+var __iconData10 = {
+  name: "circle-check",
+  size: 24,
+  node: [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["path", { d: "m16 9-5.5 5.5L8 12", key: "xofnsj" }]
+  ],
+  aliases: ["check-circle-2"]
+};
+__iconData10.node;
+var CircleCheck = createLucideIcon(__iconData10);
+
+// ../../node_modules/lucide-react/dist/esm/icons/circle-slash.mjs
+var __iconData11 = {
+  name: "circle-slash",
+  size: 24,
+  node: [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["line", { x1: "9", x2: "15", y1: "15", y2: "9", key: "1dfufj" }]
+  ]
+};
+__iconData11.node;
+var CircleSlash = createLucideIcon(__iconData11);
+
+// ../../node_modules/lucide-react/dist/esm/icons/circle-x.mjs
+var __iconData12 = {
+  name: "circle-x",
+  size: 24,
+  node: [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+    ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+  ],
+  aliases: ["x-circle"]
+};
+__iconData12.node;
+var CircleX = createLucideIcon(__iconData12);
+
+// ../../node_modules/lucide-react/dist/esm/icons/clock.mjs
+var __iconData13 = {
+  name: "clock",
+  size: 24,
+  node: [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
+  ]
+};
+__iconData13.node;
+var Clock = createLucideIcon(__iconData13);
+
+// ../../node_modules/lucide-react/dist/esm/icons/coins.mjs
+var __iconData14 = {
+  name: "coins",
+  size: 24,
+  node: [
+    ["path", { d: "M13.744 17.736a6 6 0 1 1-7.48-7.48", key: "bq4yh3" }],
+    ["path", { d: "M15 6h1v4", key: "11y1tn" }],
+    ["path", { d: "m6.134 14.768.866-.5 2 3.464", key: "17snzx" }],
+    ["circle", { cx: "16", cy: "8", r: "6", key: "14bfc9" }]
+  ]
+};
+__iconData14.node;
+var Coins = createLucideIcon(__iconData14);
+
+// ../../node_modules/lucide-react/dist/esm/icons/copy.mjs
+var __iconData15 = {
+  name: "copy",
+  size: 24,
+  node: [
+    ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+    ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+  ]
+};
+__iconData15.node;
+var Copy = createLucideIcon(__iconData15);
+
+// ../../node_modules/lucide-react/dist/esm/icons/cpu.mjs
+var __iconData16 = {
+  name: "cpu",
+  size: 24,
+  node: [
+    ["path", { d: "M12 20v2", key: "1lh1kg" }],
+    ["path", { d: "M12 2v2", key: "tus03m" }],
+    ["path", { d: "M17 20v2", key: "1rnc9c" }],
+    ["path", { d: "M17 2v2", key: "11trls" }],
+    ["path", { d: "M2 12h2", key: "1t8f8n" }],
+    ["path", { d: "M2 17h2", key: "7oei6x" }],
+    ["path", { d: "M2 7h2", key: "asdhe0" }],
+    ["path", { d: "M20 12h2", key: "1q8mjw" }],
+    ["path", { d: "M20 17h2", key: "1fpfkl" }],
+    ["path", { d: "M20 7h2", key: "1o8tra" }],
+    ["path", { d: "M7 20v2", key: "4gnj0m" }],
+    ["path", { d: "M7 2v2", key: "1i4yhu" }],
+    ["rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", key: "1vbyd7" }],
+    ["rect", { x: "8", y: "8", width: "8", height: "8", rx: "1", key: "z9xiuo" }]
+  ]
+};
+__iconData16.node;
+var Cpu = createLucideIcon(__iconData16);
+
+// ../../node_modules/lucide-react/dist/esm/icons/external-link.mjs
+var __iconData17 = {
+  name: "external-link",
+  size: 24,
+  node: [
+    ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+    ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+    ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+  ]
+};
+__iconData17.node;
+var ExternalLink = createLucideIcon(__iconData17);
+
+// ../../node_modules/lucide-react/dist/esm/icons/file-pen-line.mjs
+var __iconData18 = {
+  name: "file-pen-line",
+  size: 24,
+  node: [
+    [
+      "path",
+      {
+        d: "M14.364 13.634a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506l4.013-4.009a1 1 0 0 0-3.004-3.004z",
+        key: "ukzhwg"
+      }
+    ],
+    ["path", { d: "M14.487 7.858A1 1 0 0 1 14 7V2", key: "1klhew" }],
+    [
+      "path",
+      {
+        d: "M20 19.645V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l2.516 2.516",
+        key: "rxaxab"
+      }
+    ],
+    ["path", { d: "M8 18h1", key: "13wk12" }]
+  ],
+  aliases: ["file-signature"]
+};
+__iconData18.node;
+var FilePenLine = createLucideIcon(__iconData18);
+
+// ../../node_modules/lucide-react/dist/esm/icons/file-spreadsheet.mjs
+var __iconData19 = {
+  name: "file-spreadsheet",
+  size: 24,
+  node: [
+    [
+      "path",
+      {
+        d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+        key: "1oefj6"
+      }
+    ],
+    ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+    ["path", { d: "M8 13h2", key: "yr2amv" }],
+    ["path", { d: "M14 13h2", key: "un5t4a" }],
+    ["path", { d: "M8 17h2", key: "2yhykz" }],
+    ["path", { d: "M14 17h2", key: "10kma7" }]
+  ]
+};
+__iconData19.node;
+var FileSpreadsheet = createLucideIcon(__iconData19);
+
+// ../../node_modules/lucide-react/dist/esm/icons/file-text.mjs
+var __iconData20 = {
+  name: "file-text",
+  size: 24,
+  node: [
+    [
+      "path",
+      {
+        d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+        key: "1oefj6"
+      }
+    ],
+    ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+    ["path", { d: "M10 9H8", key: "b1mrlr" }],
+    ["path", { d: "M16 13H8", key: "t4e002" }],
+    ["path", { d: "M16 17H8", key: "z1uh3a" }]
+  ]
+};
+__iconData20.node;
+var FileText = createLucideIcon(__iconData20);
+
+// ../../node_modules/lucide-react/dist/esm/icons/folder.mjs
+var __iconData21 = {
+  name: "folder",
+  size: 24,
+  node: [
+    [
+      "path",
+      {
+        d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+        key: "1kt360"
+      }
+    ]
+  ]
+};
+__iconData21.node;
+var Folder = createLucideIcon(__iconData21);
+
+// ../../node_modules/lucide-react/dist/esm/icons/gauge.mjs
+var __iconData22 = {
+  name: "gauge",
+  size: 24,
+  node: [
+    ["path", { d: "m12 14 4-4", key: "9kzdfg" }],
+    ["path", { d: "M3.34 19a10 10 0 1 1 17.32 0", key: "19p75a" }]
+  ]
+};
+__iconData22.node;
+var Gauge = createLucideIcon(__iconData22);
+
+// ../../node_modules/lucide-react/dist/esm/icons/globe.mjs
+var __iconData23 = {
+  name: "globe",
+  size: 24,
+  node: [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+    ["path", { d: "M2 12h20", key: "9i4pu4" }]
+  ]
+};
+__iconData23.node;
+var Globe = createLucideIcon(__iconData23);
+
+// ../../node_modules/lucide-react/dist/esm/icons/image.mjs
+var __iconData24 = {
+  name: "image",
+  size: 24,
+  node: [
+    ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+    ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+    ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+  ]
+};
+__iconData24.node;
+var Image = createLucideIcon(__iconData24);
+
+// ../../node_modules/lucide-react/dist/esm/icons/list-checks.mjs
+var __iconData25 = {
+  name: "list-checks",
+  size: 24,
+  node: [
+    ["path", { d: "M13 5h8", key: "a7qcls" }],
+    ["path", { d: "M13 12h8", key: "h98zly" }],
+    ["path", { d: "M13 19h8", key: "c3s6r1" }],
+    ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+    ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }]
+  ]
+};
+__iconData25.node;
+var ListChecks = createLucideIcon(__iconData25);
+
+// ../../node_modules/lucide-react/dist/esm/icons/loader-circle.mjs
+var __iconData26 = {
+  name: "loader-circle",
+  size: 24,
+  node: [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]],
+  aliases: ["loader-2"]
+};
+__iconData26.node;
+var LoaderCircle = createLucideIcon(__iconData26);
+
+// ../../node_modules/lucide-react/dist/esm/icons/mic.mjs
+var __iconData27 = {
+  name: "mic",
+  size: 24,
+  node: [
+    ["path", { d: "M12 19v3", key: "npa21l" }],
+    ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
+    ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
+  ]
+};
+__iconData27.node;
+var Mic = createLucideIcon(__iconData27);
+
+// ../../node_modules/lucide-react/dist/esm/icons/paperclip.mjs
+var __iconData28 = {
+  name: "paperclip",
+  size: 24,
+  node: [
+    [
+      "path",
+      {
+        d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
+        key: "1miecu"
+      }
+    ]
+  ]
+};
+__iconData28.node;
+var Paperclip = createLucideIcon(__iconData28);
+
+// ../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.mjs
+var __iconData29 = {
+  name: "rotate-ccw",
+  size: 24,
+  node: [
+    ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+    ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
+  ]
+};
+__iconData29.node;
+var RotateCcw = createLucideIcon(__iconData29);
+
+// ../../node_modules/lucide-react/dist/esm/icons/search.mjs
+var __iconData30 = {
+  name: "search",
+  size: 24,
+  node: [
+    ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+    ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+  ]
+};
+__iconData30.node;
+var Search = createLucideIcon(__iconData30);
+
+// ../../node_modules/lucide-react/dist/esm/icons/send.mjs
+var __iconData31 = {
+  name: "send",
+  size: 24,
+  node: [
+    [
+      "path",
+      {
+        d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
+        key: "1ffxy3"
+      }
+    ],
+    ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
+  ]
+};
+__iconData31.node;
+var Send = createLucideIcon(__iconData31);
+
+// ../../node_modules/lucide-react/dist/esm/icons/shield-alert.mjs
+var __iconData32 = {
+  name: "shield-alert",
+  size: 24,
+  node: [
+    [
+      "path",
+      {
+        d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+        key: "oel41y"
+      }
+    ],
+    ["path", { d: "M12 8v4", key: "1got3b" }],
+    ["path", { d: "M12 16h.01", key: "1drbdi" }]
+  ]
+};
+__iconData32.node;
+var ShieldAlert = createLucideIcon(__iconData32);
+
+// ../../node_modules/lucide-react/dist/esm/icons/square-terminal.mjs
+var __iconData33 = {
+  name: "square-terminal",
+  size: 24,
+  node: [
+    ["path", { d: "m7 11 2-2-2-2", key: "1lz0vl" }],
+    ["path", { d: "M11 13h4", key: "1p7l4v" }],
+    ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }]
+  ],
+  aliases: ["terminal-square"]
+};
+__iconData33.node;
+var SquareTerminal = createLucideIcon(__iconData33);
+
+// ../../node_modules/lucide-react/dist/esm/icons/square.mjs
+var __iconData34 = {
+  name: "square",
+  size: 24,
+  node: [["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]]
+};
+__iconData34.node;
+var Square = createLucideIcon(__iconData34);
+
+// ../../node_modules/lucide-react/dist/esm/icons/users-round.mjs
+var __iconData35 = {
+  name: "users-round",
+  size: 24,
+  node: [
+    ["path", { d: "M18 21a8 8 0 0 0-16 0", key: "3ypg7q" }],
+    ["circle", { cx: "10", cy: "8", r: "5", key: "o932ke" }],
+    ["path", { d: "M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3", key: "10s06x" }]
+  ],
+  aliases: ["users-2"]
+};
+__iconData35.node;
+var UsersRound = createLucideIcon(__iconData35);
+
+// ../../node_modules/lucide-react/dist/esm/icons/x.mjs
+var __iconData36 = {
+  name: "x",
+  size: 24,
+  node: [
+    ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+    ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+  ]
+};
+__iconData36.node;
+var X = createLucideIcon(__iconData36);
+
+// src/react/Piloto.tsx
+import {
+  forwardRef as forwardRef3,
+  useCallback as useCallback3,
+  useEffect as useEffect6,
+  useImperativeHandle,
+  useLayoutEffect,
+  useMemo as useMemo4,
+  useRef as useRef5,
+  useState as useState9
+} from "react";
+
+// src/react/Bubble.tsx
+import { useState as useState5 } from "react";
+
+// src/react/ConfirmCard.tsx
+import { useEffect, useRef, useState } from "react";
+
+// src/react/context.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+
+// src/react/strings.ts
+var STRINGS_ES = {
+  numberLocale: "es-MX",
+  placeholder: (agent) => `Escr\xEDbele a ${agent}`,
+  placeholderDefault: "Escr\xEDbele al agente",
+  placeholderConnecting: "Conectando con el agente\u2026",
+  send: "Enviar",
+  stop: "Detener",
+  uploading: "Subiendo tu archivo\u2026",
+  uploadingN: (n) => `Subiendo tus ${n} archivos\u2026`,
+  attachImage: "Adjuntar imagen",
+  attachFile: "Adjuntar archivo",
+  noImages: "Este agente no ve im\xE1genes",
+  removeAttachment: "Quitar adjunto",
+  removeReference: "Quitar referencia",
+  dropFiles: "Suelta tus archivos",
+  dropHint: "Excel, Word, PDF o im\xE1genes",
+  tooBig: (name, mb) => `${name} pesa m\xE1s de ${mb} MB`,
+  tooMany: (max) => `no caben m\xE1s de ${max} archivos por mensaje`,
+  cantSeeImage: (name) => `${name}: este agente no ve im\xE1genes`,
+  cantUpload: (name) => `${name}: aqu\xED s\xF3lo se pueden mandar im\xE1genes y texto`,
+  uploadFailed: "no se pudo subir el archivo",
+  recordVoice: "Grabar nota de voz",
+  voiceNote: "Nota de voz",
+  cancelVoice: "Cancelar la nota de voz",
+  stopAndSendVoice: "Parar y mandar la nota de voz",
+  micDenied: "No tengo permiso para usar el micr\xF3fono.",
+  voiceEmpty: "no se entendi\xF3 nada en la nota de voz",
+  voiceFailed: "no se pudo mandar la nota de voz",
+  model: "Modelo",
+  thinking: "Pensando\u2026",
+  steered: "Se lo pas\xE9 al turno en curso",
+  waitPhase: {
+    waking: "Me estoy poniendo los lentes \u{1F453}",
+    connecting: "Estoy abriendo mi libreta",
+    session: "Estoy pensando"
+  },
+  howItGoes: (s) => s < 6 ? "Pensando\u2026" : s < 15 ? "Trabajando\u2026" : s < 60 ? "Estoy en ello\u2026" : s < 120 ? "Esto me lleva un poco\u2026" : s < 300 ? "Llevo un buen rato\u2026" : "Me est\xE1 tomando mucho \u2014 puedes detenerme",
+  stillWorking: "Estoy en ello\u2026",
+  cantStart: "No pude arrancar.",
+  retry: "Reintentar",
+  resume: "Retomar",
+  continueTurn: "Continuar",
+  interrupted: (reason) => `Me qued\xE9 a medias: ${reason}.`,
+  interruptedOurFault: "Se cort\xF3 por una falla nuestra, no por tu mensaje.",
+  copy: "Copiar",
+  copied: "Copiado",
+  copyMessage: "Copiar mensaje",
+  worked: (s) => `Trabaj\xF3 ${s} s`,
+  stepsExpand: "Ver el detalle de los pasos",
+  stepsCollapse: "Plegar los pasos",
+  earlierSteps: (n) => n === 1 ? "1 paso antes" : `${n} pasos antes`,
+  withProblems: (n) => n === 1 ? "1 con problemas" : `${n} con problemas`,
+  running: "Ejecutando",
+  done: "Lista",
+  failed: "Fall\xF3",
+  step: "Paso",
+  replyOptions: "Opciones para responder",
+  connectSteps: [
+    { label: "Despertando al agente", hint: "si estaba dormido, unos segundos" },
+    { label: "Abriendo el canal", hint: "conexi\xF3n segura con su m\xE1quina" },
+    { label: "Creando la sesi\xF3n", hint: "el agente carga su contexto" }
+  ],
+  connectRetry: "Reintentar",
+  linkTitle: "Vas a salir de aqu\xED",
+  linkCopy: "Copiar",
+  linkCopied: "Copiado",
+  linkOpen: "Abrir",
+  close: "Cerrar",
+  goToLatest: "Ir al \xFAltimo mensaje",
+  confirmTitle: "Necesito tu permiso para",
+  approve: "Aprobar",
+  reject: "Rechazar",
+  confirmExpired: "Este pedido ya no estaba abierto (se agot\xF3 el plazo).",
+  confirmFailed: "No se pudo mandar tu respuesta. Intenta de nuevo.",
+  expiresIn: (t) => `Vence en ${t}`,
+  expiredNow: "Venci\xF3 sin respuesta",
+  decisionApproved: "Aprobaste",
+  decisionRejected: "Rechazaste",
+  decisionExpired: "Venci\xF3",
+  stampApproved: "Aprobado",
+  stampRejected: "Rechazado",
+  stampExpired: "Vencido"
+};
+var STRINGS_EN = {
+  numberLocale: "en-US",
+  placeholder: (agent) => `Message ${agent}`,
+  placeholderDefault: "Message the agent",
+  placeholderConnecting: "Connecting to the agent\u2026",
+  send: "Send",
+  stop: "Stop",
+  uploading: "Uploading your file\u2026",
+  uploadingN: (n) => `Uploading your ${n} files\u2026`,
+  attachImage: "Attach image",
+  attachFile: "Attach file",
+  noImages: "This agent can't see images",
+  removeAttachment: "Remove attachment",
+  removeReference: "Remove reference",
+  dropFiles: "Drop your files",
+  dropHint: "Excel, Word, PDF or images",
+  tooBig: (name, mb) => `${name} is larger than ${mb} MB`,
+  tooMany: (max) => `no more than ${max} files per message`,
+  cantSeeImage: (name) => `${name}: this agent can't see images`,
+  cantUpload: (name) => `${name}: only images and text can be sent here`,
+  uploadFailed: "couldn't upload the file",
+  recordVoice: "Record voice note",
+  voiceNote: "Voice note",
+  cancelVoice: "Cancel voice note",
+  stopAndSendVoice: "Stop and send voice note",
+  micDenied: "I don't have permission to use the microphone.",
+  voiceEmpty: "nothing was understood in the voice note",
+  voiceFailed: "couldn't send the voice note",
+  model: "Model",
+  thinking: "Thinking\u2026",
+  steered: "Passed it to the running turn",
+  waitPhase: {
+    waking: "Putting my glasses on \u{1F453}",
+    connecting: "Opening my notebook",
+    session: "Thinking"
+  },
+  howItGoes: (s) => s < 6 ? "Thinking\u2026" : s < 15 ? "Working\u2026" : s < 60 ? "On it\u2026" : s < 120 ? "This is taking a bit\u2026" : s < 300 ? "Been at it a while\u2026" : "This is taking long \u2014 you can stop me",
+  stillWorking: "On it\u2026",
+  cantStart: "Couldn't start.",
+  retry: "Retry",
+  resume: "Resume",
+  continueTurn: "Continue",
+  interrupted: (reason) => `I stopped halfway: ${reason}.`,
+  interruptedOurFault: "It stopped because of an error on our side, not your message.",
+  copy: "Copy",
+  copied: "Copied",
+  copyMessage: "Copy message",
+  worked: (s) => `Worked ${s} s`,
+  stepsExpand: "See step details",
+  stepsCollapse: "Collapse the steps",
+  earlierSteps: (n) => n === 1 ? "1 earlier step" : `${n} earlier steps`,
+  withProblems: (n) => `${n} with problems`,
+  running: "Running",
+  done: "Done",
+  failed: "Failed",
+  step: "Step",
+  replyOptions: "Reply options",
+  connectSteps: [
+    { label: "Waking the agent", hint: "if it was asleep, a few seconds" },
+    { label: "Opening the channel", hint: "secure connection to its machine" },
+    { label: "Creating the session", hint: "the agent loads its context" }
+  ],
+  connectRetry: "Retry",
+  linkTitle: "You're about to leave",
+  linkCopy: "Copy",
+  linkCopied: "Copied",
+  linkOpen: "Open",
+  close: "Close",
+  goToLatest: "Go to latest message",
+  confirmTitle: "I need your permission to",
+  approve: "Approve",
+  reject: "Reject",
+  confirmExpired: "This request was no longer open (it timed out).",
+  confirmFailed: "Couldn't send your answer. Try again.",
+  expiresIn: (t) => `Expires in ${t}`,
+  expiredNow: "Expired without an answer",
+  decisionApproved: "You approved",
+  decisionRejected: "You rejected",
+  decisionExpired: "Expired",
+  stampApproved: "Approved",
+  stampRejected: "Rejected",
+  stampExpired: "Expired"
+};
+
+// src/react/context.tsx
+var PilotoContext = createContext2({
+  strings: STRINGS_ES,
+  toolVerbs: TOOL_VERBS_ES,
+  toolIcons: {},
+  formatUserText: cleanUserText,
+  theme: "light",
+  skin: "ghosty",
+  markdown: {}
+});
+var usePiloto = () => useContext2(PilotoContext);
+function rootProps(theme, skin = "ghosty") {
+  return { className: "piloto", "data-theme": theme, "data-skin": skin };
+}
+
+// src/react/ConfirmCard.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var isRejectOption = (o) => /^reject|deny|cancel/i.test(o.kind ?? o.optionId);
+var mmss = (ms) => {
+  const s = Math.max(0, Math.ceil(ms / 1e3));
+  return `${Math.floor(s / 60)}:${String(s % 60).padStart(2, "0")}`;
+};
+function useRemaining(expiresAt) {
+  const end = expiresAt === void 0 ? NaN : expiryMs(expiresAt);
+  const [now, setNow] = useState(() => Date.now());
+  const first = useRef(null);
+  useEffect(() => {
+    if (Number.isNaN(end)) return;
+    const id = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(id);
+  }, [end]);
+  if (Number.isNaN(end)) return null;
+  if (first.current === null) first.current = Math.max(1, end - now);
+  return { left: end - now, total: first.current };
+}
+var STAMP_MS = 1100;
+function ConfirmCard({
+  request,
+  onRespond,
+  onSettled,
+  onExpire
+}) {
+  const { strings: t } = usePiloto();
+  const [pending, setPending] = useState(null);
+  const [problem, setProblem] = useState(null);
+  const [stamp, setStamp] = useState(null);
+  const time = useRemaining(request.expiresAt);
+  const expired = time !== null && time.left <= 0;
+  const urgent = time !== null && !expired && time.left < 6e4;
+  useEffect(() => {
+    if (!expired || stamp) return;
+    setStamp("expired");
+    const id = setTimeout(() => onExpire?.(request.id), STAMP_MS + 600);
+    return () => clearTimeout(id);
+  }, [expired, stamp, onExpire, request.id]);
+  const options = request.options.length ? request.options : [
+    { optionId: "reject", name: t.reject, kind: "reject_once" },
+    { optionId: "allow", name: t.approve, kind: "allow_once" }
+  ];
+  const ordered = [...options.filter(isRejectOption), ...options.filter((o) => !isRejectOption(o))];
+  const answer = async (o) => {
+    setPending(o.optionId);
+    setProblem(null);
+    try {
+      const r = await onRespond(request.id, o.optionId);
+      const status = r && r.resolved === false ? "expired" : isRejectOption(o) ? "rejected" : "approved";
+      setStamp(status);
+      setTimeout(() => onSettled?.(request.id, o.optionId, r), STAMP_MS);
+    } catch {
+      setProblem(t.confirmFailed);
+      setPending(null);
+    }
+  };
+  const stampLabel = stamp === "approved" ? t.stampApproved : stamp === "rejected" ? t.stampRejected : t.stampExpired;
+  const locked = pending !== null || stamp !== null;
+  return /* @__PURE__ */ jsxs("section", { className: "piloto-ticket", "data-state": stamp ?? "open", "data-urgent": urgent || void 0, "aria-label": t.confirmTitle, children: [
+    /* @__PURE__ */ jsxs("div", { className: "piloto-ticket-head", children: [
+      /* @__PURE__ */ jsx("span", { className: "piloto-ticket-icon", "aria-hidden": true, children: /* @__PURE__ */ jsx(ShieldAlert, { className: "h-5 w-5" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "piloto-ticket-ask", children: t.confirmTitle }),
+        /* @__PURE__ */ jsx("p", { className: "piloto-ticket-title", children: request.title }),
+        request.tool && /* @__PURE__ */ jsx("code", { className: "piloto-ticket-tool", children: request.tool })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "piloto-ticket-tear", "aria-hidden": true }),
+    /* @__PURE__ */ jsxs("div", { className: "piloto-ticket-foot", children: [
+      time !== null ? /* @__PURE__ */ jsxs("span", { className: "piloto-ticket-clock", title: t.expiresIn(mmss(time.left)), "aria-label": expired ? t.expiredNow : t.expiresIn(mmss(time.left)), children: [
+        /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4", "aria-hidden": true }),
+        mmss(time.left)
+      ] }) : /* @__PURE__ */ jsx("span", {}),
+      /* @__PURE__ */ jsx("div", { className: "piloto-ticket-actions", children: ordered.map((o) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: locked || expired,
+          onClick: () => void answer(o),
+          className: isRejectOption(o) ? "piloto-btn piloto-btn-quiet" : "piloto-btn piloto-btn-go",
+          "aria-busy": pending === o.optionId || void 0,
+          children: o.name
+        },
+        o.optionId
+      )) })
+    ] }),
+    time !== null && /* @__PURE__ */ jsx("div", { className: "piloto-fuse", "aria-hidden": true, children: /* @__PURE__ */ jsx("span", { style: { transform: `scaleX(${Math.max(0, Math.min(1, time.left / time.total))})` } }) }),
+    problem && /* @__PURE__ */ jsx("p", { className: "piloto-ticket-problem", role: "alert", children: problem }),
+    stamp && /* @__PURE__ */ jsx("span", { className: "piloto-stamp", "data-kind": stamp, role: "status", children: stampLabel })
+  ] });
+}
+function DecisionLines({ decisions }) {
+  const { strings: t } = usePiloto();
+  if (!decisions.length) return null;
+  return /* @__PURE__ */ jsx("ul", { className: "piloto-decisions", children: decisions.map((d) => {
+    const Icon2 = d.status === "approved" ? CircleCheck : d.status === "rejected" ? CircleSlash : Clock;
+    const label = d.status === "approved" ? t.decisionApproved : d.status === "rejected" ? t.decisionRejected : t.decisionExpired;
+    return /* @__PURE__ */ jsxs("li", { className: "piloto-decision", "data-status": d.status, children: [
+      /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4 shrink-0", "aria-hidden": true }),
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("strong", { children: [
+          label,
+          ":"
+        ] }),
+        " ",
+        d.title,
+        d.detail && /* @__PURE__ */ jsxs("span", { className: "piloto-decision-detail", children: [
+          " (",
+          d.detail,
+          ")"
+        ] })
+      ] })
+    ] }, d.id);
+  }) });
+}
+
+// src/react/Markdown.tsx
+import { useState as useState3 } from "react";
+import { Streamdown } from "streamdown";
+
+// src/react/TextAtPace.tsx
+import { createContext as createContext3, memo, useContext as useContext3, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+import { Block } from "streamdown";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CHUNK_MS = 400;
+var LETTERS_PER_CHUNK = 20;
+var INTERVAL = 130;
+var QUIET_MS = 600;
+function chunkEnd(c, from, complete) {
+  if (from >= c.length) return null;
+  let i = from;
+  let lastBoundary = null;
+  const blank = (ch) => ch === " " || ch === "\n" || ch === "	" || ch === "\r";
+  while (i < c.length) {
+    while (i < c.length && blank(c[i])) i++;
+    while (i < c.length && !blank(c[i])) i++;
+    if (i >= c.length) break;
+    while (i < c.length && blank(c[i]) && c[i] !== "\n") i++;
+    lastBoundary = i;
+    if (i - from >= LETTERS_PER_CHUNK) return i;
+  }
+  return complete ? lastBoundary : c.length;
+}
+function useTextAtPace(text, live, whole = false) {
+  const animate = useRef2(null);
+  if (animate.current === null) {
+    const still = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+    animate.current = live && !still;
+  }
+  const [released, setReleased] = useState2(animate.current ? 0 : text.length);
+  const textRef = useRef2(text);
+  textRef.current = text;
+  const liveRef = useRef2(live);
+  liveRef.current = live;
+  const releasedRef = useRef2(released);
+  releasedRef.current = released;
+  useEffect2(() => {
+    if (!animate.current) return;
+    let last = 0;
+    let len = textRef.current.length;
+    let changed = performance.now();
+    const id = window.setInterval(() => {
+      const t = textRef.current;
+      if (t.length !== len) {
+        len = t.length;
+        changed = performance.now();
+      }
+      const s = Math.min(releasedRef.current, t.length);
+      if (!liveRef.current) {
+        if (s < t.length) setReleased(t.length);
+        return;
+      }
+      const lag = t.length - s;
+      const every = lag > 300 ? Math.max(30, INTERVAL * 300 / lag) : INTERVAL;
+      const now = performance.now();
+      if (now - last < every) return;
+      if (whole && s >= t.length) return;
+      const quiet = !whole && now - changed > QUIET_MS;
+      const end = quiet && s < t.length ? t.length : chunkEnd(t, s, true) ?? (whole ? t.length : null);
+      if (end != null && end > s) {
+        last = now;
+        setReleased(end);
+      }
+    }, 16);
+    return () => clearInterval(id);
+  }, []);
+  if (!animate.current) return { visible: text, animate: false };
+  return { visible: text.slice(0, Math.min(released, text.length)), animate: true };
+}
+var ChunksContext = createContext3(null);
+function useChunkRegistry() {
+  return useMemo2(() => /* @__PURE__ */ new Map(), []);
+}
+var UNTOUCHED = /* @__PURE__ */ new Set(["pre", "code", "svg", "math", "script", "style"]);
+var STYLE = `piloto-chunk ${CHUNK_MS}ms linear both`;
+function chunksPlugin(state) {
+  return () => (tree) => {
+    let total = 0;
+    const count = (n) => {
+      if (n.type === "text") total += n.value?.length ?? 0;
+      else if (n.type === "element" && UNTOUCHED.has(n.tagName ?? "")) return;
+      n.children?.forEach(count);
+    };
+    count(tree);
+    const now = performance.now();
+    if (total < state.total) state.chunks = state.chunks.filter((x) => x.start < total);
+    if (total > state.total) state.chunks.push({ start: state.total, t: now });
+    state.total = total;
+    const chunks = state.chunks;
+    if (!chunks.length) return;
+    let pos = 0;
+    const split = (n) => {
+      if (!n.children) return;
+      if (n.type === "element" && UNTOUCHED.has(n.tagName ?? "")) return;
+      const fresh = [];
+      for (const h of n.children) {
+        if (h.type !== "text" || !h.value) {
+          split(h);
+          fresh.push(h);
+          continue;
+        }
+        const start = pos;
+        const end = pos + h.value.length;
+        pos = end;
+        let k = 0;
+        while (k < chunks.length - 1 && chunks[k + 1].start <= start) k++;
+        let a = start;
+        while (a < end) {
+          const b = Math.min(end, k + 1 < chunks.length ? chunks[k + 1].start : end);
+          const young = now - chunks[k].t < CHUNK_MS;
+          fresh.push({
+            type: "element",
+            tagName: "span",
+            // Viejo (o recreado tras 400 ms) = sin animación: nunca vuelve a aparecer.
+            properties: young ? { style: `animation:${STYLE}` } : {},
+            children: [{ type: "text", value: h.value.slice(a - start, b - start) }]
+          });
+          a = b;
+          k++;
+        }
+      }
+      n.children = fresh;
+    };
+    split(tree);
+  };
+}
+var ChunkedBlock = memo(function ChunkedBlock2(props) {
+  const ctx = useContext3(ChunksContext);
+  const key = `${ctx?.part ?? 0}-${props.index}`;
+  const plugins = useMemo2(() => {
+    if (!ctx) return props.rehypePlugins;
+    let state = ctx.registry.get(key);
+    if (!state) {
+      state = { chunks: [], total: 0 };
+      ctx.registry.set(key, state);
+    }
+    return [...props.rehypePlugins ?? [], chunksPlugin(state)];
+  }, [props.content, props.rehypePlugins, key]);
+  return /* @__PURE__ */ jsx2(Block, { ...props, rehypePlugins: plugins });
+});
+
+// src/react/Markdown.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function LinkSafetyModal({ isOpen, onClose, onConfirm, url }) {
+  const { strings: t, theme, skin } = usePiloto();
+  const [copied, setCopied] = useState3(false);
+  if (!isOpen) return null;
+  const copy = async () => {
+    await navigator.clipboard?.writeText(url).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  const open = () => {
+    window.open(url, "_blank", "noopener,noreferrer");
+    onConfirm();
+  };
+  return /* @__PURE__ */ jsx3("div", { ...rootProps(theme, skin), style: { display: "contents" }, children: /* @__PURE__ */ jsx3("div", { className: "piloto-overlay fixed inset-0 z-[1000] flex items-center justify-center bg-black/60 px-4", onClick: onClose, role: "presentation", children: /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "piloto-dialog w-full max-w-md rounded-(--piloto-radius-card) border border-border-primary bg-background-primary p-6 text-text-primary shadow-(--piloto-shadow-card)",
+      onClick: (e) => e.stopPropagation(),
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": t.linkTitle,
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs2("h2", { className: "flex items-center gap-2 text-base font-semibold", children: [
+            /* @__PURE__ */ jsx3(ExternalLink, { className: "h-4 w-4 text-text-secondary" }),
+            t.linkTitle
+          ] }),
+          /* @__PURE__ */ jsx3("button", { type: "button", onClick: onClose, "aria-label": t.close, className: "text-text-secondary transition hover:text-text-primary", children: /* @__PURE__ */ jsx3(X, { className: "h-4 w-4" }) })
+        ] }),
+        /* @__PURE__ */ jsx3("p", { className: "mt-4 break-all rounded-(--piloto-radius-input) border border-border-primary bg-background-secondary px-3 py-2.5 font-mono text-xs", children: url }),
+        /* @__PURE__ */ jsxs2("div", { className: "mt-5 flex gap-2", children: [
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              onClick: copy,
+              className: "flex flex-1 items-center justify-center gap-2 rounded-(--piloto-radius-button) border border-border-primary bg-background-secondary px-4 py-2 text-sm transition hover:border-text-tertiary",
+              children: copied ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                /* @__PURE__ */ jsx3(Check, { className: "h-4 w-4 text-text-success" }),
+                t.linkCopied
+              ] }) : t.linkCopy
+            }
+          ),
+          /* @__PURE__ */ jsx3("button", { type: "button", onClick: open, className: "piloto-primary flex-1 rounded-(--piloto-radius-button) px-4 py-2 text-sm transition hover:opacity-90", children: t.linkOpen })
+        ] })
+      ]
+    }
+  ) }) });
+}
+var linkSafety = { enabled: true, renderModal: (p) => /* @__PURE__ */ jsx3(LinkSafetyModal, { ...p }) };
+function Markdown({ children, animate = false, className }) {
+  const { markdown } = usePiloto();
+  const registry = useChunkRegistry();
+  const text = markdown.transform ? markdown.transform(children) : children;
+  const onClick = markdown.onLinkClick ? (e) => {
+    const a = e.target.closest("a[href]");
+    if (!a) return;
+    if (markdown.onLinkClick(a.getAttribute("href") ?? "", e.nativeEvent)) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  } : void 0;
+  return (
+    // `min-w-0 break-words` y el scroll interno en pre/tablas: una URL larga no ensancha el chat.
+    /* @__PURE__ */ jsx3("div", { onClickCapture: onClick, className: `piloto-md min-w-0 max-w-full break-words ${className ?? ""}`, children: animate ? /* @__PURE__ */ jsx3(ChunksContext.Provider, { value: { registry, part: 0 }, children: /* @__PURE__ */ jsx3(Streamdown, { BlockComponent: ChunkedBlock, linkSafety, children: text }) }) : /* @__PURE__ */ jsx3(Streamdown, { linkSafety, children: text }) })
+  );
+}
+
+// src/react/Steps.tsx
+import { useState as useState4 } from "react";
+
+// src/react/InlineMarkdown.tsx
+import { Fragment as Fragment2 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var TOKEN = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*|__[^_\n]+__)|(\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_)|(\[[^\]\n]+\]\(https?:\/\/[^)\s]+\))/g;
+function renderInline(text) {
+  const out = [];
+  let last = 0;
+  let k = 0;
+  for (const m of text.matchAll(TOKEN)) {
+    const at = m.index ?? 0;
+    if (at > last) out.push(text.slice(last, at));
+    const t = m[0];
+    if (m[1]) out.push(/* @__PURE__ */ jsx4("code", { children: t.slice(1, -1) }, k++));
+    else if (m[2]) out.push(/* @__PURE__ */ jsx4("strong", { children: renderInline(t.slice(2, -2)) }, k++));
+    else if (m[3]) out.push(/* @__PURE__ */ jsx4("em", { children: renderInline(t.slice(1, -1)) }, k++));
+    else {
+      const [, label, href] = /^\[([^\]]+)\]\(([^)]+)\)$/.exec(t) ?? [];
+      out.push(
+        /* @__PURE__ */ jsx4("a", { href, target: "_blank", rel: "noopener noreferrer", children: label }, k++)
+      );
+    }
+    last = at + t.length;
+  }
+  if (last < text.length) out.push(text.slice(last));
+  return out;
+}
+function InlineMarkdown({ children }) {
+  return /* @__PURE__ */ jsx4(Fragment2, { children: renderInline(children) });
+}
+
+// src/react/Steps.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function ClawIcon({ className }) {
+  return /* @__PURE__ */ jsx5("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", className: `piloto-claw ${className ?? ""}`, "aria-hidden": "true", children: /* @__PURE__ */ jsxs3("g", { className: "piloto-claw-rig", children: [
+    /* @__PURE__ */ jsx5("path", { d: "M12 2v4" }),
+    /* @__PURE__ */ jsx5("rect", { x: "8.5", y: "6", width: "7", height: "3.5", rx: "1" }),
+    /* @__PURE__ */ jsx5("g", { className: "piloto-claw-l", children: /* @__PURE__ */ jsx5("path", { d: "M9.5 9.5 6 14l2 4.5" }) }),
+    /* @__PURE__ */ jsx5("g", { className: "piloto-claw-r", children: /* @__PURE__ */ jsx5("path", { d: "M14.5 9.5 18 14l-2 4.5" }) }),
+    /* @__PURE__ */ jsx5("path", { d: "M12 9.5v4" })
+  ] }) });
+}
+var DEFAULT_TOOL_ICONS = {
+  tool_search: Search,
+  bash: SquareTerminal,
+  shell: SquareTerminal,
+  terminal: SquareTerminal,
+  execute: SquareTerminal,
+  code: SquareTerminal,
+  script: SquareTerminal,
+  read: FileText,
+  read_file: FileText,
+  write: FilePenLine,
+  write_file: FilePenLine,
+  edit: FilePenLine,
+  edit_file: FilePenLine,
+  grep: Search,
+  glob: Search,
+  search: Search,
+  web_search: Globe,
+  web_fetch: Globe,
+  fetch: Globe,
+  browser: Globe,
+  site_publish: Globe,
+  pdf: FileText,
+  todo: ListChecks,
+  list: ListChecks,
+  folder: Folder,
+  image: Image,
+  delegate: UsersRound,
+  guide: BookOpen,
+  deliver: Send,
+  sheet: FileSpreadsheet,
+  view: AppWindow
+};
+function iconFor(t, icons) {
+  const name = toolName(t);
+  return name && icons[name] || t.kind && (icons[t.kind] ?? DEFAULT_TOOL_ICONS[t.kind]) || ClawIcon;
+}
+var VISIBLE = 5;
+function AgentSteps({ tools, live }) {
+  const { strings: t, toolVerbs } = usePiloto();
+  const [open, setOpen] = useState4(false);
+  const label = (x) => stepLabel(x, toolVerbs, t.step);
+  const failed = tools.filter((x) => x.status === "failed").length;
+  const groups = groupSteps(tools, label);
+  const shown = groups.slice(-VISIBLE);
+  const hidden = groups.length - shown.length;
+  return /* @__PURE__ */ jsxs3("div", { className: "piloto-steps mb-3 rounded-(--piloto-radius-card) px-3 py-2.5 transition-[background-color,border-color] duration-300", "data-live": live || void 0, children: [
+    /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => setOpen((v) => !v), "aria-expanded": open, title: open ? t.stepsCollapse : t.stepsExpand, className: "block w-full cursor-pointer text-left", children: open ? /* @__PURE__ */ jsxs3("span", { className: "flex items-center gap-1.5 text-xs font-medium text-text-primary", children: [
+      /* @__PURE__ */ jsx5(ChevronRight, { className: "h-3.5 w-3.5 shrink-0 rotate-90 text-text-tertiary" }),
+      /* @__PURE__ */ jsxs3("span", { className: "truncate", children: [
+        summarizeTools(tools, toolVerbs),
+        failed > 0 && /* @__PURE__ */ jsxs3("span", { className: "text-text-danger", children: [
+          ", ",
+          t.withProblems(failed)
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs3("ul", { className: "flex flex-col gap-1.5", children: [
+      hidden > 0 && /* @__PURE__ */ jsx5("li", { className: "text-[11px] font-medium text-text-tertiary", children: t.earlierSteps(hidden) }),
+      shown.map((g) => /* @__PURE__ */ jsx5(StepLine, { tool: g.tool, times: g.times, live }, g.tool.id))
+    ] }) }),
+    open && /* @__PURE__ */ jsx5("ul", { className: "mt-2 flex flex-col gap-1", children: tools.map((x) => /* @__PURE__ */ jsx5(ToolRow, { tool: x }, x.id)) })
+  ] });
+}
+function StepLine({ tool, times, live }) {
+  const { strings: t, toolVerbs, toolIcons } = usePiloto();
+  const Icon2 = iconFor(tool, toolIcons);
+  const spins = isRunning(tool) && live;
+  const label = stepLabel(tool, toolVerbs, t.step);
+  return /* @__PURE__ */ jsxs3("li", { className: "piloto-step flex min-w-0 items-center gap-2 text-[13px] leading-6 text-text-secondary", children: [
+    /* @__PURE__ */ jsx5("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", "aria-label": spins ? t.running : tool.status === "failed" ? t.failed : t.done, children: spins ? /* @__PURE__ */ jsx5(LoaderCircle, { className: "h-4 w-4 animate-spin text-text-info" }) : tool.status === "failed" ? /* @__PURE__ */ jsx5(CircleX, { className: "h-4 w-4 text-text-danger" }) : /* @__PURE__ */ jsx5(CircleCheck, { className: "h-4 w-4 text-text-success" }) }),
+    /* @__PURE__ */ jsx5(Icon2, { className: "h-[22px] w-[22px] shrink-0 text-text-secondary" }),
+    /* @__PURE__ */ jsxs3("span", { className: "min-w-0 truncate", children: [
+      /* @__PURE__ */ jsx5("span", { className: spins ? "text-text-primary" : void 0, children: label }),
+      tool.detail && /* @__PURE__ */ jsx5("span", { className: "piloto-step-detail", children: tool.detail }),
+      times > 1 && /* @__PURE__ */ jsxs3("span", { className: "ml-1 tabular-nums text-text-tertiary", children: [
+        "\xD7",
+        times
+      ] })
+    ] })
+  ] });
+}
+var STATUS = {
+  pending: { Icon: Clock, className: "text-text-tertiary", key: "step" },
+  in_progress: { Icon: LoaderCircle, className: "animate-spin text-text-info", key: "running" },
+  completed: { Icon: CircleCheck, className: "text-text-success", key: "done" },
+  failed: { Icon: CircleX, className: "text-text-danger", key: "failed" }
+};
+function ToolRow({ tool }) {
+  const { strings: t, toolVerbs, toolIcons } = usePiloto();
+  const s = STATUS[tool.status ?? "pending"] ?? STATUS.pending;
+  const KindIcon = iconFor(tool, toolIcons);
+  return /* @__PURE__ */ jsxs3("li", { className: "piloto-tool-row flex items-start gap-2.5 rounded-(--piloto-radius-input) border border-border-secondary bg-background-secondary/50 px-3 py-2 transition-colors hover:border-border-primary hover:bg-background-secondary", children: [
+    /* @__PURE__ */ jsx5("span", { className: "mt-px flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-background-primary text-text-secondary shadow-sm", children: /* @__PURE__ */ jsx5(KindIcon, { className: "h-3.5 w-3.5" }) }),
+    /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx5("span", { className: "block min-w-0 truncate text-xs font-medium text-text-primary", children: stepLabel(tool, toolVerbs, tool.id) }),
+      tool.detail && /* @__PURE__ */ jsx5("span", { className: "mt-0.5 block truncate text-[11px] text-text-tertiary", children: tool.detail }),
+      tool.path && /* @__PURE__ */ jsx5("span", { className: "mt-0.5 block truncate font-mono text-[10px] text-text-tertiary", children: tool.path })
+    ] }),
+    /* @__PURE__ */ jsx5("span", { className: "mt-0.5 shrink-0", title: t[s.key], "aria-label": t[s.key], children: /* @__PURE__ */ jsx5(s.Icon, { className: `h-3.5 w-3.5 ${s.className}` }) })
+  ] });
+}
+function Narration({ steps, children }) {
+  return /* @__PURE__ */ jsxs3("ul", { className: "piloto-narration mb-3 flex flex-col gap-1.5", children: [
+    steps.map((p, i) => /* @__PURE__ */ jsxs3("li", { className: "piloto-fade-up flex items-start gap-2 text-text-secondary", children: [
+      /* @__PURE__ */ jsx5("span", { className: "mt-[3px] grid size-4 shrink-0 place-items-center rounded-full bg-brand-500/15 text-brand-600", children: /* @__PURE__ */ jsx5(CheckMini, {}) }),
+      /* @__PURE__ */ jsx5("span", { className: "piloto-narration-text min-w-0", children: /* @__PURE__ */ jsx5(InlineMarkdown, { children: p }) })
+    ] }, i)),
+    children
+  ] });
+}
+function CheckMini() {
+  return /* @__PURE__ */ jsx5("svg", { viewBox: "0 0 24 24", width: "11", height: "11", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx5("path", { d: "M20 6 9 17l-5-5" }) });
+}
+
+// src/react/Bubble.tsx
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+async function copyText(text) {
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function UserBubble({ turn }) {
+  const { strings: t, formatUserText } = usePiloto();
+  const note = systemNoteOf(turn.text);
+  if (note) {
+    return /* @__PURE__ */ jsx6("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs4("span", { className: "piloto-system-note max-w-[80%] truncate rounded-full bg-background-secondary px-3 py-1 text-[11px] text-text-tertiary", children: [
+      "\u23F0 ",
+      note
+    ] }) });
+  }
+  const visible = formatUserText(turn.text);
+  const atts = turn.attachments ?? [];
+  const inBubble = atts.filter((a) => a.mimeType.startsWith("image/") && (a.data || a.uri) || a.mimeType.startsWith("audio/") && a.uri);
+  const docs = atts.filter((a) => !inBubble.includes(a));
+  return /* @__PURE__ */ jsxs4("div", { className: "piloto-user group/msg flex flex-col items-end gap-1", children: [
+    turn.steer && /* @__PURE__ */ jsxs4("span", { className: "text-[11px] text-text-tertiary", children: [
+      "\u21AA ",
+      t.steered
+    ] }),
+    docs.length > 0 && /* @__PURE__ */ jsx6("div", { className: "mb-1 flex max-w-[75%] flex-wrap justify-end gap-2", children: docs.map((a, i) => /* @__PURE__ */ jsxs4("span", { className: "piloto-attachment-card inline-flex max-w-[16rem] items-center gap-1.5 rounded-(--piloto-radius-input) border border-border-primary bg-background-primary px-2.5 py-1.5 text-xs text-text-secondary", children: [
+      /* @__PURE__ */ jsx6(FileText, { className: "h-3.5 w-3.5 shrink-0" }),
+      a.uri ? /* @__PURE__ */ jsx6("a", { href: a.uri, target: "_blank", rel: "noopener noreferrer", className: "truncate hover:underline", children: a.name ?? a.mimeType }) : /* @__PURE__ */ jsx6("span", { className: "truncate", children: a.name ?? a.mimeType })
+    ] }, i)) }),
+    (inBubble.length > 0 || visible.trim()) && /* @__PURE__ */ jsxs4("div", { className: "piloto-bubble-user max-w-[75%] whitespace-pre-wrap break-words rounded-(--piloto-radius-bubble) px-4 py-3 text-[15px] leading-[22px]", children: [
+      inBubble.length > 0 && /* @__PURE__ */ jsx6("div", { className: `flex flex-wrap justify-end gap-1.5 ${visible.trim() ? "mb-2" : ""}`, children: inBubble.map(
+        (a, i) => a.mimeType.startsWith("image/") ? /* @__PURE__ */ jsx6("img", { src: a.data ? `data:${a.mimeType};base64,${a.data}` : a.uri, alt: "", className: "h-20 w-20 rounded-lg object-cover" }, i) : /* @__PURE__ */ jsx6("audio", { src: a.uri, controls: true, preload: "metadata", className: "h-9 max-w-[16rem]" }, i)
+      ) }),
+      visible
+    ] }),
+    visible.trim() && /* @__PURE__ */ jsx6(CopyUserMessage, { text: visible })
+  ] });
+}
+function CopyUserMessage({ text }) {
+  const { strings: t } = usePiloto();
+  const [copied, setCopied] = useState5(false);
+  return /* @__PURE__ */ jsx6(
+    "button",
+    {
+      type: "button",
+      onClick: async () => {
+        if (await copyText(text)) {
+          setCopied(true);
+          setTimeout(() => setCopied(false), 1500);
+        }
+      },
+      "aria-label": copied ? t.copied : t.copyMessage,
+      title: copied ? t.copied : t.copy,
+      className: `piloto-copy-user grid h-7 w-7 place-items-center rounded-md text-text-tertiary transition-opacity hover:bg-background-secondary hover:text-text-primary focus-visible:opacity-100 [@media(hover:none)]:opacity-100 ${copied ? "opacity-100" : "opacity-0 group-hover/msg:opacity-100"}`,
+      children: copied ? /* @__PURE__ */ jsx6(Check, { className: "h-3.5 w-3.5 text-text-success" }) : /* @__PURE__ */ jsx6(Copy, { className: "h-3.5 w-3.5" })
+    }
+  );
+}
+function AnswerText({ text, live, whole = false }) {
+  const { visible, animate } = useTextAtPace(text, live, whole);
+  if (!visible) return null;
+  return /* @__PURE__ */ jsx6(Markdown, { animate, children: visible });
+}
+function ReplyOptionButtons({ options, onPick }) {
+  const { strings: t } = usePiloto();
+  return /* @__PURE__ */ jsx6("ul", { className: "piloto-options mt-3 flex flex-col gap-2", "aria-label": t.replyOptions, children: options.items.map((item, i) => {
+    const clean = cleanReplyOption(item);
+    return /* @__PURE__ */ jsx6("li", { className: "piloto-chunk-in", children: /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        onClick: () => onPick(clean),
+        className: "piloto-option group flex w-full cursor-pointer items-center gap-3 rounded-(--piloto-radius-input) border border-border-primary bg-background-primary px-4 py-2.5 text-left text-sm text-text-primary transition-colors hover:border-brand-300 hover:bg-background-secondary",
+        children: [
+          options.numbered && /* @__PURE__ */ jsxs4("span", { className: "shrink-0 tabular-nums text-text-tertiary", children: [
+            i + 1,
+            "."
+          ] }),
+          /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1", children: clean }),
+          /* @__PURE__ */ jsx6(ArrowUpRight, { className: "h-4 w-4 shrink-0 text-text-tertiary transition-colors group-hover:text-text-primary" })
+        ]
+      }
+    ) }, i);
+  }) });
+}
+function UsageStats({ used, size, cost }) {
+  const { strings: t } = usePiloto();
+  if (!used && !cost) return null;
+  const pct = size > 0 ? Math.min(100, Math.round(used / size * 100)) : 0;
+  return /* @__PURE__ */ jsxs4("div", { className: "piloto-usage mt-2 flex items-center gap-4 text-[11px] text-text-tertiary", children: [
+    /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx6(Gauge, { className: "h-3 w-3" }),
+      used.toLocaleString(t.numberLocale),
+      size > 0 && ` / ${size.toLocaleString(t.numberLocale)} (${pct}%)`
+    ] }),
+    cost > 0 && /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx6(Coins, { className: "h-3 w-3" }),
+      cost.toLocaleString(t.numberLocale, { style: "currency", currency: "USD", maximumFractionDigits: 4 })
+    ] })
+  ] });
+}
+function TurnFooter({ text, seconds, onRetry, showCopy = true }) {
+  const { strings: t } = usePiloto();
+  const [copied, setCopied] = useState5(false);
+  return /* @__PURE__ */ jsxs4("div", { className: "piloto-footer mt-2 flex items-center gap-3 text-xs text-text-tertiary", children: [
+    seconds ? /* @__PURE__ */ jsx6("span", { children: t.worked(seconds) }) : null,
+    showCopy && /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        onClick: async () => {
+          if (await copyText(text)) {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 1500);
+          }
+        },
+        className: "flex items-center gap-1 transition-colors hover:text-text-primary",
+        children: [
+          copied ? /* @__PURE__ */ jsx6(Check, { className: "h-3.5 w-3.5 text-text-success" }) : /* @__PURE__ */ jsx6(Copy, { className: "h-3.5 w-3.5" }),
+          copied ? t.copied : t.copy
+        ]
+      }
+    ),
+    onRetry && /* @__PURE__ */ jsxs4("button", { type: "button", onClick: onRetry, className: "flex items-center gap-1 transition-colors hover:text-text-primary", children: [
+      /* @__PURE__ */ jsx6(RotateCcw, { className: "h-3.5 w-3.5" }),
+      t.retry
+    ] })
+  ] });
+}
+function DeliveryChips({ deliveries }) {
+  const shown = deliveries.filter((d) => !d.capture);
+  if (!shown.length) return null;
+  return /* @__PURE__ */ jsx6("div", { className: "mt-2 flex flex-wrap gap-1.5", children: shown.map((d, i) => /* @__PURE__ */ jsxs4("span", { className: "piloto-delivery inline-flex max-w-[16rem] items-center gap-1.5 rounded-(--piloto-radius-input) border border-border-primary px-2 py-1 text-xs text-text-secondary", children: [
+    /* @__PURE__ */ jsx6(FileText, { className: "h-3.5 w-3.5 shrink-0" }),
+    /* @__PURE__ */ jsx6("span", { className: "truncate", children: d.name })
+  ] }, i)) });
+}
+function AgentBubble({ turn, live, onRetry, onOption, showUsage = true, showCopy = true, renderDeliveries }) {
+  const { strings: t } = usePiloto();
+  const narrated = splitNarration(turn.text ?? "", turn.cuts);
+  const visible = narrated.rest;
+  const options = onOption && !live && visible ? extractReplyOptions(visible) : null;
+  return /* @__PURE__ */ jsxs4("div", { className: "piloto-agent min-w-0 max-w-[92%]", children: [
+    turn.thought && /* @__PURE__ */ jsxs4("details", { className: "piloto-thought mb-3 text-xs text-text-secondary", children: [
+      /* @__PURE__ */ jsx6("summary", { className: "cursor-pointer select-none", children: t.thinking }),
+      /* @__PURE__ */ jsx6("p", { className: "mt-2 whitespace-pre-wrap border-l-2 border-border-secondary pl-3", children: turn.thought })
+    ] }),
+    turn.tools && turn.tools.length > 0 && /* @__PURE__ */ jsx6(AgentSteps, { tools: turn.tools, live }),
+    narrated.steps.length > 0 && /* @__PURE__ */ jsx6(Narration, { steps: narrated.steps }),
+    options ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+      options.before && /* @__PURE__ */ jsx6(AnswerText, { text: options.before, live }),
+      /* @__PURE__ */ jsx6(ReplyOptionButtons, { options, onPick: onOption })
+    ] }) : (
+      // Cada tramo nuevo tras una herramienta monta su propio ritmo (empieza de cero). Lo que llegó
+      // entero fuera de un turno se escribe al mismo ritmo; al recargar ya sale completo.
+      visible && /* @__PURE__ */ jsx6(AnswerText, { text: visible, live: live || !!turn.arrived, whole: !!turn.arrived }, `r${narrated.steps.length}`)
+    ),
+    renderDeliveries ? renderDeliveries(turn, live) : turn.deliveries?.length ? /* @__PURE__ */ jsx6(DeliveryChips, { deliveries: turn.deliveries }) : null,
+    turn.decisions?.length ? /* @__PURE__ */ jsx6(DecisionLines, { decisions: turn.decisions }) : null,
+    showUsage && turn.usage && /* @__PURE__ */ jsx6(UsageStats, { ...turn.usage }),
+    turn.text && !live && /* @__PURE__ */ jsx6(TurnFooter, { text: turn.text, seconds: turn.seconds, onRetry, showCopy })
+  ] });
+}
+
+// src/react/Chips.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function ReferenceChips({
+  references,
+  onRemove,
+  onActivate
+}) {
+  const { strings: t } = usePiloto();
+  if (!references.length) return null;
+  return /* @__PURE__ */ jsx7("div", { className: "piloto-references flex flex-wrap gap-1.5", children: references.map((r) => /* @__PURE__ */ jsxs5("span", { className: "piloto-reference inline-flex max-w-full items-center gap-1.5 rounded-full border py-1 pl-2.5 pr-1 text-xs text-text-primary", children: [
+    /* @__PURE__ */ jsx7(AtSign, { className: "h-3 w-3 shrink-0 text-brand-600" }),
+    /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => onActivate?.(r), className: "shrink-0 font-semibold underline-offset-2 hover:underline", children: r.label }),
+    r.hint && /* @__PURE__ */ jsxs5("span", { className: "truncate text-text-secondary", children: [
+      "\xAB",
+      r.hint,
+      "\xBB"
+    ] }),
+    /* @__PURE__ */ jsx7(
+      "button",
+      {
+        type: "button",
+        onClick: () => onRemove(r.id),
+        "aria-label": t.removeReference,
+        className: "grid size-5 shrink-0 cursor-pointer place-items-center rounded-full text-text-tertiary hover:bg-background-secondary hover:text-text-primary",
+        children: /* @__PURE__ */ jsx7(X, { className: "h-3 w-3" })
+      }
+    )
+  ] }, r.id)) });
+}
+function Suggestions({ items, onPick, onPrefill }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsx7("div", { className: "piloto-suggestions mt-3 flex flex-wrap justify-center gap-2", children: items.map((s, i) => /* @__PURE__ */ jsx7(
+    "button",
+    {
+      type: "button",
+      onClick: () => onPrefill && /:\s*$/.test(s) ? onPrefill(s) : onPick(s),
+      className: "piloto-suggestion rounded-full border border-border-primary bg-background-primary px-3.5 py-1.5 text-sm text-text-secondary transition-colors hover:border-brand-300 hover:text-text-primary",
+      children: s
+    },
+    i
+  )) });
+}
+
+// src/react/Composer.tsx
+import { useCallback, useEffect as useEffect3, useRef as useRef3, useState as useState6 } from "react";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var MAX_HEIGHT = 240;
+var BY_EXTENSION = {
+  png: "image/png",
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  gif: "image/gif",
+  webp: "image/webp",
+  heic: "image/heic",
+  pdf: "application/pdf",
+  csv: "text/csv",
+  txt: "text/plain",
+  md: "text/markdown",
+  json: "application/json"
+};
+function mimeOf(file) {
+  if (file.type) return file.type;
+  const ext = (file.name.match(/\.([A-Za-z0-9]+)$/)?.[1] || "").toLowerCase();
+  return BY_EXTENSION[ext] ?? "application/octet-stream";
+}
+var isText = (mime) => mime.startsWith("text/") || mime === "application/json" || mime.endsWith("+json") || mime.endsWith("+xml");
+function shortSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+function readInline(file) {
+  return new Promise((resolve, reject) => {
+    const fr = new FileReader();
+    fr.onload = () => {
+      const result = String(fr.result);
+      const comma = result.indexOf(",");
+      resolve({ name: file.name, mimeType: mimeOf(file), data: comma === -1 ? result : result.slice(comma + 1) });
+    };
+    fr.onerror = () => reject(fr.error);
+    fr.readAsDataURL(file);
+  });
+}
+function Composer({
+  onSubmit,
+  onStop,
+  busy = false,
+  canSteer = true,
+  placeholder,
+  initialValue = "",
+  autoFocus = true,
+  canSeeImages = true,
+  attachments: withFiles = false,
+  upload,
+  transcribe,
+  voiceNoteText,
+  models = [],
+  currentModel = null,
+  onModelChange,
+  references = [],
+  onRemoveReference,
+  onActivateReference,
+  extras,
+  maxFiles = 8,
+  maxFileMb = 25
+}) {
+  const { strings: t } = usePiloto();
+  const [value, setValue] = useState6(initialValue);
+  const [files, setFiles] = useState6([]);
+  const [dragging, setDragging] = useState6(false);
+  const [notice, setNotice] = useState6(null);
+  const [uploading, setUploading] = useState6(false);
+  const ref = useRef3(null);
+  const fileRef = useRef3(null);
+  const nextId = useRef3(0);
+  const urls = useRef3(/* @__PURE__ */ new Set());
+  const releaseUrl = (url) => {
+    urls.current.delete(url);
+    URL.revokeObjectURL(url);
+  };
+  useEffect3(() => {
+    if (!autoFocus) return;
+    const id = requestAnimationFrame(() => {
+      const el = ref.current;
+      if (!el) return;
+      el.focus();
+      el.setSelectionRange(el.value.length, el.value.length);
+    });
+    return () => cancelAnimationFrame(id);
+  }, [autoFocus]);
+  useEffect3(
+    () => () => {
+      for (const url of urls.current) URL.revokeObjectURL(url);
+      urls.current.clear();
+    },
+    []
+  );
+  useEffect3(() => {
+    const el = ref.current;
+    if (!el) return;
+    if (!value) {
+      el.style.height = "";
+      return;
+    }
+    el.style.height = "0px";
+    el.style.height = `${Math.min(el.scrollHeight, MAX_HEIGHT)}px`;
+  }, [value]);
+  const addFiles = useCallback(
+    (list) => {
+      if (busy) return;
+      const rejected = [];
+      setFiles((prev) => {
+        const next = [...prev];
+        for (const file of Array.from(list)) {
+          const mime = mimeOf(file);
+          if (file.size > maxFileMb * 1024 * 1024) {
+            rejected.push(t.tooBig(file.name, maxFileMb));
+            continue;
+          }
+          if (next.length >= maxFiles) {
+            rejected.push(t.tooMany(maxFiles));
+            break;
+          }
+          if (mime.startsWith("image/") && !canSeeImages) {
+            rejected.push(t.cantSeeImage(file.name));
+            continue;
+          }
+          if (!mime.startsWith("image/") && !isText(mime) && !upload) {
+            rejected.push(t.cantUpload(file.name));
+            continue;
+          }
+          const url = URL.createObjectURL(file);
+          urls.current.add(url);
+          next.push({ id: ++nextId.current, file, url });
+        }
+        return next;
+      });
+      setNotice(rejected.length ? rejected.join(" \xB7 ") : null);
+      ref.current?.focus();
+    },
+    [busy, canSeeImages, upload, maxFiles, maxFileMb, t]
+  );
+  useEffect3(() => {
+    if (!withFiles) return;
+    let inside = 0;
+    const hasFiles = (e) => Array.from(e.dataTransfer?.types ?? []).includes("Files");
+    const enter = (e) => {
+      if (!hasFiles(e)) return;
+      e.preventDefault();
+      inside++;
+      if (!busy) setDragging(true);
+    };
+    const over = (e) => {
+      if (hasFiles(e)) e.preventDefault();
+    };
+    const leave = (e) => {
+      if (!hasFiles(e)) return;
+      inside = Math.max(0, inside - 1);
+      if (inside === 0) setDragging(false);
+    };
+    const drop = (e) => {
+      if (!hasFiles(e)) return;
+      e.preventDefault();
+      inside = 0;
+      setDragging(false);
+      if (e.dataTransfer?.files.length) addFiles(e.dataTransfer.files);
+    };
+    window.addEventListener("dragenter", enter);
+    window.addEventListener("dragover", over);
+    window.addEventListener("dragleave", leave);
+    window.addEventListener("drop", drop);
+    return () => {
+      window.removeEventListener("dragenter", enter);
+      window.removeEventListener("dragover", over);
+      window.removeEventListener("dragleave", leave);
+      window.removeEventListener("drop", drop);
+    };
+  }, [withFiles, busy, addFiles]);
+  const removeFile = (id) => setFiles((prev) => {
+    const out = prev.find((a) => a.id === id);
+    if (out) releaseUrl(out.url);
+    return prev.filter((a) => a.id !== id);
+  });
+  const submit = async () => {
+    const body = value.trim();
+    if (!body && files.length === 0 && references.length === 0) return;
+    if (busy && (files.length > 0 || !canSteer)) return;
+    if (uploading) return;
+    let atts = [];
+    if (files.length) setUploading(true);
+    try {
+      atts = await Promise.all(
+        files.map(async (a) => {
+          const mime = mimeOf(a.file);
+          if (mime.startsWith("image/") || isText(mime)) return readInline(a.file);
+          const up = await upload(a.file);
+          return { name: a.file.name, mimeType: mime, data: "", uri: up.url, ...up.id ? { fileId: up.id } : {} };
+        })
+      );
+    } catch (e) {
+      setNotice(e instanceof Error ? e.message : t.uploadFailed);
+      return;
+    } finally {
+      setUploading(false);
+    }
+    onSubmit(body, atts);
+    setValue("");
+    setNotice(null);
+    for (const a of files) releaseUrl(a.url);
+    setFiles([]);
+  };
+  const [recording, setRecording] = useState6(false);
+  const [transcribing, setTranscribing] = useState6(false);
+  const [wave, setWave] = useState6([]);
+  const [seconds, setSeconds] = useState6(0);
+  const recRef = useRef3(null);
+  const pieces = useRef3([]);
+  const cancelRef = useRef3(false);
+  const meter = useRef3(null);
+  const [hasMic, setHasMic] = useState6(false);
+  useEffect3(() => setHasMic(typeof window !== "undefined" && "MediaRecorder" in window && Boolean(navigator.mediaDevices?.getUserMedia)), []);
+  const canRecord = Boolean(transcribe) && hasMic;
+  const toggleRecording = async () => {
+    if (recording) {
+      cancelRef.current = false;
+      recRef.current?.stop();
+      return;
+    }
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      const mime = ["audio/webm;codecs=opus", "audio/webm", "audio/mp4"].find((m) => MediaRecorder.isTypeSupported(m)) ?? "";
+      const rec = new MediaRecorder(stream, mime ? { mimeType: mime } : void 0);
+      pieces.current = [];
+      rec.ondataavailable = (e) => {
+        if (e.data.size > 0) pieces.current.push(e.data);
+      };
+      const ctx = new AudioContext();
+      const an = ctx.createAnalyser();
+      an.fftSize = 512;
+      ctx.createMediaStreamSource(stream).connect(an);
+      const buf = new Uint8Array(an.fftSize);
+      let lastTick = 0;
+      const tick = (time) => {
+        if (time - lastTick > 80) {
+          lastTick = time;
+          an.getByteTimeDomainData(buf);
+          let acc = 0;
+          for (let i = 0; i < buf.length; i++) {
+            const v = (buf[i] - 128) / 128;
+            acc += v * v;
+          }
+          setWave((w) => [...w.slice(-59), Math.min(1, Math.sqrt(acc / buf.length) * 4)]);
+        }
+        if (meter.current) meter.current.raf = requestAnimationFrame(tick);
+      };
+      const start = Date.now();
+      meter.current = { ctx, raf: requestAnimationFrame(tick), timer: window.setInterval(() => setSeconds(Math.floor((Date.now() - start) / 1e3)), 250) };
+      rec.onstop = async () => {
+        stream.getTracks().forEach((tr) => tr.stop());
+        if (meter.current) {
+          cancelAnimationFrame(meter.current.raf);
+          clearInterval(meter.current.timer);
+          void meter.current.ctx.close();
+          meter.current = null;
+        }
+        setRecording(false);
+        setWave([]);
+        setSeconds(0);
+        if (cancelRef.current) return;
+        const type = rec.mimeType || mime || "audio/webm";
+        const blob = new Blob(pieces.current, { type });
+        if (blob.size < 1e3) return;
+        setTranscribing(true);
+        try {
+          const ext = type.includes("mp4") ? "m4a" : "webm";
+          const name = `nota-de-voz-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.${ext}`;
+          const [said, up] = await Promise.all([transcribe(blob), upload ? upload(new File([blob], name, { type })) : Promise.resolve(null)]);
+          const text = said.trim();
+          if (!text) throw new Error(t.voiceEmpty);
+          const atts = up ? [{ name, mimeType: type, data: "", uri: up.url, ...up.id ? { fileId: up.id } : {} }] : [];
+          onSubmit(voiceNoteText ? voiceNoteText(text) : text, atts);
+          setNotice(null);
+        } catch (e) {
+          setNotice(e instanceof Error ? e.message : t.voiceFailed);
+        } finally {
+          setTranscribing(false);
+        }
+      };
+      recRef.current = rec;
+      rec.start();
+      setRecording(true);
+    } catch {
+      setNotice(t.micDenied);
+    }
+  };
+  const canSend = Boolean(value.trim() || files.length > 0 || references.length > 0);
+  const iconButton = "flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-text-secondary transition-colors hover:bg-background-secondary hover:text-text-primary disabled:opacity-30";
+  return /* @__PURE__ */ jsx8("div", { className: "piloto-composer rounded-(--piloto-radius-input)", children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2 p-3", children: [
+    withFiles && dragging && /* @__PURE__ */ jsx8("div", { className: "piloto-drop pointer-events-none fixed inset-0 z-[1000] flex items-center justify-center p-6", children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-2 rounded-(--piloto-radius-card) border-2 border-dashed border-brand-500 bg-background-primary px-10 py-8 text-center shadow-(--piloto-shadow-card)", children: [
+      /* @__PURE__ */ jsx8(Paperclip, { className: "size-7 text-brand-600" }),
+      /* @__PURE__ */ jsx8("p", { className: "text-base font-semibold text-text-primary", children: t.dropFiles }),
+      /* @__PURE__ */ jsx8("p", { className: "text-xs text-text-secondary", children: t.dropHint })
+    ] }) }),
+    /* @__PURE__ */ jsx8(
+      "input",
+      {
+        ref: fileRef,
+        type: "file",
+        multiple: true,
+        hidden: true,
+        onChange: (e) => {
+          if (e.target.files) addFiles(e.target.files);
+          e.target.value = "";
+        }
+      }
+    ),
+    notice && /* @__PURE__ */ jsx8("p", { className: "text-xs text-text-danger", children: notice }),
+    uploading && /* @__PURE__ */ jsxs6("p", { className: "flex items-center gap-1.5 text-xs text-text-secondary", children: [
+      /* @__PURE__ */ jsx8(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }),
+      files.length > 1 ? t.uploadingN(files.length) : t.uploading
+    ] }),
+    files.length > 0 && /* @__PURE__ */ jsx8("div", { className: "flex flex-wrap gap-2", children: files.map((a) => /* @__PURE__ */ jsxs6("div", { className: "relative h-16 w-16 overflow-hidden rounded-lg border border-border-primary bg-background-secondary", children: [
+      mimeOf(a.file).startsWith("image/") ? /* @__PURE__ */ jsx8("img", { src: a.url, alt: a.file.name, className: "h-full w-full object-cover" }) : (
+        // Un PDF pintado con <img> es un recuadro roto: nombre, extensión y peso.
+        /* @__PURE__ */ jsxs6("span", { className: "flex h-full w-full flex-col items-center justify-center gap-1 px-1 text-center", title: a.file.name, children: [
+          /* @__PURE__ */ jsx8(FileText, { className: "h-4 w-4 shrink-0 text-text-tertiary" }),
+          /* @__PURE__ */ jsx8("span", { className: "w-full truncate text-[9px] font-medium uppercase leading-none text-text-secondary", children: a.file.name.match(/\.([A-Za-z0-9]+)$/)?.[1] ?? "file" }),
+          /* @__PURE__ */ jsx8("span", { className: "w-full truncate text-[9px] leading-none text-text-tertiary", children: shortSize(a.file.size) })
+        ] })
+      ),
+      /* @__PURE__ */ jsx8(
+        "button",
+        {
+          type: "button",
+          onClick: () => removeFile(a.id),
+          "aria-label": t.removeAttachment,
+          className: "absolute right-0.5 top-0.5 flex h-5 w-5 items-center justify-center rounded-full bg-background-inverse/80 text-text-inverse shadow-sm transition-colors hover:bg-background-inverse",
+          children: /* @__PURE__ */ jsx8(X, { className: "h-3 w-3" })
+        }
+      )
+    ] }, a.id)) }),
+    /* @__PURE__ */ jsx8(ReferenceChips, { references, onRemove: (id) => onRemoveReference?.(id), onActivate: onActivateReference }),
+    recording ? (
+      // Grabando: la barra sustituye al campo de texto — punto rojo, reloj, la onda y las dos salidas.
+      /* @__PURE__ */ jsxs6("div", { className: "flex min-h-[24px] items-center gap-3 px-1", children: [
+        /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              cancelRef.current = true;
+              recRef.current?.stop();
+            },
+            "aria-label": t.cancelVoice,
+            className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-text-secondary hover:bg-background-secondary hover:text-text-primary",
+            children: /* @__PURE__ */ jsx8(X, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx8("span", { className: "piloto-rec-dot h-2 w-2 shrink-0 rounded-full" }),
+        /* @__PURE__ */ jsxs6("span", { className: "w-10 shrink-0 font-mono text-xs tabular-nums text-text-secondary", children: [
+          Math.floor(seconds / 60),
+          ":",
+          String(seconds % 60).padStart(2, "0")
+        ] }),
+        /* @__PURE__ */ jsx8("div", { className: "flex h-6 min-w-0 flex-1 items-center gap-[2px] overflow-hidden", children: Array.from({ length: 60 }, (_, i) => wave[wave.length - 60 + i] ?? 0).map((v, i) => /* @__PURE__ */ jsx8("span", { className: "w-[3px] shrink-0 rounded-full bg-text-secondary/70", style: { height: `${Math.max(3, Math.round(v * 22))}px` } }, i)) }),
+        /* @__PURE__ */ jsx8("button", { type: "button", onClick: toggleRecording, "aria-label": t.stopAndSendVoice, className: "piloto-send flex h-8 w-8 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx8(ArrowUp, { className: "h-4 w-4" }) })
+      ] })
+    ) : /* @__PURE__ */ jsx8(
+      "textarea",
+      {
+        ref,
+        rows: 1,
+        value,
+        placeholder,
+        onChange: (e) => setValue(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing) {
+            e.preventDefault();
+            void submit();
+          } else if (e.key === "Backspace" && !value && references.length) {
+            e.preventDefault();
+            onRemoveReference?.(references[references.length - 1].id);
+          }
+        },
+        className: "piloto-textarea max-h-60 min-h-[24px] w-full flex-none resize-none overflow-y-auto bg-transparent px-1 text-sm leading-6 text-text-primary outline-none placeholder:text-text-tertiary"
+      }
+    ),
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1 items-center gap-1.5 overflow-hidden", children: [
+        withFiles && /* @__PURE__ */ jsxs6(Fragment4, { children: [
+          /* @__PURE__ */ jsx8(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                if (!fileRef.current) return;
+                fileRef.current.accept = "image/*";
+                fileRef.current.click();
+              },
+              disabled: busy || !canSeeImages || files.length >= maxFiles,
+              "aria-label": canSeeImages ? t.attachImage : t.noImages,
+              title: canSeeImages ? t.attachImage : t.noImages,
+              className: iconButton,
+              children: /* @__PURE__ */ jsx8(Image, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx8(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                if (!fileRef.current) return;
+                fileRef.current.accept = "";
+                fileRef.current.click();
+              },
+              disabled: busy || files.length >= maxFiles,
+              "aria-label": t.attachFile,
+              title: t.attachFile,
+              className: iconButton,
+              children: /* @__PURE__ */ jsx8(Paperclip, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        extras,
+        models.length > 0 && onModelChange && /* @__PURE__ */ jsx8(ModelPicker, { models, current: currentModel, onChange: onModelChange })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex shrink-0 items-center gap-1.5", children: [
+        canRecord && !recording && /* @__PURE__ */ jsx8("button", { type: "button", onClick: toggleRecording, disabled: busy || transcribing, "aria-label": t.recordVoice, title: t.voiceNote, className: `${iconButton} h-8 w-8`, children: transcribing ? /* @__PURE__ */ jsx8(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx8(Mic, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            onClick: busy ? onStop : () => void submit(),
+            disabled: !busy && !canSend || uploading,
+            "aria-label": busy ? t.stop : uploading ? t.uploading : t.send,
+            "data-ready": busy || canSend || uploading || void 0,
+            className: "piloto-send flex h-8 w-8 items-center justify-center rounded-full transition-colors",
+            children: busy ? /* @__PURE__ */ jsx8(Square, { className: "h-3 w-3 fill-current" }) : uploading ? /* @__PURE__ */ jsx8(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx8(ArrowUp, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+function ModelPicker({ models, current, onChange }) {
+  const { strings: t } = usePiloto();
+  const [open, setOpen] = useState6(false);
+  const box = useRef3(null);
+  useEffect3(() => {
+    if (!open) return;
+    const outside = (e) => {
+      if (!box.current?.contains(e.target)) setOpen(false);
+    };
+    const escape = (e) => e.key === "Escape" && setOpen(false);
+    document.addEventListener("mousedown", outside);
+    document.addEventListener("keydown", escape);
+    return () => {
+      document.removeEventListener("mousedown", outside);
+      document.removeEventListener("keydown", escape);
+    };
+  }, [open]);
+  if (!models.length) return null;
+  const active = models.find((m) => m.value === current) ?? null;
+  return /* @__PURE__ */ jsxs6("div", { ref: box, className: "relative", children: [
+    /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        onClick: () => setOpen((v) => !v),
+        className: "flex max-w-56 items-center gap-1.5 rounded-full border border-border-primary px-2.5 py-1 text-xs text-text-secondary transition-colors hover:bg-background-secondary hover:text-text-primary",
+        children: [
+          /* @__PURE__ */ jsx8(Cpu, { className: "h-3.5 w-3.5 shrink-0" }),
+          /* @__PURE__ */ jsx8("span", { className: "truncate", children: active?.name ?? t.model }),
+          /* @__PURE__ */ jsx8(ChevronDown, { className: "h-3.5 w-3.5 shrink-0 opacity-70" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx8("div", { className: "piloto-menu absolute bottom-full left-0 z-20 mb-1 max-h-80 min-w-52 overflow-y-auto rounded-(--piloto-radius-input) border border-border-primary bg-background-primary py-1 shadow-(--piloto-shadow-card)", children: models.map((m) => /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          onChange(m.value);
+          setOpen(false);
+        },
+        className: "flex w-full items-center justify-between gap-3 px-3 py-1.5 text-left text-xs text-text-secondary transition-colors hover:bg-background-secondary hover:text-text-primary",
+        children: [
+          /* @__PURE__ */ jsx8("span", { className: "truncate", children: m.name }),
+          m.value === current && /* @__PURE__ */ jsx8(Check, { className: "h-3.5 w-3.5 shrink-0 text-text-success" })
+        ]
+      },
+      m.value
+    )) })
+  ] });
+}
+
+// src/react/Status.tsx
+import { AnimatePresence, motion } from "motion/react";
+import { useEffect as useEffect4, useState as useState7 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var WAKING_GIVEUP_S = 45;
+var STILL_WORKING_S = 90;
+function TypingDots() {
+  return /* @__PURE__ */ jsx9("div", { className: "piloto-typing", "aria-hidden": true, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx9("span", { className: "piloto-typing-dot" }, i)) });
+}
+function WaitLabel({
+  phase,
+  since,
+  elsewhere,
+  onLost,
+  showDuration = true
+}) {
+  const { strings: t } = usePiloto();
+  const [mounted] = useState7(() => Date.now());
+  const [now, setNow] = useState7(() => Date.now());
+  useEffect4(() => {
+    const id = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(id);
+  }, []);
+  const seconds = Math.max(0, Math.floor((now - (since || mounted)) / 1e3));
+  const phrases = t.thinkingPhrases;
+  const what = phase !== "session" ? t.waitPhase[phase] : phrases?.length ? (
+    // Frases propias de la app (el widget de un cliente): rotan cada 4 s.
+    elsewhere || seconds >= STILL_WORKING_S ? t.stillWorking : phrases[Math.floor(seconds / 4) % phrases.length]
+  ) : elsewhere ? t.stillWorking : t.howItGoes(seconds);
+  const lost = phase === "waking" && seconds >= WAKING_GIVEUP_S;
+  return /* @__PURE__ */ jsx9("div", { className: "piloto-wait flex flex-col gap-0.5 text-sm text-text-secondary", children: lost ? /* @__PURE__ */ jsxs7("p", { className: "text-text-primary", children: [
+    t.cantStart,
+    " ",
+    /* @__PURE__ */ jsx9("button", { type: "button", onClick: onLost, className: "cursor-pointer underline underline-offset-2", children: t.retry })
+  ] }) : (
+    // La frase cambia con fundido (sale y entra): de golpe se leía brusco.
+    /* @__PURE__ */ jsxs7("p", { className: "flex items-center", children: [
+      /* @__PURE__ */ jsx9(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx9(motion.span, { className: "piloto-wait-text", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3, ease: "easeInOut" }, children: what }, what) }),
+      showDuration && /* @__PURE__ */ jsx9("span", { className: "piloto-wait-time", children: formatDuration(seconds) })
+    ] })
+  ) });
+}
+var PHASES = ["waking", "connecting", "session"];
+function ConnectingState({ phase, error, avatar, onRetry }) {
+  const { strings: t } = usePiloto();
+  const current = PHASES.indexOf(phase);
+  return /* @__PURE__ */ jsxs7(motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3 }, className: "piloto-connecting flex min-h-[40vh] flex-col items-center justify-center gap-8 text-center", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "relative flex h-20 w-20 items-center justify-center", children: [
+      !error && [0, 1].map((i) => /* @__PURE__ */ jsx9(
+        motion.span,
+        {
+          className: "absolute inset-0 rounded-full border border-border-primary",
+          initial: { scale: 0.6, opacity: 0.8 },
+          animate: { scale: 1.6, opacity: 0 },
+          transition: { duration: 2.2, repeat: Infinity, ease: "easeOut", delay: i * 1.1 }
+        },
+        i
+      )),
+      /* @__PURE__ */ jsx9(
+        motion.div,
+        {
+          className: "grid h-12 w-12 place-items-center",
+          animate: error ? { scale: 1, filter: "grayscale(1)" } : { scale: [1, 1.06, 1] },
+          transition: error ? { duration: 0.3 } : { duration: 2.2, repeat: Infinity, ease: "easeInOut" },
+          children: avatar ?? /* @__PURE__ */ jsx9("span", { className: "piloto-avatar-default" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx9("ol", { className: "flex flex-col gap-3 text-left", children: t.connectSteps.map((step, i) => {
+      const done = !error && i < current;
+      const active = !error && i === current;
+      const failed = !!error && i === current;
+      return /* @__PURE__ */ jsxs7("li", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx9("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: done ? /* @__PURE__ */ jsx9("span", { className: "piloto-pop flex h-5 w-5 items-center justify-center rounded-full bg-background-success", children: /* @__PURE__ */ jsx9(Check, { className: "h-3 w-3 text-text-inverse", strokeWidth: 3 }) }) : active ? /* @__PURE__ */ jsx9("span", { className: "piloto-pulse h-2.5 w-2.5 rounded-full bg-text-primary" }) : failed ? /* @__PURE__ */ jsx9("span", { className: "h-2.5 w-2.5 rounded-full bg-text-danger" }) : /* @__PURE__ */ jsx9("span", { className: "h-2 w-2 rounded-full bg-border-primary" }) }),
+        /* @__PURE__ */ jsxs7("div", { className: "leading-tight", children: [
+          /* @__PURE__ */ jsxs7("p", { className: `text-sm ${active || failed ? "text-text-primary" : done ? "text-text-secondary" : "text-text-tertiary"}`, children: [
+            step.label,
+            active && /* @__PURE__ */ jsx9("span", { className: "piloto-ellipsis inline-block w-4 text-left", children: "\u2026" })
+          ] }),
+          active && /* @__PURE__ */ jsx9("p", { className: "text-xs text-text-tertiary", children: step.hint })
+        ] })
+      ] }, i);
+    }) }),
+    error && /* @__PURE__ */ jsxs7("div", { className: "flex max-w-md flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsx9("p", { className: "text-sm text-text-danger", children: error }),
+      onRetry && /* @__PURE__ */ jsx9("button", { type: "button", onClick: onRetry, className: "rounded-full border border-border-primary px-4 py-1.5 text-sm text-text-primary hover:bg-background-secondary", children: t.connectRetry })
+    ] })
+  ] });
+}
+
+// src/react/usePilot.ts
+import { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4, useState as useState8 } from "react";
+var message = (e, fallback) => e instanceof Error && e.message ? e.message : fallback;
+function usePilot(transport, opts = {}) {
+  const [state, setState] = useState8(() => createPilotState(opts.initialTurns ?? []));
+  const ref = useRef4(state);
+  const optsRef = useRef4(opts);
+  optsRef.current = opts;
+  const transportRef = useRef4(transport);
+  transportRef.current = transport;
+  const pendingWakes = useRef4([]);
+  const commit = useCallback2((next) => {
+    const prev = ref.current;
+    if (next === prev) return;
+    ref.current = next;
+    setState(next);
+    const o = optsRef.current;
+    for (const e of next.effects) {
+      if (e.type === "turn-start") o.onTurnStart?.();
+      else if (e.type === "turn-done") o.onTurnDone?.({ text: e.text, turnId: e.turnId, seconds: e.seconds });
+      else if (e.type === "turn-interrupted") {
+        const last = next.turns[next.turns.length - 1];
+        o.onTurnDone?.({ text: last?.role === "assistant" ? last.text : "", turnId: e.turnId, interrupted: { reason: e.reason, turnId: e.turnId } });
+      } else if (e.type === "needs-login") o.onNeedsLogin?.();
+      else if (e.type === "title") o.onTitle?.(e.title);
+      else if (e.type === "disconnected") o.onDisconnected?.();
+    }
+    if (prev.busy && !next.busy && pendingWakes.current.length) {
+      const texts = pendingWakes.current.splice(0);
+      const after = appendAgentMessages(ref.current, texts);
+      ref.current = after;
+      setState(after);
+    }
+  }, []);
+  useEffect5(() => {
+    if (!transport) return;
+    let off = null;
+    let gone = false;
+    const subscribe = () => {
+      if (gone) return;
+      off = transport.subscribe(
+        (name, data) => {
+          optsRef.current.onEvent?.(name, data);
+          commit(reducePilotEvent(ref.current, name, data));
+        },
+        { isBusy: () => ref.current.busy }
+      );
+    };
+    if (transport.history && !optsRef.current.initialTurns) {
+      transport.history().then((h) => {
+        if (gone) return;
+        const { turns, permissions } = Array.isArray(h) ? { turns: h, permissions: [] } : h;
+        commit(applyHistory(ref.current, turns, permissions));
+      }).catch(() => {
+      }).finally(subscribe);
+    } else subscribe();
+    return () => {
+      gone = true;
+      off?.();
+    };
+  }, [transport, commit]);
+  const first = useRef4(true);
+  useEffect5(() => {
+    if (first.current) {
+      first.current = false;
+      return;
+    }
+    if (opts.initialTurns) commit(reconcileWith(ref.current, opts.initialTurns));
+  }, [opts.initialTurns, commit]);
+  const send = useCallback2(
+    async (text, attachments = [], extra = {}) => {
+      const t = transportRef.current;
+      if (!t) return;
+      const s0 = ref.current;
+      const inFlight = s0.busy;
+      const ctx = optsRef.current.context;
+      const input = {
+        text,
+        attachments,
+        firstTurn: s0.turns.length === 0,
+        ...extra.resume ? { resume: true } : {},
+        ...extra.resumeTurnId ? { resumeTurnId: extra.resumeTurnId } : {},
+        ...extra.references?.length ? { references: extra.references } : {},
+        ...ctx !== void 0 ? { context: typeof ctx === "function" ? ctx() : ctx } : {}
+      };
+      commit(beginSend(s0, text, attachments));
+      optsRef.current.onSend?.(input);
+      try {
+        const r = await t.send(input);
+        commit(sendAccepted(ref.current, r, inFlight));
+      } catch (e) {
+        if (e?.code === "turn_busy") {
+          commit(sendRejectedBusy(ref.current, message(e, "Ya hay un turno en curso.")));
+          return;
+        }
+        commit(sendFailed(ref.current, message(e, "No se pudo mandar el mensaje"), Boolean(e?.needsLogin)));
+      }
+    },
+    [commit]
+  );
+  const stop = useCallback2(() => {
+    commit(stopTurn(ref.current));
+    void transportRef.current?.cancel();
+  }, [commit]);
+  const retry = useCallback2(() => {
+    const s = ref.current;
+    const last = lastUserTurn(s.turns);
+    if (!last || s.busy) return;
+    commit(dropLastExchange(s));
+    void send(last.text, last.attachments ?? []);
+  }, [commit, send]);
+  const abandonAndRetry = useCallback2(() => {
+    const s = ref.current;
+    const last = lastUserTurn(s.turns);
+    if (!last) return;
+    commit({ ...dropLastExchange(s), busy: false });
+    void send(last.text, last.attachments ?? []);
+  }, [commit, send]);
+  const resume = useCallback2(() => {
+    const s = ref.current;
+    if (s.busy) return;
+    commit({ ...s, interrupted: null, effects: [] });
+    if (resumeMode(s.turns) === "resend") abandonAndRetry();
+    else void send(RESUME_TEXT, [], { resume: true, resumeTurnId: s.interrupted?.turnId });
+  }, [commit, send, abandonAndRetry]);
+  const setModel = useCallback2(
+    (value) => {
+      commit({ ...ref.current, currentModel: value, effects: [] });
+      void transportRef.current?.setModel?.(value);
+    },
+    [commit]
+  );
+  const respondPermission = useCallback2(
+    async (id, optionId, via) => {
+      const t = transportRef.current;
+      const handler = via ?? (t?.respondPermission ? (a, b) => t.respondPermission(a, b) : void 0);
+      if (!handler) throw new Error("ghostykit: el transporte no sabe contestar permisos (pasa `onPermission`)");
+      const asked = ref.current.permissions.find((p) => p.id === id);
+      const r = await handler(id, optionId);
+      commit(resolvePermission(ref.current, id, optionId, r ? r.resolved !== false : true, r ? r.detail : void 0, asked));
+      return r;
+    },
+    [commit]
+  );
+  const recordDecision = useCallback2(
+    (id, optionId, r, asked) => commit(resolvePermission(ref.current, id, optionId, r ? r.resolved !== false : true, r ? r.detail : void 0, asked)),
+    [commit]
+  );
+  const expirePermission = useCallback2(
+    (id) => {
+      if (ref.current.permissions.some((p) => p.id === id)) commit(resolvePermission(ref.current, id, "", false));
+    },
+    [commit]
+  );
+  const appendAgentMessage = useCallback2(
+    (text) => {
+      if (ref.current.busy) {
+        pendingWakes.current.push(text);
+        return;
+      }
+      commit(appendAgentMessages(ref.current, [text]));
+    },
+    [commit]
+  );
+  return { state, send, stop, retry, abandonAndRetry, resume, setModel, respondPermission, recordDecision, expirePermission, appendAgentMessage };
+}
+function useSseTransport(base, opts) {
+  const optsRef = useRef4(opts);
+  optsRef.current = opts;
+  return useMemo3(() => base ? createSseTransport(base, optsRef.current) : null, [base]);
+}
+
+// src/react/Piloto.tsx
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var useIsoLayoutEffect = typeof window === "undefined" ? useEffect6 : useLayoutEffect;
+var ANCHOR_GAP = 24;
+var Piloto = forwardRef3(function Piloto2(props, handle) {
+  const { transport, pilot: external, locale = "es", theme = "light", features = {}, slots = {} } = props;
+  const own = usePilot(external ? null : transport, props);
+  const pilot = external ?? own;
+  const { state } = pilot;
+  const { turns, busy, connected, phase, error, notice, interrupted, permissions } = state;
+  const strings = useMemo4(() => ({ ...locale === "en" ? STRINGS_EN : STRINGS_ES, ...props.strings }), [locale, props.strings]);
+  const config = useMemo4(
+    () => ({
+      strings,
+      toolVerbs: { ...locale === "en" ? TOOL_VERBS_EN : TOOL_VERBS_ES, ...props.toolVerbs },
+      toolIcons: props.toolIcons ?? {},
+      formatUserText: props.formatUserText ?? cleanUserText,
+      theme,
+      skin: props.skin ?? "ghosty",
+      markdown: props.markdown ?? {}
+    }),
+    [strings, locale, props.toolVerbs, props.toolIcons, props.formatUserText, theme, props.skin, props.markdown]
+  );
+  const t = strings;
+  const [ownRefs, setOwnRefs] = useState9([]);
+  const refs = props.references ?? ownRefs;
+  const refsRef = useRef5(refs);
+  refsRef.current = refs;
+  const setRefs = useCallback3(
+    (next) => {
+      if (!props.references) setOwnRefs(next);
+      props.onReferencesChange?.(next);
+    },
+    [props.references, props.onReferencesChange]
+  );
+  const composerBox = useRef5(null);
+  const draftText = typeof props.draft === "string" ? props.draft : props.draft?.text;
+  const draftKey = typeof props.draft === "object" && props.draft ? props.draft.key : void 0;
+  const [draft, setDraftState] = useState9(() => ({ text: draftText ?? "", n: 0 }));
+  const draftSeen = useRef5(`${draftText}\0${draftKey}`);
+  useEffect6(() => {
+    const id = `${draftText}\0${draftKey}`;
+    if (draftText == null || id === draftSeen.current) return;
+    draftSeen.current = id;
+    setDraftState((d) => ({ text: draftText, n: d.n + 1 }));
+  }, [draftText, draftKey]);
+  const send = useCallback3(
+    (text, attachments = []) => {
+      const current = refsRef.current;
+      const full = applyReferences(text, current);
+      if (current.length) setRefs([]);
+      void pilot.send(full, attachments, current.length ? { references: current } : {});
+    },
+    [pilot, setRefs]
+  );
+  useImperativeHandle(
+    handle,
+    () => ({
+      send,
+      addReference: (r) => {
+        const current = refsRef.current;
+        if (!current.some((x) => x.id === r.id)) setRefs([...current, r]);
+        requestAnimationFrame(() => composerBox.current?.querySelector("textarea")?.focus());
+      },
+      setDraft: (text) => setDraftState((d) => ({ text, n: d.n + 1 })),
+      focus: () => composerBox.current?.querySelector("textarea")?.focus()
+    }),
+    [send, setRefs]
+  );
+  const [held, setHeld] = useState9({});
+  const releaseHeld = (id) => setHeld(({ [id]: _, ...rest }) => rest);
+  const respond = async (id, optionId) => {
+    const req = permissions.find((p) => p.id === id);
+    if (req) setHeld((h) => ({ ...h, [id]: req }));
+    const handler = props.onPermission ?? (transport?.respondPermission ? (a, b) => transport.respondPermission(a, b) : void 0);
+    if (!handler) throw new Error("ghostykit: falta `onPermission` (el transporte no contesta permisos)");
+    try {
+      return await handler(id, optionId);
+    } catch (e) {
+      releaseHeld(id);
+      throw e;
+    }
+  };
+  const settle = (id, optionId, answer) => {
+    pilot.recordDecision(id, optionId, answer, held[id]);
+    releaseHeld(id);
+  };
+  const cards = [...permissions, ...Object.values(held).filter((h) => !permissions.some((p) => p.id === h.id))];
+  const scroller = useRef5(null);
+  const column = useRef5(null);
+  const spacer = useRef5(null);
+  const following = useRef5(true);
+  const touchY = useRef5(null);
+  const [atBottom, setAtBottom] = useState9(true);
+  const message2 = (n) => scroller.current?.querySelector(`[data-turn="${n}"]`) ?? null;
+  const placed = useRef5(false);
+  useEffect6(() => {
+    if (placed.current || turns.length === 0) return;
+    placed.current = true;
+    const el = scroller.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, [turns.length]);
+  let mineIndex = -1;
+  for (let i = turns.length - 1; i >= 0; i--) {
+    const x = turns[i];
+    if (x.role === "user" && !x.steer && !x.text.startsWith("\u23F0 ")) {
+      mineIndex = i;
+      break;
+    }
+  }
+  const mine = mineIndex >= 0 ? turns[mineIndex] : null;
+  const mineSeen = useRef5(mine);
+  const [anchor, setAnchor] = useState9(null);
+  useEffect6(() => {
+    if (mine === mineSeen.current) return;
+    mineSeen.current = mine;
+    if (mine) setAnchor(mineIndex);
+    following.current = true;
+  }, [mine, mineIndex]);
+  const gapAbove = (a) => anchor === 0 ? a.offsetTop : ANCHOR_GAP;
+  const measureSpacer = useCallback3(() => {
+    const sc = scroller.current;
+    const sp = spacer.current;
+    if (!sc || !sp) return;
+    const a = anchor != null ? message2(anchor) : null;
+    if (!a) {
+      sp.style.height = "0px";
+      return;
+    }
+    const fromAnchor = sp.getBoundingClientRect().top - a.getBoundingClientRect().top;
+    sp.style.height = `${Math.max(0, sc.clientHeight - fromAnchor - gapAbove(a))}px`;
+  }, [anchor]);
+  useIsoLayoutEffect(() => {
+    measureSpacer();
+    const sc = scroller.current;
+    const a = anchor != null ? message2(anchor) : null;
+    if (sc && a) sc.scrollTo({ top: a.offsetTop - gapAbove(a), behavior: "smooth" });
+  }, [anchor, measureSpacer]);
+  useEffect6(() => {
+    const col = column.current;
+    const sc = scroller.current;
+    if (!col || !sc || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(() => {
+      measureSpacer();
+      if (following.current && spacer.current?.style.height === "0px") sc.scrollTop = sc.scrollHeight;
+    });
+    ro.observe(col);
+    ro.observe(sc);
+    return () => ro.disconnect();
+  }, [measureSpacer]);
+  const onScroll = () => {
+    const el = scroller.current;
+    if (!el) return;
+    const end = el.scrollHeight - el.scrollTop - el.clientHeight < 80;
+    setAtBottom(end);
+    if (end) following.current = true;
+  };
+  const release = () => {
+    following.current = false;
+  };
+  const toBottom = () => {
+    const el = scroller.current;
+    if (el) el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+  };
+  const last = turns[turns.length - 1];
+  const pageInProgress = last?.role === "assistant" && (Boolean(last.planning) || (last.pages ?? []).some((p) => !p.error && (!p.readyAt || p.review?.status === "running")));
+  const toolRunning = busy && last?.role === "assistant" && ((last.tools ?? []).some(isRunning) || pageInProgress);
+  const empty = turns.length === 0 && !busy;
+  const placeholder = !connected ? t.placeholderConnecting : props.placeholder ?? (props.agentName ? t.placeholder(props.agentName) : t.placeholderDefault);
+  const showFiles = features.attachments ?? Boolean(props.upload);
+  const [slowConnect, setSlowConnect] = useState9(false);
+  useEffect6(() => {
+    if (connected) return setSlowConnect(false);
+    const id = setTimeout(() => setSlowConnect(true), 800);
+    return () => clearTimeout(id);
+  }, [connected]);
+  const composer = /* @__PURE__ */ jsx10("div", { ref: composerBox, children: /* @__PURE__ */ jsx10(
+    Composer,
+    {
+      initialValue: draft.text,
+      onSubmit: send,
+      onStop: pilot.stop,
+      busy,
+      canSteer: (external ? true : transport?.steer) !== false,
+      placeholder,
+      canSeeImages: state.canSeeImages,
+      attachments: showFiles,
+      upload: props.upload,
+      transcribe: props.transcribe,
+      voiceNoteText: props.voiceNoteText,
+      models: features.models === false ? [] : state.models,
+      currentModel: state.currentModel,
+      onModelChange: pilot.setModel,
+      references: refs,
+      onRemoveReference: (id) => setRefs(refsRef.current.filter((r) => r.id !== id)),
+      onActivateReference: props.onReferenceClick,
+      extras: slots.composerExtras
+    },
+    draft.n
+  ) });
+  const permissionCards = cards.map((p) => /* @__PURE__ */ jsx10(ConfirmCard, { request: p, onRespond: respond, onSettled: settle, onExpire: pilot.expirePermission }, p.id));
+  return /* @__PURE__ */ jsx10(PilotoContext.Provider, { value: config, children: /* @__PURE__ */ jsx10("div", { ...rootProps(theme, props.skin), "data-busy": busy || void 0, className: `piloto ${props.className ?? ""}`, style: props.style, children: empty ? (
+    // Si no cabe (panel bajo, saludo largo), se desplaza en vez de recortarse: el centrado es con
+    // márgenes automáticos, que nunca empujan contenido fuera del contenedor.
+    /* @__PURE__ */ jsxs8("div", { className: "piloto-empty", children: [
+      slots.headerActions && /* @__PURE__ */ jsx10("div", { className: "absolute right-4 top-3 flex gap-2", children: slots.headerActions }),
+      /* @__PURE__ */ jsxs8("div", { className: "piloto-empty-inner", children: [
+        !connected && slowConnect ? /* @__PURE__ */ jsx10(ConnectingState, { phase, error, avatar: props.avatar }) : slots.emptyState ?? /* @__PURE__ */ jsxs8("div", { className: "piloto-welcome mb-6 flex flex-col items-center gap-3 text-center", children: [
+          props.avatar,
+          props.welcome && // Un saludo largo (una explicación) va en letra de lectura; uno corto, en la de cartel.
+          /* @__PURE__ */ jsx10("div", { className: "piloto-welcome-text", "data-long": typeof props.welcome === "string" && props.welcome.length > 60 ? "" : void 0, children: props.welcome })
+        ] }),
+        /* @__PURE__ */ jsxs8("div", { className: "w-full max-w-3xl", children: [
+          slots.aboveComposer,
+          composer,
+          props.suggestions && /* @__PURE__ */ jsx10(Suggestions, { items: props.suggestions, onPick: (s) => send(s), onPrefill: (s) => setDraftState((d) => ({ text: s, n: d.n + 1 })) })
+        ] })
+      ] })
+    ] })
+  ) : /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    slots.headerActions && /* @__PURE__ */ jsx10("div", { className: "flex shrink-0 justify-end gap-2 px-4 pt-3", children: slots.headerActions }),
+    /* @__PURE__ */ jsxs8(
+      "div",
+      {
+        ref: scroller,
+        onScroll,
+        onWheel: (e) => e.deltaY < 0 && release(),
+        onTouchStart: (e) => {
+          touchY.current = e.touches[0]?.clientY ?? null;
+        },
+        onTouchMove: (e) => {
+          const y = e.touches[0]?.clientY;
+          if (touchY.current != null && y != null && y > touchY.current + 4) release();
+        },
+        onKeyDown: (e) => ["ArrowUp", "PageUp", "Home"].includes(e.key) && release(),
+        className: "piloto-scroll relative min-h-0 flex-1 overflow-y-auto overflow-x-hidden",
+        children: [
+          /* @__PURE__ */ jsxs8("div", { ref: column, className: "piloto-column mx-auto flex w-full flex-col gap-6 px-4 py-6", children: [
+            turns.map((turn, i) => {
+              const isLast = i === turns.length - 1;
+              const live = busy && isLast;
+              return /* @__PURE__ */ jsx10("div", { "data-turn": i, children: turn.role === "user" ? /* @__PURE__ */ jsx10(UserBubble, { turn }) : /* @__PURE__ */ jsx10(
+                AgentBubble,
+                {
+                  turn,
+                  live,
+                  onRetry: isLast && features.retry !== false ? pilot.retry : void 0,
+                  onOption: isLast && !busy && features.replyOptions !== false ? (text) => send(text) : void 0,
+                  showUsage: features.usage !== false,
+                  showCopy: features.copy !== false,
+                  renderDeliveries: slots.renderDeliveries
+                }
+              ) }, i);
+            }),
+            permissionCards,
+            busy && !toolRunning && !cards.length && /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsx10(TypingDots, {}),
+              /* @__PURE__ */ jsx10(WaitLabel, { phase, since: state.turnStartedAt, elsewhere: state.elsewhere, onLost: pilot.abandonAndRetry, showDuration: features.duration !== false })
+            ] }),
+            interrupted && !busy && /* @__PURE__ */ jsxs8("p", { className: "piloto-interrupted text-sm text-text-secondary", children: [
+              /me quedé a medias|i stopped halfway/i.test(last?.text ?? "") ? t.interruptedOurFault : t.interrupted(interrupted.reason),
+              " ",
+              /* @__PURE__ */ jsx10("button", { type: "button", onClick: pilot.resume, className: "cursor-pointer text-text-primary underline underline-offset-2", children: interrupted.canContinue ? t.continueTurn : t.resume })
+            ] }),
+            notice && /* @__PURE__ */ jsx10("p", { className: "piloto-notice text-sm text-text-tertiary", children: notice }),
+            error && /* @__PURE__ */ jsx10("p", { className: "piloto-error text-sm text-text-danger", children: error })
+          ] }),
+          /* @__PURE__ */ jsx10("div", { ref: spacer, "aria-hidden": true })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs8("div", { className: "piloto-dock relative mx-auto w-full px-4 pb-4", children: [
+      !atBottom && /* @__PURE__ */ jsx10(
+        "button",
+        {
+          type: "button",
+          onClick: toBottom,
+          "aria-label": t.goToLatest,
+          className: "piloto-to-bottom 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-(--piloto-shadow-card) transition hover:text-text-primary",
+          children: /* @__PURE__ */ jsx10(ArrowDown, { className: "h-4 w-4" })
+        }
+      ),
+      slots.aboveComposer,
+      composer
+    ] })
+  ] }) }) });
+});
+export {
+  AgentBubble,
+  AgentSteps,
+  ClawIcon,
+  Composer,
+  ConfirmCard,
+  ConnectingState,
+  CopyUserMessage,
+  DEFAULT_TOOL_ICONS,
+  DecisionLines,
+  DeliveryChips,
+  InlineMarkdown,
+  LinkSafetyModal,
+  Markdown,
+  ModelPicker,
+  Narration,
+  PilotHttpError,
+  Piloto,
+  PilotoContext,
+  RESTART_NOTICE,
+  RESUME_TEXT,
+  ReferenceChips,
+  ReplyOptionButtons,
+  STRINGS_EN,
+  STRINGS_ES,
+  Suggestions,
+  TOOL_VERBS_EN,
+  TOOL_VERBS_ES,
+  ToolRow,
+  TurnFooter,
+  TypingDots,
+  UsageStats,
+  UserBubble,
+  WaitLabel,
+  appendAgentMessages,
+  applyHistory,
+  applyReferences,
+  beginSend,
+  cleanReplyOption,
+  cleanUserText,
+  createPilotState,
+  createPostStreamTransport,
+  createSseTransport,
+  Piloto as default,
+  dropLastExchange,
+  expiryMs,
+  extractReplyOptions,
+  formatDuration,
+  groupSteps,
+  isNarration,
+  isRunning,
+  lastUserTurn,
+  mimeOf,
+  narrationToMarkdown,
+  readSse,
+  reconcileTurns,
+  reconcileWith,
+  reducePilotEvent,
+  renderInline,
+  resolvePermission,
+  resumeMode,
+  sendAccepted,
+  sendFailed,
+  sendRejectedBusy,
+  splitNarration,
+  stepLabel,
+  stopTurn,
+  summarizeTools,
+  systemNoteOf,
+  toolName,
+  usePilot,
+  usePiloto,
+  useSseTransport,
+  useTextAtPace
+};