ghostykit 0.6.4 → 0.7.1

package/dist/react/index.js

@@ -1,6 +1,4 @@
 import {
-  TOOL_VERBS_EN,
-  TOOL_VERBS_ES,
   applyJsonPatch,
   argsDetail,
   beginSend,
@@ -9,10 +7,9 @@ import {
   createPilotState,
   dropLastExchange,
   expiryMs,
+  extractBlocks,
   extractReplyOptions,
-  groupSteps,
   isNarration,
-  isRunning,
   lastUserTurn,
   markSubagent,
   messagesToTurns,
@@ -23,20 +20,77 @@ import {
   resolvePermission,
   sendFailed,
   splitNarration,
-  stepLabel,
   stopTurn,
   subagentsOf,
-  summarizeTools,
   takeQueued,
-  toPermission,
-  toolName,
-  toolNames
-} from "../chunks/chunk-LPPND5ME.js";
+  toPermission
+} from "../chunks/chunk-7M2B7VKH.js";
 import {
   PilotHttpError,
   createAgUiTransport,
   readSse
-} from "../chunks/chunk-TMEHQZWL.js";
+} from "../chunks/chunk-KG23PQI2.js";
+import {
+  Activity,
+  AppWindow,
+  ArrowDown,
+  ArrowUpRight,
+  BUILTIN_CUSTOM,
+  BookOpen,
+  Check,
+  ChevronRight,
+  CircleCheck,
+  CircleSlash,
+  CircleX,
+  Clock,
+  Coins,
+  Composer,
+  Copy,
+  ExternalLink,
+  FilePenLine,
+  FileSpreadsheet,
+  FileText,
+  Folder,
+  Gauge,
+  Globe,
+  Image,
+  Inbox,
+  ListChecks,
+  LoaderCircle,
+  ModelPicker,
+  OctagonX,
+  PilotoContext,
+  ReferenceChips,
+  RotateCcw,
+  STRINGS_EN,
+  STRINGS_ES,
+  Search,
+  Send,
+  ShieldAlert,
+  Suggestions,
+  TurnContext,
+  UsersRound,
+  Wrench,
+  X,
+  definePlugin,
+  isDev,
+  mimeOf,
+  pluginPoints,
+  pluginRequires,
+  resolvePlugins,
+  rootProps,
+  usePiloto
+} from "../chunks/chunk-PNU3LKWG.js";
+import {
+  TOOL_VERBS_EN,
+  TOOL_VERBS_ES,
+  groupSteps,
+  isRunning,
+  stepLabel,
+  summarizeTools,
+  toolName,
+  toolNames
+} from "../chunks/chunk-UUH37KXA.js";
 import {
   applyReferences,
   cleanUserText,
@@ -44,790 +98,16 @@ import {
   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/activity.mjs
-var __iconData = {
-  name: "activity",
-  size: 24,
-  node: [
-    [
-      "path",
-      {
-        d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
-        key: "169zse"
-      }
-    ]
-  ]
-};
-__iconData.node;
-var Activity = createLucideIcon(__iconData);
-
-// ../../node_modules/lucide-react/dist/esm/icons/app-window.mjs
-var __iconData2 = {
-  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" }]
-  ]
-};
-__iconData2.node;
-var AppWindow = createLucideIcon(__iconData2);
-
-// ../../node_modules/lucide-react/dist/esm/icons/arrow-down.mjs
-var __iconData3 = {
-  name: "arrow-down",
-  size: 24,
-  node: [
-    ["path", { d: "M12 5v14", key: "s699le" }],
-    ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-  ]
-};
-__iconData3.node;
-var ArrowDown = createLucideIcon(__iconData3);
-
-// ../../node_modules/lucide-react/dist/esm/icons/arrow-up-right.mjs
-var __iconData4 = {
-  name: "arrow-up-right",
-  size: 24,
-  node: [
-    ["path", { d: "M7 7h10v10", key: "1tivn9" }],
-    ["path", { d: "M7 17 17 7", key: "1vkiza" }]
-  ]
-};
-__iconData4.node;
-var ArrowUpRight = createLucideIcon(__iconData4);
-
-// ../../node_modules/lucide-react/dist/esm/icons/arrow-up.mjs
-var __iconData5 = {
-  name: "arrow-up",
-  size: 24,
-  node: [
-    ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
-    ["path", { d: "M12 19V5", key: "x0mq9r" }]
-  ]
-};
-__iconData5.node;
-var ArrowUp = 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/crosshair.mjs
-var __iconData17 = {
-  name: "crosshair",
-  size: 24,
-  node: [
-    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-    ["line", { x1: "22", x2: "18", y1: "12", y2: "12", key: "l9bcsi" }],
-    ["line", { x1: "6", x2: "2", y1: "12", y2: "12", key: "13hhkx" }],
-    ["line", { x1: "12", x2: "12", y1: "6", y2: "2", key: "10w3f3" }],
-    ["line", { x1: "12", x2: "12", y1: "22", y2: "18", key: "15g9kq" }]
-  ]
-};
-__iconData17.node;
-var Crosshair = createLucideIcon(__iconData17);
-
-// ../../node_modules/lucide-react/dist/esm/icons/external-link.mjs
-var __iconData18 = {
-  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" }]
-  ]
-};
-__iconData18.node;
-var ExternalLink = createLucideIcon(__iconData18);
-
-// ../../node_modules/lucide-react/dist/esm/icons/file-pen-line.mjs
-var __iconData19 = {
-  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"]
-};
-__iconData19.node;
-var FilePenLine = createLucideIcon(__iconData19);
-
-// ../../node_modules/lucide-react/dist/esm/icons/file-spreadsheet.mjs
-var __iconData20 = {
-  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" }]
-  ]
-};
-__iconData20.node;
-var FileSpreadsheet = createLucideIcon(__iconData20);
-
-// ../../node_modules/lucide-react/dist/esm/icons/file-text.mjs
-var __iconData21 = {
-  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" }]
-  ]
-};
-__iconData21.node;
-var FileText = createLucideIcon(__iconData21);
-
-// ../../node_modules/lucide-react/dist/esm/icons/folder.mjs
-var __iconData22 = {
-  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"
-      }
-    ]
-  ]
-};
-__iconData22.node;
-var Folder = createLucideIcon(__iconData22);
-
-// ../../node_modules/lucide-react/dist/esm/icons/gauge.mjs
-var __iconData23 = {
-  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" }]
-  ]
-};
-__iconData23.node;
-var Gauge = createLucideIcon(__iconData23);
-
-// ../../node_modules/lucide-react/dist/esm/icons/globe.mjs
-var __iconData24 = {
-  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" }]
-  ]
-};
-__iconData24.node;
-var Globe = createLucideIcon(__iconData24);
-
-// ../../node_modules/lucide-react/dist/esm/icons/image.mjs
-var __iconData25 = {
-  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" }]
-  ]
-};
-__iconData25.node;
-var Image = createLucideIcon(__iconData25);
-
-// ../../node_modules/lucide-react/dist/esm/icons/inbox.mjs
-var __iconData26 = {
-  name: "inbox",
-  size: 24,
-  node: [
-    ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
-    [
-      "path",
-      {
-        d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
-        key: "oot6mr"
-      }
-    ]
-  ]
-};
-__iconData26.node;
-var Inbox = createLucideIcon(__iconData26);
-
-// ../../node_modules/lucide-react/dist/esm/icons/list-checks.mjs
-var __iconData27 = {
-  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" }]
-  ]
-};
-__iconData27.node;
-var ListChecks = createLucideIcon(__iconData27);
-
-// ../../node_modules/lucide-react/dist/esm/icons/loader-circle.mjs
-var __iconData28 = {
-  name: "loader-circle",
-  size: 24,
-  node: [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]],
-  aliases: ["loader-2"]
-};
-__iconData28.node;
-var LoaderCircle = createLucideIcon(__iconData28);
-
-// ../../node_modules/lucide-react/dist/esm/icons/mic.mjs
-var __iconData29 = {
-  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" }]
-  ]
-};
-__iconData29.node;
-var Mic = createLucideIcon(__iconData29);
-
-// ../../node_modules/lucide-react/dist/esm/icons/octagon-x.mjs
-var __iconData30 = {
-  name: "octagon-x",
-  size: 24,
-  node: [
-    ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
-    [
-      "path",
-      {
-        d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z",
-        key: "2d38gg"
-      }
-    ],
-    ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-  ],
-  aliases: ["x-octagon"]
-};
-__iconData30.node;
-var OctagonX = createLucideIcon(__iconData30);
-
-// ../../node_modules/lucide-react/dist/esm/icons/paperclip.mjs
-var __iconData31 = {
-  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"
-      }
-    ]
-  ]
-};
-__iconData31.node;
-var Paperclip = createLucideIcon(__iconData31);
-
-// ../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.mjs
-var __iconData32 = {
-  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" }]
-  ]
-};
-__iconData32.node;
-var RotateCcw = createLucideIcon(__iconData32);
-
-// ../../node_modules/lucide-react/dist/esm/icons/search.mjs
-var __iconData33 = {
-  name: "search",
-  size: 24,
-  node: [
-    ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-    ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-  ]
-};
-__iconData33.node;
-var Search = createLucideIcon(__iconData33);
-
-// ../../node_modules/lucide-react/dist/esm/icons/send.mjs
-var __iconData34 = {
-  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" }]
-  ]
-};
-__iconData34.node;
-var Send = createLucideIcon(__iconData34);
-
-// ../../node_modules/lucide-react/dist/esm/icons/shield-alert.mjs
-var __iconData35 = {
-  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" }]
-  ]
-};
-__iconData35.node;
-var ShieldAlert = createLucideIcon(__iconData35);
-
-// ../../node_modules/lucide-react/dist/esm/icons/square.mjs
-var __iconData36 = {
-  name: "square",
-  size: 24,
-  node: [["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]]
-};
-__iconData36.node;
-var Square = createLucideIcon(__iconData36);
-
-// ../../node_modules/lucide-react/dist/esm/icons/users-round.mjs
-var __iconData37 = {
-  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"]
-};
-__iconData37.node;
-var UsersRound = createLucideIcon(__iconData37);
-
-// ../../node_modules/lucide-react/dist/esm/icons/x.mjs
-var __iconData38 = {
-  name: "x",
-  size: 24,
-  node: [
-    ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-    ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-  ]
-};
-__iconData38.node;
-var X = createLucideIcon(__iconData38);
-
 // src/react/Piloto.tsx
 import {
-  forwardRef as forwardRef3,
-  useCallback as useCallback3,
-  useEffect as useEffect6,
+  forwardRef,
+  useCallback as useCallback2,
+  useEffect as useEffect5,
   useImperativeHandle,
   useLayoutEffect,
-  useMemo as useMemo4,
-  useRef as useRef5,
-  useState as useState9
+  useMemo as useMemo3,
+  useRef as useRef4,
+  useState as useState8
 } from "react";
 
 // src/react/Bubble.tsx
@@ -835,184 +115,6 @@ 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",
-  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",
-  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",
-  retry: "Reintentar",
-  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",
-  linkTitle: "Vas a salir de aqu\xED",
-  linkCopy: "Copiar",
-  linkCopied: "Copiado",
-  linkOpen: "Abrir",
-  close: "Cerrar",
-  goToLatest: "Ir al \xFAltimo mensaje",
-  steps: { waking: "Despertando al agente\u2026", session: "Preparando la sesi\xF3n\u2026", compacting: "Resumiendo la conversaci\xF3n\u2026" },
-  loadOlder: "Cargar mensajes anteriores",
-  loadingOlder: "Cargando\u2026",
-  continueRun: "Continuar",
-  runCut: "La respuesta se cort\xF3 antes de terminar.",
-  stalled: "Se ator\xF3, sigo intentando\u2026",
-  truncated: "La respuesta qued\xF3 incompleta.",
-  attachmentFailed: (name, reason) => reason ? `No pude leer ${name}: ${reason}` : `No pude leer ${name}`,
-  queued: "Se manda cuando termine",
-  subagentsWorking: (n) => n === 1 ? "1 agente trabajando" : `${n} agentes trabajando`,
-  subagentsDone: (n) => n === 1 ? "1 agente termin\xF3" : `${n} agentes terminaron`,
-  subagentStop: "Detener",
-  subagentStatus: { running: "Trabajando", completed: "Termin\xF3", failed: "Fall\xF3", stopped: "Detenido" },
-  confirmTitle: "Necesito tu permiso para",
-  approve: "Aprobar",
-  reject: "Rechazar",
-  expiresIn: (t) => `Vence en ${t}`,
-  expiredNow: "Venci\xF3 sin respuesta",
-  decisionApproved: "Aprobaste",
-  decisionRejected: "Rechazaste",
-  decisionExpired: "Venci\xF3",
-  decisionCancelled: "Descartaste",
-  stampCancelled: "Descartado",
-  stampApproved: "Aprobado",
-  stampRejected: "Rechazado",
-  stampExpired: "Vencido"
-};
-var STRINGS_EN = {
-  numberLocale: "en-US",
-  placeholder: (agent) => `Message ${agent}`,
-  placeholderDefault: "Message the agent",
-  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",
-  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",
-  retry: "Retry",
-  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",
-  linkTitle: "You're about to leave",
-  linkCopy: "Copy",
-  linkCopied: "Copied",
-  linkOpen: "Open",
-  close: "Close",
-  goToLatest: "Go to latest message",
-  steps: { waking: "Waking the agent\u2026", session: "Starting the session\u2026", compacting: "Compacting the conversation\u2026" },
-  loadOlder: "Load earlier messages",
-  loadingOlder: "Loading\u2026",
-  continueRun: "Continue",
-  runCut: "The answer was cut off before it finished.",
-  stalled: "Got stuck, still trying\u2026",
-  truncated: "The answer is incomplete.",
-  attachmentFailed: (name, reason) => reason ? `Couldn't read ${name}: ${reason}` : `Couldn't read ${name}`,
-  queued: "Sends when this finishes",
-  subagentsWorking: (n) => n === 1 ? "1 agent working" : `${n} agents working`,
-  subagentsDone: (n) => n === 1 ? "1 agent finished" : `${n} agents finished`,
-  subagentStop: "Stop",
-  subagentStatus: { running: "Working", completed: "Done", failed: "Failed", stopped: "Stopped" },
-  confirmTitle: "I need your permission to",
-  approve: "Approve",
-  reject: "Reject",
-  expiresIn: (t) => `Expires in ${t}`,
-  expiredNow: "Expired without an answer",
-  decisionApproved: "You approved",
-  decisionRejected: "You rejected",
-  decisionExpired: "Expired",
-  decisionCancelled: "You dismissed",
-  stampCancelled: "Dismissed",
-  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) => {
@@ -1101,10 +203,10 @@ 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 === "expired" ? Clock : CircleSlash;
+    const Icon = d.status === "approved" ? CircleCheck : d.status === "expired" ? Clock : CircleSlash;
     const label = d.status === "approved" ? t.decisionApproved : d.status === "rejected" ? t.decisionRejected : d.status === "cancelled" ? t.decisionCancelled : 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__ */ jsx(Icon, { className: "h-4 w-4 shrink-0", "aria-hidden": true }),
       /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
         /* @__PURE__ */ jsxs("strong", { children: [
           label,
@@ -1123,11 +225,11 @@ function DecisionLines({ decisions }) {
 }
 
 // src/react/Markdown.tsx
-import { useState as useState3 } from "react";
+import { useContext as useContext2, 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 { createContext, memo, useContext, useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
 import { Block } from "streamdown";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var CHUNK_MS = 400;
@@ -1195,9 +297,9 @@ function useTextAtPace(text, live, whole = false) {
   if (!animate.current) return { visible: text, animate: false };
   return { visible: text.slice(0, Math.min(released, text.length)), animate: true };
 }
-var ChunksContext = createContext3(null);
+var ChunksContext = createContext(null);
 function useChunkRegistry() {
-  return useMemo2(() => /* @__PURE__ */ new Map(), []);
+  return useMemo(() => /* @__PURE__ */ new Map(), []);
 }
 var UNTOUCHED = /* @__PURE__ */ new Set(["pre", "code", "svg", "math", "script", "style"]);
 var STYLE = `gs-tramo ${CHUNK_MS}ms linear both`;
@@ -1253,9 +355,9 @@ function chunksPlugin(state) {
   };
 }
 var ChunkedBlock = memo(function ChunkedBlock2(props) {
-  const ctx = useContext3(ChunksContext);
+  const ctx = useContext(ChunksContext);
   const key = `${ctx?.part ?? 0}-${props.index}`;
-  const plugins = useMemo2(() => {
+  const plugins = useMemo(() => {
     if (!ctx) return props.rehypePlugins;
     let state = ctx.registry.get(key);
     if (!state) {
@@ -1323,7 +425,8 @@ var linkSafety = { enabled: true, renderModal: (p) => /* @__PURE__ */ jsx3(LinkS
 function Markdown({ children, animate = false, className }) {
   const { markdown } = usePiloto();
   const registry = useChunkRegistry();
-  const text = markdown.transform ? markdown.transform(children) : children;
+  const turn = useContext2(TurnContext);
+  const text = markdown.transform ? markdown.transform(children, turn) : children;
   const onClick = markdown.onLinkClick ? (e) => {
     const a = e.target.closest("a[href]");
     if (!a) return;
@@ -1339,7 +442,7 @@ function Markdown({ children, animate = false, className }) {
       {
         onClickCapture: onClick,
         className: `ghosty-md min-w-0 max-w-full break-words ${className ?? "text-text-primary"} [&_pre]:max-w-full [&_pre]:overflow-x-auto [&_table]:block [&_table]:max-w-full [&_table]:overflow-x-auto`,
-        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 })
+        children: animate ? /* @__PURE__ */ jsx3(ChunksContext.Provider, { value: { registry, part: 0 }, children: /* @__PURE__ */ jsx3(Streamdown, { BlockComponent: ChunkedBlock, linkSafety, components: markdown.components, children: text }) }) : /* @__PURE__ */ jsx3(Streamdown, { linkSafety, components: markdown.components, children: text })
       }
     )
   );
@@ -1442,7 +545,7 @@ var DEFAULT_TOOL_ICONS = {
 };
 function iconFor(t, icons) {
   for (const name of toolNames(t)) if (icons[name]) return icons[name];
-  return t.kind && (icons[t.kind] ?? DEFAULT_TOOL_ICONS[t.kind]) || ClawIcon;
+  return t.kind && (icons[t.kind] ?? DEFAULT_TOOL_ICONS[t.kind]) || icons["*"] || Wrench;
 }
 var VISIBLE = 5;
 function AgentSteps({ tools, live }) {
@@ -1675,9 +778,19 @@ function TurnFooter({ text, seconds, onRetry, showCopy = true, showDuration = tr
     ] })
   ] });
 }
-function AgentBubble({ turn, live, onRetry, onOption, showUsage = true, showCopy = true, showDuration = true, renderDeliveries }) {
+function AgentBubble(props) {
+  const { turn, avatar } = props;
+  const body = /* @__PURE__ */ jsx6(AgentBody, { ...props, showUsage: props.showUsage ?? true, showCopy: props.showCopy ?? true, showDuration: props.showDuration ?? true });
+  return /* @__PURE__ */ jsx6(TurnContext.Provider, { value: turn, children: avatar ? /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx6("div", { className: "mt-0.5 shrink-0", children: avatar }),
+    body
+  ] }) : body });
+}
+function AgentBody({ turn, live, onRetry, onOption, showUsage, showCopy, showDuration, renderDeliveries, renderTools, renderBefore, blocks, narration = true }) {
   const { strings: t } = usePiloto();
-  const narrated = splitNarration(turn.text ?? "", turn.cuts);
+  const extracted = blocks ? extractBlocks(turn.text ?? "", blocks.langs, turn.cuts) : { text: turn.text ?? "", cuts: turn.cuts, blocks: [] };
+  const closed = !live && !turn.tools?.some((x) => x.status === "pending");
+  const narrated = narration ? splitNarration(extracted.text, extracted.cuts, closed) : { steps: [], rest: extracted.text };
   const visible = narrated.rest;
   const options = onOption && !live && visible ? extractReplyOptions(visible) : null;
   return /* @__PURE__ */ jsxs4("div", { className: "gc-msg-agent min-w-0 max-w-[90%]", children: [
@@ -1686,6 +799,8 @@ function AgentBubble({ turn, live, onRetry, onOption, showUsage = true, showCopy
       /* @__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 }),
+    turn.tools && turn.tools.length > 0 && renderTools?.(turn, live),
+    renderBefore?.(turn, 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 }),
@@ -1694,6 +809,7 @@ function AgentBubble({ turn, live, onRetry, onOption, showUsage = true, showCopy
       // Cada tramo nuevo tras una herramienta monta su propio ritmo (empieza de cero).
       visible && /* @__PURE__ */ jsx6(AnswerText, { text: visible, live }, `r${narrated.steps.length}`)
     ),
+    extracted.blocks.length > 0 && blocks.render(extracted.blocks, turn, live),
     renderDeliveries?.(turn, live),
     turn.decisions?.length ? /* @__PURE__ */ jsx6(DecisionLines, { decisions: turn.decisions }) : null,
     showUsage && turn.usage && /* @__PURE__ */ jsx6(UsageStats, { ...turn.usage }),
@@ -1701,586 +817,13 @@ function AgentBubble({ turn, live, onRetry, onOption, showUsage = true, showCopy
   ] });
 }
 
-// src/react/Chips.tsx
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function ReferenceChips({ references, onRemove, onActivate }) {
-  const { strings: t } = usePiloto();
-  if (!references.length) return null;
-  const pointed = references.filter((r) => r.prompt);
-  const plain = references.filter((r) => !r.prompt);
-  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
-    pointed.map((r) => /* @__PURE__ */ jsx7("div", { className: "mb-2 flex", children: /* @__PURE__ */ jsxs5("span", { className: "inline-flex max-w-full items-center gap-1.5 rounded-full border border-brand-500/40 bg-brand-500/10 py-1 pl-2.5 pr-1 text-xs text-text-primary", children: [
-      /* @__PURE__ */ jsx7(Crosshair, { size: 13, className: "shrink-0 text-brand-500" }),
-      /* @__PURE__ */ jsx7("span", { className: "shrink-0 font-semibold", 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, { size: 12 })
-        }
-      )
-    ] }) }, r.id)),
-    plain.length > 0 && /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-1.5", children: plain.map((r) => /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1 rounded-full border border-border-primary bg-background-secondary py-0.5 pl-2 pr-1 text-xs text-text-primary", children: [
-      /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => onActivate?.(r), className: "underline-offset-2 hover:underline", children: r.label }),
-      /* @__PURE__ */ jsx7(
-        "button",
-        {
-          type: "button",
-          onClick: () => onRemove(r.id),
-          "aria-label": t.removeReference,
-          className: "flex h-4 w-4 items-center justify-center rounded-full text-text-tertiary hover:bg-background-tertiary hover:text-text-primary",
-          children: /* @__PURE__ */ jsx7(X, { className: "h-3 w-3" })
-        }
-      )
-    ] }, r.id)) })
-  ] });
-}
-function Suggestions({ items, onPick, onPrefill, disabled }) {
-  if (!items.length) return null;
-  return /* @__PURE__ */ jsx7("div", { className: "mt-4 flex flex-wrap justify-center gap-2", children: items.map((c) => /* @__PURE__ */ jsx7(
-    "button",
-    {
-      type: "button",
-      onClick: () => onPrefill && /:\s*$/.test(c) ? onPrefill(c) : onPick(c),
-      disabled,
-      className: "gc-chip rounded-full bg-irongray/10 px-3.5 py-1.5 text-xs font-medium text-metal transition-colors hover:bg-irongray/20 hover:text-dark disabled:opacity-40",
-      children: c
-    },
-    c
-  )) });
-}
-
-// src/react/Composer.tsx
-import { useCallback, useEffect as useEffect3, useRef as useRef3, useState as useState6 } from "react";
-import { Fragment as Fragment5, 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({ preventScroll: true });
-      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({ preventScroll: true });
-    },
-    [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, url: up.url };
-        })
-      );
-    } 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, url: up.url }] : [];
-          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);
-  return /* @__PURE__ */ jsx8("div", { className: "gc-input rounded-(--piloto-radius-input) border-(length:--piloto-border-width) border-outlines bg-(--piloto-composer-bg) shadow-(--piloto-shadow-input) transition-colors focus-within:border-brand-300", children: /* @__PURE__ */ jsxs6("div", { className: `flex flex-col gap-2 p-3 transition-shadow ${withFiles && dragging ? "rounded-2xl bg-background-secondary/40 ring-2 ring-inset ring-ring-info" : ""}`, children: [
-    withFiles && dragging && /* @__PURE__ */ jsx8("div", { className: "pointer-events-none fixed inset-0 z-50 flex items-center justify-center bg-background-primary/80 p-6 backdrop-blur-sm", children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-2 rounded-3xl border-2 border-dashed border-brand-500 bg-background-primary px-10 py-8 text-center shadow-lg", children: [
-      /* @__PURE__ */ jsx8(Paperclip, { className: "size-7 text-brand-500" }),
-      /* @__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
-    ] }),
-    withFiles && 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 top-0.5 right-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,
-            title: 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: "h-2 w-2 shrink-0 animate-pulse rounded-full bg-red-500" }),
-        /* @__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,
-            title: t.send,
-            className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-brand-500 text-white hover:bg-brand-600",
-            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: "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: "@container flex min-w-0 flex-1 items-center gap-1.5 overflow-hidden", children: [
-        withFiles && /* @__PURE__ */ jsxs6(Fragment5, { 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: "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",
-              children: /* @__PURE__ */ jsx8(Image, { className: "h-4 w-4" })
-            }
-          ),
-          extras,
-          /* @__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: "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-40",
-              children: /* @__PURE__ */ jsx8(Paperclip, { className: "h-4 w-4" })
-            }
-          )
-        ] }),
-        !withFiles && 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: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-text-secondary transition-colors hover:bg-background-secondary hover:text-text-primary disabled:opacity-40",
-            children: transcribing ? /* @__PURE__ */ jsx8("span", { className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : /* @__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,
-            className: `gc-send flex h-8 w-8 items-center justify-center rounded-full transition-colors ${busy || canSend || uploading ? "bg-brand-500 text-white hover:bg-brand-600" : "bg-background-disabled text-text-disabled"}`,
-            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 === 0) 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 outline-none 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 && // Hacia ARRIBA: el selector vive pegado al borde inferior del input.
-    /* @__PURE__ */ jsx8("div", { className: "absolute bottom-full left-0 z-20 mb-1 max-h-80 min-w-52 overflow-y-auto rounded-xl border border-border-primary bg-background-primary py-1 shadow-lg", 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 as AnimatePresence2, motion as motion2 } from "motion/react";
-import { useEffect as useEffect4, useState as useState7 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useEffect as useEffect3, useState as useState6 } from "react";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var STILL_WORKING_S = 90;
 function TypingDots() {
-  return /* @__PURE__ */ jsx9("div", { className: "gc-typing flex gap-1", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx9("span", { className: "gc-typing-dot h-2 w-2 animate-bounce rounded-full", style: { "--i": i } }, i)) });
+  return /* @__PURE__ */ jsx7("div", { className: "gc-typing flex gap-1", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx7("span", { className: "gc-typing-dot h-2 w-2 animate-bounce rounded-full", style: { "--i": i } }, i)) });
 }
 function WaitLabel({
   since,
@@ -2288,9 +831,9 @@ function WaitLabel({
   step
 }) {
   const { strings: t } = usePiloto();
-  const [mounted] = useState7(() => Date.now());
-  const [now, setNow] = useState7(() => Date.now());
-  useEffect4(() => {
+  const [mounted] = useState6(() => Date.now());
+  const [now, setNow] = useState6(() => Date.now());
+  useEffect3(() => {
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
   }, []);
@@ -2298,8 +841,8 @@ function WaitLabel({
   const phrases = t.thinkingPhrases;
   const stepText = step ? t.steps?.[step] : void 0;
   const what = stepText ? stepText : phrases?.length ? seconds >= STILL_WORKING_S ? t.stillWorking : phrases[Math.floor(seconds / 4) % phrases.length] : t.howItGoes(seconds);
-  return /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-0.5 text-sm text-text-secondary", children: /* @__PURE__ */ jsxs7("p", { className: "flex items-center", children: [
-    /* @__PURE__ */ jsx9(AnimatePresence2, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-0.5 text-sm text-text-secondary", children: /* @__PURE__ */ jsxs5("p", { className: "flex items-center", children: [
+    /* @__PURE__ */ jsx7(AnimatePresence2, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx7(
       motion2.span,
       {
         className: "gc-wait-text",
@@ -2311,7 +854,7 @@ function WaitLabel({
       },
       what
     ) }),
-    showDuration && /* @__PURE__ */ jsxs7("span", { className: "tabular-nums text-text-tertiary", children: [
+    showDuration && /* @__PURE__ */ jsxs5("span", { className: "tabular-nums text-text-tertiary", children: [
       "\xA0\xB7 ",
       formatDuration(seconds)
     ] })
@@ -2319,7 +862,7 @@ function WaitLabel({
 }
 
 // src/react/usePilot.ts
-import { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4, useState as useState8 } from "react";
+import { useCallback, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef3, useState as useState7 } from "react";
 var MAX_QUEUE_TRIES = 3;
 var uuid = () => {
   const c = globalThis.crypto;
@@ -2353,19 +896,29 @@ function fromUserMessage(content) {
   return { text, attachments };
 }
 function usePilot(transport, opts = {}) {
-  const [state, setState] = useState8(() => createPilotState(opts.initialTurns ?? []));
-  const ref = useRef4(state);
-  const optsRef = useRef4(opts);
+  const [state, setState] = useState7(() => createPilotState(opts.initialTurns ?? []));
+  const ref = useRef3(state);
+  const optsRef = useRef3(opts);
   optsRef.current = opts;
-  const transportRef = useRef4(transport);
+  const transportRef = useRef3(transport);
   transportRef.current = transport;
-  const [threadId] = useState8(() => opts.threadId ?? uuid());
-  const ctrl = useRef4(null);
-  const liveRun = useRef4(null);
-  const answers = useRef4(/* @__PURE__ */ new Map());
-  const queuedTries = useRef4(/* @__PURE__ */ new Map());
-  const flushRef = useRef4(() => {
+  const [threadId] = useState7(() => opts.threadId ?? uuid());
+  const ctrl = useRef3(null);
+  const liveRun = useRef3(null);
+  const answers = useRef3(/* @__PURE__ */ new Map());
+  const queuedTries = useRef3(/* @__PURE__ */ new Map());
+  const flushRef = useRef3(() => {
   });
+  const turnListeners = useRef3(/* @__PURE__ */ new Set());
+  const onTurn = useCallback((fn) => {
+    turnListeners.current.add(fn);
+    return () => void turnListeners.current.delete(fn);
+  }, []);
+  const listeners = useRef3(/* @__PURE__ */ new Set());
+  const subscribe = useCallback((fn) => {
+    listeners.current.add(fn);
+    return () => void listeners.current.delete(fn);
+  }, []);
   const baseInput = () => {
     const ctx = optsRef.current.context;
     return { threadId, runId: uuid(), messages: [], tools: [], context: toAgUiContext(typeof ctx === "function" ? ctx() : ctx), state: {}, forwardedProps: extraProps() };
@@ -2374,19 +927,24 @@ function usePilot(transport, opts = {}) {
     const f = optsRef.current.forwardedProps;
     return (typeof f === "function" ? f() : f) ?? {};
   };
-  const commit = useCallback2((next) => {
+  const commit = useCallback((next) => {
     if (next === ref.current) 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, runId: e.runId, seconds: e.seconds, error: e.error, interrupted: e.interrupted });
-      else if (e.type === "title") o.onTitle?.(e.title);
+      if (e.type === "turn-start") {
+        o.onTurnStart?.();
+        for (const fn of turnListeners.current) fn({ type: "start" });
+      } else if (e.type === "turn-done") {
+        const info = { text: e.text, runId: e.runId, seconds: e.seconds, error: e.error, interrupted: e.interrupted };
+        o.onTurnDone?.(info);
+        for (const fn of turnListeners.current) fn({ type: "done", info });
+      } else if (e.type === "title") o.onTitle?.(e.title);
       else if (e.type === "state") o.onState?.(e.state);
     }
   }, []);
-  const runNow = useCallback2(
+  const runNow = useCallback(
     async (partial, reopening = false) => {
       const t = transportRef.current;
       if (!t) return;
@@ -2405,6 +963,7 @@ function usePilot(transport, opts = {}) {
           (e) => {
             if (c.signal.aborted) return;
             optsRef.current.onEvent?.(e);
+            for (const fn of listeners.current) fn(e);
             if (e.type === "RUN_FINISHED" || e.type === "RUN_ERROR") {
               ended = true;
               liveRun.current = null;
@@ -2452,7 +1011,8 @@ function usePilot(transport, opts = {}) {
           commit({ ...ref.current, notice: err instanceof Error && err.message ? err.message : null, effects: [] });
           return runNow({ messages: [] }, true);
         }
-        commit(sendFailed(ref.current, err instanceof Error && err.message ? err.message : "No se pudo hablar con el agente."));
+        const failed = sendFailed(ref.current, err instanceof Error && err.message ? err.message : "No se pudo hablar con el agente.");
+        commit(err instanceof PilotHttpError ? { ...failed, httpError: { status: err.status, ...err.code ? { code: err.code } : {}, message: err.message, ...err.headers ? { headers: err.headers } : {} } } : failed);
         return;
       }
       if (c.signal.aborted) return;
@@ -2465,17 +1025,31 @@ function usePilot(transport, opts = {}) {
     },
     [commit, threadId]
   );
-  useEffect5(() => {
-    if (!transport || !opts.threadId) return;
-    void runNow({ messages: [] }, true);
-    return () => ctrl.current?.abort();
+  const sentInitial = useRef3(false);
+  useEffect4(() => {
+    if (!transport) return;
+    let alive = true;
+    const sendInitial = () => {
+      const prompt = optsRef.current.initialPrompt;
+      if (!alive || !prompt || sentInitial.current) return;
+      sentInitial.current = true;
+      void sendRef.current(prompt);
+    };
+    if (opts.threadId) void runNow({ messages: [] }, true).then(sendInitial);
+    else setTimeout(sendInitial, 0);
+    return () => {
+      alive = false;
+      ctrl.current?.abort();
+    };
   }, [transport]);
   const pendingResume = () => [
     ...ref.current.permissions.filter((p) => !answers.current.has(p.id)).map((p) => ({ interruptId: p.id, status: "cancelled" })),
     ...[...answers.current.entries()].map(([interruptId, a]) => ({ interruptId, ...a }))
   ];
+  const sendRef = useRef3(async () => {
+  });
   const steerOn = () => optsRef.current.steer ?? ref.current.agentState.caps?.steer === true;
-  const send = useCallback2(
+  const send = useCallback(
     async (text, attachments = [], _extra = {}) => {
       if (!transportRef.current) return;
       if (ref.current.busy) {
@@ -2490,7 +1064,8 @@ function usePilot(transport, opts = {}) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [commit, runNow]
   );
-  const sendNew = useCallback2(
+  sendRef.current = (text) => send(text);
+  const sendNew = useCallback(
     async (text, attachments, tries = 0) => {
       const resume = pendingResume();
       answers.current.clear();
@@ -2517,7 +1092,7 @@ function usePilot(transport, opts = {}) {
     const attachments = queued.flatMap((q) => q.attachments ?? []);
     void sendNew(text, attachments, Math.max(...queued.map((q) => q.tries)));
   };
-  const stop = useCallback2(() => {
+  const stop = useCallback(() => {
     const run = liveRun.current ?? (ref.current.busy ? ref.current.runId : null);
     liveRun.current = null;
     ctrl.current?.abort();
@@ -2530,14 +1105,14 @@ function usePilot(transport, opts = {}) {
     }).catch(() => {
     });
   }, [commit, threadId]);
-  const retry = useCallback2(() => {
+  const retry = useCallback(() => {
     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 sendAnswersIfComplete = useCallback2(() => {
+  const sendAnswersIfComplete = useCallback(() => {
     const open = ref.current.permissions.filter((p) => !answers.current.has(p.id));
     if (open.length || !answers.current.size || ref.current.busy) return;
     const resume = [...answers.current.entries()].map(([interruptId, a]) => ({ interruptId, ...a }));
@@ -2545,18 +1120,18 @@ function usePilot(transport, opts = {}) {
     commit(beginSend(ref.current, "", []));
     void runNow({ messages: [], resume });
   }, [commit, runNow]);
-  const respondPermission = useCallback2(
+  const respondPermission = useCallback(
     (id, approved) => {
       answers.current.set(id, { status: "resolved", payload: { approved } });
       sendAnswersIfComplete();
     },
     [sendAnswersIfComplete]
   );
-  const recordDecision = useCallback2(
+  const recordDecision = useCallback(
     (id, status, asked) => commit(resolvePermission(ref.current, id, status, asked)),
     [commit]
   );
-  const expirePermission = useCallback2(
+  const expirePermission = useCallback(
     (id) => {
       if (!ref.current.permissions.some((p) => p.id === id)) return;
       answers.current.set(id, { status: "cancelled" });
@@ -2565,9 +1140,9 @@ function usePilot(transport, opts = {}) {
     },
     [commit, sendAnswersIfComplete]
   );
-  const [loadingOlder, setLoadingOlder] = useState8(false);
-  const loadingRef = useRef4(false);
-  const loadOlder = useCallback2(async () => {
+  const [loadingOlder, setLoadingOlder] = useState7(false);
+  const loadingRef = useRef3(false);
+  const loadOlder = useCallback(async () => {
     const fn = optsRef.current.loadOlder;
     const h = ref.current.history;
     if (!fn || !h?.hasMoreBefore || loadingRef.current) return;
@@ -2584,7 +1159,7 @@ function usePilot(transport, opts = {}) {
       setLoadingOlder(false);
     }
   }, [commit]);
-  const stopSubagent = useCallback2(
+  const stopSubagent = useCallback(
     async (taskId) => {
       const t = transportRef.current;
       if (!t) return;
@@ -2598,96 +1173,186 @@ function usePilot(transport, opts = {}) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [commit, runNow]
   );
-  const continueRun = useCallback2(async () => {
+  const continueRun = useCallback(async () => {
     const cut = ref.current.cutRun;
     if (!cut || ref.current.busy || !transportRef.current) return;
     commit(beginSend(ref.current, "", []));
     await runNow({ messages: [], forwardedProps: { continueRun: cut.runId } });
   }, [commit, runNow]);
-  const refresh = useCallback2(() => runNow({ messages: [] }, true), [runNow]);
+  const refresh = useCallback(() => runNow({ messages: [] }, true), [runNow]);
   const canSteer = Boolean(transport) && (opts.steer ?? state.agentState.caps?.steer === true);
-  const subagents = useMemo3(() => subagentsOf(state.agentState), [state.agentState]);
-  return { state, threadId, send, stop, retry, respondPermission, recordDecision, expirePermission, canSteer, loadOlder, loadingOlder, subagents, stopSubagent, refresh, continueRun };
+  const subagents = useMemo2(() => subagentsOf(state.agentState), [state.agentState]);
+  return { state, threadId, send, stop, retry, respondPermission, recordDecision, expirePermission, canSteer, loadOlder, loadingOlder, subagents, stopSubagent, refresh, reconnect: refresh, continueRun, subscribe, onTurn };
 }
 
 // src/react/Piloto.tsx
-import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-var useIsoLayoutEffect = typeof window === "undefined" ? useEffect6 : useLayoutEffect;
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var useIsoLayoutEffect = typeof window === "undefined" ? useEffect5 : useLayoutEffect;
 var ANCHOR_GAP = 24;
-var Piloto = forwardRef3(function Piloto2(props, handle) {
-  const { transport, pilot: external, locale = "es", theme = "light", features = {}, slots = {} } = props;
+var Piloto = forwardRef(function Piloto2(props, handle) {
+  const { transport, pilot: external, locale = "es", theme = "light", features = {} } = props;
   const own = usePilot(external ? null : transport, features.steer === void 0 ? props : { ...props, steer: features.steer });
   const pilot = external ?? own;
   const { state } = pilot;
   const { turns, busy, error, notice, permissions, olderCount } = state;
-  const strings = useMemo4(() => ({ ...locale === "en" ? STRINGS_EN : STRINGS_ES, ...props.strings }), [locale, props.strings]);
-  const config = useMemo4(
+  const plugins = useMemo3(() => resolvePlugins(props.plugins), [props.plugins]);
+  useEffect5(() => {
+    if (isDev()) for (const w of plugins.warnings) warnOnce(w);
+  }, [plugins]);
+  const ctxForComponents = useRef4(null);
+  const boundComponents = useMemo3(() => {
+    const entries = Object.entries(plugins.components);
+    if (!entries.length) return void 0;
+    return Object.fromEntries(
+      entries.map(([tag, { plugin, value: C }]) => [
+        tag,
+        // Como toda vista de plugin: marcada con su nombre y, si es de la app, aislada de las utilidades.
+        (p) => /* @__PURE__ */ jsx8("span", { ...pluginAttrs(plugin, plugins.ghostykitStyled), style: { display: "contents" }, children: /* @__PURE__ */ jsx8(C, { ...p, ctx: ctxForComponents.current }) })
+      ])
+    );
+  }, [plugins]);
+  const strings = useMemo3(() => ({ ...locale === "en" ? STRINGS_EN : STRINGS_ES, ...plugins.strings }), [locale, plugins]);
+  const config = useMemo3(
     () => ({
       strings,
-      toolVerbs: { ...locale === "en" ? TOOL_VERBS_EN : TOOL_VERBS_ES, ...props.toolVerbs },
-      toolIcons: props.toolIcons ?? {},
-      formatUserText: props.formatUserText ?? cleanUserText,
+      toolVerbs: { ...locale === "en" ? TOOL_VERBS_EN : TOOL_VERBS_ES, ...plugins.verbs },
+      toolIcons: plugins.icons,
+      formatUserText: plugins.formatUserText ? (x) => plugins.formatUserText(cleanUserText(x)) : cleanUserText,
       theme,
       skin: props.skin ?? "ghosty",
-      markdown: props.markdown ?? {}
+      markdown: { ...plugins.markdown, ...boundComponents ? { components: boundComponents } : {} }
     }),
-    [strings, locale, props.toolVerbs, props.toolIcons, props.formatUserText, theme, props.skin, props.markdown]
+    [strings, locale, plugins, theme, props.skin, boundComponents]
   );
   const t = strings;
-  const [ownRefs, setOwnRefs] = useState9([]);
+  const [ownRefs, setOwnRefs] = useState8([]);
   const refs = props.references ?? ownRefs;
-  const refsRef = useRef5(refs);
+  const refsRef = useRef4(refs);
   refsRef.current = refs;
-  const setRefs = useCallback3(
+  const setRefs = useCallback2(
     (next) => {
       if (!props.references) setOwnRefs(next);
       props.onReferencesChange?.(next);
     },
     [props.references, props.onReferencesChange]
   );
-  const composerBox = useRef5(null);
+  const composerBox = useRef4(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 [draft, setDraftState] = useState8(() => ({ text: draftText ?? "", n: 0 }));
+  const draftSeen = useRef4(`${draftText}\0${draftKey}`);
+  useEffect5(() => {
     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 returned = state.returnedDraft;
-  useEffect6(() => {
+  useEffect5(() => {
     if (!returned) return;
     const typed = composerBox.current?.querySelector("textarea")?.value ?? "";
     const text = [returned.text, typed].filter((x) => x.trim()).join("\n\n");
     setDraftState((d) => ({ text, n: d.n + 1 }));
   }, [returned?.n]);
-  const send = useCallback3(
+  const send = useCallback2(
     (text, attachments = []) => {
       const current = refsRef.current;
-      const full = applyReferences(text, current);
+      const before = pluginsRef.current.beforeSend;
+      const full = applyReferences(before && ctxRef.current ? before(text, ctxRef.current) : 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({ preventScroll: true }));
-      },
-      setDraft: (text) => setDraftState((d) => ({ text, n: d.n + 1 })),
-      focus: () => composerBox.current?.querySelector("textarea")?.focus({ preventScroll: true })
+  const pluginsRef = useRef4(plugins);
+  pluginsRef.current = plugins;
+  const ctxRef = useRef4(null);
+  const composerHandle = useRef4(null);
+  const focus = useCallback2(() => composerBox.current?.querySelector("textarea")?.focus({ preventScroll: true }), []);
+  const addReference = useCallback2(
+    (r) => {
+      const current = refsRef.current;
+      if (!current.some((x) => x.id === r.id)) setRefs([...current, r]);
+      requestAnimationFrame(focus);
+    },
+    [setRefs, focus]
+  );
+  const setDraft = useCallback2((text) => setDraftState((d) => ({ text, n: d.n + 1 })), []);
+  const addAttachments = useCallback2((items) => composerHandle.current?.addAttachments(items), []);
+  const actions = { pilot, send, addReference, addAttachments, setDraft, focus };
+  useImperativeHandle(handle, () => actions, [pilot, send, addReference, addAttachments, setDraft, focus]);
+  const ctx = { ...actions, agentState: state.agentState, strings, plugins: plugins.list };
+  ctxForComponents.current = ctx;
+  const mark = (plugin) => pluginAttrs(plugin, plugins.ghostykitStyled);
+  ctxRef.current = ctx;
+  const unattended = useRef4(/* @__PURE__ */ new Set());
+  useEffect5(
+    () => pilot.subscribe?.((event) => {
+      const e = event;
+      const r = pluginsRef.current;
+      const handlers = [...r.events[e.type] ?? [], ...e.type === "CUSTOM" && e.name ? r.events[e.name] ?? [] : [], ...r.events["*"] ?? []];
+      for (const h of handlers) {
+        try {
+          h.value(e, ctxRef.current);
+        } catch (err) {
+          console.error(`[ghostykit] el plugin \xAB${h.plugin}\xBB fall\xF3 con ${e.type}${e.name ? ` ${e.name}` : ""}`, err);
+        }
+      }
+      if (e.type === "CUSTOM" && e.name && isDev() && !BUILTIN_CUSTOM.has(e.name) && !r.events[e.name] && !r.customRenders[e.name] && !unattended.current.has(e.name)) {
+        const declared = r.list.some((p) => p.requires?.events?.includes(e.name));
+        if (!declared) {
+          unattended.current.add(e.name);
+          warnOnce(`Ning\xFAn plugin atiende CUSTOM \xAB${e.name}\xBB.`);
+        }
+      }
+    }),
+    [pilot.subscribe]
+  );
+  const seenState = useRef4({});
+  useEffect5(() => {
+    const r = pluginsRef.current;
+    for (const [key, handlers] of Object.entries(r.state)) {
+      const value = state.agentState[key];
+      if (value === seenState.current[key]) continue;
+      seenState.current[key] = value;
+      if (value === void 0) continue;
+      for (const h of handlers) {
+        try {
+          h.value(value, ctxRef.current);
+        } catch (err) {
+          console.error(`[ghostykit] el plugin \xAB${h.plugin}\xBB fall\xF3 con state.${key}`, err);
+        }
+      }
+    }
+  }, [state.agentState, plugins]);
+  useEffect5(
+    () => pilot.onTurn?.((e) => {
+      const r = pluginsRef.current;
+      const run = (plugin, fn) => {
+        try {
+          fn();
+        } catch (err) {
+          console.error(`[ghostykit] el plugin \xAB${plugin}\xBB fall\xF3 al ${e.type === "start" ? "empezar" : "terminar"} el turno`, err);
+        }
+      };
+      if (e.type === "start") for (const h of r.turnStart) run(h.plugin, () => h.value(ctxRef.current));
+      else for (const h of r.turnDone) run(h.plugin, () => h.value(e.info, ctxRef.current));
     }),
-    [send, setRefs]
+    [pilot.onTurn]
   );
-  const [held, setHeld] = useState9({});
-  const heldRef = useRef5(held);
+  useEffect5(() => {
+    const err = state.httpError;
+    if (!err) return;
+    for (const h of pluginsRef.current.httpError) {
+      try {
+        h.value(err, ctxRef.current);
+      } catch (e) {
+        console.error(`[ghostykit] el plugin \xAB${h.plugin}\xBB fall\xF3 con onHttpError`, e);
+      }
+    }
+  }, [state.httpError]);
+  const [held, setHeld] = useState8({});
+  const heldRef = useRef4(held);
   heldRef.current = held;
   const releaseHeld = (id) => setHeld(({ [id]: _, ...rest }) => rest);
   const respond = (id, approved) => {
@@ -2703,15 +1368,15 @@ var Piloto = forwardRef3(function Piloto2(props, handle) {
     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 scroller = useRef4(null);
+  const column = useRef4(null);
+  const spacer = useRef4(null);
+  const following = useRef4(true);
+  const touchY = useRef4(null);
+  const [atBottom, setAtBottom] = useState8(true);
   const message = (n) => scroller.current?.querySelector(`[data-turn="${n}"]`) ?? null;
-  const olderSeen = useRef5(olderCount);
-  const heightBefore = useRef5(0);
+  const olderSeen = useRef4(olderCount);
+  const heightBefore = useRef4(0);
   useIsoLayoutEffect(() => {
     const el = scroller.current;
     if (el && olderCount > olderSeen.current && heightBefore.current) el.scrollTop += el.scrollHeight - heightBefore.current;
@@ -2722,8 +1387,8 @@ var Piloto = forwardRef3(function Piloto2(props, handle) {
     heightBefore.current = scroller.current?.scrollHeight ?? 0;
     void pilot.loadOlder();
   };
-  const placed = useRef5(false);
-  useEffect6(() => {
+  const placed = useRef4(false);
+  useEffect5(() => {
     if (placed.current || turns.length === 0) return;
     placed.current = true;
     const el = scroller.current;
@@ -2738,16 +1403,20 @@ var Piloto = forwardRef3(function Piloto2(props, handle) {
     }
   }
   const mine = mineIndex >= 0 ? turns[mineIndex] : null;
-  const mineSeen = useRef5(mine);
-  const [anchor, setAnchor] = useState9(null);
-  useEffect6(() => {
+  const mineSeen = useRef4(mine);
+  const [anchor, setAnchor] = useState8(null);
+  useEffect5(() => {
     if (mine === mineSeen.current) return;
     mineSeen.current = mine;
+    if (!state.turnStartedAt) {
+      following.current = true;
+      return;
+    }
     if (mine) setAnchor(mineIndex - olderCount);
     following.current = true;
   }, [mine, mineIndex]);
   const gapAbove = (a) => anchor === -olderCount ? a.offsetTop : ANCHOR_GAP;
-  const measureSpacer = useCallback3(() => {
+  const measureSpacer = useCallback2(() => {
     const sc = scroller.current;
     const sp = spacer.current;
     if (!sc || !sp) return;
@@ -2765,7 +1434,7 @@ var Piloto = forwardRef3(function Piloto2(props, handle) {
     const a = anchor != null ? message(anchor) : null;
     if (sc && a) sc.scrollTo({ top: a.offsetTop - gapAbove(a), behavior: "smooth" });
   }, [anchor, measureSpacer]);
-  useEffect6(() => {
+  useEffect5(() => {
     const col = column.current;
     const sc = scroller.current;
     if (!col || !sc || typeof ResizeObserver === "undefined") return;
@@ -2795,13 +1464,22 @@ var Piloto = forwardRef3(function Piloto2(props, handle) {
   const toolRunning = busy && last?.role === "assistant" && (last.tools ?? []).some(isRunning);
   const empty = turns.length === 0 && !busy;
   const placeholder = props.placeholder ?? (props.agentName ? t.placeholder(props.agentName) : t.placeholderDefault);
-  const showFiles = features.attachments ?? Boolean(props.upload);
+  const { upload, transcribe, voiceNoteText, accept, maxFiles, maxBytes } = plugins.attachments;
+  const showFiles = features.attachments ?? Boolean(upload);
   const pointedRefs = refs.filter((r) => r.prompt);
   const plainRefs = refs.filter((r) => !r.prompt);
   const removeRef = (id) => setRefs(refsRef.current.filter((r) => r.id !== id));
-  const composer = /* @__PURE__ */ jsxs8("div", { ref: composerBox, children: [
-    /* @__PURE__ */ jsx10(ReferenceChips, { references: pointedRefs, onRemove: removeRef, onActivate: props.onReferenceClick }),
-    /* @__PURE__ */ jsx10(
+  const replacer = plugins.replacers.find((r) => {
+    try {
+      return r.value.when(ctx);
+    } catch {
+      return false;
+    }
+  });
+  const Replacement = replacer?.value.view;
+  const composer = Replacement ? /* @__PURE__ */ jsx8("div", { ...mark(replacer.plugin), children: /* @__PURE__ */ jsx8(Replacement, { ctx }) }) : /* @__PURE__ */ jsxs6("div", { ref: composerBox, children: [
+    /* @__PURE__ */ jsx8(ReferenceChips, { references: pointedRefs, onRemove: removeRef, onActivate: props.onReferenceClick }),
+    /* @__PURE__ */ jsx8(
       Composer,
       {
         initialValue: draft.text,
@@ -2811,156 +1489,236 @@ var Piloto = forwardRef3(function Piloto2(props, handle) {
         canSteer: pilot.canSteer,
         placeholder,
         attachments: showFiles,
-        upload: props.upload,
-        transcribe: props.transcribe,
-        voiceNoteText: props.voiceNoteText,
+        upload,
+        transcribe,
+        voiceNoteText,
         references: plainRefs,
         onRemoveReference: removeRef,
         onActivateReference: props.onReferenceClick,
-        extras: slots.composerExtras
+        extras: plugins.composerActions.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.composerActions, ctx, styled: plugins.ghostykitStyled, inline: true }) : void 0,
+        extrasEnd: plugins.composerActionsEnd.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.composerActionsEnd, ctx, styled: plugins.ghostykitStyled, inline: true }) : void 0,
+        handleRef: composerHandle,
+        accept,
+        ...maxFiles ? { maxFiles } : {},
+        ...maxBytes ? { maxFileMb: maxBytes / (1024 * 1024) } : {}
       },
       draft.n
     )
   ] });
-  const withPanel = (chat) => slots.sidePanel ? /* @__PURE__ */ jsxs8("div", { className: "flex min-h-0 flex-1 flex-row", children: [
-    /* @__PURE__ */ jsx10("div", { className: "relative flex min-h-0 min-w-0 flex-1 flex-col", children: chat }),
-    slots.sidePanel(state.agentState, pilot)
+  const withPanel = (chat) => plugins.sidePanel.length ? /* @__PURE__ */ jsxs6("div", { className: "flex min-h-0 flex-1 flex-row", children: [
+    /* @__PURE__ */ jsx8("div", { className: "relative flex min-h-0 min-w-0 flex-1 flex-col", children: chat }),
+    /* @__PURE__ */ jsx8(Views, { items: plugins.sidePanel, ctx, styled: plugins.ghostykitStyled, className: "flex min-h-0 shrink-0" })
   ] }) : chat;
-  const aboveComposer = typeof slots.aboveComposer === "function" ? slots.aboveComposer(pilot) : slots.aboveComposer;
-  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: withPanel(empty ? (
-    // Un hilo vacío enseña lo mismo que la portada: la cara, el saludo, la caja y por dónde
-    // empezar. Si no cabe (panel bajo), se desplaza: `safe center` nunca empuja nada fuera.
-    /* @__PURE__ */ jsxs8("div", { className: "gs-scroll flex min-h-0 flex-1 flex-col items-center justify-center overflow-y-auto px-4 pb-[10vh] [justify-content:safe_center]", children: [
-      slots.headerActions && /* @__PURE__ */ jsx10("div", { className: "absolute right-4 top-3 flex gap-2", children: slots.headerActions }),
-      slots.emptyState ?? /* @__PURE__ */ jsxs8("div", { className: "mb-6 flex flex-col items-center", children: [
-        props.avatar && /* @__PURE__ */ jsx10("div", { className: "mb-3", children: props.avatar }),
-        props.welcome && // Un saludo largo (una explicación del piloto) baja a letra de lectura.
-        /* @__PURE__ */ jsx10(
-          "h1",
-          {
-            className: typeof props.welcome === "string" && props.welcome.length > 60 ? "max-w-xl text-center text-base font-medium leading-6 text-metal" : "text-center text-3xl font-extrabold tracking-tight text-dark",
-            children: props.welcome
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "w-full max-w-3xl", children: [
-        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(Fragment6, { children: [
-    slots.headerActions && /* @__PURE__ */ jsx10("div", { className: "flex shrink-0 justify-end gap-2 px-4 pt-3 sm:px-6", children: slots.headerActions }),
-    /* @__PURE__ */ jsxs8(
+  const aboveComposer = plugins.composerAbove.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.composerAbove, ctx, styled: plugins.ghostykitStyled }) : null;
+  const belowComposer = plugins.composerBelow.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.composerBelow, ctx, styled: plugins.ghostykitStyled }) : null;
+  const header = plugins.header.length ? /* @__PURE__ */ jsx8(Views, { items: plugins.header, ctx, styled: plugins.ghostykitStyled, inline: true }) : null;
+  const Empty = plugins.empty?.value;
+  const Waiting = plugins.waiting?.value;
+  const renderDeliveries = (turn, live) => {
+    const custom = (turn.custom ?? []).map((entry, i) => {
+      const owner = plugins.customRenders[entry.name];
+      if (!owner) return null;
+      const C = owner.value;
+      return /* @__PURE__ */ jsx8("div", { ...mark(owner.plugin), children: /* @__PURE__ */ jsx8(C, { ctx, entry, turn, live }) }, `c${i}`);
+    });
+    const extras = plugins.messageAssistant.map((o, i) => /* @__PURE__ */ jsx8("div", { ...mark(o.plugin), children: /* @__PURE__ */ jsx8(o.value, { ctx, turn, live }) }, `a${i}`));
+    return custom.some(Boolean) || extras.length ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      custom,
+      extras
+    ] }) : null;
+  };
+  const renderTools = (turn, live) => {
+    const views = (turn.tools ?? []).flatMap((tool) => {
+      const owner = plugins.toolRenders[tool.title ?? ""] ?? (tool.kind ? plugins.toolRenders[tool.kind] : void 0);
+      if (!owner) return [];
+      const C = owner.value;
+      return [
+        /* @__PURE__ */ jsx8("div", { ...mark(owner.plugin), children: /* @__PURE__ */ jsx8(C, { ctx, tool, turn, live }) }, tool.id)
+      ];
+    });
+    return views.length ? /* @__PURE__ */ jsx8("div", { className: "mb-3 flex flex-col gap-2", children: views }) : null;
+  };
+  const renderBefore = plugins.messageBefore.length ? (turn, live) => /* @__PURE__ */ jsx8(Fragment4, { children: plugins.messageBefore.map((o, i) => /* @__PURE__ */ jsx8("div", { ...mark(o.plugin), children: /* @__PURE__ */ jsx8(o.value, { ctx, turn, live }) }, i)) }) : void 0;
+  const blockLangs = Object.keys(plugins.blockRenders);
+  const blocks = blockLangs.length ? {
+    langs: blockLangs,
+    render: (list, turn, live) => /* @__PURE__ */ jsx8("div", { className: "mt-2 flex flex-col gap-2", children: list.map((block, i) => {
+      const owner = plugins.blockRenders[block.lang];
+      const C = owner.value;
+      return /* @__PURE__ */ jsx8("div", { ...mark(owner.plugin), children: /* @__PURE__ */ jsx8(C, { ctx, block, turn, live }) }, i);
+    }) })
+  } : void 0;
+  const wrapAll = (tree) => plugins.wraps.reduceRight((inner, { value: W }) => /* @__PURE__ */ jsx8(W, { ctx, children: inner }), tree);
+  const permissionCards = cards.map((p) => /* @__PURE__ */ jsx8(ConfirmCard, { request: p, onRespond: respond, onSettled: settle, onExpire: pilot.expirePermission }, p.id));
+  return /* @__PURE__ */ jsx8(PilotoContext.Provider, { value: config, children: wrapAll(
+    /* @__PURE__ */ jsx8(
       "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: "gs-scroll relative min-h-0 flex-1 overflow-y-auto overflow-x-hidden",
-        children: [
-          /* @__PURE__ */ jsxs8("div", { ref: column, className: "mx-auto flex w-full max-w-[784px] flex-col gap-6 px-4 py-8 sm:px-6", children: [
-            state.history?.hasMoreBefore && (external || props.loadOlder) && /* @__PURE__ */ jsx10(
+        ...rootProps(theme, props.skin),
+        "data-busy": busy || void 0,
+        className: `piloto ${plugins.className} ${props.className ?? ""}`,
+        style: Object.keys(plugins.vars).length ? { ...plugins.vars, ...props.style } : props.style,
+        children: withPanel(empty ? (
+          // Un hilo vacío enseña lo mismo que la portada: la cara, el saludo, la caja y por dónde
+          // empezar. Si no cabe (panel bajo), se desplaza: `safe center` nunca empuja nada fuera.
+          /* @__PURE__ */ jsxs6("div", { className: "gs-scroll flex min-h-0 flex-1 flex-col items-center justify-center overflow-y-auto px-4 pb-[10vh] [justify-content:safe_center]", children: [
+            header && /* @__PURE__ */ jsx8("div", { className: "absolute right-4 top-3 flex gap-2", children: header }),
+            Empty ? /* @__PURE__ */ jsx8("div", { ...mark(plugins.empty.plugin), children: /* @__PURE__ */ jsx8(Empty, { ctx }) }) : /* @__PURE__ */ jsxs6("div", { className: "mb-6 flex flex-col items-center", children: [
+              props.avatar && /* @__PURE__ */ jsx8("div", { className: "mb-3", children: props.avatar }),
+              props.welcome && // Un saludo largo (una explicación del piloto) baja a letra de lectura.
+              /* @__PURE__ */ jsx8(
+                "h1",
+                {
+                  className: typeof props.welcome === "string" && props.welcome.length > 60 ? "max-w-xl text-center text-base font-medium leading-6 text-metal" : "text-center text-3xl font-extrabold tracking-tight text-dark",
+                  children: props.welcome
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "w-full max-w-3xl", children: [
+              aboveComposer,
+              composer,
+              belowComposer,
+              props.suggestions && /* @__PURE__ */ jsx8(Suggestions, { items: props.suggestions, onPick: (s) => send(s), onPrefill: (s) => setDraftState((d) => ({ text: s, n: d.n + 1 })) })
+            ] })
+          ] })
+        ) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+          header && /* @__PURE__ */ jsx8("div", { className: "flex shrink-0 justify-end gap-2 px-4 pt-3 sm:px-6", children: header }),
+          /* @__PURE__ */ jsxs6(
+            "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: "gs-scroll relative min-h-0 flex-1 overflow-y-auto overflow-x-hidden",
+              children: [
+                /* @__PURE__ */ jsxs6("div", { ref: column, className: "mx-auto flex w-full max-w-[784px] flex-col gap-6 px-4 py-8 sm:px-6", children: [
+                  plugins.aboveThread.length > 0 && /* @__PURE__ */ jsx8(Views, { items: plugins.aboveThread, ctx, styled: plugins.ghostykitStyled }),
+                  state.history?.hasMoreBefore && (external || props.loadOlder) && /* @__PURE__ */ jsx8(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: loadOlder,
+                      disabled: pilot.loadingOlder,
+                      className: "self-center rounded-full border border-border-primary px-3 py-1 text-sm text-text-secondary transition hover:text-text-primary disabled:opacity-60",
+                      children: pilot.loadingOlder ? t.loadingOlder : t.loadOlder
+                    }
+                  ),
+                  turns.map((turn, i) => {
+                    const isLast = i === turns.length - 1;
+                    const live = busy && isLast;
+                    return /* @__PURE__ */ jsxs6("div", { "data-turn": i - olderCount, children: [
+                      turn.role === "user" ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+                        /* @__PURE__ */ jsx8(UserBubble, { turn }),
+                        plugins.messageUser.map((o, j) => /* @__PURE__ */ jsx8("div", { ...mark(o.plugin), children: /* @__PURE__ */ jsx8(o.value, { ctx, turn }) }, j))
+                      ] }) : /* @__PURE__ */ jsx8(
+                        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,
+                          showDuration: features.duration !== false,
+                          renderDeliveries,
+                          renderTools,
+                          renderBefore,
+                          blocks,
+                          narration: features.narration !== false,
+                          avatar: plugins.avatar ? /* @__PURE__ */ jsx8("span", { ...mark(plugins.avatar.plugin), children: /* @__PURE__ */ jsx8(plugins.avatar.value, { ctx, turn }) }) : void 0
+                        }
+                      ),
+                      turn.role === "assistant" && /* @__PURE__ */ jsx8(TurnNotes, { turn })
+                    ] }, i - olderCount);
+                  }),
+                  busy && state.stalled && /* @__PURE__ */ jsx8("p", { className: "text-sm text-text-tertiary", children: state.stalled.message ?? t.stalled }),
+                  state.queued.map((q, i) => (
+                    // Esperan a que termine el run vivo (el servidor no los dejó entrar): salen solos.
+                    /* @__PURE__ */ jsxs6("div", { "data-queued": true, className: "flex flex-col items-end gap-1 opacity-60", children: [
+                      /* @__PURE__ */ jsx8(UserBubble, { turn: { role: "user", text: q.text, ...q.attachments ? { attachments: q.attachments } : {} } }),
+                      /* @__PURE__ */ jsx8("span", { className: "text-xs text-text-tertiary", children: t.queued })
+                    ] }, `q${i}`)
+                  )),
+                  permissionCards,
+                  busy && !toolRunning && !cards.length && (Waiting ? /* @__PURE__ */ jsx8("div", { ...mark(plugins.waiting.plugin), children: /* @__PURE__ */ jsx8(Waiting, { ctx, step: state.step, since: state.turnStartedAt }) }) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1.5", children: [
+                    /* @__PURE__ */ jsx8(TypingDots, {}),
+                    /* @__PURE__ */ jsx8(WaitLabel, { since: state.turnStartedAt, step: state.step, showDuration: features.duration !== false })
+                  ] })),
+                  notice && /* @__PURE__ */ jsx8("p", { className: "text-sm text-text-tertiary", children: notice }),
+                  error && /* @__PURE__ */ jsx8("p", { className: "text-sm text-text-danger", children: error })
+                ] }),
+                /* @__PURE__ */ jsx8("div", { ref: spacer, "aria-hidden": true })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs6("div", { className: "relative mx-auto w-full max-w-[784px] px-4 pb-4 sm:px-6 sm:pb-6", children: [
+            !atBottom && /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
-                onClick: loadOlder,
-                disabled: pilot.loadingOlder,
-                className: "self-center rounded-full border border-border-primary px-3 py-1 text-sm text-text-secondary transition hover:text-text-primary disabled:opacity-60",
-                children: pilot.loadingOlder ? t.loadingOlder : t.loadOlder
+                onClick: toBottom,
+                "aria-label": t.goToLatest,
+                className: "absolute -top-12 left-1/2 z-10 flex h-9 w-9 -translate-x-1/2 items-center justify-center rounded-full border border-border-primary bg-background-secondary text-text-secondary shadow-lg transition hover:text-text-primary",
+                children: /* @__PURE__ */ jsx8(ArrowDown, { className: "h-4 w-4" })
               }
             ),
-            turns.map((turn, i) => {
-              const isLast = i === turns.length - 1;
-              const live = busy && isLast;
-              return /* @__PURE__ */ jsxs8("div", { "data-turn": i - olderCount, 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,
-                    showDuration: features.duration !== false,
-                    renderDeliveries: slots.renderDeliveries
-                  }
-                ),
-                turn.role === "assistant" && /* @__PURE__ */ jsx10(TurnNotes, { turn })
-              ] }, i - olderCount);
-            }),
-            busy && state.stalled && /* @__PURE__ */ jsx10("p", { className: "text-sm text-text-tertiary", children: state.stalled.message ?? t.stalled }),
-            state.queued.map((q, i) => (
-              // Esperan a que termine el run vivo (el servidor no los dejó entrar): salen solos.
-              /* @__PURE__ */ jsxs8("div", { "data-queued": true, className: "flex flex-col items-end gap-1 opacity-60", children: [
-                /* @__PURE__ */ jsx10(UserBubble, { turn: { role: "user", text: q.text, ...q.attachments ? { attachments: q.attachments } : {} } }),
-                /* @__PURE__ */ jsx10("span", { className: "text-xs text-text-tertiary", children: t.queued })
-              ] }, `q${i}`)
-            )),
-            permissionCards,
-            busy && !toolRunning && !cards.length && /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ jsx10(TypingDots, {}),
-              /* @__PURE__ */ jsx10(WaitLabel, { since: state.turnStartedAt, step: state.step, showDuration: features.duration !== false })
+            state.cutRun && !busy && // El servidor cortó la respuesta (deploy, caja caída): la persona decide si sigue.
+            /* @__PURE__ */ jsxs6("div", { "data-cut-run": true, role: "status", className: "mb-2 flex items-center gap-3 rounded-2xl border border-border-primary bg-background-secondary px-3 py-2 text-sm text-text-secondary", children: [
+              /* @__PURE__ */ jsx8("span", { className: "min-w-0 flex-1", children: state.cutRun.reason ?? t.runCut }),
+              /* @__PURE__ */ jsx8(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => void pilot.continueRun(),
+                  className: "shrink-0 rounded-full bg-brand-500 px-3 py-1 text-sm font-medium text-white transition hover:bg-brand-600",
+                  children: t.continueRun
+                }
+              )
             ] }),
-            notice && /* @__PURE__ */ jsx10("p", { className: "text-sm text-text-tertiary", children: notice }),
-            error && /* @__PURE__ */ jsx10("p", { className: "text-sm text-text-danger", children: error })
-          ] }),
-          /* @__PURE__ */ jsx10("div", { ref: spacer, "aria-hidden": true })
-        ]
+            aboveComposer,
+            composer,
+            belowComposer
+          ] })
+        ] }))
       }
-    ),
-    /* @__PURE__ */ jsxs8("div", { className: "relative mx-auto w-full max-w-[784px] px-4 pb-4 sm:px-6 sm:pb-6", children: [
-      !atBottom && /* @__PURE__ */ jsx10(
-        "button",
-        {
-          type: "button",
-          onClick: toBottom,
-          "aria-label": t.goToLatest,
-          className: "absolute -top-12 left-1/2 z-10 flex h-9 w-9 -translate-x-1/2 items-center justify-center rounded-full border border-border-primary bg-background-secondary text-text-secondary shadow-lg transition hover:text-text-primary",
-          children: /* @__PURE__ */ jsx10(ArrowDown, { className: "h-4 w-4" })
-        }
-      ),
-      state.cutRun && !busy && // El servidor cortó la respuesta (deploy, caja caída): la persona decide si sigue.
-      /* @__PURE__ */ jsxs8("div", { "data-cut-run": true, role: "status", className: "mb-2 flex items-center gap-3 rounded-2xl border border-border-primary bg-background-secondary px-3 py-2 text-sm text-text-secondary", children: [
-        /* @__PURE__ */ jsx10("span", { className: "min-w-0 flex-1", children: state.cutRun.reason ?? t.runCut }),
-        /* @__PURE__ */ jsx10(
-          "button",
-          {
-            type: "button",
-            onClick: () => void pilot.continueRun(),
-            className: "shrink-0 rounded-full bg-brand-500 px-3 py-1 text-sm font-medium text-white transition hover:bg-brand-600",
-            children: t.continueRun
-          }
-        )
-      ] }),
-      aboveComposer,
-      composer
-    ] })
-  ] })) }) });
+    )
+  ) });
 });
+var warned = /* @__PURE__ */ new Set();
+function warnOnce(message) {
+  if (warned.has(message)) return;
+  warned.add(message);
+  console.warn(`[ghostykit] ${message}`);
+}
+function pluginAttrs(plugin, styled) {
+  return styled.has(plugin) ? { "data-plugin": plugin } : { "data-plugin": plugin, "data-piloto-isolate": "" };
+}
+function Views({ items, ctx, inline, className, styled }) {
+  return /* @__PURE__ */ jsx8(Fragment4, { children: items.map(
+    ({ plugin, value: C }) => inline ? /* @__PURE__ */ jsx8("span", { ...pluginAttrs(plugin, styled), style: { display: "contents" }, children: /* @__PURE__ */ jsx8(C, { ctx }) }, plugin) : /* @__PURE__ */ jsx8("div", { ...pluginAttrs(plugin, styled), className, children: /* @__PURE__ */ jsx8(C, { ctx }) }, plugin)
+  ) });
+}
 function TurnNotes({ turn }) {
   const { strings: t } = usePiloto();
   const failed = (turn.custom ?? []).filter((c) => c.name === "ghosty.attachments_failed").flatMap((c) => (c.value?.files ?? []).filter((f) => f?.name));
   if (!failed.length && !turn.truncated) return null;
-  return /* @__PURE__ */ jsxs8("div", { "data-turn-notes": true, className: "mt-1 flex flex-col gap-0.5 text-xs text-text-tertiary", children: [
-    failed.map((f, i) => /* @__PURE__ */ jsx10("p", { children: t.attachmentFailed(f.name, f.reason) }, i)),
-    turn.truncated && /* @__PURE__ */ jsx10("p", { children: turn.truncated.reason ?? t.truncated })
+  return /* @__PURE__ */ jsxs6("div", { "data-turn-notes": true, className: "mt-1 flex flex-col gap-0.5 text-xs text-text-tertiary", children: [
+    failed.map((f, i) => /* @__PURE__ */ jsx8("p", { children: t.attachmentFailed(f.name, f.reason) }, i)),
+    turn.truncated && /* @__PURE__ */ jsx8("p", { children: turn.truncated.reason ?? t.truncated })
   ] });
 }
 
 // src/react/Subagents.tsx
-import { useState as useState10 } from "react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useState as useState9 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var DOT = {
   running: "bg-brand-500 animate-pulse",
   completed: "bg-text-tertiary",
@@ -2969,33 +1727,33 @@ var DOT = {
 };
 function Subagents({ pilot, defaultOpen = false, showFinished = true, className = "" }) {
   const { strings: t } = usePiloto();
-  const [open, setOpen] = useState10(defaultOpen);
+  const [open, setOpen] = useState9(defaultOpen);
   const all = pilot.subagents;
   const tasks = showFinished ? all : all.filter((x) => x.status === "running");
   if (!tasks.length) return null;
   const running = all.filter((x) => x.status === "running").length;
-  return /* @__PURE__ */ jsxs9("div", { "data-subagents": true, className: `mb-2 rounded-2xl border border-border-primary bg-background-secondary text-sm ${className}`, children: [
-    /* @__PURE__ */ jsxs9("button", { type: "button", onClick: () => setOpen((o) => !o), "aria-expanded": open, className: "flex w-full items-center gap-2 px-3 py-2 text-left text-text-secondary", children: [
-      /* @__PURE__ */ jsx11("span", { className: `h-2 w-2 shrink-0 rounded-full ${running ? DOT.running : DOT.completed}` }),
-      /* @__PURE__ */ jsx11("span", { className: "flex-1 truncate", children: running ? t.subagentsWorking(running) : t.subagentsDone(tasks.length) }),
-      /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: `text-text-tertiary transition-transform ${open ? "rotate-180" : ""}`, children: "\u2304" })
+  return /* @__PURE__ */ jsxs7("div", { "data-subagents": true, className: `mb-2 rounded-2xl border border-border-primary bg-background-secondary text-sm ${className}`, children: [
+    /* @__PURE__ */ jsxs7("button", { type: "button", onClick: () => setOpen((o) => !o), "aria-expanded": open, className: "flex w-full items-center gap-2 px-3 py-2 text-left text-text-secondary", children: [
+      /* @__PURE__ */ jsx9("span", { className: `h-2 w-2 shrink-0 rounded-full ${running ? DOT.running : DOT.completed}` }),
+      /* @__PURE__ */ jsx9("span", { className: "flex-1 truncate", children: running ? t.subagentsWorking(running) : t.subagentsDone(tasks.length) }),
+      /* @__PURE__ */ jsx9("span", { "aria-hidden": true, className: `text-text-tertiary transition-transform ${open ? "rotate-180" : ""}`, children: "\u2304" })
     ] }),
-    open && /* @__PURE__ */ jsx11("ul", { className: "flex flex-col border-t border-border-primary", children: tasks.map((task) => /* @__PURE__ */ jsx11(SubagentRow, { task, onStop: () => void pilot.stopSubagent(task.id) }, task.id)) })
+    open && /* @__PURE__ */ jsx9("ul", { className: "flex flex-col border-t border-border-primary", children: tasks.map((task) => /* @__PURE__ */ jsx9(SubagentRow, { task, onStop: () => void pilot.stopSubagent(task.id) }, task.id)) })
   ] });
 }
 function SubagentRow({ task, onStop }) {
   const { strings: t } = usePiloto();
   const line = task.status === "running" ? task.lastTool : task.summary ?? task.lastTool;
-  return /* @__PURE__ */ jsxs9("li", { "data-subagent": task.id, "data-status": task.status, className: "flex items-center gap-2 px-3 py-2", children: [
-    /* @__PURE__ */ jsx11("span", { className: `h-2 w-2 shrink-0 rounded-full ${DOT[task.status] ?? DOT.completed}` }),
-    /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx11("div", { className: "truncate text-text-primary", children: task.title ?? task.id }),
-      /* @__PURE__ */ jsxs9("div", { className: "truncate text-xs text-text-tertiary", children: [
+  return /* @__PURE__ */ jsxs7("li", { "data-subagent": task.id, "data-status": task.status, className: "flex items-center gap-2 px-3 py-2", children: [
+    /* @__PURE__ */ jsx9("span", { className: `h-2 w-2 shrink-0 rounded-full ${DOT[task.status] ?? DOT.completed}` }),
+    /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx9("div", { className: "truncate text-text-primary", children: task.title ?? task.id }),
+      /* @__PURE__ */ jsxs7("div", { className: "truncate text-xs text-text-tertiary", children: [
         t.subagentStatus[task.status] ?? task.status,
         line ? ` \xB7 ${line}` : ""
       ] })
     ] }),
-    task.status === "running" && /* @__PURE__ */ jsx11("button", { type: "button", onClick: onStop, className: "shrink-0 rounded-full border border-border-primary px-2.5 py-0.5 text-xs text-text-secondary transition hover:text-text-danger", children: t.subagentStop })
+    task.status === "running" && /* @__PURE__ */ jsx9("button", { type: "button", onClick: onStop, className: "shrink-0 rounded-full border border-border-primary px-2.5 py-0.5 text-xs text-text-secondary transition hover:text-text-danger", children: t.subagentStop })
   ] });
 }
 export {
@@ -3041,8 +1799,10 @@ export {
   createAgUiTransport,
   createPilotState,
   Piloto as default,
+  definePlugin,
   dropLastExchange,
   expiryMs,
+  extractBlocks,
   extractReplyOptions,
   formatDuration,
   groupSteps,
@@ -3053,12 +1813,15 @@ export {
   messagesToTurns,
   mimeOf,
   narrationToMarkdown,
+  pluginPoints,
+  pluginRequires,
   prependHistory,
   queueMessage,
   readSse,
   reduceAgUiEvent,
   renderInline,
   resolvePermission,
+  resolvePlugins,
   sendFailed,
   splitNarration,
   stepLabel,