@truefoundry/trueforge-ui 0.2.3 → 0.3.0-rc.0

package/dist/{chunk-XRTTKGKN.js → chunk-OSV3HI5M.js}

@@ -6,7 +6,7 @@ import {
   getErrorMessage,
   useCompactLayout,
   useDraftCatalog
-} from "./chunk-IFLE7OMM.js";
+} from "./chunk-FJ5RSSMA.js";
 import {
   libraryAgentId,
   useCatalogServer,
@@ -17,7 +17,7 @@ import {
 } from "./chunk-WQULF5AT.js";
 import {
   OpenUiFenceBlock
-} from "./chunk-JRRCAKEP.js";
+} from "./chunk-B52K63AW.js";
 import {
   ThemeContext,
   ThemeProvider,
@@ -25,41 +25,102 @@ import {
   useOptionalContentClassNames,
   useOptionalThemeMode,
   useOptionalThemePreset
-} from "./chunk-72LC2M3R.js";
+} from "./chunk-36KOSC2J.js";
 
 // src/theme/brand.tsx
 import { useContext } from "react";
-import { jsx } from "react/jsx-runtime";
+
+// src/icons/trueforge-logo-dark.svg
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SvgTrueforgeLogoDark = (props) => /* @__PURE__ */ jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 737 120", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10580_645)", children: [
+    /* @__PURE__ */ jsx("path", { d: "M0 0.015625L40 20.0156V40L20 40V80.0156H40V100.016L0 120.016V0.015625Z", fill: "white" }),
+    /* @__PURE__ */ jsx("path", { d: "M120 0L80 20V40H100V80H80V100L120 120V0Z", fill: "white" }),
+    /* @__PURE__ */ jsx("path", { d: "M59.9971 39.8193C61.0556 45.6178 63.1951 50.1614 66.5771 53.5215C69.9455 56.868 74.4738 58.9678 80.2051 60.0088C74.4712 61.0714 69.9429 63.2075 66.5752 66.5752C63.1954 69.955 61.0558 74.5036 59.9971 80.2666C58.933 74.5031 56.7854 69.9547 53.4004 66.5752C50.0276 63.2078 45.4981 61.0704 39.7725 60.0078C45.4953 58.9668 50.0251 56.8676 53.3984 53.5215C56.7857 50.1616 58.9332 45.6182 59.9971 39.8193Z", fill: "white", stroke: "white", strokeWidth: 1.6, strokeLinejoin: "round" })
+  ] }),
+  /* @__PURE__ */ jsx("path", { d: "M622.099 24.752C631.17 24.752 637.822 27.7322 642.056 33.6934V27.084H659.938V90.4531C659.938 99.87 656.785 107.127 650.479 112.225C644.172 117.408 636.008 120 625.986 120C614.669 120 603.784 116.76 593.33 110.28L602.66 96.1553C611.559 101.252 619.248 103.801 625.728 103.801C635.835 103.801 640.89 98.7473 640.89 88.6396V84.752C636.57 89.8491 630.306 92.3975 622.099 92.3975C613.632 92.3974 606.548 89.2442 600.846 82.9375C595.23 76.6308 592.423 68.5094 592.423 58.5742C592.423 48.6393 595.23 40.5185 600.846 34.2119C606.548 27.9052 613.632 24.752 622.099 24.752ZM292.13 69.46C292.13 76.285 295.456 79.6982 302.108 79.6982C310.229 79.6982 314.29 75.421 314.29 66.8682V27.084H333.729V94.4707H315.975V87.3438C311.914 93.564 305.391 96.6738 296.406 96.6738C288.458 96.6738 282.497 94.773 278.522 90.9717C274.635 87.1704 272.691 81.7275 272.691 74.6436V27.084H292.13V69.46ZM378.339 24.752C388.62 24.752 396.525 27.7322 402.054 33.6934C407.669 39.6545 410.478 48.0349 410.478 58.834C410.478 61.2528 410.391 63.758 410.218 66.3496H362.658C364.732 75.5937 370.693 80.2158 380.542 80.2158C384.084 80.2158 387.237 79.6109 390.002 78.4014C392.766 77.1055 396.049 74.8595 399.851 71.6631L410.478 83.8447C401.579 92.3976 391.427 96.6738 380.023 96.6738C368.965 96.6738 360.153 93.4345 353.587 86.9551C347.108 80.4757 343.868 71.836 343.868 61.0371C343.868 50.4108 346.978 41.7279 353.198 34.9893C359.419 28.1642 367.799 24.752 378.339 24.752ZM499.098 24.752C509.465 24.752 517.974 28.121 524.626 34.8594C531.278 41.5116 534.604 50.1077 534.604 60.6475C534.604 71.2738 531.278 79.9566 524.626 86.6953C517.974 93.3474 509.465 96.6738 499.098 96.6738C488.644 96.6738 480.091 93.3476 473.438 86.6953C466.786 79.9567 463.46 71.2738 463.46 60.6475C463.46 50.1077 466.786 41.5116 473.438 34.8594C480.091 28.1207 488.644 24.752 499.098 24.752ZM704.464 24.752C714.745 24.752 722.65 27.7322 728.179 33.6934C733.794 39.6545 736.603 48.0349 736.603 58.834C736.603 61.2528 736.516 63.758 736.343 66.3496H688.783C690.857 75.5937 696.818 80.2158 706.667 80.2158C710.209 80.2158 713.362 79.6109 716.127 78.4014C718.891 77.1055 722.174 74.8595 725.976 71.6631L736.603 83.8447C727.704 92.3976 717.552 96.6738 706.148 96.6738C695.09 96.6738 686.278 93.4345 679.712 86.9551C673.233 80.4757 669.993 71.836 669.993 61.0371C669.993 50.4108 673.103 41.7279 679.323 34.9893C685.544 28.1642 693.924 24.752 704.464 24.752ZM194.087 27.085H209.249V41.5996H194.087V73.0898C194.087 75.3359 194.605 76.9345 195.642 77.8848C196.678 78.7486 198.277 79.1797 200.437 79.1797C202.078 79.1797 204.626 78.8347 208.082 78.1436L210.285 93.6943C204.842 95.3358 199.702 96.1562 194.864 96.1562C187.694 96.1562 182.51 94.6013 179.313 91.4912C176.203 88.3811 174.649 83.4137 174.648 76.5889V41.5996H162.855V27.085H174.648V7.3877H194.087V27.085ZM254.532 25.9189C257.21 25.9189 260.883 26.6959 265.548 28.251L261.919 45.3574C257.858 44.4071 254.921 43.9316 253.106 43.9316C248.787 43.9317 245.374 45.6162 242.869 48.9854C240.364 52.2683 239.111 56.8044 239.111 62.5928V94.4717H219.673V27.085H237.686V36.6748C241.314 29.5042 246.93 25.919 254.532 25.9189ZM579.519 25.9189C582.197 25.9189 585.869 26.6959 590.534 28.251L586.905 45.3574C582.845 44.4072 579.908 43.9317 578.094 43.9316C573.774 43.9316 570.361 45.616 567.855 48.9854C565.35 52.2683 564.098 56.8044 564.098 62.5928V94.4717H544.659V27.085H562.672V36.6748C566.3 29.5043 571.916 25.9191 579.519 25.9189ZM449.276 0C453.942 0 458.866 0.77795 464.05 2.33301L460.681 16.7168C458.175 16.1121 455.627 15.8096 453.035 15.8096C450.53 15.8096 448.758 16.3712 447.722 17.4941C446.685 18.5309 446.167 20.3892 446.167 23.0674V27.084H460.292V41.5986H446.167V94.4707H426.729V41.5986H415.454V27.084H426.729V22.2891C426.729 7.42983 434.244 0.000142379 449.276 0ZM499.098 41.209C494.346 41.209 490.501 42.9803 487.563 46.5225C484.626 50.0645 483.158 54.773 483.158 60.6475C483.158 66.6084 484.626 71.3603 487.563 74.9023C490.501 78.4445 494.346 80.2158 499.098 80.2158C503.849 80.2157 507.65 78.4444 510.501 74.9023C513.438 71.3602 514.907 66.6085 514.907 60.6475C514.907 54.7729 513.438 50.0645 510.501 46.5225C507.564 42.9806 503.763 41.2091 499.098 41.209ZM626.764 41.3389C622.358 41.3389 618.772 42.9373 616.008 46.1338C613.33 49.2439 611.99 53.3908 611.99 58.5742C611.99 63.7578 613.373 67.948 616.138 71.1445C618.902 74.341 622.444 75.9394 626.764 75.9395C631.17 75.9395 634.755 74.341 637.52 71.1445C640.284 67.948 641.667 63.7578 641.667 58.5742C641.667 53.3907 640.284 49.2439 637.52 46.1338C634.755 42.9374 631.17 41.3389 626.764 41.3389ZM378.08 39.9131C370.218 39.9131 365.207 44.1902 363.047 52.7432H391.945C390.995 44.1904 386.374 39.9132 378.08 39.9131ZM704.205 39.9131C696.343 39.9131 691.332 44.1902 689.172 52.7432H718.07C717.12 44.1904 712.499 39.9132 704.205 39.9131Z", fill: "white" }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_10580_645", children: /* @__PURE__ */ jsx("rect", { width: 120, height: 120, fill: "white" }) }) })
+] });
+var trueforge_logo_dark_default = SvgTrueforgeLogoDark;
+
+// src/icons/trueforge-logo.svg
+import * as React2 from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SvgTrueforgeLogo = (props) => /* @__PURE__ */ jsxs2("svg", { width: "1em", height: "1em", viewBox: "0 0 614 100", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxs2("g", { clipPath: "url(#clip0_10581_1412)", children: [
+    /* @__PURE__ */ jsx2("path", { d: "M-0.00195312 0.0136719L33.3314 16.6803V33.334L16.6647 33.334V66.6803H33.3314V83.347L-0.00195312 100.014V0.0136719Z", fill: "#05090E" }),
+    /* @__PURE__ */ jsx2("path", { d: "M99.998 0L66.6647 16.6667V33.3333H83.3314V66.6667H66.6647V83.3333L99.998 100V0Z", fill: "#05090E" }),
+    /* @__PURE__ */ jsx2("path", { d: "M49.9961 33.1826C50.8782 38.0147 52.6612 41.8005 55.4795 44.6006C58.2863 47.3892 62.0592 49.1393 66.835 50.0068C62.057 50.8924 58.2839 52.6732 55.4775 55.4795C52.6611 58.2959 50.8784 62.0863 49.9961 66.8887C49.1093 62.0858 47.3189 58.2958 44.498 55.4795C41.6875 52.6735 37.9135 50.8924 33.1426 50.0068C37.9113 49.1393 41.6861 47.3898 44.4971 44.6016C47.3198 41.8016 49.1095 38.0151 49.9961 33.1826Z", fill: "#6D58FB", stroke: "#6D58FB", strokeWidth: 1.33333, strokeLinejoin: "round" })
+  ] }),
+  /* @__PURE__ */ jsx2("path", { d: "M518.559 20.627C526.12 20.627 531.665 23.1106 535.193 28.0781V22.5703H550.1V75.3789C550.1 83.2261 547.47 89.2739 542.214 93.5215C536.957 97.8409 530.153 100.001 521.8 100.001C512.367 100.001 503.293 97.3008 494.58 91.9014L502.356 80.1299C509.773 84.3774 516.182 86.5019 521.583 86.502C530.008 86.502 534.221 82.2902 534.221 73.8672V70.627C530.62 74.8745 525.399 76.998 518.559 76.998C511.502 76.998 505.597 74.3706 500.845 69.1152C496.164 63.8597 493.823 57.0918 493.823 48.8125C493.823 40.5333 496.164 33.7663 500.845 28.5107C505.597 23.2553 511.502 20.627 518.559 20.627ZM315.383 20.627C323.952 20.627 330.541 23.1106 335.149 28.0781C339.83 33.0457 342.17 40.0293 342.17 49.0283C342.17 51.0441 342.098 53.1322 341.954 55.292H302.312C304.041 62.9954 309.01 66.8477 317.219 66.8477C320.171 66.8476 322.799 66.3429 325.104 65.335C327.408 64.2551 330.144 62.3835 333.312 59.7197L342.17 69.8711C334.753 76.9984 326.292 80.5624 316.787 80.5625C307.57 80.5625 300.225 77.8624 294.752 72.4629C289.351 67.0633 286.65 59.8635 286.65 50.8643C286.65 42.0091 289.243 34.7737 294.428 29.1582C299.612 23.4707 306.598 20.627 315.383 20.627ZM416.036 20.627C424.677 20.627 431.77 23.4346 437.314 29.0498C442.859 34.5934 445.632 41.7577 445.632 50.541C445.632 59.3961 442.859 66.6316 437.314 72.2471C431.77 77.7904 424.677 80.5625 416.036 80.5625C407.323 80.5625 400.194 77.7905 394.649 72.2471C389.105 66.6316 386.332 59.3961 386.332 50.541C386.332 41.7577 389.105 34.5934 394.649 29.0498C400.194 23.4345 407.323 20.627 416.036 20.627ZM587.211 20.627C595.78 20.627 602.369 23.1106 606.978 28.0781C611.658 33.0457 613.998 40.0292 613.998 49.0283C613.998 51.0441 613.926 53.1322 613.782 55.292H574.141C575.869 62.9953 580.838 66.8476 589.047 66.8477C591.999 66.8477 594.627 66.3428 596.932 65.335C599.236 64.2551 601.972 62.3834 605.141 59.7197L613.998 69.8711C606.581 76.9984 598.12 80.5624 588.615 80.5625C579.398 80.5625 572.053 77.8624 566.58 72.4629C561.179 67.0633 558.479 59.8635 558.479 50.8643C558.479 42.0091 561.071 34.7737 566.256 29.1582C571.441 23.4707 578.426 20.627 587.211 20.627ZM243.526 57.8838C243.526 63.5711 246.299 66.415 251.844 66.415C258.612 66.4149 261.997 62.8509 261.997 55.7236V22.5703H278.199V78.7256H263.4V72.7861C260.016 77.9696 254.58 80.5615 247.091 80.5615C240.466 80.5615 235.497 78.9782 232.185 75.8105C228.944 72.6428 227.324 68.1067 227.324 62.2031V22.5703H243.526V57.8838ZM161.807 22.5713H174.444V34.666H161.807V60.9082C161.807 62.7799 162.239 64.1114 163.104 64.9033C163.968 65.6232 165.299 65.9834 167.1 65.9834C168.468 65.9834 170.592 65.6951 173.473 65.1191L175.309 78.0781C170.772 79.446 166.488 80.1299 162.455 80.1299C156.478 80.1299 152.158 78.834 149.493 76.2422C146.901 73.6504 145.604 69.5106 145.604 63.8232V34.666H135.775V22.5713H145.604V6.15625H161.807V22.5713ZM212.189 21.5977C214.422 21.5977 217.482 22.2453 221.37 23.541L218.346 37.7959C214.962 37.004 212.513 36.6084 211.001 36.6084C207.401 36.6085 204.556 38.0126 202.468 40.8203C200.38 43.5561 199.336 47.3357 199.336 52.1592V78.7256H183.134V22.5693H198.147V30.5605C201.172 24.5852 205.853 21.5977 212.189 21.5977ZM374.509 0C378.397 0 382.502 0.647547 386.822 1.94336L384.015 13.9307C381.926 13.4267 379.802 13.1748 377.642 13.1748C375.553 13.1748 374.077 13.6432 373.213 14.5791C372.349 15.4431 371.917 16.9909 371.917 19.2227V22.5703H383.69V34.665H371.917V78.7256H355.715V34.665H346.317V22.5703H355.715V18.5742C355.715 6.19146 361.979 5.23399e-05 374.509 0ZM483.068 21.5977C485.301 21.5977 488.361 22.2453 492.249 23.541L489.225 37.7959C485.84 37.004 483.392 36.6084 481.88 36.6084C478.279 36.6084 475.435 38.0125 473.347 40.8203C471.258 43.5561 470.214 47.3357 470.214 52.1592V78.7256H454.012V22.5693H469.026V30.5605C472.051 24.5853 476.732 21.5977 483.068 21.5977ZM416.036 34.3418C412.076 34.3418 408.871 35.8178 406.423 38.7695C403.975 41.7213 402.75 45.6454 402.75 50.541C402.75 55.5084 403.975 59.4682 406.423 62.4199C408.871 65.3715 412.076 66.8477 416.036 66.8477C419.996 66.8476 423.165 65.3715 425.541 62.4199C427.989 59.4682 429.214 55.5084 429.214 50.541C429.214 45.6454 427.989 41.7213 425.541 38.7695C423.093 35.8179 419.925 34.3418 416.036 34.3418ZM522.447 34.4502C518.775 34.4502 515.787 35.7817 513.482 38.4453C511.25 41.0371 510.134 44.4929 510.134 48.8125C510.134 53.1321 511.286 56.6243 513.59 59.2881C515.894 61.9518 518.847 63.2831 522.447 63.2832C526.12 63.2832 529.109 61.9519 531.413 59.2881C533.717 56.6243 534.869 53.1321 534.869 48.8125C534.869 44.493 533.717 41.0371 531.413 38.4453C529.109 35.7815 526.12 34.4502 522.447 34.4502ZM315.166 33.2617C308.613 33.2619 304.437 36.8258 302.637 43.9531H326.724C325.932 36.8257 322.079 33.2617 315.166 33.2617ZM586.995 33.2617C580.442 33.2617 576.265 36.8257 574.465 43.9531H598.552C597.76 36.8258 593.908 33.2619 586.995 33.2617Z", fill: "black" }),
+  /* @__PURE__ */ jsx2("defs", { children: /* @__PURE__ */ jsx2("clipPath", { id: "clip0_10581_1412", children: /* @__PURE__ */ jsx2("rect", { width: 100, height: 100, fill: "white" }) }) })
+] });
+var trueforge_logo_default = SvgTrueforgeLogo;
+
+// src/theme/brand.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
 var DEFAULT_BRAND_NAME = "TrueForge";
-function resolveLogoSrc({
-  logo,
+function resolveBrandChrome(brand) {
+  switch (brand?.mode) {
+    case "logo":
+      return { expandedVariant: "logo", collapsedVariant: "icon", showTitle: false };
+    case "icon-only":
+      return { expandedVariant: "icon", collapsedVariant: "icon", showTitle: false };
+    case "icon-title":
+      return { expandedVariant: "icon", collapsedVariant: "icon", showTitle: true };
+    default:
+      return { expandedVariant: "logo", collapsedVariant: "icon", showTitle: false };
+  }
+}
+function resolveImageSrc({
+  image,
   mode
 }) {
-  if (typeof logo === "string") return logo;
-  const preferred = mode === "dark" ? logo.dark : logo.light;
-  return preferred ?? logo.light ?? logo.dark ?? logo.src;
+  if (typeof image === "string") return image;
+  const preferred = mode === "dark" ? image.dark : image.light;
+  return preferred ?? image.light ?? image.dark ?? image.src;
 }
 function useBrandName() {
-  return useContext(ThemeContext)?.brand.name ?? DEFAULT_BRAND_NAME;
+  const brand = useContext(ThemeContext)?.brand;
+  if (brand?.name != null) return brand.name;
+  return brand?.mode == null ? DEFAULT_BRAND_NAME : void 0;
 }
-function BrandLogo({ className }) {
+function BrandLogo({ className, variant = "icon" }) {
   const theme = useContext(ThemeContext);
-  const logo = theme?.brand.logo;
-  const name = theme?.brand.name ?? DEFAULT_BRAND_NAME;
+  const brand = theme?.brand;
+  const name = useBrandName();
+  const label = name ?? DEFAULT_BRAND_NAME;
   const mode = theme?.mode ?? "light";
-  const src = logo == null ? void 0 : resolveLogoSrc({ logo, mode });
+  const preferredImage = variant === "logo" ? brand?.logo : brand?.icon;
+  const preferredSrc = preferredImage == null ? void 0 : resolveImageSrc({ image: preferredImage, mode });
+  const icon = brand?.icon;
+  const src = preferredSrc ?? (variant === "logo" && icon != null ? resolveImageSrc({ image: icon, mode }) : void 0);
   if (src == null) {
-    return /* @__PURE__ */ jsx(Icon, { name: mode === "dark" ? "trueforge-logomark-dark" : "trueforge-logomark-light", className });
+    if (variant === "logo") {
+      const Wordmark = mode === "dark" ? trueforge_logo_dark_default : trueforge_logo_default;
+      return /* @__PURE__ */ jsx3(
+        Wordmark,
+        {
+          className: cn("w-auto", className),
+          width: void 0,
+          height: void 0,
+          role: "img",
+          "aria-label": label
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx3(Icon, { name: mode === "dark" ? "trueforge-logomark-dark" : "trueforge-logomark-light", className });
   }
-  const image = /* @__PURE__ */ jsx("img", { src, alt: name, className });
-  const href = typeof logo === "string" ? void 0 : logo?.href;
+  const image = /* @__PURE__ */ jsx3("img", { src, alt: label, className });
+  const href = brand?.href;
   if (href == null) return image;
-  return /* @__PURE__ */ jsx("a", { href, "aria-label": name, className: "inline-flex items-center", children: image });
+  return /* @__PURE__ */ jsx3("a", { href, "aria-label": label, className: "inline-flex items-center", children: image });
 }
 
 // src/atoms/primitives/Accordion.tsx
-import React, { createContext, useContext as useContext2, useId, useState } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import React3, { createContext, useContext as useContext2, useId, useState } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Accordion({
   expanded,
   onChange,
@@ -70,9 +131,9 @@ function Accordion({
   ...rest
 }) {
   const panelId = useId();
-  return /* @__PURE__ */ jsx2("div", { className: cn("w-full", className), "data-expanded": expanded || void 0, ...rest, children: React.Children.map(children, (child) => {
-    if (!React.isValidElement(child)) return child;
-    return React.cloneElement(child, {
+  return /* @__PURE__ */ jsx4("div", { className: cn("w-full", className), "data-expanded": expanded || void 0, ...rest, children: React3.Children.map(children, (child) => {
+    if (!React3.isValidElement(child)) return child;
+    return React3.cloneElement(child, {
       expanded,
       onChange,
       panelId
@@ -80,7 +141,7 @@ function Accordion({
   }) });
 }
 function AccordionSummary({ children, className, expanded, onChange, panelId }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx4(
     "button",
     {
       type: "button",
@@ -94,13 +155,13 @@ function AccordionSummary({ children, className, expanded, onChange, panelId })
 }
 function AccordionDetails({ children, className, expanded, panelId }) {
   if (!expanded) return null;
-  return /* @__PURE__ */ jsx2("div", { id: panelId, role: "region", className: cn(className), children });
+  return /* @__PURE__ */ jsx4("div", { id: panelId, role: "region", className: cn(className), children });
 }
 var Ctx = createContext({ openItems: /* @__PURE__ */ new Set(), toggle: () => {
 } });
 
 // src/atoms/adapters/AgentStepsCardAdapter.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function AgentStepsCard({
   toolCount,
   thinkingCount,
@@ -115,7 +176,7 @@ function AgentStepsCard({
 }) {
   const toolLabel = `${toolCount} tool ${toolCount === 1 ? "call" : "calls"}`;
   const thinkingLabel = thinkingCount > 0 ? ` \xB7 ${thinkingCount} thought${thinkingCount === 1 ? "" : "s"}` : "";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(
     Accordion,
     {
       expanded,
@@ -130,8 +191,8 @@ function AgentStepsCard({
       },
       "data-testid": dataTestPrefix ? `${dataTestPrefix}-agent-steps-card` : void 0,
       children: [
-        /* @__PURE__ */ jsx3(AccordionSummary, { className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2 px-2 py-2 text-left text-xs", children: [
-          /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx5(AccordionSummary, { className: "p-0", children: /* @__PURE__ */ jsxs3("div", { className: "flex w-full items-center gap-2 px-2 py-2 text-left text-xs", children: [
+          /* @__PURE__ */ jsx5(
             Icon,
             {
               name: expanded ? "chevron-down" : "chevron-right",
@@ -139,15 +200,15 @@ function AgentStepsCard({
               className: "shrink-0 text-text-secondary"
             }
           ),
-          /* @__PURE__ */ jsx3("span", { className: "font-semibold text-text-primary", children: "Agent steps" }),
-          /* @__PURE__ */ jsxs("span", { className: "text-text-secondary", children: [
+          /* @__PURE__ */ jsx5("span", { className: "font-semibold text-text-primary", children: "Agent steps" }),
+          /* @__PURE__ */ jsxs3("span", { className: "text-text-secondary", children: [
             "\xB7 ",
             toolLabel,
             thinkingLabel
           ] }),
-          active && /* @__PURE__ */ jsx3("div", { className: "ml-auto", children: /* @__PURE__ */ jsx3(Spinner, { size: 12, className: "text-primary-button-bg" }) })
+          active && /* @__PURE__ */ jsx5("div", { className: "ml-auto", children: /* @__PURE__ */ jsx5(Spinner, { size: 12, className: "text-primary-button-bg" }) })
         ] }) }),
-        /* @__PURE__ */ jsx3(AccordionDetails, { children: /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx5(AccordionDetails, { children: /* @__PURE__ */ jsx5(
           "div",
           {
             className: "space-y-3 border-t border-border p-3",
@@ -161,11 +222,11 @@ function AgentStepsCard({
 }
 
 // src/atoms/primitives/Button.tsx
-import React2 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Button = React2.forwardRef(
+import React4 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Button = React4.forwardRef(
   ({ className, variant = "default", size = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsx4("button", { ref, className: auiButtonClass({ variant, size, className }), ...props });
+    return /* @__PURE__ */ jsx6("button", { ref, className: auiButtonClass({ variant, size, className }), ...props });
   }
 );
 Button.displayName = "Button";
@@ -174,17 +235,17 @@ Button.displayName = "Button";
 import { createContext as createContext3, useContext as useContext4, useMemo as useMemo7 } from "react";
 
 // src/atoms/primitives/IconButton.tsx
-import React3 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var IconButton = React3.forwardRef(
+import React5 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var IconButton = React5.forwardRef(
   ({ tooltip, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx5(Button, { ref, size: "icon", title: tooltip, ...props, children });
+    return /* @__PURE__ */ jsx7(Button, { ref, size: "icon", title: tooltip, ...props, children });
   }
 );
 IconButton.displayName = "IconButton";
 
 // src/atoms/adapters/AskUserPromptAdapter.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var ASK_USER_CUSTOM_OPTION = "__tfy_ask_user_question_custom__";
 function AskUserPrompt({
   questions,
@@ -209,14 +270,14 @@ function AskUserPrompt({
   const isLastQuestion = isLastQuestionProp ?? currentQuestionIndex === totalQuestions - 1;
   if (questions.length === 0) {
     if (answeredQuestions.length === 0) return null;
-    return /* @__PURE__ */ jsx6("div", { className: cn("aui-ask-user-prompt mt-2 flex flex-col gap-3", className), children: answeredQuestions.map((q) => /* @__PURE__ */ jsxs2("div", { "data-testid": dataTestPrefix ? `${dataTestPrefix}-answered-${q.id}` : void 0, children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between rounded-t-lg border border-primary-button-bg/30 bg-primary-button-bg/10 px-4 py-2", children: [
-        /* @__PURE__ */ jsx6("div", { className: "font-sans text-xs font-medium text-primary-button-bg", children: q.question }),
-        /* @__PURE__ */ jsx6("div", { className: "flex h-fit shrink-0 items-center gap-1 rounded border border-primary-button-bg/40 bg-primary-bg px-2 py-0.5 text-[0.6875rem] font-medium text-text-secondary", children: /* @__PURE__ */ jsx6("span", { className: "leading-tight", children: "Answered" }) })
+    return /* @__PURE__ */ jsx8("div", { className: cn("aui-ask-user-prompt mt-2 flex flex-col gap-3", className), children: answeredQuestions.map((q) => /* @__PURE__ */ jsxs4("div", { "data-testid": dataTestPrefix ? `${dataTestPrefix}-answered-${q.id}` : void 0, children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between rounded-t-lg border border-primary-button-bg/30 bg-primary-button-bg/10 px-4 py-2", children: [
+        /* @__PURE__ */ jsx8("div", { className: "font-sans text-xs font-medium text-primary-button-bg", children: q.question }),
+        /* @__PURE__ */ jsx8("div", { className: "flex h-fit shrink-0 items-center gap-1 rounded border border-primary-button-bg/40 bg-primary-bg px-2 py-0.5 text-[0.6875rem] font-medium text-text-secondary", children: /* @__PURE__ */ jsx8("span", { className: "leading-tight", children: "Answered" }) })
       ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 rounded-b-lg border border-t-0 border-border px-4 py-3", children: [
-        /* @__PURE__ */ jsx6(Icon, { name: "circle-check", size: "0.875em", className: "shrink-0 text-primary-button-bg" }),
-        /* @__PURE__ */ jsx6("span", { className: "font-sans text-[0.8125rem] font-medium text-text-primary", children: q.isCustom ? `Other: ${q.answer}` : q.answer })
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 rounded-b-lg border border-t-0 border-border px-4 py-3", children: [
+        /* @__PURE__ */ jsx8(Icon, { name: "circle-check", size: "0.875em", className: "shrink-0 text-primary-button-bg" }),
+        /* @__PURE__ */ jsx8("span", { className: "font-sans text-[0.8125rem] font-medium text-text-primary", children: q.isCustom ? `Other: ${q.answer}` : q.answer })
       ] })
     ] }, q.id)) });
   }
@@ -238,7 +299,7 @@ function AskUserPrompt({
     }
     if (!isSubmitAllDisabled) onSubmit();
   };
-  const answerInput = /* @__PURE__ */ jsx6(
+  const answerInput = /* @__PURE__ */ jsx8(
     "textarea",
     {
       rows: 1,
@@ -261,17 +322,17 @@ function AskUserPrompt({
       )
     }
   );
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: cn("aui-ask-user-prompt", className),
       "data-testid": dataTestPrefix ? `${dataTestPrefix}-question-card` : void 0,
       children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between rounded-t-lg border border-primary-button-bg/30 bg-primary-button-bg/10 px-4 py-2", children: [
-          /* @__PURE__ */ jsx6("div", { className: "font-sans text-sm font-medium text-primary-button-bg", children: totalQuestions > 1 ? "Questions" : currentQuestion.question }),
-          readOnly ? /* @__PURE__ */ jsx6("div", { className: "flex h-fit shrink-0 items-center gap-1 rounded border border-primary-button-bg/40 bg-primary-bg px-2 py-0.5 text-[0.6875rem] font-medium text-text-secondary", children: /* @__PURE__ */ jsx6("span", { className: "leading-tight", children: "Unanswered" }) }) : null,
-          !readOnly && isMultiQuestion && /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between rounded-t-lg border border-primary-button-bg/30 bg-primary-button-bg/10 px-4 py-2", children: [
+          /* @__PURE__ */ jsx8("div", { className: "font-sans text-sm font-medium text-primary-button-bg", children: totalQuestions > 1 ? "Questions" : currentQuestion.question }),
+          readOnly ? /* @__PURE__ */ jsx8("div", { className: "flex h-fit shrink-0 items-center gap-1 rounded border border-primary-button-bg/40 bg-primary-bg px-2 py-0.5 text-[0.6875rem] font-medium text-text-secondary", children: /* @__PURE__ */ jsx8("span", { className: "leading-tight", children: "Unanswered" }) }) : null,
+          !readOnly && isMultiQuestion && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx8(
               IconButton,
               {
                 "aria-label": "Previous question",
@@ -279,10 +340,10 @@ function AskUserPrompt({
                 onClick: () => onCurrentQuestionIndexChange?.(Math.max(0, currentQuestionIndex - 1)),
                 disabled: currentQuestionIndex === 0,
                 className: "text-text-primary",
-                children: /* @__PURE__ */ jsx6(Icon, { name: "chevron-left", size: "0.75em" })
+                children: /* @__PURE__ */ jsx8(Icon, { name: "chevron-left", size: "0.75em" })
               }
             ),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx8(
               IconButton,
               {
                 "aria-label": "Next question",
@@ -290,19 +351,19 @@ function AskUserPrompt({
                 onClick: () => onCurrentQuestionIndexChange?.(Math.min(totalQuestions - 1, currentQuestionIndex + 1)),
                 disabled: currentQuestionIndex === totalQuestions - 1,
                 className: "text-text-primary",
-                children: /* @__PURE__ */ jsx6(Icon, { name: "chevron-right", size: "0.75em" })
+                children: /* @__PURE__ */ jsx8(Icon, { name: "chevron-right", size: "0.75em" })
               }
             ),
-            /* @__PURE__ */ jsxs2("div", { className: "ml-1 rounded bg-primary-button-bg/20 px-2 py-1 font-sans text-xs font-medium text-text-primary", children: [
-              /* @__PURE__ */ jsxs2("span", { children: [
+            /* @__PURE__ */ jsxs4("div", { className: "ml-1 rounded bg-primary-button-bg/20 px-2 py-1 font-sans text-xs font-medium text-text-primary", children: [
+              /* @__PURE__ */ jsxs4("span", { children: [
                 " ",
                 currentQuestionIndex + 1,
                 " "
               ] }),
               " ",
-              /* @__PURE__ */ jsx6("span", { children: " of " }),
+              /* @__PURE__ */ jsx8("span", { children: " of " }),
               " ",
-              /* @__PURE__ */ jsxs2("span", { children: [
+              /* @__PURE__ */ jsxs4("span", { children: [
                 " ",
                 totalQuestions,
                 " "
@@ -310,10 +371,10 @@ function AskUserPrompt({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4 rounded-b-lg border border-t-0 border-border px-4 py-3", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3", children: [
-            isMultiQuestion && /* @__PURE__ */ jsx6("div", { className: "font-sans text-xs font-medium text-text-primary", children: currentQuestion.question || "What would you like to do?" }),
-            /* @__PURE__ */ jsxs2(
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-4 rounded-b-lg border border-t-0 border-border px-4 py-3", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
+            isMultiQuestion && /* @__PURE__ */ jsx8("div", { className: "font-sans text-xs font-medium text-text-primary", children: currentQuestion.question || "What would you like to do?" }),
+            /* @__PURE__ */ jsxs4(
               "div",
               {
                 className: "flex flex-col gap-3 overflow-visible",
@@ -323,7 +384,7 @@ function AskUserPrompt({
                 children: [
                   currentQuestion.options.map((opt, index) => {
                     const isSelected = currentAnswer.radioValue === opt;
-                    return /* @__PURE__ */ jsxs2(
+                    return /* @__PURE__ */ jsxs4(
                       "label",
                       {
                         className: cn(
@@ -331,7 +392,7 @@ function AskUserPrompt({
                           readOnly ? "cursor-default" : "cursor-pointer"
                         ),
                         children: [
-                          /* @__PURE__ */ jsx6(
+                          /* @__PURE__ */ jsx8(
                             "input",
                             {
                               type: "radio",
@@ -343,13 +404,13 @@ function AskUserPrompt({
                               className: "mt-0.5 accent-primary-button-bg"
                             }
                           ),
-                          /* @__PURE__ */ jsx6("span", { className: "min-w-0 font-sans text-[0.8125rem] font-medium leading-snug text-text-primary", children: opt })
+                          /* @__PURE__ */ jsx8("span", { className: "min-w-0 font-sans text-[0.8125rem] font-medium leading-snug text-text-primary", children: opt })
                         ]
                       },
                       `${index}:${opt}`
                     );
                   }),
-                  hasOptions ? /* @__PURE__ */ jsxs2(
+                  hasOptions ? /* @__PURE__ */ jsxs4(
                     "label",
                     {
                       className: cn(
@@ -357,7 +418,7 @@ function AskUserPrompt({
                         readOnly ? "cursor-default" : "cursor-pointer"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx6(
+                        /* @__PURE__ */ jsx8(
                           "input",
                           {
                             type: "radio",
@@ -369,7 +430,7 @@ function AskUserPrompt({
                             className: "mt-1 accent-primary-button-bg"
                           }
                         ),
-                        /* @__PURE__ */ jsx6("div", { className: "min-w-0 flex-1", children: answerInput })
+                        /* @__PURE__ */ jsx8("div", { className: "min-w-0 flex-1", children: answerInput })
                       ]
                     }
                   ) : answerInput
@@ -377,7 +438,7 @@ function AskUserPrompt({
               }
             )
           ] }),
-          !readOnly && /* @__PURE__ */ jsxs2(
+          !readOnly && /* @__PURE__ */ jsxs4(
             "div",
             {
               className: cn("flex items-center", {
@@ -385,8 +446,8 @@ function AskUserPrompt({
                 "justify-start": !isMultiQuestion
               }),
               children: [
-                isMultiQuestion && isLastQuestion && !allQuestionsAnswered ? /* @__PURE__ */ jsx6("span", { className: "text-xs font-medium text-failure-bg", children: "Answer all questions to submit" }) : /* @__PURE__ */ jsx6("span", {}),
-                isNextStep ? /* @__PURE__ */ jsx6(Button, { type: "button", size: "sm", onClick: goToNextQuestion, disabled: isSubmitDisabled, children: "Next" }) : /* @__PURE__ */ jsx6(Button, { type: "button", size: "sm", onClick: onSubmit, disabled: isSubmitAllDisabled, children: "Submit" })
+                isMultiQuestion && isLastQuestion && !allQuestionsAnswered ? /* @__PURE__ */ jsx8("span", { className: "text-xs font-medium text-failure-bg", children: "Answer all questions to submit" }) : /* @__PURE__ */ jsx8("span", {}),
+                isNextStep ? /* @__PURE__ */ jsx8(Button, { type: "button", size: "sm", onClick: goToNextQuestion, disabled: isSubmitDisabled, children: "Next" }) : /* @__PURE__ */ jsx8(Button, { type: "button", size: "sm", onClick: onSubmit, disabled: isSubmitAllDisabled, children: "Submit" })
               ]
             }
           )
@@ -397,7 +458,7 @@ function AskUserPrompt({
 }
 
 // src/atoms/adapters/McpAuthPromptAdapter.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 var DEFAULT_TITLE = "MCP Authentication Required";
 function McpAuthPrompt({
   servers,
@@ -409,26 +470,26 @@ function McpAuthPrompt({
   className
 }) {
   if (servers.length === 0) return null;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn("aui-mcp-auth-prompt mt-2 overflow-hidden rounded-lg border border-border", className),
       "data-testid": dataTestPrefix ? `${dataTestPrefix}-mcp-auth-card` : void 0,
       children: [
-        /* @__PURE__ */ jsx7("div", { className: "border-b border-primary-button-bg/30 bg-primary-button-bg/10 px-4 py-2", children: /* @__PURE__ */ jsx7("div", { className: "font-sans text-sm font-medium text-primary-button-bg", children: title }) }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 bg-primary-bg px-4 py-3", children: [
-          servers.map((server) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-1.5 text-sm", children: [
-              /* @__PURE__ */ jsx7("span", { className: "shrink-0 font-medium text-text-secondary", children: "MCP Server Name" }),
-              /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-xs font-semibold text-text-secondary", children: ":" }),
-              /* @__PURE__ */ jsx7("span", { className: "truncate font-sans font-medium text-text-primary", children: server.name })
+        /* @__PURE__ */ jsx9("div", { className: "border-b border-primary-button-bg/30 bg-primary-button-bg/10 px-4 py-2", children: /* @__PURE__ */ jsx9("div", { className: "font-sans text-sm font-medium text-primary-button-bg", children: title }) }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3 bg-primary-bg px-4 py-3", children: [
+          servers.map((server) => /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 items-center gap-1.5 text-sm", children: [
+              /* @__PURE__ */ jsx9("span", { className: "shrink-0 font-medium text-text-secondary", children: "MCP Server Name" }),
+              /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-xs font-semibold text-text-secondary", children: ":" }),
+              /* @__PURE__ */ jsx9("span", { className: "truncate font-sans font-medium text-text-primary", children: server.name })
             ] }),
-            /* @__PURE__ */ jsxs3(Button, { size: "sm", disabled: readOnly, onClick: () => onConnect(server.id), className: "shrink-0", children: [
+            /* @__PURE__ */ jsxs5(Button, { size: "sm", disabled: readOnly, onClick: () => onConnect(server.id), className: "shrink-0", children: [
               "Connect",
-              /* @__PURE__ */ jsx7(Icon, { name: "external-link", size: "0.75em", className: "ml-1" })
+              /* @__PURE__ */ jsx9(Icon, { name: "external-link", size: "0.75em", className: "ml-1" })
             ] })
           ] }, server.id)),
-          onContinue && /* @__PURE__ */ jsx7("div", { className: "flex justify-end border-t border-border pt-2", children: /* @__PURE__ */ jsx7(Button, { size: "sm", disabled: readOnly, onClick: onContinue, children: "Continue" }) })
+          onContinue && /* @__PURE__ */ jsx9("div", { className: "flex justify-end border-t border-border pt-2", children: /* @__PURE__ */ jsx9(Button, { size: "sm", disabled: readOnly, onClick: onContinue, children: "Continue" }) })
         ] })
       ]
     }
@@ -436,10 +497,10 @@ function McpAuthPrompt({
 }
 
 // src/atoms/agent-chat/StatusDot.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 function StatusDot({ className, colorClassName = "bg-warning-bg" }) {
-  return /* @__PURE__ */ jsxs4("span", { "aria-hidden": true, className: cn("relative inline-flex h-2 w-2 shrink-0", className), children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs6("span", { "aria-hidden": true, className: cn("relative inline-flex h-2 w-2 shrink-0", className), children: [
+    /* @__PURE__ */ jsx10(
       "span",
       {
         className: cn(
@@ -448,12 +509,12 @@ function StatusDot({ className, colorClassName = "bg-warning-bg" }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx8("span", { className: cn("relative inline-flex h-2 w-2 rounded-full", colorClassName) })
+    /* @__PURE__ */ jsx10("span", { className: cn("relative inline-flex h-2 w-2 rounded-full", colorClassName) })
   ] });
 }
 
 // src/atoms/agent-chat/StepIconBox.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function StepIconBox({
   icon,
   iconSize = "0.75em",
@@ -461,7 +522,7 @@ function StepIconBox({
   className,
   iconClassName
 }) {
-  return /* @__PURE__ */ jsx9("div", { className: cn("flex size-5 shrink-0 items-center justify-center", className), children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11("div", { className: cn("flex size-5 shrink-0 items-center justify-center", className), children: /* @__PURE__ */ jsx11(
     Icon,
     {
       name: icon,
@@ -472,7 +533,7 @@ function StepIconBox({
 }
 
 // src/atoms/agent-chat/AgentStepRow.tsx
-import { Fragment, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function AgentStepRow({
   icon,
   iconVariant = "primary",
@@ -505,14 +566,14 @@ function AgentStepRow({
   const isSuccess = status === "success";
   const isError = status === "error";
   const alignStart = align === "start";
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: cn("flex min-w-0 flex-col", className),
       "data-testid": dataTestPrefix ? `${dataTestPrefix}-step-row` : void 0,
       children: [
-        /* @__PURE__ */ jsxs5("div", { className: cn("flex gap-2", alignStart ? "items-start" : "items-center"), children: [
-          showChevronColumn && (showExpandChevron ? /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs7("div", { className: cn("flex gap-2", alignStart ? "items-start" : "items-center"), children: [
+          showChevronColumn && (showExpandChevron ? /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
@@ -521,7 +582,7 @@ function AgentStepRow({
               "aria-expanded": expanded,
               "aria-label": expanded ? "Collapse step" : "Expand step",
               "data-testid": dataTestPrefix ? `${dataTestPrefix}-chevron` : void 0,
-              children: /* @__PURE__ */ jsx10(
+              children: /* @__PURE__ */ jsx12(
                 Icon,
                 {
                   name: "chevron-right",
@@ -533,9 +594,9 @@ function AgentStepRow({
                 }
               )
             }
-          ) : /* @__PURE__ */ jsx10("div", { className: "w-5 shrink-0" })),
-          /* @__PURE__ */ jsx10("div", { className: cn("relative flex shrink-0 flex-col items-center", alignStart ? "self-start" : "self-center"), children: /* @__PURE__ */ jsx10(StepIconBox, { icon, variant: iconVariant, iconClassName, iconSize }) }),
-          /* @__PURE__ */ jsxs5(
+          ) : /* @__PURE__ */ jsx12("div", { className: "w-5 shrink-0" })),
+          /* @__PURE__ */ jsx12("div", { className: cn("relative flex shrink-0 flex-col items-center", alignStart ? "self-start" : "self-center"), children: /* @__PURE__ */ jsx12(StepIconBox, { icon, variant: iconVariant, iconClassName, iconSize }) }),
+          /* @__PURE__ */ jsxs7(
             "div",
             {
               className: cn("flex min-w-0 flex-1 flex-col justify-center", {
@@ -543,9 +604,9 @@ function AgentStepRow({
               }),
               onClick: showExpandChevron ? onToggle : void 0,
               children: [
-                label && /* @__PURE__ */ jsx10("span", { className: "text-xs font-medium leading-none text-text-secondary", children: label }),
-                title && /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 items-center gap-2", children: [
-                  /* @__PURE__ */ jsx10(
+                label && /* @__PURE__ */ jsx12("span", { className: "text-xs font-medium leading-none text-text-secondary", children: label }),
+                title && /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 items-center gap-2", children: [
+                  /* @__PURE__ */ jsx12(
                     "span",
                     {
                       className: cn(
@@ -556,7 +617,7 @@ function AgentStepRow({
                       children: title
                     }
                   ),
-                  isSuccess && /* @__PURE__ */ jsx10(
+                  isSuccess && /* @__PURE__ */ jsx12(
                     Icon,
                     {
                       name: "circle-check",
@@ -566,7 +627,7 @@ function AgentStepRow({
                     }
                   )
                 ] }),
-                body && /* @__PURE__ */ jsx10(
+                body && /* @__PURE__ */ jsx12(
                   "div",
                   {
                     className: "mt-1 font-sans text-sm text-text-secondary",
@@ -580,13 +641,13 @@ function AgentStepRow({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs5("div", { className: cn("flex shrink-0 items-center gap-2", alignStart ? "self-start" : "self-center"), children: [
-            statusText && /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1", children: [
-              isRunning && /* @__PURE__ */ jsx10(StatusDot, {}),
-              /* @__PURE__ */ jsx10("span", { className: "font-sans text-xs font-medium leading-4 text-text-secondary", children: statusText })
+          /* @__PURE__ */ jsxs7("div", { className: cn("flex shrink-0 items-center gap-2", alignStart ? "self-start" : "self-center"), children: [
+            statusText && /* @__PURE__ */ jsxs7("span", { className: "flex items-center gap-1", children: [
+              isRunning && /* @__PURE__ */ jsx12(StatusDot, {}),
+              /* @__PURE__ */ jsx12("span", { className: "font-sans text-xs font-medium leading-4 text-text-secondary", children: statusText })
             ] }),
-            !statusText && isRunning && /* @__PURE__ */ jsx10(Fragment, { children: showSpinner ? /* @__PURE__ */ jsx10("div", { className: "ml-1", children: /* @__PURE__ */ jsx10(Spinner, { size: 12 }) }) : /* @__PURE__ */ jsx10(StatusDot, {}) }),
-            isError && /* @__PURE__ */ jsx10(
+            !statusText && isRunning && /* @__PURE__ */ jsx12(Fragment, { children: showSpinner ? /* @__PURE__ */ jsx12("div", { className: "ml-1", children: /* @__PURE__ */ jsx12(Spinner, { size: 12 }) }) : /* @__PURE__ */ jsx12(StatusDot, {}) }),
+            isError && /* @__PURE__ */ jsx12(
               Icon,
               {
                 name: "circle-xmark",
@@ -597,27 +658,27 @@ function AgentStepRow({
             )
           ] })
         ] }),
-        expanded && hasChildren && /* @__PURE__ */ jsxs5(
+        expanded && hasChildren && /* @__PURE__ */ jsxs7(
           "div",
           {
             className: "mt-2 flex min-w-0 gap-3",
             "data-testid": dataTestPrefix ? `${dataTestPrefix}-expanded-content` : void 0,
             children: [
-              showChevronColumn && /* @__PURE__ */ jsx10("div", { className: "w-5 shrink-0" }),
-              showContentConnector && showConnector && /* @__PURE__ */ jsx10("div", { className: "flex w-3 shrink-0 justify-center", children: /* @__PURE__ */ jsx10("div", { className: "w-px bg-border" }) }),
-              /* @__PURE__ */ jsx10("div", { className: "min-w-0 flex-1", children })
+              showChevronColumn && /* @__PURE__ */ jsx12("div", { className: "w-5 shrink-0" }),
+              showContentConnector && showConnector && /* @__PURE__ */ jsx12("div", { className: "flex w-3 shrink-0 justify-center", children: /* @__PURE__ */ jsx12("div", { className: "w-px bg-border" }) }),
+              /* @__PURE__ */ jsx12("div", { className: "min-w-0 flex-1", children })
             ]
           }
         ),
-        hasPersistentChildren && /* @__PURE__ */ jsxs5(
+        hasPersistentChildren && /* @__PURE__ */ jsxs7(
           "div",
           {
             className: cn("flex min-w-0", showPersistentContentConnector ? "gap-3" : "gap-2"),
             "data-testid": dataTestPrefix ? `${dataTestPrefix}-persistent-content` : void 0,
             children: [
-              showChevronColumn && /* @__PURE__ */ jsx10("div", { className: "w-5 shrink-0" }),
-              showPersistentContentConnector && showConnector && /* @__PURE__ */ jsx10("div", { className: "flex w-3 shrink-0 justify-center", children: /* @__PURE__ */ jsx10("div", { className: "w-px bg-border" }) }),
-              /* @__PURE__ */ jsx10("div", { className: "min-w-0 flex-1", children: persistentChildren })
+              showChevronColumn && /* @__PURE__ */ jsx12("div", { className: "w-5 shrink-0" }),
+              showPersistentContentConnector && showConnector && /* @__PURE__ */ jsx12("div", { className: "flex w-3 shrink-0 justify-center", children: /* @__PURE__ */ jsx12("div", { className: "w-px bg-border" }) }),
+              /* @__PURE__ */ jsx12("div", { className: "min-w-0 flex-1", children: persistentChildren })
             ]
           }
         )
@@ -627,7 +688,7 @@ function AgentStepRow({
 }
 
 // src/atoms/adapters/ReasoningCardAdapter.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function ReasoningCard({
   content,
   isStreaming = false,
@@ -646,12 +707,12 @@ function ReasoningCard({
   const status = isStreaming ? "running" : content.length > 0 ? "success" : "idle";
   const title = isStreaming ? headingText : reasoningTimeText ?? headingText;
   const showContent = expanded && content.length > 0;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       className: cn("aui-reasoning-card mt-2 flex min-w-0 flex-col", className),
       "data-testid": dataTestPrefix ? `${dataTestPrefix}-${isShortText ? "reasoning-inline" : "reasoning-accordion"}` : void 0,
-      children: /* @__PURE__ */ jsx11(
+      children: /* @__PURE__ */ jsx13(
         AgentStepRow,
         {
           icon: isStreaming ? "brain" : "brain-regular",
@@ -662,13 +723,13 @@ function ReasoningCard({
           onToggle,
           status,
           dataTestPrefix,
-          children: showContent && /* @__PURE__ */ jsx11(
+          children: showContent && /* @__PURE__ */ jsx13(
             "div",
             {
               ref: contentRef,
               className: "py-2 pt-0 font-sans text-sm font-normal text-text-secondary",
               "data-testid": dataTestPrefix ? `${dataTestPrefix}-content` : void 0,
-              children: /* @__PURE__ */ jsx11(Markdown2, { content, className: "font-sans text-sm text-text-secondary" })
+              children: /* @__PURE__ */ jsx13(Markdown2, { content, className: "font-sans text-sm text-text-secondary" })
             }
           )
         }
@@ -678,16 +739,16 @@ function ReasoningCard({
 }
 
 // src/atoms/ResumeUnavailable.tsx
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function ResumeUnavailable({ className }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs8(
     "p",
     {
       role: "status",
       "aria-live": "polite",
       className: cn("text-text-secondary flex items-center gap-2 py-2 text-sm leading-snug", className),
       children: [
-        /* @__PURE__ */ jsx12("span", { className: "animate-pulse font-sans", "aria-hidden": true, children: "\u25CF" }),
+        /* @__PURE__ */ jsx14("span", { className: "animate-pulse font-sans", "aria-hidden": true, children: "\u25CF" }),
         "Still generating a response. It'll appear here when ready."
       ]
     }
@@ -853,7 +914,7 @@ function useCompactOverlayStyle(ref, compact, contentSized = false) {
 }
 
 // src/atoms/primitives/CenteredModal.tsx
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function CenteredModal({
   open,
   onOpenChange,
@@ -886,7 +947,7 @@ function CenteredModal({
     el.addEventListener("close", handler);
     return () => el.removeEventListener("close", handler);
   }, [onOpenChange]);
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs9(
     "dialog",
     {
       ref,
@@ -911,13 +972,13 @@ function CenteredModal({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs7("header", { className: "bg-topbar-bg flex shrink-0 items-center gap-3 border-b border-border px-5 py-4", children: [
+        /* @__PURE__ */ jsxs9("header", { className: "bg-topbar-bg flex shrink-0 items-center gap-3 border-b border-border px-5 py-4", children: [
           headerIcon,
-          /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx13("h2", { id: titleId, className: "text-text-primary text-lg font-semibold tracking-tight", children: title }),
-            description ? /* @__PURE__ */ jsx13("p", { id: descriptionId, className: "text-text-secondary mt-1 text-sm", children: description }) : null
+          /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx15("h2", { id: titleId, className: "text-text-primary text-lg font-semibold tracking-tight", children: title }),
+            description ? /* @__PURE__ */ jsx15("p", { id: descriptionId, className: "text-text-secondary mt-1 text-sm", children: description }) : null
           ] }),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx15(
             "button",
             {
               type: "button",
@@ -925,28 +986,28 @@ function CenteredModal({
               title: "Close",
               className: auiButtonClass({ variant: "ghost", size: "icon" }),
               onClick: () => onOpenChange(false),
-              children: /* @__PURE__ */ jsx13(Icon, { name: "xmark" })
+              children: /* @__PURE__ */ jsx15(Icon, { name: "xmark" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx13("div", { className: "flex min-h-0 flex-1 flex-col overflow-x-hidden overflow-y-auto", children })
+        /* @__PURE__ */ jsx15("div", { className: "flex min-h-0 flex-1 flex-col overflow-x-hidden overflow-y-auto", children })
       ]
     }
   );
 }
 
 // src/atoms/primitives/SearchInput.tsx
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var SearchInput = ({ query, setQuery, placeholder = "Search" }) => {
-  return /* @__PURE__ */ jsxs8("label", { className: "relative block", children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs10("label", { className: "relative block", children: [
+    /* @__PURE__ */ jsx16(
       Icon,
       {
         name: "search",
         className: "text-text-secondary pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2"
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx16(
       "input",
       {
         type: "search",
@@ -963,15 +1024,15 @@ var SearchInput_default = SearchInput;
 
 // src/atoms/primitives/Skeleton.tsx
 import "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx15("div", { className: cn("animate-pulse rounded-md bg-secondary-bg", className), ...props });
+  return /* @__PURE__ */ jsx17("div", { className: cn("animate-pulse rounded-md bg-secondary-bg", className), ...props });
 }
 
 // src/atoms/primitives/Tooltip.tsx
 import { cloneElement, isValidElement, useLayoutEffect as useLayoutEffect2, useRef as useRef3, useState as useState5 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function themePortalRoot(from) {
   const dialog = from?.closest("dialog");
   if (dialog instanceof HTMLElement) return dialog;
@@ -1028,7 +1089,7 @@ function Tooltip({ content, children, className, side = "top" }) {
     }
   });
   const tooltip = visible && content != null && pos != null ? createPortal(
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx18(
       "span",
       {
         role: "tooltip",
@@ -1047,17 +1108,17 @@ function Tooltip({ content, children, className, side = "top" }) {
     ),
     themePortalRoot(triggerWrapRef.current)
   ) : null;
-  return /* @__PURE__ */ jsxs9("span", { ref: triggerWrapRef, className: "relative inline-flex", children: [
+  return /* @__PURE__ */ jsxs11("span", { ref: triggerWrapRef, className: "relative inline-flex", children: [
     child,
     tooltip
   ] });
 }
 function LightTooltip({ title, children, className, size: _size, side }) {
-  return /* @__PURE__ */ jsx16(Tooltip, { content: title, className, side, children });
+  return /* @__PURE__ */ jsx18(Tooltip, { content: title, className, side, children });
 }
 
 // src/atoms/AgentsLibrary.tsx
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 function displayModelLabel(modelName) {
   const slash = modelName.lastIndexOf("/");
   return slash >= 0 ? modelName.slice(slash + 1) : modelName;
@@ -1071,7 +1132,7 @@ function AgentLibraryRow({ agent, showEdit, onTry, onEdit }) {
   const mcpNames = (spec?.mcpServers ?? []).map((m) => m.name).filter(Boolean);
   const connectorsTitle = mcpNames.length ? `Connectors: ${mcpNames.join(", ")}` : `${mcpCount} connectors`;
   const skillsTitle = skillNames.length ? `Skills: ${skillNames.join(", ")}` : `${skillsCount} skills`;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       role: "menuitem",
@@ -1081,24 +1142,24 @@ function AgentLibraryRow({ agent, showEdit, onTry, onEdit }) {
         "focus-within:border-border focus-within:bg-ghost-button-hover"
       ),
       children: [
-        /* @__PURE__ */ jsx17("span", { className: "bg-primary-bg text-text-secondary inline-flex size-8 shrink-0 items-center justify-center rounded-md border border-border", children: /* @__PURE__ */ jsx17(Icon, { name: "robot", className: "size-4" }) }),
-        /* @__PURE__ */ jsx17("span", { className: "text-text-primary min-w-0 flex-1 truncate text-left text-sm font-medium leading-tight", children: agent.name }),
-        spec != null ? /* @__PURE__ */ jsxs10("span", { className: "text-text-secondary flex shrink-0 items-center gap-2", children: [
-          modelName ? /* @__PURE__ */ jsxs10("span", { className: "bg-primary-button-bg/10 text-primary-button-bg inline-flex max-w-[8rem] items-center gap-1 truncate rounded-full px-2 py-0.5 text-xs font-medium", children: [
-            /* @__PURE__ */ jsx17(Icon, { name: "cpu", className: "size-3.5 shrink-0" }),
-            /* @__PURE__ */ jsx17("span", { className: "truncate", children: displayModelLabel(modelName) })
+        /* @__PURE__ */ jsx19("span", { className: "bg-primary-bg text-text-secondary inline-flex size-8 shrink-0 items-center justify-center rounded-md border border-border", children: /* @__PURE__ */ jsx19(Icon, { name: "robot", className: "size-4" }) }),
+        /* @__PURE__ */ jsx19("span", { className: "text-text-primary min-w-0 flex-1 truncate text-left text-sm font-medium leading-tight", children: agent.name }),
+        spec != null ? /* @__PURE__ */ jsxs12("span", { className: "text-text-secondary flex shrink-0 items-center gap-2", children: [
+          modelName ? /* @__PURE__ */ jsxs12("span", { className: "bg-primary-button-bg/10 text-primary-button-bg inline-flex max-w-[8rem] items-center gap-1 truncate rounded-full px-2 py-0.5 text-xs font-medium", children: [
+            /* @__PURE__ */ jsx19(Icon, { name: "cpu", className: "size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx19("span", { className: "truncate", children: displayModelLabel(modelName) })
           ] }) : null,
-          /* @__PURE__ */ jsx17(Tooltip, { content: connectorsTitle, children: /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1 text-xs", "aria-label": connectorsTitle, children: [
-            /* @__PURE__ */ jsx17(Icon, { name: "plug", className: "size-3.5" }),
+          /* @__PURE__ */ jsx19(Tooltip, { content: connectorsTitle, children: /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 text-xs", "aria-label": connectorsTitle, children: [
+            /* @__PURE__ */ jsx19(Icon, { name: "plug", className: "size-3.5" }),
             mcpCount
           ] }) }),
-          /* @__PURE__ */ jsx17(Tooltip, { content: skillsTitle, children: /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1 text-xs", "aria-label": skillsTitle, children: [
-            /* @__PURE__ */ jsx17(Icon, { name: "lightbulb", className: "size-3.5" }),
+          /* @__PURE__ */ jsx19(Tooltip, { content: skillsTitle, children: /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 text-xs", "aria-label": skillsTitle, children: [
+            /* @__PURE__ */ jsx19(Icon, { name: "lightbulb", className: "size-3.5" }),
             skillsCount
           ] }) })
         ] }) : null,
-        /* @__PURE__ */ jsxs10("span", { className: "flex shrink-0 items-center gap-1.5", children: [
-          showEdit ? /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs12("span", { className: "flex shrink-0 items-center gap-1.5", children: [
+          showEdit ? /* @__PURE__ */ jsxs12(
             "button",
             {
               type: "button",
@@ -1109,12 +1170,12 @@ function AgentLibraryRow({ agent, showEdit, onTry, onEdit }) {
               }),
               onClick: onEdit,
               children: [
-                /* @__PURE__ */ jsx17(Icon, { name: "pencil", className: "size-3.5" }),
+                /* @__PURE__ */ jsx19(Icon, { name: "pencil", className: "size-3.5" }),
                 "Edit"
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsxs10(
+          /* @__PURE__ */ jsxs12(
             "button",
             {
               type: "button",
@@ -1125,7 +1186,7 @@ function AgentLibraryRow({ agent, showEdit, onTry, onEdit }) {
               }),
               onClick: onTry,
               children: [
-                /* @__PURE__ */ jsx17(Icon, { name: "play", className: "size-3.5" }),
+                /* @__PURE__ */ jsx19(Icon, { name: "play", className: "size-3.5" }),
                 "Try"
               ]
             }
@@ -1171,23 +1232,23 @@ function AgentsLibrary({ open, onOpenChange, onSelectAgent }) {
       agentSpec
     });
   };
-  return /* @__PURE__ */ jsx17(CenteredModal, { open, onOpenChange, title: "Agents Library", children: /* @__PURE__ */ jsxs10("div", { className: "bg-secondary-bg/40 flex min-h-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "shrink-0 border-b border-border px-4 py-3", children: [
-      /* @__PURE__ */ jsx17(SearchInput_default, { query, setQuery, placeholder: "Search agents" }),
-      isSearching ? /* @__PURE__ */ jsx17("p", { className: "text-text-secondary mt-1.5 text-xs", role: "status", children: "Searching\u2026" }) : null
+  return /* @__PURE__ */ jsx19(CenteredModal, { open, onOpenChange, title: "Agents Library", children: /* @__PURE__ */ jsxs12("div", { className: "bg-secondary-bg/40 flex min-h-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "shrink-0 border-b border-border px-4 py-3", children: [
+      /* @__PURE__ */ jsx19(SearchInput_default, { query, setQuery, placeholder: "Search agents" }),
+      isSearching ? /* @__PURE__ */ jsx19("p", { className: "text-text-secondary mt-1.5 text-xs", role: "status", children: "Searching\u2026" }) : null
     ] }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx19(
       "div",
       {
         ref: listRef,
         className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-2",
         role: "menu",
         "aria-label": "Agents",
-        children: isInitialLoading ? /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-2 p-1", role: "status", "aria-label": "Loading agents", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ jsx17(Skeleton, { className: "h-11 w-full rounded-md" }, i)) }) : error ? /* @__PURE__ */ jsx17("p", { className: "text-failure-bg px-3 py-8 text-center text-sm", children: error }) : agents.length === 0 ? /* @__PURE__ */ jsx17("p", { className: "text-text-secondary px-3 py-8 text-center text-sm", children: query.trim() ? `No agents match "${query.trim()}".` : "No agents yet. Build one in a chat, then save it as an agent." }) : /* @__PURE__ */ jsxs10(Fragment2, { children: [
+        children: isInitialLoading ? /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-2 p-1", role: "status", "aria-label": "Loading agents", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ jsx19(Skeleton, { className: "h-11 w-full rounded-md" }, i)) }) : error ? /* @__PURE__ */ jsx19("p", { className: "text-failure-bg px-3 py-8 text-center text-sm", children: error }) : agents.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "text-text-secondary px-3 py-8 text-center text-sm", children: query.trim() ? `No agents match "${query.trim()}".` : "No agents yet. Build one in a chat, then save it as an agent." }) : /* @__PURE__ */ jsxs12(Fragment2, { children: [
           agents.map((agent) => {
             const agentSpec = agent.agentSpec;
             const showEdit = canEdit && agentSpec != null;
-            return /* @__PURE__ */ jsx17(
+            return /* @__PURE__ */ jsx19(
               AgentLibraryRow,
               {
                 agent,
@@ -1200,7 +1261,7 @@ function AgentsLibrary({ open, onOpenChange, onSelectAgent }) {
               libraryAgentId(agent)
             );
           }),
-          hasMore ? /* @__PURE__ */ jsx17("div", { ref: sentinelRef, className: "flex h-8 shrink-0 items-center justify-center", "aria-hidden": true, children: loadingMore ? /* @__PURE__ */ jsx17("span", { className: "text-text-secondary text-xs", role: "status", children: "Loading more\u2026" }) : null }) : null
+          hasMore ? /* @__PURE__ */ jsx19("div", { ref: sentinelRef, className: "flex h-8 shrink-0 items-center justify-center", "aria-hidden": true, children: loadingMore ? /* @__PURE__ */ jsx19("span", { className: "text-text-secondary text-xs", role: "status", children: "Loading more\u2026" }) : null }) : null
         ] })
       }
     )
@@ -1209,7 +1270,7 @@ function AgentsLibrary({ open, onOpenChange, onSelectAgent }) {
 
 // src/atoms/AgentsLibraryButton.tsx
 import { useEffect as useEffect5, useState as useState7 } from "react";
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 function AgentsLibraryButton({ className, compact = false, onSelectAgent }) {
   const AgentsLibrary2 = useSlot("AgentsLibrary");
   const server = useOptionalServer();
@@ -1230,8 +1291,8 @@ function AgentsLibraryButton({ className, compact = false, onSelectAgent }) {
     };
   }, [enabled, server, agentsListEpoch, compact]);
   if (!enabled) return null;
-  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
-    /* @__PURE__ */ jsx18("div", { className: cn("relative min-w-0", compact ? "w-8" : "w-full", className), children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
+    /* @__PURE__ */ jsx20("div", { className: cn("relative min-w-0", compact ? "w-8" : "w-full", className), children: /* @__PURE__ */ jsxs13(
       "button",
       {
         type: "button",
@@ -1249,29 +1310,29 @@ function AgentsLibraryButton({ className, compact = false, onSelectAgent }) {
         }),
         onClick: () => setOpen(true),
         children: [
-          /* @__PURE__ */ jsx18(Icon, { name: "robot" }),
-          !compact ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
-            /* @__PURE__ */ jsxs11("span", { className: "truncate", children: [
+          /* @__PURE__ */ jsx20(Icon, { name: "robot" }),
+          !compact ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
+            /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
               "Agents Library",
-              countLabel != null ? /* @__PURE__ */ jsxs11("span", { className: "text-text-secondary", children: [
+              countLabel != null ? /* @__PURE__ */ jsxs13("span", { className: "text-text-secondary", children: [
                 " (",
                 countLabel,
                 ")"
               ] }) : null
             ] }),
-            /* @__PURE__ */ jsx18(Icon, { name: "chevron-right", className: "ml-auto size-3.5 shrink-0 opacity-60" })
+            /* @__PURE__ */ jsx20(Icon, { name: "chevron-right", className: "ml-auto size-3.5 shrink-0 opacity-60" })
           ] }) : null
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx18(AgentsLibrary2, { open, onOpenChange: setOpen, onSelectAgent })
+    /* @__PURE__ */ jsx20(AgentsLibrary2, { open, onOpenChange: setOpen, onSelectAgent })
   ] });
 }
 
 // src/atoms/AssistantMessageBubble.tsx
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 function AssistantMessageBubble({ children, error, actionBar, className }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-slot": "aui_assistant-message-root",
@@ -1280,11 +1341,11 @@ function AssistantMessageBubble({ children, error, actionBar, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: "min-w-0 max-w-full", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "min-w-0 max-w-full", children: [
           children,
-          error && /* @__PURE__ */ jsx19("div", { className: "mt-2 text-sm text-failure-bg", children: error })
+          error && /* @__PURE__ */ jsx21("div", { className: "mt-2 text-sm text-failure-bg", children: error })
         ] }),
-        actionBar && /* @__PURE__ */ jsx19("div", { className: "mt-1", children: actionBar })
+        actionBar && /* @__PURE__ */ jsx21("div", { className: "mt-1", children: actionBar })
       ]
     }
   );
@@ -1295,14 +1356,14 @@ var USER_MESSAGE_ATTACHMENT_PREVIEW_REM = 12;
 
 // src/atoms/primitives/Avatar.tsx
 import { useState as useState8 } from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "h-6 w-6 text-xs",
   default: "h-8 w-8 text-sm",
   lg: "h-10 w-10 text-base"
 };
 function Avatar({ className, size = "default", ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "avatar",
@@ -1315,7 +1376,7 @@ function Avatar({ className, size = "default", ...props }) {
 function AvatarImage({ className, src, alt = "", onError, ...props }) {
   const [failed, setFailed] = useState8(false);
   if (failed || !src) return null;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     "img",
     {
       "data-slot": "avatar-image",
@@ -1331,7 +1392,7 @@ function AvatarImage({ className, src, alt = "", onError, ...props }) {
   );
 }
 function AvatarFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "avatar-fallback",
@@ -1345,7 +1406,7 @@ function AvatarFallback({ className, ...props }) {
 }
 
 // src/atoms/AttachmentCard.tsx
-import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function AttachmentCard({
   name,
   previewSrc,
@@ -1357,7 +1418,7 @@ function AttachmentCard({
 }) {
   if (size === "preview" && isImage && previewSrc) {
     const previewSize = previewRem != null ? { width: `${previewRem}rem`, height: `${previewRem}rem` } : void 0;
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         "data-slot": "aui_attachment-preview",
@@ -1367,11 +1428,11 @@ function AttachmentCard({
           previewRem == null && "size-24",
           className
         ),
-        children: /* @__PURE__ */ jsx21("img", { src: previewSrc, alt: name, className: "h-full w-full object-cover" })
+        children: /* @__PURE__ */ jsx23("img", { src: previewSrc, alt: name, className: "h-full w-full object-cover" })
       }
     );
   }
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "aui_attachment-chip",
@@ -1381,12 +1442,12 @@ function AttachmentCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx21("div", { className: "bg-primary-bg flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md border", children: isImage && previewSrc ? /* @__PURE__ */ jsxs13(Avatar, { className: "size-7 rounded-none", children: [
-          /* @__PURE__ */ jsx21(AvatarImage, { src: previewSrc, alt: name, className: "object-cover" }),
-          /* @__PURE__ */ jsx21(AvatarFallback, { children: /* @__PURE__ */ jsx21(Icon, { name: "file", size: "1rem", className: "text-text-secondary" }) })
-        ] }) : /* @__PURE__ */ jsx21(Icon, { name: "file", size: "1rem", className: "text-text-secondary" }) }),
-        /* @__PURE__ */ jsx21("span", { className: "text-text-primary min-w-0 truncate text-sm", children: name }),
-        onRemove && /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx23("div", { className: "bg-primary-bg flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md border", children: isImage && previewSrc ? /* @__PURE__ */ jsxs15(Avatar, { className: "size-7 rounded-none", children: [
+          /* @__PURE__ */ jsx23(AvatarImage, { src: previewSrc, alt: name, className: "object-cover" }),
+          /* @__PURE__ */ jsx23(AvatarFallback, { children: /* @__PURE__ */ jsx23(Icon, { name: "file", size: "1rem", className: "text-text-secondary" }) })
+        ] }) : /* @__PURE__ */ jsx23(Icon, { name: "file", size: "1rem", className: "text-text-secondary" }) }),
+        /* @__PURE__ */ jsx23("span", { className: "text-text-primary min-w-0 truncate text-sm", children: name }),
+        onRemove && /* @__PURE__ */ jsx23(
           "button",
           {
             type: "button",
@@ -1398,7 +1459,7 @@ function AttachmentCard({
               className: "size-6 shrink-0 rounded-full"
             }),
             onClick: onRemove,
-            children: /* @__PURE__ */ jsx21(Icon, { name: "xmark" })
+            children: /* @__PURE__ */ jsx23(Icon, { name: "xmark" })
           }
         )
       ]
@@ -1407,9 +1468,9 @@ function AttachmentCard({
 }
 
 // src/atoms/AttachmentPickerButton.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function AttachmentPickerButton({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     "button",
     {
       type: "button",
@@ -1421,7 +1482,7 @@ function AttachmentPickerButton({ className, ...props }) {
         className: `size-7 rounded-full p-1 ${className ?? ""}`
       }),
       ...props,
-      children: /* @__PURE__ */ jsx22(Icon, { name: "paperclip" })
+      children: /* @__PURE__ */ jsx24(Icon, { name: "paperclip" })
     }
   );
 }
@@ -1430,8 +1491,8 @@ function AttachmentPickerButton({ className, ...props }) {
 import { useState as useState9 } from "react";
 
 // src/atoms/primitives/Dialog.tsx
-import React7 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import React9 from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Dialog({
   open,
   onOpenChange,
@@ -1440,8 +1501,8 @@ function Dialog({
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy
 }) {
-  const ref = React7.useRef(null);
-  React7.useEffect(() => {
+  const ref = React9.useRef(null);
+  React9.useEffect(() => {
     const el = ref.current;
     if (!el) return;
     if (open && !el.open) {
@@ -1450,7 +1511,7 @@ function Dialog({
       el.close();
     }
   }, [open]);
-  React7.useEffect(() => {
+  React9.useEffect(() => {
     const el = ref.current;
     if (!el) return;
     const handler = () => onOpenChange(false);
@@ -1460,7 +1521,7 @@ function Dialog({
   const handleBackdropClick = (e) => {
     if (e.target === ref.current) onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "dialog",
     {
       ref,
@@ -1478,22 +1539,22 @@ function Dialog({
   );
 }
 function DialogContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col gap-4 p-6", className), ...props, children });
+  return /* @__PURE__ */ jsx25("div", { className: cn("flex flex-col gap-4 p-6", className), ...props, children });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col gap-1.5", className), ...props });
+  return /* @__PURE__ */ jsx25("div", { className: cn("flex flex-col gap-1.5", className), ...props });
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx23("h2", { className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props });
+  return /* @__PURE__ */ jsx25("h2", { className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props });
 }
 
 // src/atoms/AttachmentPreviewDialog.tsx
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 function AttachmentPreviewDialog({ previewSrc, children }) {
   const [open, setOpen] = useState9(false);
-  if (!previewSrc) return /* @__PURE__ */ jsx24(Fragment4, { children });
-  return /* @__PURE__ */ jsxs14(Fragment4, { children: [
-    /* @__PURE__ */ jsx24(
+  if (!previewSrc) return /* @__PURE__ */ jsx26(Fragment4, { children });
+  return /* @__PURE__ */ jsxs16(Fragment4, { children: [
+    /* @__PURE__ */ jsx26(
       "button",
       {
         type: "button",
@@ -1503,15 +1564,15 @@ function AttachmentPreviewDialog({ previewSrc, children }) {
         children
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx26(
       Dialog,
       {
         open,
         onOpenChange: setOpen,
         "aria-label": "Attachment preview",
         className: "max-w-[calc(100%-2rem)] sm:max-w-3xl",
-        children: /* @__PURE__ */ jsxs14(DialogContent, { className: "relative p-2", children: [
-          /* @__PURE__ */ jsx24("span", { className: "absolute top-2 right-2 z-10 inline-flex", children: /* @__PURE__ */ jsx24(
+        children: /* @__PURE__ */ jsxs16(DialogContent, { className: "relative p-2", children: [
+          /* @__PURE__ */ jsx26("span", { className: "absolute top-2 right-2 z-10 inline-flex", children: /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -1519,10 +1580,10 @@ function AttachmentPreviewDialog({ previewSrc, children }) {
               title: "Close",
               className: auiButtonClass({ variant: "ghost", size: "icon" }),
               onClick: () => setOpen(false),
-              children: /* @__PURE__ */ jsx24(Icon, { name: "xmark" })
+              children: /* @__PURE__ */ jsx26(Icon, { name: "xmark" })
             }
           ) }),
-          /* @__PURE__ */ jsx24("div", { className: "bg-primary-bg relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx26("div", { className: "bg-primary-bg relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx26(
             "img",
             {
               src: previewSrc,
@@ -1538,35 +1599,35 @@ function AttachmentPreviewDialog({ previewSrc, children }) {
 
 // src/atoms/ChatFileDownload.tsx
 import { useState as useState10 } from "react";
-import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 function ChatFileDownload({ files, fileDownloadBaseUrl, onDownloadArtifact, readOnly }) {
   const [downloadingPath, setDownloadingPath] = useState10(null);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     "details",
     {
       open: true,
       className: "aui-sandbox-artifacts group my-2 overflow-hidden rounded-lg border border-primary-button-bg/20 bg-card-bg",
       "data-testid": "aui-sandbox-artifacts",
       children: [
-        /* @__PURE__ */ jsxs15("summary", { className: "flex min-h-9 cursor-pointer list-none items-center gap-2 bg-primary-button-bg/5 px-3 py-2 text-xs font-medium leading-none text-primary-button-bg [&::-webkit-details-marker]:hidden", children: [
-          /* @__PURE__ */ jsx25(Icon, { name: "chevron-down", size: 13, className: "shrink-0 transition-transform group-open:rotate-180" }),
-          /* @__PURE__ */ jsx25(Icon, { name: "file", size: 16, className: "shrink-0" }),
-          /* @__PURE__ */ jsxs15("span", { className: "leading-none", children: [
+        /* @__PURE__ */ jsxs17("summary", { className: "flex min-h-9 cursor-pointer list-none items-center gap-2 bg-primary-button-bg/5 px-3 py-2 text-xs font-medium leading-none text-primary-button-bg [&::-webkit-details-marker]:hidden", children: [
+          /* @__PURE__ */ jsx27(Icon, { name: "chevron-down", size: 13, className: "shrink-0 transition-transform group-open:rotate-180" }),
+          /* @__PURE__ */ jsx27(Icon, { name: "file", size: 16, className: "shrink-0" }),
+          /* @__PURE__ */ jsxs17("span", { className: "leading-none", children: [
             files.length,
             " ",
             files.length === 1 ? "file" : "files",
             " generated"
           ] })
         ] }),
-        /* @__PURE__ */ jsx25("div", { className: "flex flex-wrap items-center gap-y-1 px-3 py-2", children: files.map(({ name, path }) => {
+        /* @__PURE__ */ jsx27("div", { className: "flex flex-wrap items-center gap-y-1 px-3 py-2", children: files.map(({ name, path }) => {
           if (readOnly) {
-            return /* @__PURE__ */ jsxs15(
+            return /* @__PURE__ */ jsxs17(
               "span",
               {
                 className: "mr-3 inline-flex min-h-7 items-center gap-1.5 border-r border-border pr-3 text-xs text-text-secondary last:mr-0 last:border-r-0 last:pr-0",
                 children: [
-                  /* @__PURE__ */ jsx25(Icon, { name: "file", size: 14, className: "shrink-0" }),
-                  /* @__PURE__ */ jsx25("span", { className: "leading-none", children: name })
+                  /* @__PURE__ */ jsx27(Icon, { name: "file", size: 14, className: "shrink-0" }),
+                  /* @__PURE__ */ jsx27("span", { className: "leading-none", children: name })
                 ]
               },
               path
@@ -1586,7 +1647,7 @@ function ChatFileDownload({ files, fileDownloadBaseUrl, onDownloadArtifact, read
               setDownloadingPath((current) => current === path ? null : current);
             });
           };
-          return /* @__PURE__ */ jsxs15(
+          return /* @__PURE__ */ jsxs17(
             "a",
             {
               href: canDownload ? href ?? "#" : void 0,
@@ -1600,9 +1661,9 @@ function ChatFileDownload({ files, fileDownloadBaseUrl, onDownloadArtifact, read
               download: name,
               "aria-label": isDownloading ? `Downloading ${name}` : `Download ${name}`,
               children: [
-                /* @__PURE__ */ jsx25(Icon, { name: "file", size: 14, className: "shrink-0 text-text-secondary" }),
-                /* @__PURE__ */ jsx25("span", { className: "leading-none", children: name }),
-                isDownloading ? /* @__PURE__ */ jsx25(Spinner, { size: 14, className: "shrink-0 text-primary-button-bg" }) : /* @__PURE__ */ jsx25(Icon, { name: "download", size: 14, className: "shrink-0 text-primary-button-bg" })
+                /* @__PURE__ */ jsx27(Icon, { name: "file", size: 14, className: "shrink-0 text-text-secondary" }),
+                /* @__PURE__ */ jsx27("span", { className: "leading-none", children: name }),
+                isDownloading ? /* @__PURE__ */ jsx27(Spinner, { size: 14, className: "shrink-0 text-primary-button-bg" }) : /* @__PURE__ */ jsx27(Icon, { name: "download", size: 14, className: "shrink-0 text-primary-button-bg" })
               ]
             },
             path
@@ -1644,12 +1705,12 @@ function useChatHeaderContentVisible() {
 }
 
 // src/atoms/ClearChatButton.tsx
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 function ClearChatButton() {
   const shell = useOptionalShellMode();
   const visible = useChatChromeActionsVisible();
   if (!visible || shell == null) return null;
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18(
     "button",
     {
       type: "button",
@@ -1657,7 +1718,7 @@ function ClearChatButton() {
       className: auiButtonClass({ variant: "ghost", size: "sm" }),
       onClick: () => shell.clearChat(),
       children: [
-        /* @__PURE__ */ jsx26(Icon, { name: "broom", size: "0.875rem" }),
+        /* @__PURE__ */ jsx28(Icon, { name: "broom", size: "0.875rem" }),
         "Clear chat"
       ]
     }
@@ -1666,14 +1727,14 @@ function ClearChatButton() {
 
 // src/atoms/CodeEditor.tsx
 import { useCallback as useCallback2, useState as useState11 } from "react";
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 function ToolbarButton({
   onClick,
   tooltip,
   icon,
   active
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     "button",
     {
       type: "button",
@@ -1685,7 +1746,7 @@ function ToolbarButton({
         active && "bg-dropdown-selected-item-bg text-dropdown-selected-item-text"
       ),
       "aria-label": tooltip,
-      children: /* @__PURE__ */ jsx27(Icon, { name: icon, size: "0.875em" })
+      children: /* @__PURE__ */ jsx29(Icon, { name: icon, size: "0.875em" })
     }
   );
 }
@@ -1727,7 +1788,7 @@ function CodeEditor({
     wordWrap: "on"
   };
   const editorHeight = expanded ? "100%" : height ?? 320;
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -1736,10 +1797,10 @@ function CodeEditor({
         className
       ),
       children: [
-        showToolbar && /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between gap-1 border-b border-border px-2 py-1", children: [
-          filename && /* @__PURE__ */ jsx27("span", { className: "truncate text-xs text-text-secondary", children: filename }),
-          /* @__PURE__ */ jsxs17("div", { className: "ml-auto flex items-center gap-0.5", children: [
-            /* @__PURE__ */ jsx27(
+        showToolbar && /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between gap-1 border-b border-border px-2 py-1", children: [
+          filename && /* @__PURE__ */ jsx29("span", { className: "truncate text-xs text-text-secondary", children: filename }),
+          /* @__PURE__ */ jsxs19("div", { className: "ml-auto flex items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx29(
               ToolbarButton,
               {
                 onClick: () => setShowLineNumbers((v) => !v),
@@ -1748,7 +1809,7 @@ function CodeEditor({
                 active: showLineNumbers
               }
             ),
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx29(
               ToolbarButton,
               {
                 onClick: handleCopy,
@@ -1756,8 +1817,8 @@ function CodeEditor({
                 icon: copied ? "check" : "copy"
               }
             ),
-            /* @__PURE__ */ jsx27(ToolbarButton, { onClick: handleDownload, tooltip: "Download", icon: "download" }),
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx29(ToolbarButton, { onClick: handleDownload, tooltip: "Download", icon: "download" }),
+            /* @__PURE__ */ jsx29(
               ToolbarButton,
               {
                 onClick: () => setExpanded((v) => !v),
@@ -1767,7 +1828,7 @@ function CodeEditor({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx27("div", { className: "flex-1 overflow-hidden", style: expanded ? void 0 : { height: editorHeight }, children: /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx29("div", { className: "flex-1 overflow-hidden", style: expanded ? void 0 : { height: editorHeight }, children: /* @__PURE__ */ jsx29(
           MonacoEditorCore2,
           {
             value,
@@ -1786,10 +1847,10 @@ function CodeEditor({
 }
 
 // src/atoms/ComposerSections.tsx
-import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
 function ComposerLeftSection({ onAttach }) {
   if (!onAttach) return null;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "button",
     {
       type: "button",
@@ -1797,7 +1858,7 @@ function ComposerLeftSection({ onAttach }) {
       title: "Attach",
       className: auiButtonClass({ variant: "ghost", size: "icon" }),
       onClick: onAttach,
-      children: /* @__PURE__ */ jsx28(Icon, { name: "paperclip" })
+      children: /* @__PURE__ */ jsx30(Icon, { name: "paperclip" })
     }
   );
 }
@@ -1806,7 +1867,7 @@ function ComposerRightSection(_) {
 }
 function ComposerSendButton({ canSubmit, isRunning, onSubmit, onCancel }) {
   if (isRunning) {
-    return /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs20(
       "button",
       {
         type: "button",
@@ -1815,13 +1876,13 @@ function ComposerSendButton({ canSubmit, isRunning, onSubmit, onCancel }) {
         onClick: onCancel,
         "aria-label": "Cancel",
         children: [
-          /* @__PURE__ */ jsx28(Spinner, { size: 14 }),
+          /* @__PURE__ */ jsx30(Spinner, { size: 14 }),
           "Cancel"
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "button",
     {
       type: "button",
@@ -1830,14 +1891,14 @@ function ComposerSendButton({ canSubmit, isRunning, onSubmit, onCancel }) {
       onClick: onSubmit,
       title: "Send message",
       "aria-label": "Send message",
-      children: /* @__PURE__ */ jsx28(Icon, { name: "arrow-up" })
+      children: /* @__PURE__ */ jsx30(Icon, { name: "arrow-up" })
     }
   );
 }
 
 // src/atoms/ComposerShell.tsx
 import "react";
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
 function ComposerShell({
   input,
   disabled,
@@ -1855,7 +1916,7 @@ function ComposerShell({
   const ComposerLeftSection2 = useSlot("ComposerLeftSection");
   const ComposerRightSection2 = useSlot("ComposerRightSection");
   const ComposerSendButton2 = useSlot("ComposerSendButton");
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       "data-slot": "aui_composer-shell",
@@ -1866,18 +1927,18 @@ function ComposerShell({
       children: [
         attachments,
         input,
-        /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-2 px-1", children: [
-          /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 max-w-full flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx29(ComposerLeftSection2, { disabled, isRunning, onAttach }),
-            connectorStatusLabel && /* @__PURE__ */ jsx29("span", { className: "text-text-secondary max-w-[12rem] truncate text-xs", children: connectorStatusLabel })
+        /* @__PURE__ */ jsxs21("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-2 px-1", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "flex min-w-0 max-w-full flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx31(ComposerLeftSection2, { disabled, isRunning, onAttach }),
+            connectorStatusLabel && /* @__PURE__ */ jsx31("span", { className: "text-text-secondary max-w-[12rem] truncate text-xs", children: connectorStatusLabel })
           ] }),
-          /* @__PURE__ */ jsxs19("div", { className: "ml-auto flex min-w-0 shrink-0 flex-wrap items-center justify-end gap-2", children: [
-            modelLabel && /* @__PURE__ */ jsxs19("span", { className: "bg-secondary-bg text-text-secondary flex max-w-[10rem] items-center gap-1 truncate rounded-full px-2 py-0.5 text-xs", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "ml-auto flex min-w-0 shrink-0 flex-wrap items-center justify-end gap-2", children: [
+            modelLabel && /* @__PURE__ */ jsxs21("span", { className: "bg-secondary-bg text-text-secondary flex max-w-[10rem] items-center gap-1 truncate rounded-full px-2 py-0.5 text-xs", children: [
               modelIcon,
-              /* @__PURE__ */ jsx29("span", { className: "truncate", children: modelLabel })
+              /* @__PURE__ */ jsx31("span", { className: "truncate", children: modelLabel })
             ] }),
-            /* @__PURE__ */ jsx29(ComposerRightSection2, { disabled, isRunning }),
-            /* @__PURE__ */ jsx29(
+            /* @__PURE__ */ jsx31(ComposerRightSection2, { disabled, isRunning }),
+            /* @__PURE__ */ jsx31(
               ComposerSendButton2,
               {
                 disabled,
@@ -1916,7 +1977,7 @@ function useIsMobile() {
 
 // src/atoms/primitives/BottomSheet.tsx
 import { useEffect as useEffect6, useRef as useRef4 } from "react";
-import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 function BottomSheet({
   open,
   onOpenChange,
@@ -1944,7 +2005,7 @@ function BottomSheet({
   const handleBackdropClick = (event) => {
     if (event.target === ref.current) onOpenChange(false);
   };
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs22(
     "dialog",
     {
       ref,
@@ -1964,7 +2025,7 @@ function BottomSheet({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx30("div", { className: "flex h-5 shrink-0 items-center justify-center", "aria-hidden": true, children: /* @__PURE__ */ jsx30("span", { className: "h-1 w-10 rounded-full bg-text-secondary/30" }) }),
+        /* @__PURE__ */ jsx32("div", { className: "flex h-5 shrink-0 items-center justify-center", "aria-hidden": true, children: /* @__PURE__ */ jsx32("span", { className: "h-1 w-10 rounded-full bg-text-secondary/30" }) }),
         children
       ]
     }
@@ -1994,7 +2055,7 @@ function modelPatchWithReasoningEffort(name, existingParams, efforts) {
 }
 
 // src/atoms/draft/DraftReasoningEffortSelector.tsx
-import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
 function DraftReasoningEffortSelector({ disabled, isRunning }) {
   const { models, ensureLoaded } = useDraftCatalog();
   const { agentSpec } = useTrueFoundryAgentSpec2();
@@ -2037,9 +2098,9 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
     });
   }, [updateAgentSpec, selected, efforts, currentEffort, agentSpec?.model?.params]);
   if (!hasReasoningEfforts(efforts) || !resolved) return null;
-  const content = /* @__PURE__ */ jsxs21(Fragment5, { children: [
-    /* @__PURE__ */ jsx31("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx31("p", { className: "text-text-primary text-sm font-semibold", children: "Reasoning effort" }) }),
-    /* @__PURE__ */ jsx31(
+  const content = /* @__PURE__ */ jsxs23(Fragment5, { children: [
+    /* @__PURE__ */ jsx33("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx33("p", { className: "text-text-primary text-sm font-semibold", children: "Reasoning effort" }) }),
+    /* @__PURE__ */ jsx33(
       "div",
       {
         id: menuId,
@@ -2048,7 +2109,7 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
         className: "flex min-h-0 flex-1 flex-col overflow-y-auto p-1",
         children: efforts.map((effort) => {
           const active = effort === resolved;
-          return /* @__PURE__ */ jsx31(
+          return /* @__PURE__ */ jsx33(
             "button",
             {
               type: "button",
@@ -2069,7 +2130,7 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
                 });
                 setOpen(false);
               },
-              children: /* @__PURE__ */ jsx31("span", { className: "truncate font-medium", children: effort })
+              children: /* @__PURE__ */ jsx33("span", { className: "truncate font-medium", children: effort })
             },
             effort
           );
@@ -2077,8 +2138,8 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs21("div", { ref: containerRef, className: "relative", children: [
-    /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs23("div", { ref: containerRef, className: "relative", children: [
+    /* @__PURE__ */ jsxs23(
       "button",
       {
         type: "button",
@@ -2097,26 +2158,26 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
         }),
         onClick: () => setOpen((v) => !v),
         children: [
-          /* @__PURE__ */ jsx31("span", { className: "truncate", children: resolved }),
-          /* @__PURE__ */ jsx31(Icon, { name: "chevron-down", className: "size-3.5 shrink-0 opacity-60" })
+          /* @__PURE__ */ jsx33("span", { className: "truncate", children: resolved }),
+          /* @__PURE__ */ jsx33(Icon, { name: "chevron-down", className: "size-3.5 shrink-0 opacity-60" })
         ]
       }
     ),
-    open ? isMobile || compactLayout ? /* @__PURE__ */ jsx31(BottomSheet, { open: true, onOpenChange: setOpen, "aria-label": "Select reasoning effort", children: content }) : /* @__PURE__ */ jsx31("div", { className: "bg-card-bg text-text-primary absolute right-0 bottom-full z-50 mb-2 flex max-h-[22rem] w-[12rem] flex-col overflow-hidden rounded-lg border border-border shadow-lg", children: content }) : null
+    open ? isMobile || compactLayout ? /* @__PURE__ */ jsx33(BottomSheet, { open: true, onOpenChange: setOpen, "aria-label": "Select reasoning effort", children: content }) : /* @__PURE__ */ jsx33("div", { className: "bg-card-bg text-text-primary absolute right-0 bottom-full z-50 mb-2 flex max-h-[22rem] w-[12rem] flex-col overflow-hidden rounded-lg border border-border shadow-lg", children: content }) : null
   ] });
 }
 
 // src/atoms/draft/DraftComposerSections.tsx
-import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
 function DraftComposerLeftSection({ disabled, isRunning, onAttach }) {
   const DraftCompositeSelector2 = useSlot("DraftCompositeSelector");
-  return /* @__PURE__ */ jsx32("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: /* @__PURE__ */ jsx32(DraftCompositeSelector2, { disabled, isRunning, onAttach }) });
+  return /* @__PURE__ */ jsx34("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: /* @__PURE__ */ jsx34(DraftCompositeSelector2, { disabled, isRunning, onAttach }) });
 }
 function DraftComposerRightSection({ disabled, isRunning }) {
   const DraftModelSelector2 = useSlot("DraftModelSelector");
-  return /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 items-center gap-1", children: [
-    /* @__PURE__ */ jsx32(DraftModelSelector2, { disabled, isRunning }),
-    /* @__PURE__ */ jsx32(DraftReasoningEffortSelector, { disabled, isRunning })
+  return /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 items-center gap-1", children: [
+    /* @__PURE__ */ jsx34(DraftModelSelector2, { disabled, isRunning }),
+    /* @__PURE__ */ jsx34(DraftReasoningEffortSelector, { disabled, isRunning })
   ] });
 }
 
@@ -2129,7 +2190,7 @@ import { useCallback as useCallback4, useEffect as useEffect8, useMemo as useMem
 
 // src/containers/ToasterContainer.tsx
 import { createContext as createContext2, useCallback as useCallback3, useContext as useContext3, useMemo, useState as useState13 } from "react";
-import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
 var MAX_TOAST_DESCRIPTION_CHARS = 480;
 var MAX_VISIBLE_TOASTS = 5;
 var SUCCESS_TOAST_TTL_MS = 3e3;
@@ -2184,9 +2245,9 @@ function ToasterProvider({ children }) {
     [dismiss]
   );
   const value = useMemo(() => ({ showError, showSuccess }), [showError, showSuccess]);
-  return /* @__PURE__ */ jsxs23(ToasterContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs25(ToasterContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx33(ToastStack2, { children: toasts.map((toast) => /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx35(ToastStack2, { children: toasts.map((toast) => /* @__PURE__ */ jsx35(
       Toast2,
       {
         title: toast.title,
@@ -2327,7 +2388,7 @@ function withAgentCapabilities({
 }
 
 // src/atoms/primitives/Switch.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var sizeClasses2 = {
   sm: {
     track: "h-5 w-9 p-0.5",
@@ -2342,7 +2403,7 @@ var sizeClasses2 = {
 };
 function Switch({ checked, onCheckedChange, size = "sm", disabled, className, ...props }) {
   const classes = sizeClasses2[size];
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     "button",
     {
       ...props,
@@ -2360,7 +2421,7 @@ function Switch({ checked, onCheckedChange, size = "sm", disabled, className, ..
         className
       ),
       onClick: () => onCheckedChange(!checked),
-      children: /* @__PURE__ */ jsx34(
+      children: /* @__PURE__ */ jsx36(
         "span",
         {
           "aria-hidden": true,
@@ -2377,7 +2438,7 @@ function Switch({ checked, onCheckedChange, size = "sm", disabled, className, ..
 }
 
 // src/atoms/draft/DraftCapabilitiesPanel.tsx
-import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 var CAPABILITIES = [
   {
     id: "generativeUi",
@@ -2403,16 +2464,16 @@ function DraftCapabilitiesPanel({
   layout = "list"
 }) {
   if (layout === "cards") {
-    return /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-2 sm:flex-row", children: CAPABILITIES.map((capability) => {
+    return /* @__PURE__ */ jsx37("div", { className: "flex flex-col gap-2 sm:flex-row", children: CAPABILITIES.map((capability) => {
       const checked = value[capability.id];
-      return /* @__PURE__ */ jsxs24(
+      return /* @__PURE__ */ jsxs26(
         "div",
         {
           className: "border-border flex min-w-0 flex-col gap-2 rounded-lg border p-3 sm:flex-1",
           children: [
-            /* @__PURE__ */ jsxs24("div", { className: "flex items-start justify-between gap-2", children: [
-              /* @__PURE__ */ jsx35("p", { className: "text-text-primary text-sm font-medium", children: capability.label }),
-              /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsxs26("div", { className: "flex items-start justify-between gap-2", children: [
+              /* @__PURE__ */ jsx37("p", { className: "text-text-primary text-sm font-medium", children: capability.label }),
+              /* @__PURE__ */ jsx37(
                 Switch,
                 {
                   checked,
@@ -2423,25 +2484,25 @@ function DraftCapabilitiesPanel({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx35("p", { className: "text-text-secondary text-xs leading-snug", children: capability.description })
+            /* @__PURE__ */ jsx37("p", { className: "text-text-secondary text-xs leading-snug", children: capability.description })
           ]
         },
         capability.id
       );
     }) });
   }
-  return /* @__PURE__ */ jsx35("div", { className: cn("flex flex-col", divided && "overflow-hidden rounded-xl border border-border"), children: CAPABILITIES.map((capability, index) => {
+  return /* @__PURE__ */ jsx37("div", { className: cn("flex flex-col", divided && "overflow-hidden rounded-xl border border-border"), children: CAPABILITIES.map((capability, index) => {
     const checked = value[capability.id];
-    return /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsxs26(
       "div",
       {
         className: cn("flex items-start gap-3 px-3 py-3", divided && index > 0 && "border-t border-border"),
         children: [
-          /* @__PURE__ */ jsxs24("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx35("p", { className: "text-text-primary text-sm font-medium", children: capability.label }),
-            /* @__PURE__ */ jsx35("p", { className: "text-text-secondary mt-0.5 text-xs leading-snug", children: capability.description })
+          /* @__PURE__ */ jsxs26("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx37("p", { className: "text-text-primary text-sm font-medium", children: capability.label }),
+            /* @__PURE__ */ jsx37("p", { className: "text-text-secondary mt-0.5 text-xs leading-snug", children: capability.description })
           ] }),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx37(
             Switch,
             {
               checked,
@@ -2459,7 +2520,7 @@ function DraftCapabilitiesPanel({
 }
 
 // src/atoms/draft/DraftCatalogEmptyState.tsx
-import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 function DraftCatalogEmptyState({
   loading,
   emptyLabel,
@@ -2467,7 +2528,7 @@ function DraftCatalogEmptyState({
   onOpenSettings
 }) {
   if (!loading && onOpenSettings) {
-    return /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsxs27(
       "button",
       {
         type: "button",
@@ -2480,17 +2541,17 @@ function DraftCatalogEmptyState({
           "Please configure ",
           settingsTarget,
           " in the ",
-          /* @__PURE__ */ jsx36("span", { className: "underline", children: "settings" }),
-          /* @__PURE__ */ jsx36(Icon, { name: "chevron-right", className: "size-3" })
+          /* @__PURE__ */ jsx38("span", { className: "underline", children: "settings" }),
+          /* @__PURE__ */ jsx38(Icon, { name: "chevron-right", className: "size-3" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx36("p", { className: "text-text-secondary px-2 py-4 text-center text-sm", children: loading ? "Loading\u2026" : emptyLabel });
+  return /* @__PURE__ */ jsx38("p", { className: "text-text-secondary px-2 py-4 text-center text-sm", children: loading ? "Loading\u2026" : emptyLabel });
 }
 
 // src/atoms/draft/DraftCompositeSelector.tsx
-import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 function draftMountsFromSpec(value) {
   if (!Array.isArray(value)) return [];
   const mounts = [];
@@ -2510,7 +2571,7 @@ var TABS = [
 ];
 var SPEC_FLUSH_MS = 300;
 function Checkbox({ checked }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "span",
     {
       className: cn(
@@ -2518,7 +2579,7 @@ function Checkbox({ checked }) {
         checked ? "border-primary-button-bg bg-primary-button-bg text-primary-button-text" : "border-input-border bg-input-box-bg"
       ),
       "aria-hidden": true,
-      children: checked ? /* @__PURE__ */ jsx37(Icon, { name: "check", className: "size-3" }) : null
+      children: checked ? /* @__PURE__ */ jsx39(Icon, { name: "check", className: "size-3" }) : null
     }
   );
 }
@@ -2530,15 +2591,15 @@ function CatalogRow({
   onToggle,
   action
 }) {
-  const content = /* @__PURE__ */ jsxs26(Fragment6, { children: [
-    /* @__PURE__ */ jsx37("span", { className: "bg-secondary-bg text-text-secondary mt-0.5 flex size-7 shrink-0 items-center justify-center rounded text-xs font-semibold", children: title.charAt(0).toUpperCase() }),
-    /* @__PURE__ */ jsxs26("span", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx37("span", { className: "text-text-primary block truncate text-sm font-medium", children: title }),
-      description ? /* @__PURE__ */ jsx37("span", { className: "text-text-secondary line-clamp-1 text-xs", children: description }) : null
+  const content = /* @__PURE__ */ jsxs28(Fragment6, { children: [
+    /* @__PURE__ */ jsx39("span", { className: "bg-secondary-bg text-text-secondary mt-0.5 flex size-7 shrink-0 items-center justify-center rounded text-xs font-semibold", children: title.charAt(0).toUpperCase() }),
+    /* @__PURE__ */ jsxs28("span", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx39("span", { className: "text-text-primary block truncate text-sm font-medium", children: title }),
+      description ? /* @__PURE__ */ jsx39("span", { className: "text-text-secondary line-clamp-1 text-xs", children: description }) : null
     ] })
   ] });
   if (action) {
-    return /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsxs28(
       "div",
       {
         role: "menuitemcheckbox",
@@ -2553,13 +2614,13 @@ function CatalogRow({
         },
         children: [
           content,
-          /* @__PURE__ */ jsx37("span", { className: "shrink-0", children: action }),
-          /* @__PURE__ */ jsx37(Checkbox, { checked })
+          /* @__PURE__ */ jsx39("span", { className: "shrink-0", children: action }),
+          /* @__PURE__ */ jsx39(Checkbox, { checked })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs28(
     "button",
     {
       type: "button",
@@ -2570,7 +2631,7 @@ function CatalogRow({
       onClick: onToggle,
       children: [
         content,
-        disabled ? /* @__PURE__ */ jsx37(Icon, { name: "lock", className: "text-text-secondary size-3" }) : /* @__PURE__ */ jsx37(Checkbox, { checked })
+        disabled ? /* @__PURE__ */ jsx39(Icon, { name: "lock", className: "text-text-secondary size-3" }) : /* @__PURE__ */ jsx39(Checkbox, { checked })
       ]
     }
   );
@@ -2584,7 +2645,7 @@ function ConnectorConnectButton({
   onConnected
 }) {
   const { handleAuthorize, isOAuthLoading } = useMCPAuth();
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "button",
     {
       type: "button",
@@ -2609,15 +2670,15 @@ function SearchField({
   onChange,
   placeholder
 }) {
-  return /* @__PURE__ */ jsxs26("label", { className: "relative mx-3 my-2 block", children: [
-    /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs28("label", { className: "relative mx-3 my-2 block", children: [
+    /* @__PURE__ */ jsx39(
       Icon,
       {
         name: "search",
         className: "text-text-secondary pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2"
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx39(
       "input",
       {
         type: "search",
@@ -2630,7 +2691,7 @@ function SearchField({
   ] });
 }
 function SectionHeading({ label, count }) {
-  return /* @__PURE__ */ jsxs26("div", { className: "text-text-secondary px-3 pt-2 pb-1 text-[11px] font-medium tracking-wide uppercase", children: [
+  return /* @__PURE__ */ jsxs28("div", { className: "text-text-secondary px-3 pt-2 pb-1 text-[11px] font-medium tracking-wide uppercase", children: [
     label,
     " (",
     count,
@@ -2808,11 +2869,11 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
     setQuery("");
     shell?.setSettingsOpen(true, section);
   };
-  const content = /* @__PURE__ */ jsxs26(Fragment6, { children: [
-    /* @__PURE__ */ jsx37("div", { className: "flex shrink-0 border-b border-border", children: TABS.map((t) => {
+  const content = /* @__PURE__ */ jsxs28(Fragment6, { children: [
+    /* @__PURE__ */ jsx39("div", { className: "flex shrink-0 border-b border-border", children: TABS.map((t) => {
       const count = t.id === "connectors" ? selectedMcp.length : t.id === "skills" ? selectedSkills.length : null;
       const active = tab === t.id;
-      return /* @__PURE__ */ jsxs26(
+      return /* @__PURE__ */ jsxs28(
         "button",
         {
           type: "button",
@@ -2825,15 +2886,15 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
             setQuery("");
           },
           children: [
-            /* @__PURE__ */ jsx37(Icon, { name: t.icon, className: "size-3.5" }),
+            /* @__PURE__ */ jsx39(Icon, { name: t.icon, className: "size-3.5" }),
             t.label,
-            count != null && count > 0 ? /* @__PURE__ */ jsx37("span", { className: "bg-secondary-bg rounded px-1 text-[10px]", children: count }) : null
+            count != null && count > 0 ? /* @__PURE__ */ jsx39("span", { className: "bg-secondary-bg rounded px-1 text-[10px]", children: count }) : null
           ]
         },
         t.id
       );
     }) }),
-    tab === "capabilities" ? /* @__PURE__ */ jsx37("div", { className: "min-h-0 flex-1 overflow-y-auto p-2", children: /* @__PURE__ */ jsx37(
+    tab === "capabilities" ? /* @__PURE__ */ jsx39("div", { className: "min-h-0 flex-1 overflow-y-auto p-2", children: /* @__PURE__ */ jsx39(
       DraftCapabilitiesPanel,
       {
         value: readAgentCapabilities(agentSpec?.config),
@@ -2850,8 +2911,8 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
           });
         }
       }
-    ) }) : /* @__PURE__ */ jsxs26(Fragment6, { children: [
-      /* @__PURE__ */ jsx37(
+    ) }) : /* @__PURE__ */ jsxs28(Fragment6, { children: [
+      /* @__PURE__ */ jsx39(
         SearchField,
         {
           value: query,
@@ -2859,47 +2920,47 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
           placeholder: tab === "connectors" ? "Search connectors..." : "Search skills..."
         }
       ),
-      tab === "skills" && skillsDisabled && skillsDisabledReason ? /* @__PURE__ */ jsxs26(
+      tab === "skills" && skillsDisabled && skillsDisabledReason ? /* @__PURE__ */ jsxs28(
         "div",
         {
           role: "status",
           className: "border-primary-button-bg/30 bg-primary-button-bg/5 text-text-primary mx-3 mb-2 flex items-center gap-2 rounded-lg border p-3",
           children: [
-            /* @__PURE__ */ jsx37(Icon, { name: "lock", className: "text-primary-button-bg size-3 shrink-0" }),
-            /* @__PURE__ */ jsx37("span", { className: "text-xs leading-none", children: skillsDisabledReason })
+            /* @__PURE__ */ jsx39(Icon, { name: "lock", className: "text-primary-button-bg size-3 shrink-0" }),
+            /* @__PURE__ */ jsx39("span", { className: "text-xs leading-none", children: skillsDisabledReason })
           ]
         }
       ) : null,
-      /* @__PURE__ */ jsx37("div", { className: "min-h-0 flex-1 overflow-y-auto px-1 pb-2", children: tab === "connectors" ? /* @__PURE__ */ jsxs26(Fragment6, { children: [
-        pinnedSelectedConnectors.length > 0 ? /* @__PURE__ */ jsxs26(Fragment6, { children: [
-          /* @__PURE__ */ jsx37(SectionHeading, { label: "Selected", count: pinnedSelectedConnectors.length }),
-          pinnedSelectedConnectors.map((c) => /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx39("div", { className: "min-h-0 flex-1 overflow-y-auto px-1 pb-2", children: tab === "connectors" ? /* @__PURE__ */ jsxs28(Fragment6, { children: [
+        pinnedSelectedConnectors.length > 0 ? /* @__PURE__ */ jsxs28(Fragment6, { children: [
+          /* @__PURE__ */ jsx39(SectionHeading, { label: "Selected", count: pinnedSelectedConnectors.length }),
+          pinnedSelectedConnectors.map((c) => /* @__PURE__ */ jsx39(
             CatalogRow,
             {
               title: c.name,
               description: c.description,
               checked: selectedMcpIds.has(c.id),
-              action: isUnauthenticatedDcrConnector(c) ? /* @__PURE__ */ jsx37(ConnectorConnectButton, { connector: c, onConnected: refreshConnectors }) : void 0,
+              action: isUnauthenticatedDcrConnector(c) ? /* @__PURE__ */ jsx39(ConnectorConnectButton, { connector: c, onConnected: refreshConnectors }) : void 0,
               onToggle: () => toggleConnector(c)
             },
             c.id
           ))
         ] }) : null,
-        pinnedAvailableConnectors.length > 0 ? /* @__PURE__ */ jsxs26(Fragment6, { children: [
-          /* @__PURE__ */ jsx37(SectionHeading, { label: "Available", count: pinnedAvailableConnectors.length }),
-          pinnedAvailableConnectors.map((c) => /* @__PURE__ */ jsx37(
+        pinnedAvailableConnectors.length > 0 ? /* @__PURE__ */ jsxs28(Fragment6, { children: [
+          /* @__PURE__ */ jsx39(SectionHeading, { label: "Available", count: pinnedAvailableConnectors.length }),
+          pinnedAvailableConnectors.map((c) => /* @__PURE__ */ jsx39(
             CatalogRow,
             {
               title: c.name,
               description: c.description,
               checked: selectedMcpIds.has(c.id),
-              action: isUnauthenticatedDcrConnector(c) ? /* @__PURE__ */ jsx37(ConnectorConnectButton, { connector: c, onConnected: refreshConnectors }) : void 0,
+              action: isUnauthenticatedDcrConnector(c) ? /* @__PURE__ */ jsx39(ConnectorConnectButton, { connector: c, onConnected: refreshConnectors }) : void 0,
               onToggle: () => toggleConnector(c)
             },
             c.id
           ))
         ] }) : null,
-        filteredConnectors.length === 0 ? /* @__PURE__ */ jsx37(
+        filteredConnectors.length === 0 ? /* @__PURE__ */ jsx39(
           DraftCatalogEmptyState,
           {
             loading,
@@ -2908,10 +2969,10 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
             onOpenSettings: connectors.length === 0 && shell && canConfigureConnectors ? () => openSettings("connectors") : void 0
           }
         ) : null
-      ] }) : /* @__PURE__ */ jsxs26(Fragment6, { children: [
-        pinnedSelectedSkills.length > 0 ? /* @__PURE__ */ jsxs26(Fragment6, { children: [
-          /* @__PURE__ */ jsx37(SectionHeading, { label: "Selected", count: pinnedSelectedSkills.length }),
-          pinnedSelectedSkills.map((s) => /* @__PURE__ */ jsx37(
+      ] }) : /* @__PURE__ */ jsxs28(Fragment6, { children: [
+        pinnedSelectedSkills.length > 0 ? /* @__PURE__ */ jsxs28(Fragment6, { children: [
+          /* @__PURE__ */ jsx39(SectionHeading, { label: "Selected", count: pinnedSelectedSkills.length }),
+          pinnedSelectedSkills.map((s) => /* @__PURE__ */ jsx39(
             CatalogRow,
             {
               title: s.name,
@@ -2923,9 +2984,9 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
             s.id
           ))
         ] }) : null,
-        pinnedAvailableSkills.length > 0 ? /* @__PURE__ */ jsxs26(Fragment6, { children: [
-          /* @__PURE__ */ jsx37(SectionHeading, { label: "Available", count: pinnedAvailableSkills.length }),
-          pinnedAvailableSkills.map((s) => /* @__PURE__ */ jsx37(
+        pinnedAvailableSkills.length > 0 ? /* @__PURE__ */ jsxs28(Fragment6, { children: [
+          /* @__PURE__ */ jsx39(SectionHeading, { label: "Available", count: pinnedAvailableSkills.length }),
+          pinnedAvailableSkills.map((s) => /* @__PURE__ */ jsx39(
             CatalogRow,
             {
               title: s.name,
@@ -2937,7 +2998,7 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
             s.id
           ))
         ] }) : null,
-        filteredSkills.length === 0 ? /* @__PURE__ */ jsx37(
+        filteredSkills.length === 0 ? /* @__PURE__ */ jsx39(
           DraftCatalogEmptyState,
           {
             loading,
@@ -2949,8 +3010,8 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
       ] }) })
     ] })
   ] });
-  return /* @__PURE__ */ jsxs26("div", { ref: containerRef, className: "relative flex flex-wrap items-center gap-1.5", children: [
-    hasValidModel ? /* @__PURE__ */ jsx37(Tooltip, { content: toolsTooltip, className: "max-w-xs whitespace-pre-line text-left", side: "top", children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs28("div", { ref: containerRef, className: "relative flex flex-wrap items-center gap-1.5", children: [
+    hasValidModel ? /* @__PURE__ */ jsx39(Tooltip, { content: toolsTooltip, className: "max-w-xs whitespace-pre-line text-left", side: "top", children: /* @__PURE__ */ jsxs28(
       "button",
       {
         type: "button",
@@ -2972,13 +3033,13 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
           openPicker();
         },
         children: [
-          /* @__PURE__ */ jsx37(Icon, { name: "wrench", className: "size-3.5" }),
-          /* @__PURE__ */ jsx37("span", { children: "Tools" }),
-          /* @__PURE__ */ jsx37("span", { className: "bg-primary-button-bg/10 text-primary-button-bg rounded px-1.5 py-0.5 text-[10px] font-semibold", children: toolsCount })
+          /* @__PURE__ */ jsx39(Icon, { name: "wrench", className: "size-3.5" }),
+          /* @__PURE__ */ jsx39("span", { children: "Tools" }),
+          /* @__PURE__ */ jsx39("span", { className: "bg-primary-button-bg/10 text-primary-button-bg rounded px-1.5 py-0.5 text-[10px] font-semibold", children: toolsCount })
         ]
       }
     ) }) : null,
-    onAttach ? /* @__PURE__ */ jsx37(Tooltip, { content: "Attach a file", children: /* @__PURE__ */ jsx37(
+    onAttach ? /* @__PURE__ */ jsx39(Tooltip, { content: "Attach a file", children: /* @__PURE__ */ jsx39(
       "button",
       {
         type: "button",
@@ -2986,10 +3047,10 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
         "aria-label": "Attach a file",
         className: auiButtonClass({ variant: "ghost", size: "icon" }),
         onClick: onAttach,
-        children: /* @__PURE__ */ jsx37(Icon, { name: "paperclip" })
+        children: /* @__PURE__ */ jsx39(Icon, { name: "paperclip" })
       }
     ) }) : null,
-    open && hasValidModel ? isMobile || compactLayout ? /* @__PURE__ */ jsx37(BottomSheet, { id: menuId, open: true, onOpenChange: setOpenAndFlush, "aria-label": "Add to composer", children: content }) : /* @__PURE__ */ jsx37(
+    open && hasValidModel ? isMobile || compactLayout ? /* @__PURE__ */ jsx39(BottomSheet, { id: menuId, open: true, onOpenChange: setOpenAndFlush, "aria-label": "Add to composer", children: content }) : /* @__PURE__ */ jsx39(
       "div",
       {
         id: menuId,
@@ -3065,7 +3126,7 @@ function CatalogLogo({ src, alt = "", onError, ...props }) {
 }
 
 // src/atoms/draft/DraftModelCatalogPanel.tsx
-import { Fragment as Fragment7, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function monogram(value) {
   const trimmed = value.trim();
   return trimmed ? trimmed.charAt(0).toUpperCase() : "?";
@@ -3076,9 +3137,9 @@ function displayModelLabel2(modelName) {
 }
 function ProviderMark({ logo, label, className }) {
   if (logo) {
-    return /* @__PURE__ */ jsx38(CatalogLogo, { src: logo, alt: "", className: cn("shrink-0 rounded object-contain", className), "aria-hidden": true });
+    return /* @__PURE__ */ jsx40(CatalogLogo, { src: logo, alt: "", className: cn("shrink-0 rounded object-contain", className), "aria-hidden": true });
   }
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     "span",
     {
       className: cn(
@@ -3123,18 +3184,18 @@ function DraftModelCatalogPanel({
     (model) => model.name.toLowerCase().includes(needle) || model.id.toLowerCase().includes(needle) || model.provider.name.toLowerCase().includes(needle)
   ) : models;
   const sections = groupModelsByProvider(filtered);
-  return /* @__PURE__ */ jsxs27(Fragment7, { children: [
-    /* @__PURE__ */ jsxs27("div", { className: "border-b border-border px-3 py-2", children: [
-      showHeading ? /* @__PURE__ */ jsx38("p", { className: "text-text-primary mb-2 text-sm font-semibold", children: "Select model" }) : null,
-      /* @__PURE__ */ jsxs27("label", { className: "relative block", children: [
-        /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs29(Fragment7, { children: [
+    /* @__PURE__ */ jsxs29("div", { className: "border-b border-border px-3 py-2", children: [
+      showHeading ? /* @__PURE__ */ jsx40("p", { className: "text-text-primary mb-2 text-sm font-semibold", children: "Select model" }) : null,
+      /* @__PURE__ */ jsxs29("label", { className: "relative block", children: [
+        /* @__PURE__ */ jsx40(
           Icon,
           {
             name: "search",
             className: "text-text-secondary pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2"
           }
         ),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx40(
           "input",
           {
             type: "search",
@@ -3147,14 +3208,14 @@ function DraftModelCatalogPanel({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx40(
       "div",
       {
         id: listboxId,
         role: "listbox",
         "aria-label": "Select model",
         className: "flex min-h-0 flex-1 flex-col overflow-y-auto p-1",
-        children: filtered.length === 0 ? /* @__PURE__ */ jsx38(
+        children: filtered.length === 0 ? /* @__PURE__ */ jsx40(
           DraftCatalogEmptyState,
           {
             loading,
@@ -3164,27 +3225,27 @@ function DraftModelCatalogPanel({
           }
         ) : sections.map((section, sectionIndex) => {
           const headingId = `${listboxId}-provider-${sectionIndex}`;
-          return /* @__PURE__ */ jsxs27(
+          return /* @__PURE__ */ jsxs29(
             "div",
             {
               role: "group",
               "aria-labelledby": headingId,
               className: cn(sectionIndex > 0 && "mt-2"),
               children: [
-                /* @__PURE__ */ jsxs27(
+                /* @__PURE__ */ jsxs29(
                   "div",
                   {
                     id: headingId,
                     className: "text-text-secondary flex items-center gap-1.5 px-2 py-1.5 text-[11px] font-medium tracking-wide uppercase",
                     children: [
-                      /* @__PURE__ */ jsx38(ProviderMark, { logo: section.logo, label: section.name, className: "size-3.5 text-[9px]" }),
-                      /* @__PURE__ */ jsx38("span", { className: "truncate", children: section.name })
+                      /* @__PURE__ */ jsx40(ProviderMark, { logo: section.logo, label: section.name, className: "size-3.5 text-[9px]" }),
+                      /* @__PURE__ */ jsx40("span", { className: "truncate", children: section.name })
                     ]
                   }
                 ),
                 section.models.map((model) => {
                   const active = selectedName ? model.name === selectedName : filtered[0] === model;
-                  return /* @__PURE__ */ jsxs27(
+                  return /* @__PURE__ */ jsxs29(
                     "button",
                     {
                       type: "button",
@@ -3196,8 +3257,8 @@ function DraftModelCatalogPanel({
                       ),
                       onClick: () => onSelect(model),
                       children: [
-                        /* @__PURE__ */ jsx38("span", { className: "truncate font-medium", children: displayModelLabel2(model.name) }),
-                        active ? /* @__PURE__ */ jsx38(Icon, { name: "check", className: "ml-auto size-3.5" }) : null
+                        /* @__PURE__ */ jsx40("span", { className: "truncate font-medium", children: displayModelLabel2(model.name) }),
+                        active ? /* @__PURE__ */ jsx40(Icon, { name: "check", className: "ml-auto size-3.5" }) : null
                       ]
                     },
                     model.id || model.name
@@ -3214,7 +3275,7 @@ function DraftModelCatalogPanel({
 }
 
 // src/atoms/draft/DraftModelSelector.tsx
-import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 function DraftModelSelector({ disabled, isRunning }) {
   const { models, loading, ensureLoaded } = useDraftCatalog();
   const { agentSpec } = useTrueFoundryAgentSpec4();
@@ -3265,7 +3326,7 @@ function DraftModelSelector({ disabled, isRunning }) {
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
   const account = selected?.provider.name ?? selectedName;
-  const content = /* @__PURE__ */ jsx39(
+  const content = /* @__PURE__ */ jsx41(
     DraftModelCatalogPanel,
     {
       models,
@@ -3288,8 +3349,8 @@ function DraftModelSelector({ disabled, isRunning }) {
       }
     }
   );
-  return /* @__PURE__ */ jsxs28("div", { ref: containerRef, className: "relative", children: [
-    /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs30("div", { ref: containerRef, className: "relative", children: [
+    /* @__PURE__ */ jsxs30(
       "button",
       {
         type: "button",
@@ -3305,21 +3366,21 @@ function DraftModelSelector({ disabled, isRunning }) {
         }),
         onClick: () => setOpen((v) => !v),
         children: [
-          /* @__PURE__ */ jsx39(ProviderMark, { logo: selected?.provider.logo, label: account, className: "size-4 text-xs" }),
-          /* @__PURE__ */ jsx39("span", { className: "truncate", children: label }),
-          /* @__PURE__ */ jsx39(Icon, { name: "chevron-down", className: "size-3.5 shrink-0 opacity-60" })
+          /* @__PURE__ */ jsx41(ProviderMark, { logo: selected?.provider.logo, label: account, className: "size-4 text-xs" }),
+          /* @__PURE__ */ jsx41("span", { className: "truncate", children: label }),
+          /* @__PURE__ */ jsx41(Icon, { name: "chevron-down", className: "size-3.5 shrink-0 opacity-60" })
         ]
       }
     ),
-    open ? isMobile || compactLayout ? /* @__PURE__ */ jsx39(BottomSheet, { open: true, onOpenChange: setOpen, "aria-label": "Select model", children: content }) : /* @__PURE__ */ jsx39("div", { className: "bg-card-bg text-text-primary absolute right-0 bottom-full z-50 mb-2 flex max-h-[22rem] w-[18rem] flex-col overflow-hidden rounded-lg border border-border shadow-lg", children: content }) : null
+    open ? isMobile || compactLayout ? /* @__PURE__ */ jsx41(BottomSheet, { open: true, onOpenChange: setOpen, "aria-label": "Select model", children: content }) : /* @__PURE__ */ jsx41("div", { className: "bg-card-bg text-text-primary absolute right-0 bottom-full z-50 mb-2 flex max-h-[22rem] w-[18rem] flex-col overflow-hidden rounded-lg border border-border shadow-lg", children: content }) : null
   ] });
 }
 
 // src/atoms/HistoryLoader.tsx
 import { forwardRef } from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var HistoryLoader = forwardRef(
-  ({ className, isLoading = false, ...rest }, ref) => /* @__PURE__ */ jsx40(
+  ({ className, isLoading = false, ...rest }, ref) => /* @__PURE__ */ jsx42(
     "div",
     {
       ref,
@@ -3329,7 +3390,7 @@ var HistoryLoader = forwardRef(
       "aria-label": isLoading ? "Loading older messages" : "Scroll up to load older messages",
       className: cn("flex justify-center py-2", className),
       ...rest,
-      children: isLoading && /* @__PURE__ */ jsx40(Spinner, { size: 14 })
+      children: isLoading && /* @__PURE__ */ jsx42(Spinner, { size: 14 })
     }
   )
 );
@@ -3339,9 +3400,9 @@ HistoryLoader.displayName = "HistoryLoader";
 import { useMemo as useMemo4, useRef as useRef9 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { Fragment as Fragment8, jsx as jsx41 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx43 } from "react/jsx-runtime";
 function preloadMarkdownOpenUI() {
-  return import("./OpenUiFenceBlock-3EFPY4JW.js");
+  return import("./OpenUiFenceBlock-6UIIAVBX.js");
 }
 var LARGE_STREAMING_FENCE_CHARS = 8 * 1024;
 function getActiveStreamingFenceCode(content) {
@@ -3370,15 +3431,19 @@ function makeComponents(opts) {
     inlineCodeClassName
   } = opts;
   return {
+    // Chat markdown links should open in a new tab.
+    a({ href, children, node: _node, ...props }) {
+      return /* @__PURE__ */ jsx43("a", { ...props, href, target: "_blank", rel: "noopener noreferrer", children });
+    },
     // Strip default <pre> wrapper — each block renderer provides its own container.
     pre({ children }) {
-      return /* @__PURE__ */ jsx41(Fragment8, { children });
+      return /* @__PURE__ */ jsx43(Fragment8, { children });
     },
     code({ className, children }) {
       const language = /language-(\w+)/.exec(className ?? "")?.[1];
       const code = String(children ?? "").replace(/\n$/, "");
       if (!className) {
-        return /* @__PURE__ */ jsx41(
+        return /* @__PURE__ */ jsx43(
           "code",
           {
             className: cn("aui-inline-code rounded bg-secondary-bg px-1 py-0.5 font-mono text-sm", inlineCodeClassName),
@@ -3387,10 +3452,10 @@ function makeComponents(opts) {
         );
       }
       if (language === "openui") {
-        return /* @__PURE__ */ jsx41(OpenUiFenceBlock2, { content: code, isStreaming, darkTheme });
+        return /* @__PURE__ */ jsx43(OpenUiFenceBlock2, { content: code, isStreaming, darkTheme });
       }
       if (language === "sandbox_artifacts") {
-        return /* @__PURE__ */ jsx41(
+        return /* @__PURE__ */ jsx43(
           SandboxArtifactDownload2,
           {
             code,
@@ -3403,18 +3468,18 @@ function makeComponents(opts) {
       const activeFenceCode = getActiveFenceCode();
       const isActiveOversizedFence = isStreaming === true && activeFenceCode != null && code === activeFenceCode && code.length > LARGE_STREAMING_FENCE_CHARS;
       if (isActiveOversizedFence) {
-        return /* @__PURE__ */ jsx41(
+        return /* @__PURE__ */ jsx43(
           "pre",
           {
             className: cn(
               "aui-syntax-highlighter my-2 max-w-full min-w-0 overflow-x-auto whitespace-pre-wrap break-words rounded-md"
             ),
             "data-testid": "aui-plain-streaming-fence",
-            children: /* @__PURE__ */ jsx41("code", { className: cn(className, "whitespace-pre-wrap break-words"), children: code })
+            children: /* @__PURE__ */ jsx43("code", { className: cn(className, "whitespace-pre-wrap break-words"), children: code })
           }
         );
       }
-      return /* @__PURE__ */ jsx41(SyntaxHighlighter2, { code, language, darkTheme });
+      return /* @__PURE__ */ jsx43(SyntaxHighlighter2, { code, language, darkTheme });
     }
   };
 }
@@ -3460,36 +3525,36 @@ function Markdown({
       classNames.inlineCode
     ]
   );
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       className: cn("aui-markdown markdown-body min-w-0 max-w-full overflow-x-clip", classNames.markdown, className),
-      children: /* @__PURE__ */ jsx41(ReactMarkdown, { remarkPlugins: REMARK_PLUGINS, components, children: content })
+      children: /* @__PURE__ */ jsx43(ReactMarkdown, { remarkPlugins: REMARK_PLUGINS, components, children: content })
     }
   );
 }
 
 // src/atoms/MessageActionBar.tsx
-import { jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
 var actionBtnClass = "h-6 w-6 text-text-secondary hover:text-text-primary [&_svg]:size-3.5";
 function MessageActionBar({ isCopied, onCopy, createdAt, className }) {
   const MessageTimestamp2 = useSlot("MessageTimestamp");
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       className: cn("aui-assistant-action-bar-root animate-in fade-in flex items-center gap-1 duration-200", className),
       children: [
-        /* @__PURE__ */ jsx42(MessageTimestamp2, { createdAt, className: "mr-1" }),
-        /* @__PURE__ */ jsx42(IconButton, { "aria-label": "Copy", tooltip: "Copy", variant: "ghost", className: actionBtnClass, onClick: onCopy, children: /* @__PURE__ */ jsx42(Icon, { name: isCopied ? "check" : "clone", size: "0.875em" }) })
+        /* @__PURE__ */ jsx44(MessageTimestamp2, { createdAt, className: "mr-1" }),
+        /* @__PURE__ */ jsx44(IconButton, { "aria-label": "Copy", tooltip: "Copy", variant: "ghost", className: actionBtnClass, onClick: onCopy, children: /* @__PURE__ */ jsx44(Icon, { name: isCopied ? "check" : "clone", size: "0.875em" }) })
       ]
     }
   );
 }
 
 // src/atoms/MessageErrorBanner.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function MessageErrorBanner({ message, className }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       role: "alert",
@@ -3497,15 +3562,15 @@ function MessageErrorBanner({ message, className }) {
         "aui-message-error-root border-failure-bg bg-failure-bg/10 text-failure-bg mt-2 rounded-md border p-3 text-sm",
         className
       ),
-      children: /* @__PURE__ */ jsx43("span", { className: "aui-message-error-message line-clamp-2", children: message })
+      children: /* @__PURE__ */ jsx45("span", { className: "aui-message-error-message line-clamp-2", children: message })
     }
   );
 }
 
 // src/atoms/MessageIndicator.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function MessageIndicator({ className }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     "span",
     {
       "data-slot": "aui_assistant-message-indicator",
@@ -3517,7 +3582,7 @@ function MessageIndicator({ className }) {
 }
 
 // src/atoms/MessageTimestamp.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function toDate(createdAt) {
   if (createdAt == null) {
     return null;
@@ -3548,12 +3613,12 @@ function MessageTimestamp({ createdAt, className }) {
   if (date == null) {
     return null;
   }
-  return /* @__PURE__ */ jsx45(LightTooltip, { title: formatFullDate(date), size: "fit", children: /* @__PURE__ */ jsx45("span", { className: cn("text-xs font-medium cursor-pointer leading-normal shrink-0 text-text-secondary", className), children: formatTime(date) }) });
+  return /* @__PURE__ */ jsx47(LightTooltip, { title: formatFullDate(date), size: "fit", children: /* @__PURE__ */ jsx47("span", { className: cn("text-xs font-medium cursor-pointer leading-normal shrink-0 text-text-secondary", className), children: formatTime(date) }) });
 }
 
 // src/atoms/MonacoEditorCore.tsx
 import { useEffect as useEffect12, useRef as useRef10, useState as useState18 } from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var AUI_MONACO_LIGHT = "aui-monaco-light";
 var AUI_MONACO_DARK = "aui-monaco-dark";
 var TRANSPARENT = "#00000000";
@@ -3737,20 +3802,20 @@ function MonacoEditorCore({
     monacoRef.current?.editor.setTheme(resolvedTheme);
   }, [resolvedTheme]);
   const styleHeight = autoHeight ? autoPx : typeof height === "number" ? height : height;
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       ref: wrapperRef,
       className: cn("aui-monaco overflow-hidden", classNames.monaco?.root, className),
       style: { height: styleHeight },
-      children: /* @__PURE__ */ jsx46("div", { ref: containerRef, className: cn("h-full w-full overflow-hidden", classNames.monaco?.editor) })
+      children: /* @__PURE__ */ jsx48("div", { ref: containerRef, className: cn("h-full w-full overflow-hidden", classNames.monaco?.editor) })
     }
   );
 }
 
 // src/atoms/SandboxArtifactDownload.tsx
 import { useMemo as useMemo5 } from "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 var PREFIX = "sandbox_artifacts";
 var PAIR_RE = /\[([^\]]*)\]\(([^)]*)\)/g;
 function parseSandboxArtifacts(raw) {
@@ -3785,7 +3850,7 @@ function SandboxArtifactDownload({
   const ChatFileDownload2 = useSlot("ChatFileDownload");
   const artifacts = useMemo5(() => parseSandboxArtifacts(code), [code]);
   if (artifacts.length === 0) return null;
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     ChatFileDownload2,
     {
       files: artifacts,
@@ -3797,10 +3862,10 @@ function SandboxArtifactDownload({
 }
 
 // src/atoms/SandboxToolCallCard.tsx
-import { Fragment as Fragment9, jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
 function JsonPane({ value, className }) {
   const MonacoEditorCore2 = useSlot("MonacoEditorCore");
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     MonacoEditorCore2,
     {
       language: "json",
@@ -3831,22 +3896,22 @@ function SandboxBody({
   onViewModeChange,
   dataTestPrefix
 }) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className: "rounded-lg border border-border bg-primary-bg",
       "data-testid": dataTestPrefix ? `${dataTestPrefix}-sandbox` : void 0,
       children: [
-        /* @__PURE__ */ jsx48("div", { className: "rounded-t-md border-b border-primary-button-bg/30 bg-primary-button-bg/10", children: /* @__PURE__ */ jsxs30("div", { className: "flex w-full min-w-0 items-center gap-2 px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx48("p", { className: "min-w-0 font-sans text-xs font-medium text-primary-button-bg", children: "sandbox" }),
-          /* @__PURE__ */ jsxs30(
+        /* @__PURE__ */ jsx50("div", { className: "rounded-t-md border-b border-primary-button-bg/30 bg-primary-button-bg/10", children: /* @__PURE__ */ jsxs32("div", { className: "flex w-full min-w-0 items-center gap-2 px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx50("p", { className: "min-w-0 font-sans text-xs font-medium text-primary-button-bg", children: "sandbox" }),
+          /* @__PURE__ */ jsxs32(
             "div",
             {
               className: "ml-auto flex shrink-0 items-center gap-1.5",
               onClick: (e) => e.stopPropagation(),
               onKeyDown: (e) => e.stopPropagation(),
               children: [
-                exitCode != null && /* @__PURE__ */ jsxs30(
+                exitCode != null && /* @__PURE__ */ jsxs32(
                   "span",
                   {
                     className: cn(
@@ -3855,20 +3920,20 @@ function SandboxBody({
                     ),
                     "data-testid": dataTestPrefix ? `${dataTestPrefix}-exit-code` : void 0,
                     children: [
-                      /* @__PURE__ */ jsx48(Icon, { name: exitCode === 0 ? "circle-check" : "circle-xmark", size: 12 }),
+                      /* @__PURE__ */ jsx50(Icon, { name: exitCode === 0 ? "circle-check" : "circle-xmark", size: 12 }),
                       "exit: ",
                       exitCode
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs30(
+                /* @__PURE__ */ jsxs32(
                   "div",
                   {
                     className: "inline-flex h-6 items-center rounded-md border border-border bg-primary-bg p-0.5",
                     role: "group",
                     "aria-label": "Sandbox view",
                     children: [
-                      /* @__PURE__ */ jsx48(
+                      /* @__PURE__ */ jsx50(
                         "button",
                         {
                           type: "button",
@@ -3880,10 +3945,10 @@ function SandboxBody({
                             "inline-flex size-5 cursor-pointer items-center justify-center rounded-sm text-text-secondary transition-colors",
                             viewMode === "terminal" && "bg-dropdown-selected-item-bg text-dropdown-selected-item-text shadow-sm"
                           ),
-                          children: /* @__PURE__ */ jsx48(Icon, { name: "terminal", size: 12 })
+                          children: /* @__PURE__ */ jsx50(Icon, { name: "terminal", size: 12 })
                         }
                       ),
-                      /* @__PURE__ */ jsx48(
+                      /* @__PURE__ */ jsx50(
                         "button",
                         {
                           type: "button",
@@ -3895,7 +3960,7 @@ function SandboxBody({
                             "inline-flex size-5 cursor-pointer items-center justify-center rounded-sm text-text-secondary transition-colors",
                             viewMode === "code" && "bg-dropdown-selected-item-bg text-dropdown-selected-item-text shadow-sm"
                           ),
-                          children: /* @__PURE__ */ jsx48(Icon, { name: "code", size: 12 })
+                          children: /* @__PURE__ */ jsx50(Icon, { name: "code", size: 12 })
                         }
                       )
                     ]
@@ -3905,35 +3970,35 @@ function SandboxBody({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx48("div", { className: "rounded-b-lg border border-t-0 border-border p-3", children: hasContent && /* @__PURE__ */ jsx48("div", { className: "max-h-80 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-xs text-text-primary", children: viewMode === "code" ? /* @__PURE__ */ jsxs30(Fragment9, { children: [
-          argsJson && /* @__PURE__ */ jsxs30("div", { className: "my-1 border-l-4 border-primary-button-bg px-3", children: [
-            /* @__PURE__ */ jsx48("div", { className: "mb-1 font-sans text-xs font-medium leading-4", children: "Arguments" }),
-            /* @__PURE__ */ jsx48(JsonPane, { value: argsJson, className: "pl-2" })
+        /* @__PURE__ */ jsx50("div", { className: "rounded-b-lg border border-t-0 border-border p-3", children: hasContent && /* @__PURE__ */ jsx50("div", { className: "max-h-80 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-xs text-text-primary", children: viewMode === "code" ? /* @__PURE__ */ jsxs32(Fragment9, { children: [
+          argsJson && /* @__PURE__ */ jsxs32("div", { className: "my-1 border-l-4 border-primary-button-bg px-3", children: [
+            /* @__PURE__ */ jsx50("div", { className: "mb-1 font-sans text-xs font-medium leading-4", children: "Arguments" }),
+            /* @__PURE__ */ jsx50(JsonPane, { value: argsJson, className: "pl-2" })
           ] }),
-          resultJson && /* @__PURE__ */ jsxs30("div", { className: "my-1 border-l-4 border-primary-button-bg/60 px-3", children: [
-            /* @__PURE__ */ jsx48("div", { className: "mb-1 mt-2 font-sans text-xs font-medium leading-4", children: "Result" }),
-            /* @__PURE__ */ jsx48(JsonPane, { value: resultJson, className: "pl-2" })
+          resultJson && /* @__PURE__ */ jsxs32("div", { className: "my-1 border-l-4 border-primary-button-bg/60 px-3", children: [
+            /* @__PURE__ */ jsx50("div", { className: "mb-1 mt-2 font-sans text-xs font-medium leading-4", children: "Result" }),
+            /* @__PURE__ */ jsx50(JsonPane, { value: resultJson, className: "pl-2" })
           ] })
-        ] }) : /* @__PURE__ */ jsxs30(Fragment9, { children: [
-          command && /* @__PURE__ */ jsxs30("div", { className: "my-1 break-all border-l-4 border-primary-button-bg px-3", children: [
-            /* @__PURE__ */ jsx48("div", { className: "mb-1 text-[12px] font-medium leading-4 text-text-secondary", children: "COMMAND" }),
-            /* @__PURE__ */ jsxs30("div", { children: [
-              /* @__PURE__ */ jsx48("span", { className: "text-primary-button-bg", children: "$" }),
+        ] }) : /* @__PURE__ */ jsxs32(Fragment9, { children: [
+          command && /* @__PURE__ */ jsxs32("div", { className: "my-1 break-all border-l-4 border-primary-button-bg px-3", children: [
+            /* @__PURE__ */ jsx50("div", { className: "mb-1 text-[12px] font-medium leading-4 text-text-secondary", children: "COMMAND" }),
+            /* @__PURE__ */ jsxs32("div", { children: [
+              /* @__PURE__ */ jsx50("span", { className: "text-primary-button-bg", children: "$" }),
               " ",
               command
             ] })
           ] }),
-          resultText ? /* @__PURE__ */ jsxs30(Fragment9, { children: [
-            /* @__PURE__ */ jsx48("div", { className: "mx-3 my-1 border-t border-border" }),
-            /* @__PURE__ */ jsxs30("div", { className: "my-1 break-all border-l-4 border-primary-button-bg/60 px-3", children: [
-              /* @__PURE__ */ jsx48("div", { className: "mb-1 text-[12px] font-medium leading-4 text-text-secondary", children: "OUTPUT" }),
-              /* @__PURE__ */ jsx48("div", { children: resultText })
+          resultText ? /* @__PURE__ */ jsxs32(Fragment9, { children: [
+            /* @__PURE__ */ jsx50("div", { className: "mx-3 my-1 border-t border-border" }),
+            /* @__PURE__ */ jsxs32("div", { className: "my-1 break-all border-l-4 border-primary-button-bg/60 px-3", children: [
+              /* @__PURE__ */ jsx50("div", { className: "mb-1 text-[12px] font-medium leading-4 text-text-secondary", children: "OUTPUT" }),
+              /* @__PURE__ */ jsx50("div", { children: resultText })
             ] })
-          ] }) : resultJson && /* @__PURE__ */ jsxs30(Fragment9, { children: [
-            /* @__PURE__ */ jsx48("div", { className: "mx-3 my-1 border-t border-border" }),
-            /* @__PURE__ */ jsxs30("div", { className: "my-1 border-l-4 border-primary-button-bg/60 px-3", children: [
-              /* @__PURE__ */ jsx48("div", { className: "mb-1 text-[12px] font-medium leading-4 text-text-secondary", children: "OUTPUT" }),
-              /* @__PURE__ */ jsx48(JsonPane, { value: resultJson, className: "pl-2" })
+          ] }) : resultJson && /* @__PURE__ */ jsxs32(Fragment9, { children: [
+            /* @__PURE__ */ jsx50("div", { className: "mx-3 my-1 border-t border-border" }),
+            /* @__PURE__ */ jsxs32("div", { className: "my-1 border-l-4 border-primary-button-bg/60 px-3", children: [
+              /* @__PURE__ */ jsx50("div", { className: "mb-1 text-[12px] font-medium leading-4 text-text-secondary", children: "OUTPUT" }),
+              /* @__PURE__ */ jsx50(JsonPane, { value: resultJson, className: "pl-2" })
             ] })
           ] })
         ] }) }) })
@@ -3961,7 +4026,7 @@ function SandboxToolCallCard({
 }) {
   const ToolCallCard2 = useSlot("ToolCallCard");
   const awaiting = status === "running";
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     ToolCallCard2,
     {
       toolName: intent || name,
@@ -3975,7 +4040,7 @@ function SandboxToolCallCard({
       status: awaiting ? void 0 : status,
       exitCode,
       dataTestPrefix,
-      requestSlot: /* @__PURE__ */ jsx48(
+      requestSlot: /* @__PURE__ */ jsx50(
         SandboxBody,
         {
           command,
@@ -4001,7 +4066,7 @@ import {
   useTrueFoundryFlushAgentSpec
 } from "@truefoundry/assistant-ui-runtime";
 import { useEffect as useEffect13, useId as useId6, useMemo as useMemo6, useRef as useRef11, useState as useState19 } from "react";
-import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx51, jsxs as jsxs33 } from "react/jsx-runtime";
 function editableMountsFromSpec(value) {
   if (!Array.isArray(value)) return [];
   const mounts = [];
@@ -4020,10 +4085,10 @@ function ConfigSection({
   disabled,
   children
 }) {
-  return /* @__PURE__ */ jsxs31("div", { className: "mb-3", children: [
-    /* @__PURE__ */ jsxs31("div", { className: "mb-1.5 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx49("span", { className: "text-text-secondary text-xs font-semibold tracking-wide uppercase", children: label }),
-      /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs33("div", { className: "mb-3", children: [
+    /* @__PURE__ */ jsxs33("div", { className: "mb-1.5 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx51("span", { className: "text-text-secondary text-xs font-semibold tracking-wide uppercase", children: label }),
+      /* @__PURE__ */ jsx51(
         "button",
         {
           type: "button",
@@ -4031,7 +4096,7 @@ function ConfigSection({
           disabled,
           className: auiButtonClass({ variant: "ghost", size: "icon", className: "size-7" }),
           onClick: onEdit,
-          children: /* @__PURE__ */ jsx49(Icon, { name: "pencil", className: "size-3.5" })
+          children: /* @__PURE__ */ jsx51(Icon, { name: "pencil", className: "size-3.5" })
         }
       )
     ] }),
@@ -4046,15 +4111,15 @@ var PRELOAD_TOOLS_COPY = {
 function PreloadToggle({ on, disabled, onToggle }) {
   const label = `${PRELOAD_TOOLS_COPY.header} \xB7 ${on ? "ON" : "OFF"}`;
   const body = on ? PRELOAD_TOOLS_COPY.on : PRELOAD_TOOLS_COPY.off;
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     Tooltip,
     {
       className: "max-w-[17rem] whitespace-normal",
-      content: /* @__PURE__ */ jsxs31("div", { className: "text-left", children: [
-        /* @__PURE__ */ jsx49("p", { className: "mb-1 text-[11px] font-semibold tracking-wide uppercase", children: label }),
-        /* @__PURE__ */ jsx49("p", { className: "text-xs leading-snug", children: body })
+      content: /* @__PURE__ */ jsxs33("div", { className: "text-left", children: [
+        /* @__PURE__ */ jsx51("p", { className: "mb-1 text-[11px] font-semibold tracking-wide uppercase", children: label }),
+        /* @__PURE__ */ jsx51("p", { className: "text-xs leading-snug", children: body })
       ] }),
-      children: /* @__PURE__ */ jsx49(
+      children: /* @__PURE__ */ jsx51(
         "button",
         {
           type: "button",
@@ -4069,7 +4134,7 @@ function PreloadToggle({ on, disabled, onToggle }) {
             "disabled:cursor-not-allowed disabled:opacity-50 disabled:active:scale-100",
             on ? "border-primary-button-bg/40 bg-primary-button-bg/10 text-primary-button-bg hover:border-primary-button-bg/70 hover:bg-primary-button-bg/20" : "border-border text-text-secondary hover:border-text-secondary/50 hover:bg-text-secondary/10 hover:text-text-primary"
           ),
-          children: /* @__PURE__ */ jsx49(Icon, { name: "book-open", className: "size-3.5" })
+          children: /* @__PURE__ */ jsx51(Icon, { name: "book-open", className: "size-3.5" })
         }
       )
     }
@@ -4082,11 +4147,11 @@ function MountChips({
   onTogglePreload
 }) {
   if (mounts.length === 0) {
-    return /* @__PURE__ */ jsx49("p", { className: "text-text-secondary text-xs", children: emptyLabel });
+    return /* @__PURE__ */ jsx51("p", { className: "text-text-secondary text-xs", children: emptyLabel });
   }
-  return /* @__PURE__ */ jsx49("div", { className: "flex flex-wrap gap-2", children: mounts.map((mount) => {
+  return /* @__PURE__ */ jsx51("div", { className: "flex flex-wrap gap-2", children: mounts.map((mount) => {
     const on = Boolean(mount.value.preload);
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs33(
       "span",
       {
         className: cn(
@@ -4094,8 +4159,8 @@ function MountChips({
           onTogglePreload ? "pl-1.5" : "pl-2.5"
         ),
         children: [
-          onTogglePreload ? /* @__PURE__ */ jsx49(PreloadToggle, { on, disabled, onToggle: () => onTogglePreload(mount.id) }) : null,
-          /* @__PURE__ */ jsx49("span", { className: "text-text-primary text-sm", children: mount.name })
+          onTogglePreload ? /* @__PURE__ */ jsx51(PreloadToggle, { on, disabled, onToggle: () => onTogglePreload(mount.id) }) : null,
+          /* @__PURE__ */ jsx51("span", { className: "text-text-primary text-sm", children: mount.name })
         ]
       },
       mount.id
@@ -4103,7 +4168,7 @@ function MountChips({
   }) });
 }
 function SaveAgentButton({ disabled = false, className, children = "Save Agent" }) {
-  return /* @__PURE__ */ jsx49(DraftCatalogProvider, { children: /* @__PURE__ */ jsx49(SaveAgentButtonContent, { disabled, className, children }) });
+  return /* @__PURE__ */ jsx51(DraftCatalogProvider, { children: /* @__PURE__ */ jsx51(SaveAgentButtonContent, { disabled, className, children }) });
 }
 function SaveAgentButtonContent({
   disabled,
@@ -4217,8 +4282,8 @@ function SaveAgentButtonContent({
   const isUpdateMode = shell?.mode.status === "active" && shell.mode.isMutable && (shell.mode.agentName !== void 0 || shell.mode.agentId !== void 0);
   const triggerLabel = isUpdateMode && children === "Save Agent" ? "Update Agent" : children;
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs31(Fragment10, { children: [
-    /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs33(Fragment10, { children: [
+    /* @__PURE__ */ jsxs33(
       "button",
       {
         type: "button",
@@ -4226,12 +4291,12 @@ function SaveAgentButtonContent({
         className: auiButtonClass({ variant: "outline", size: "sm", className }),
         onClick: () => void show(),
         children: [
-          /* @__PURE__ */ jsx49(Icon, { name: "save", className: "size-3.5" }),
+          /* @__PURE__ */ jsx51(Icon, { name: "save", className: "size-3.5" }),
           triggerLabel
         ]
       }
     ),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx51(
       CenteredModal,
       {
         open,
@@ -4239,11 +4304,11 @@ function SaveAgentButtonContent({
         title: intent === "create" ? "Save agent" : "Update agent",
         className: "md:h-auto md:max-h-[85dvh] md:max-w-2xl",
         "aria-label": intent === "create" ? "Save agent" : "Update agent",
-        children: draftSpec ? /* @__PURE__ */ jsxs31("div", { className: "flex min-h-0 w-full flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxs31("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-3", children: [
-            /* @__PURE__ */ jsxs31("label", { className: "mb-3 block", children: [
-              /* @__PURE__ */ jsx49("span", { className: "mb-1.5 block text-sm font-medium", children: "Agent name" }),
-              /* @__PURE__ */ jsx49(
+        children: draftSpec ? /* @__PURE__ */ jsxs33("div", { className: "flex min-h-0 w-full flex-1 flex-col", children: [
+          /* @__PURE__ */ jsxs33("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-3", children: [
+            /* @__PURE__ */ jsxs33("label", { className: "mb-3 block", children: [
+              /* @__PURE__ */ jsx51("span", { className: "mb-1.5 block text-sm font-medium", children: "Agent name" }),
+              /* @__PURE__ */ jsx51(
                 "input",
                 {
                   value: name,
@@ -4254,9 +4319,9 @@ function SaveAgentButtonContent({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs31("label", { className: "mb-3 block", children: [
-              /* @__PURE__ */ jsx49("span", { className: "mb-1.5 block text-sm font-medium", children: "Instructions" }),
-              /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsxs33("label", { className: "mb-3 block", children: [
+              /* @__PURE__ */ jsx51("span", { className: "mb-1.5 block text-sm font-medium", children: "Instructions" }),
+              /* @__PURE__ */ jsx51(
                 "textarea",
                 {
                   value: draftSpec.instructions ?? "",
@@ -4268,8 +4333,8 @@ function SaveAgentButtonContent({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx49(ConfigSection, { label: "Model", onEdit: () => setEditor("model"), disabled: saving, children: draftSpec.model.name ? /* @__PURE__ */ jsxs31("span", { className: "border-border inline-flex items-center gap-2 rounded-lg border py-1 pr-2.5 pl-2", children: [
-              /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx51(ConfigSection, { label: "Model", onEdit: () => setEditor("model"), disabled: saving, children: draftSpec.model.name ? /* @__PURE__ */ jsxs33("span", { className: "border-border inline-flex items-center gap-2 rounded-lg border py-1 pr-2.5 pl-2", children: [
+              /* @__PURE__ */ jsx51(
                 ProviderMark,
                 {
                   logo: modelEntry?.provider.logo,
@@ -4277,9 +4342,9 @@ function SaveAgentButtonContent({
                   className: "size-5 text-[10px]"
                 }
               ),
-              /* @__PURE__ */ jsx49("span", { className: "text-text-primary text-sm", children: displayModelLabel2(draftSpec.model.name) })
-            ] }) : /* @__PURE__ */ jsx49("p", { className: "text-text-secondary text-xs", children: "No model selected." }) }),
-            /* @__PURE__ */ jsx49(ConfigSection, { label: "Connectors", onEdit: () => setEditor("mcp"), disabled: saving, children: /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx51("span", { className: "text-text-primary text-sm", children: displayModelLabel2(draftSpec.model.name) })
+            ] }) : /* @__PURE__ */ jsx51("p", { className: "text-text-secondary text-xs", children: "No model selected." }) }),
+            /* @__PURE__ */ jsx51(ConfigSection, { label: "Connectors", onEdit: () => setEditor("mcp"), disabled: saving, children: /* @__PURE__ */ jsx51(
               MountChips,
               {
                 mounts: mcpMounts,
@@ -4288,10 +4353,10 @@ function SaveAgentButtonContent({
                 onTogglePreload: toggleMcpPreload
               }
             ) }),
-            /* @__PURE__ */ jsx49(ConfigSection, { label: "Skills", onEdit: () => setEditor("skills"), disabled: saving, children: /* @__PURE__ */ jsx49(MountChips, { mounts: skillMounts, disabled: saving, emptyLabel: "No skills added." }) }),
-            /* @__PURE__ */ jsxs31("div", { children: [
-              /* @__PURE__ */ jsx49("p", { className: "text-text-secondary mb-1.5 text-xs font-semibold tracking-wide uppercase", children: "Capabilities" }),
-              /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx51(ConfigSection, { label: "Skills", onEdit: () => setEditor("skills"), disabled: saving, children: /* @__PURE__ */ jsx51(MountChips, { mounts: skillMounts, disabled: saving, emptyLabel: "No skills added." }) }),
+            /* @__PURE__ */ jsxs33("div", { children: [
+              /* @__PURE__ */ jsx51("p", { className: "text-text-secondary mb-1.5 text-xs font-semibold tracking-wide uppercase", children: "Capabilities" }),
+              /* @__PURE__ */ jsx51(
                 DraftCapabilitiesPanel,
                 {
                   layout: "cards",
@@ -4304,7 +4369,7 @@ function SaveAgentButtonContent({
                 }
               )
             ] }),
-            error ? /* @__PURE__ */ jsx49(
+            error ? /* @__PURE__ */ jsx51(
               "p",
               {
                 ref: errorRef,
@@ -4314,8 +4379,8 @@ function SaveAgentButtonContent({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsxs31("div", { className: "bg-card-bg sticky bottom-0 z-10 flex shrink-0 justify-end gap-2 border-t border-border px-5 py-4", children: [
-            /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsxs33("div", { className: "bg-card-bg sticky bottom-0 z-10 flex shrink-0 justify-end gap-2 border-t border-border px-5 py-4", children: [
+            /* @__PURE__ */ jsx51(
               "button",
               {
                 type: "button",
@@ -4325,7 +4390,7 @@ function SaveAgentButtonContent({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx51(
               "button",
               {
                 type: "button",
@@ -4339,7 +4404,7 @@ function SaveAgentButtonContent({
         ] }) : null
       }
     ),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx51(
       CenteredModal,
       {
         open: editor !== null,
@@ -4354,10 +4419,10 @@ function SaveAgentButtonContent({
         className: "md:max-w-md",
         contentSized: true,
         "aria-label": editor === "model" ? "Edit model" : editor === "mcp" ? "Edit Connectors" : "Edit skills",
-        children: draftSpec && editor ? /* @__PURE__ */ jsxs31("div", { className: "flex h-[min(28rem,calc(100dvh-10rem))] w-[min(28rem,calc(100vw-2rem))] flex-col", children: [
-          editor === "model" ? /* @__PURE__ */ jsxs31(Fragment10, { children: [
-            catalog.error ? /* @__PURE__ */ jsx49("p", { role: "alert", className: "text-failure-bg px-3 pt-3 text-sm", children: catalog.error }) : null,
-            /* @__PURE__ */ jsx49(
+        children: draftSpec && editor ? /* @__PURE__ */ jsxs33("div", { className: "flex h-[min(28rem,calc(100dvh-10rem))] w-[min(28rem,calc(100vw-2rem))] flex-col", children: [
+          editor === "model" ? /* @__PURE__ */ jsxs33(Fragment10, { children: [
+            catalog.error ? /* @__PURE__ */ jsx51("p", { role: "alert", className: "text-failure-bg px-3 pt-3 text-sm", children: catalog.error }) : null,
+            /* @__PURE__ */ jsx51(
               DraftModelCatalogPanel,
               {
                 models: catalog.models,
@@ -4379,17 +4444,17 @@ function SaveAgentButtonContent({
                 }
               }
             )
-          ] }) : /* @__PURE__ */ jsxs31(Fragment10, { children: [
-            catalog.error ? /* @__PURE__ */ jsx49("p", { role: "alert", className: "text-failure-bg px-3 pt-3 text-sm", children: catalog.error }) : null,
-            /* @__PURE__ */ jsx49("div", { className: "border-b border-border p-3", children: /* @__PURE__ */ jsxs31("label", { className: "relative block", children: [
-              /* @__PURE__ */ jsx49(
+          ] }) : /* @__PURE__ */ jsxs33(Fragment10, { children: [
+            catalog.error ? /* @__PURE__ */ jsx51("p", { role: "alert", className: "text-failure-bg px-3 pt-3 text-sm", children: catalog.error }) : null,
+            /* @__PURE__ */ jsx51("div", { className: "border-b border-border p-3", children: /* @__PURE__ */ jsxs33("label", { className: "relative block", children: [
+              /* @__PURE__ */ jsx51(
                 Icon,
                 {
                   name: "search",
                   className: "text-text-secondary pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2"
                 }
               ),
-              /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx51(
                 "input",
                 {
                   value: search,
@@ -4400,17 +4465,17 @@ function SaveAgentButtonContent({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ jsx49("div", { className: "min-h-0 flex-1 overflow-y-auto p-2", children: editor === "mcp" ? filteredConnectors.map((connector) => {
+            /* @__PURE__ */ jsx51("div", { className: "min-h-0 flex-1 overflow-y-auto p-2", children: editor === "mcp" ? filteredConnectors.map((connector) => {
               const checked = mcpMounts.some((item) => item.id === connector.id);
               const needsConnect = isUnauthenticatedDcrConnector(connector);
-              return /* @__PURE__ */ jsx49(
+              return /* @__PURE__ */ jsx51(
                 CatalogRow,
                 {
                   title: connector.name,
                   description: connector.description,
                   checked,
                   disabled: !connector.authenticated && !checked,
-                  action: needsConnect ? /* @__PURE__ */ jsx49(ConnectorConnectButton, { connector, onConnected: catalog.refreshConnectors }) : void 0,
+                  action: needsConnect ? /* @__PURE__ */ jsx51(ConnectorConnectButton, { connector, onConnected: catalog.refreshConnectors }) : void 0,
                   onToggle: () => {
                     if (!connector.authenticated && !checked) return;
                     const next = checked ? mcpMounts.filter((item) => item.id !== connector.id) : [
@@ -4432,7 +4497,7 @@ function SaveAgentButtonContent({
             }) : filteredSkills.map((skill) => {
               const checked = skillMounts.some((item) => item.id === skill.id);
               const disabledSkill = serverCapabilities?.skill.enabled !== true;
-              return /* @__PURE__ */ jsx49(
+              return /* @__PURE__ */ jsx51(
                 CatalogRow,
                 {
                   title: skill.name,
@@ -4459,7 +4524,7 @@ function SaveAgentButtonContent({
               );
             }) })
           ] }),
-          /* @__PURE__ */ jsx49("div", { className: "bg-card-bg sticky bottom-0 z-10 flex shrink-0 justify-end border-t border-border px-5 py-4", children: /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx51("div", { className: "bg-card-bg sticky bottom-0 z-10 flex shrink-0 justify-end border-t border-border px-5 py-4", children: /* @__PURE__ */ jsx51(
             "button",
             {
               type: "button",
@@ -4480,11 +4545,11 @@ function SaveAgentButtonContent({
 
 // src/atoms/ScrollToBottomButton.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var ScrollToBottomButton = forwardRef2(
   ({ className, disabled, ...rest }, ref) => {
     if (disabled) return null;
-    return /* @__PURE__ */ jsx50("span", { ref, className: cn("absolute -top-14 z-10 inline-flex self-center"), children: /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx52("span", { ref, className: cn("absolute -top-14 z-10 inline-flex self-center"), children: /* @__PURE__ */ jsx52(
       "button",
       {
         type: "button",
@@ -4500,7 +4565,7 @@ var ScrollToBottomButton = forwardRef2(
           )
         }),
         ...rest,
-        children: /* @__PURE__ */ jsx50(Icon, { name: "arrow-down" })
+        children: /* @__PURE__ */ jsx52(Icon, { name: "arrow-down" })
       }
     ) });
   }
@@ -4508,19 +4573,19 @@ var ScrollToBottomButton = forwardRef2(
 ScrollToBottomButton.displayName = "ScrollToBottomButton";
 
 // src/atoms/SelectAgentEmptyState.tsx
-import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
 function SelectAgentEmptyState() {
   const shell = useOptionalShellMode();
   const AgentsLibraryButton2 = useSlot("AgentsLibraryButton");
   if (shell?.mode.status !== "idle") return null;
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       className: "flex h-full min-h-0 w-full flex-col items-center justify-center gap-4 px-6",
       "data-slot": "aui_select-agent-empty",
       children: [
-        /* @__PURE__ */ jsx51("p", { className: "text-text-secondary max-w-sm text-center text-sm", children: "Select an agent to start chatting" }),
-        /* @__PURE__ */ jsx51(AgentsLibraryButton2, { className: "w-56 max-w-full" })
+        /* @__PURE__ */ jsx53("p", { className: "text-text-secondary max-w-sm text-center text-sm", children: "Select an agent to start chatting" }),
+        /* @__PURE__ */ jsx53(AgentsLibraryButton2, { className: "w-56 max-w-full" })
       ]
     }
   );
@@ -4532,9 +4597,9 @@ function ShellActionsActionSlot() {
 }
 
 // src/atoms/Skeletons.tsx
-import { jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs35 } from "react/jsx-runtime";
 function MessageListSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       role: "status",
@@ -4542,11 +4607,11 @@ function MessageListSkeleton({ className }) {
       "data-slot": "aui_thread-history-skeleton",
       className: cn("mb-14 flex flex-col gap-y-6", className),
       children: [
-        /* @__PURE__ */ jsx52("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx52(Skeleton, { className: "h-10 w-[min(85%,20rem)] rounded-xl" }) }),
-        /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-2 px-2", children: [
-          /* @__PURE__ */ jsx52(Skeleton, { className: "h-4 w-full max-w-md" }),
-          /* @__PURE__ */ jsx52(Skeleton, { className: "h-4 w-full max-w-sm" }),
-          /* @__PURE__ */ jsx52(Skeleton, { className: "h-4 w-2/3 max-w-xs" })
+        /* @__PURE__ */ jsx54("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx54(Skeleton, { className: "h-10 w-[min(85%,20rem)] rounded-xl" }) }),
+        /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2 px-2", children: [
+          /* @__PURE__ */ jsx54(Skeleton, { className: "h-4 w-full max-w-md" }),
+          /* @__PURE__ */ jsx54(Skeleton, { className: "h-4 w-full max-w-sm" }),
+          /* @__PURE__ */ jsx54(Skeleton, { className: "h-4 w-2/3 max-w-xs" })
         ] })
       ]
     }
@@ -4554,7 +4619,7 @@ function MessageListSkeleton({ className }) {
 }
 
 // src/atoms/SubAgentCard.tsx
-import { jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs36 } from "react/jsx-runtime";
 function SubAgentCard({
   agentName,
   instruction,
@@ -4570,13 +4635,13 @@ function SubAgentCard({
 }) {
   const Markdown2 = useSlot("Markdown");
   const agentStatus = status === "running" ? "running" : status === "success" ? "success" : "error";
-  const instructionContent = instruction.trim().length > 0 ? renderInstruction ? renderInstruction(instruction) : /* @__PURE__ */ jsx53(Markdown2, { content: instruction, className: "flex flex-col font-sans text-sm text-text-secondary" }) : null;
-  return /* @__PURE__ */ jsx53(
+  const instructionContent = instruction.trim().length > 0 ? renderInstruction ? renderInstruction(instruction) : /* @__PURE__ */ jsx55(Markdown2, { content: instruction, className: "flex flex-col font-sans text-sm text-text-secondary" }) : null;
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       className: cn("aui-sub-agent-card min-w-0", className),
       "data-testid": dataTestPrefix ? `${dataTestPrefix}-sub-agent-card` : void 0,
-      children: /* @__PURE__ */ jsxs34(
+      children: /* @__PURE__ */ jsxs36(
         AgentStepRow,
         {
           icon: "agent-2",
@@ -4589,9 +4654,9 @@ function SubAgentCard({
           statusText: durationText,
           dataTestPrefix,
           children: [
-            instructionContent != null && /* @__PURE__ */ jsxs34("div", { className: "mb-3 flex flex-col gap-2 rounded-md border border-border p-2", children: [
-              /* @__PURE__ */ jsx53("h4", { className: "text-sm font-semibold text-text-primary", children: "Instructions" }),
-              /* @__PURE__ */ jsx53(
+            instructionContent != null && /* @__PURE__ */ jsxs36("div", { className: "mb-3 flex flex-col gap-2 rounded-md border border-border p-2", children: [
+              /* @__PURE__ */ jsx55("h4", { className: "text-sm font-semibold text-text-primary", children: "Instructions" }),
+              /* @__PURE__ */ jsx55(
                 "div",
                 {
                   className: "text-sm text-text-secondary",
@@ -4600,7 +4665,7 @@ function SubAgentCard({
                 }
               )
             ] }),
-            children != null && /* @__PURE__ */ jsx53(
+            children != null && /* @__PURE__ */ jsx55(
               "div",
               {
                 className: "flex min-w-0 flex-col gap-3",
@@ -5621,7 +5686,7 @@ var one_light_default = {
 };
 
 // src/atoms/SyntaxHighlighter.tsx
-import { jsx as jsx54, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
 function applyLineNumberClassName(children, className) {
   if (!className) return children;
   return Children.map(children, (child) => {
@@ -5641,7 +5706,7 @@ function SyntaxHighlighterImpl({ code, language, darkTheme, className, showLineN
       setTimeout(() => setCopied(false), 2e3);
     });
   }, [code]);
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       className: cn(
@@ -5650,7 +5715,7 @@ function SyntaxHighlighterImpl({ code, language, darkTheme, className, showLineN
         className
       ),
       children: [
-        /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx56(
           "button",
           {
             type: "button",
@@ -5661,10 +5726,10 @@ function SyntaxHighlighterImpl({ code, language, darkTheme, className, showLineN
               "absolute top-2 right-2 z-10 flex cursor-pointer items-center justify-center rounded p-1.5 text-xs transition-colors",
               "bg-primary-bg/80 text-text-secondary hover:bg-ghost-button-hover hover:text-text-primary"
             ),
-            children: /* @__PURE__ */ jsx54(Icon, { name: copied ? "check" : "copy", size: "0.875em" })
+            children: /* @__PURE__ */ jsx56(Icon, { name: copied ? "check" : "copy", size: "0.875em" })
           }
         ),
-        /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx56(
           PrismHighlighter,
           {
             language,
@@ -5672,7 +5737,7 @@ function SyntaxHighlighterImpl({ code, language, darkTheme, className, showLineN
             customStyle: { margin: 0, maxWidth: "100%", whiteSpace: "pre-wrap", wordBreak: "break-word" },
             wrapLongLines: true,
             showLineNumbers,
-            PreTag: ({ children, className: preClass, ...rest }) => /* @__PURE__ */ jsx54(
+            PreTag: ({ children, className: preClass, ...rest }) => /* @__PURE__ */ jsx56(
               "pre",
               {
                 ...rest,
@@ -5684,7 +5749,7 @@ function SyntaxHighlighterImpl({ code, language, darkTheme, className, showLineN
                 children
               }
             ),
-            CodeTag: ({ children, className: codeClass, ...rest }) => /* @__PURE__ */ jsx54(
+            CodeTag: ({ children, className: codeClass, ...rest }) => /* @__PURE__ */ jsx56(
               "code",
               {
                 ...rest,
@@ -5702,9 +5767,9 @@ function SyntaxHighlighterImpl({ code, language, darkTheme, className, showLineN
 var SyntaxHighlighter = memo(SyntaxHighlighterImpl);
 
 // src/atoms/ThreadListMisc.tsx
-import { Fragment as Fragment11, jsx as jsx55, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
 function ThreadListNewButton({ className, children, style, ...rest }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     "button",
     {
       type: "button",
@@ -5718,18 +5783,18 @@ function ThreadListNewButton({ className, children, style, ...rest }) {
         )
       }),
       ...rest,
-      children: children ?? /* @__PURE__ */ jsxs36(Fragment11, { children: [
-        /* @__PURE__ */ jsx55(Icon, { name: "square-pen" }),
+      children: children ?? /* @__PURE__ */ jsxs38(Fragment11, { children: [
+        /* @__PURE__ */ jsx57(Icon, { name: "square-pen" }),
         "New Chat"
       ] })
     }
   );
 }
 function ThreadListRowSkeleton({ count = 5, className }) {
-  return /* @__PURE__ */ jsx55("div", { className: cn("flex flex-col gap-1", className), role: "status", "aria-label": "Loading threads", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx55("div", { className: "flex h-8 items-center px-2.5", children: /* @__PURE__ */ jsx55(Skeleton, { className: "h-3.5 w-full" }) }, i)) });
+  return /* @__PURE__ */ jsx57("div", { className: cn("flex flex-col gap-1", className), role: "status", "aria-label": "Loading threads", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx57("div", { className: "flex h-8 items-center px-2.5", children: /* @__PURE__ */ jsx57(Skeleton, { className: "h-3.5 w-full" }) }, i)) });
 }
 function ThreadListEmptyState({ message = "No threads yet", className }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       className: cn("text-text-secondary flex flex-1 items-center justify-center px-4 text-center text-sm", className),
@@ -5738,9 +5803,9 @@ function ThreadListEmptyState({ message = "No threads yet", className }) {
   );
 }
 function ThreadListShell({ header, children, className }) {
-  return /* @__PURE__ */ jsxs36("div", { className: cn("font-sans-flex flex h-full min-h-0 flex-1 flex-col overflow-hidden", className), children: [
-    /* @__PURE__ */ jsx55("div", { className: "shrink-0 border-b border-border px-2 py-2", children: header }),
-    /* @__PURE__ */ jsx55("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden p-2", children })
+  return /* @__PURE__ */ jsxs38("div", { className: cn("font-sans-flex flex h-full min-h-0 flex-1 flex-col overflow-hidden", className), children: [
+    /* @__PURE__ */ jsx57("div", { className: "shrink-0 border-b border-border px-2 py-2", children: header }),
+    /* @__PURE__ */ jsx57("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden p-2", children })
   ] });
 }
 
@@ -5801,7 +5866,7 @@ function canReuseMutableShell({
 }
 
 // src/atoms/ThreadListRow.tsx
-import { jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";
 function ThreadListRow({
   title,
   active,
@@ -5813,7 +5878,7 @@ function ThreadListRow({
 }) {
   const relative = lastMessageAt != null ? formatRelativeShort(lastMessageAt) : void 0;
   const hasTrailing = relative != null || actions != null;
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs39(
     "div",
     {
       "data-slot": "aui_thread-list-item",
@@ -5824,7 +5889,7 @@ function ThreadListRow({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx58(
           "button",
           {
             type: "button",
@@ -5838,17 +5903,17 @@ function ThreadListRow({
                 active ? "text-dropdown-selected-item-text" : "text-inherit"
               )
             }),
-            children: /* @__PURE__ */ jsxs37("span", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx56("span", { className: "block truncate text-sm font-medium text-text-primary", children: title }),
-              agentName != null ? /* @__PURE__ */ jsxs37("span", { className: "mt-0.5 flex min-w-0 items-center gap-1 text-xs text-text-secondary", children: [
-                /* @__PURE__ */ jsx56(Icon, { name: "robot", className: "size-3 shrink-0" }),
-                /* @__PURE__ */ jsx56("span", { className: "truncate", children: agentName })
+            children: /* @__PURE__ */ jsxs39("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx58("span", { className: "block truncate text-sm font-medium text-text-primary", children: title }),
+              agentName != null ? /* @__PURE__ */ jsxs39("span", { className: "mt-0.5 flex min-w-0 items-center gap-1 text-xs text-text-secondary", children: [
+                /* @__PURE__ */ jsx58(Icon, { name: "robot", className: "size-3 shrink-0" }),
+                /* @__PURE__ */ jsx58("span", { className: "truncate", children: agentName })
               ] }) : null
             ] })
           }
         ),
-        hasTrailing ? /* @__PURE__ */ jsxs37("div", { className: "relative mr-1 flex size-7 shrink-0 items-center justify-center", children: [
-          relative != null ? /* @__PURE__ */ jsx56(
+        hasTrailing ? /* @__PURE__ */ jsxs39("div", { className: "relative mr-1 flex size-7 shrink-0 items-center justify-center", children: [
+          relative != null ? /* @__PURE__ */ jsx58(
             "span",
             {
               "data-slot": "aui_thread-list-item-age",
@@ -5861,7 +5926,7 @@ function ThreadListRow({
               children: relative
             }
           ) : null,
-          actions != null ? /* @__PURE__ */ jsx56(
+          actions != null ? /* @__PURE__ */ jsx58(
             "div",
             {
               "data-slot": "aui_thread-list-item-actions",
@@ -5880,13 +5945,13 @@ function ThreadListRow({
 
 // src/atoms/ThreadShell.tsx
 import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var THREAD_CSS_VARS = {
   ["--thread-max-width"]: "44rem",
   ["--composer-padding"]: "8px"
 };
 var ThreadRootShell = forwardRef3(
-  ({ className, style, ...rest }, ref) => /* @__PURE__ */ jsx57(
+  ({ className, style, ...rest }, ref) => /* @__PURE__ */ jsx59(
     "div",
     {
       ref,
@@ -5901,7 +5966,7 @@ var ThreadRootShell = forwardRef3(
 );
 ThreadRootShell.displayName = "ThreadRootShell";
 var ThreadViewportShell = forwardRef3(
-  ({ className, isEmpty, children, ...rest }, ref) => /* @__PURE__ */ jsx57(
+  ({ className, isEmpty, children, ...rest }, ref) => /* @__PURE__ */ jsx59(
     "div",
     {
       ref,
@@ -5911,7 +5976,7 @@ var ThreadViewportShell = forwardRef3(
         className
       ),
       ...rest,
-      children: /* @__PURE__ */ jsx57(
+      children: /* @__PURE__ */ jsx59(
         "div",
         {
           className: cn(
@@ -5926,7 +5991,7 @@ var ThreadViewportShell = forwardRef3(
 );
 ThreadViewportShell.displayName = "ThreadViewportShell";
 var ThreadComposerAreaShell = forwardRef3(
-  ({ className, isEmpty, ...rest }, ref) => /* @__PURE__ */ jsx57(
+  ({ className, isEmpty, ...rest }, ref) => /* @__PURE__ */ jsx59(
     "div",
     {
       ref,
@@ -5941,7 +6006,7 @@ var ThreadComposerAreaShell = forwardRef3(
   )
 );
 ThreadComposerAreaShell.displayName = "ThreadComposerAreaShell";
-var MessageGroup = forwardRef3(({ className, ...rest }, ref) => /* @__PURE__ */ jsx57(
+var MessageGroup = forwardRef3(({ className, ...rest }, ref) => /* @__PURE__ */ jsx59(
   "div",
   {
     ref,
@@ -5955,7 +6020,7 @@ MessageGroup.displayName = "MessageGroup";
 // src/atoms/Toast.tsx
 import { useCallback as useCallback7, useState as useState21 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { jsx as jsx58, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
 function Toast({ title, description, open, onOpenChange, variant = "error", className }) {
   const [copied, setCopied] = useState21(false);
   const handleCopy = useCallback7(async () => {
@@ -5969,7 +6034,7 @@ ${description}`;
     }
   }, [title, description]);
   if (!open) return null;
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       role: "alert",
@@ -5979,7 +6044,7 @@ ${description}`;
         className
       ),
       children: [
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx60(
           Icon,
           {
             name: variant === "success" ? "circle-check" : "circle-exclamation",
@@ -5987,9 +6052,9 @@ ${description}`;
             className: cn("shrink-0", variant === "success" ? "text-success-bg" : "text-failure-bg")
           }
         ),
-        /* @__PURE__ */ jsxs38("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxs38("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsxs40("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs40("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsx60(
               "div",
               {
                 className: cn(
@@ -5999,8 +6064,8 @@ ${description}`;
                 children: title
               }
             ),
-            /* @__PURE__ */ jsxs38("div", { className: "flex shrink-0 items-center gap-1", children: [
-              variant === "error" ? /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsxs40("div", { className: "flex shrink-0 items-center gap-1", children: [
+              variant === "error" ? /* @__PURE__ */ jsx60(
                 "button",
                 {
                   type: "button",
@@ -6008,10 +6073,10 @@ ${description}`;
                   title: "Copy",
                   className: auiButtonClass({ variant: "ghost", size: "icon" }),
                   onClick: handleCopy,
-                  children: /* @__PURE__ */ jsx58(Icon, { name: copied ? "check" : "clone" })
+                  children: /* @__PURE__ */ jsx60(Icon, { name: copied ? "check" : "clone" })
                 }
               ) : null,
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx60(
                 "button",
                 {
                   type: "button",
@@ -6019,12 +6084,12 @@ ${description}`;
                   title: "Close",
                   className: auiButtonClass({ variant: "ghost", size: "icon" }),
                   onClick: () => onOpenChange(false),
-                  children: /* @__PURE__ */ jsx58(Icon, { name: "xmark" })
+                  children: /* @__PURE__ */ jsx60(Icon, { name: "xmark" })
                 }
               )
             ] })
           ] }),
-          description ? /* @__PURE__ */ jsx58("div", { className: "text-text-secondary mt-1 max-h-24 overflow-y-auto text-sm leading-snug break-words whitespace-pre-wrap", children: description }) : null
+          description ? /* @__PURE__ */ jsx60("div", { className: "text-text-secondary mt-1 max-h-24 overflow-y-auto text-sm leading-snug break-words whitespace-pre-wrap", children: description }) : null
         ] })
       ]
     }
@@ -6040,7 +6105,7 @@ var openToastStack = (element) => {
   }
 };
 function ToastStack({ children, duration: _duration = Number.POSITIVE_INFINITY }) {
-  const stack = /* @__PURE__ */ jsx58(
+  const stack = /* @__PURE__ */ jsx60(
     "div",
     {
       ref: openToastStack,
@@ -6056,7 +6121,7 @@ function ToastStack({ children, duration: _duration = Number.POSITIVE_INFINITY }
 }
 
 // src/atoms/ToolApprovalBar.tsx
-import { jsx as jsx59, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
 var DEFAULT_APPROVE_OPTIONS = [{ id: "approve", label: "Approve", variant: "primary" }];
 var DEFAULT_DENY_OPTIONS = [
   { id: "deny", label: "Deny", variant: "secondary", requiresReason: true }
@@ -6089,26 +6154,26 @@ function ToolApprovalBar({
   const isDenied = status?.type === "denied";
   const interactionsLocked = disabled && !isDecided;
   const headingText = isApproved ? "Tool Approved" : isDenied ? "Tool Approval Denied" : "Tool Approval Required for";
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       className: cn("aui-tool-approval-bar", className),
       "data-testid": dataTestPrefix ? `${dataTestPrefix}-approval` : void 0,
       children: [
-        /* @__PURE__ */ jsxs39("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxs39("div", { className: cn("flex shrink-0 flex-col items-center", !showLineBelow && "pb-1"), children: [
-            /* @__PURE__ */ jsx59("div", { className: "min-h-[0.75rem] w-px flex-1 bg-border" }),
-            /* @__PURE__ */ jsx59(StepIconBox, { icon: "wrench", variant: "muted", iconSize: "0.875em", className: "my-1" }),
-            showLineBelow && /* @__PURE__ */ jsx59("div", { className: "min-h-[0.75rem] w-px flex-1 bg-border" })
+        /* @__PURE__ */ jsxs41("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs41("div", { className: cn("flex shrink-0 flex-col items-center", !showLineBelow && "pb-1"), children: [
+            /* @__PURE__ */ jsx61("div", { className: "min-h-[0.75rem] w-px flex-1 bg-border" }),
+            /* @__PURE__ */ jsx61(StepIconBox, { icon: "wrench", variant: "muted", iconSize: "0.875em", className: "my-1" }),
+            showLineBelow && /* @__PURE__ */ jsx61("div", { className: "min-h-[0.75rem] w-px flex-1 bg-border" })
           ] }),
-          /* @__PURE__ */ jsxs39("div", { className: "mt-2 flex flex-1 items-center justify-between", children: [
-            /* @__PURE__ */ jsxs39("div", { className: "flex w-full items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxs39("span", { className: "inline-flex flex-wrap items-center gap-1 font-sans text-xs font-medium leading-4 text-text-primary", children: [
+          /* @__PURE__ */ jsxs41("div", { className: "mt-2 flex flex-1 items-center justify-between", children: [
+            /* @__PURE__ */ jsxs41("div", { className: "flex w-full items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs41("span", { className: "inline-flex flex-wrap items-center gap-1 font-sans text-xs font-medium leading-4 text-text-primary", children: [
                   headingText,
-                  /* @__PURE__ */ jsx59("span", { className: "rounded bg-secondary-bg px-1.5 py-0.5 text-xs text-text-secondary", children: toolName })
+                  /* @__PURE__ */ jsx61("span", { className: "rounded bg-secondary-bg px-1.5 py-0.5 text-xs text-text-secondary", children: toolName })
                 ] }),
-                isDecided && /* @__PURE__ */ jsx59(
+                isDecided && /* @__PURE__ */ jsx61(
                   Icon,
                   {
                     name: isDenied ? "circle-xmark" : "circle-check",
@@ -6117,7 +6182,7 @@ function ToolApprovalBar({
                   }
                 )
               ] }),
-              !isDecided && !readOnly && selectedDenyOption && /* @__PURE__ */ jsx59(
+              !isDecided && !readOnly && selectedDenyOption && /* @__PURE__ */ jsx61(
                 Button,
                 {
                   size: "sm",
@@ -6128,8 +6193,8 @@ function ToolApprovalBar({
                 }
               )
             ] }),
-            !isDecided && !readOnly && !selectedDenyOption && /* @__PURE__ */ jsxs39("div", { className: "flex gap-2", children: [
-              approveOptions.map((option) => /* @__PURE__ */ jsxs39(
+            !isDecided && !readOnly && !selectedDenyOption && /* @__PURE__ */ jsxs41("div", { className: "flex gap-2", children: [
+              approveOptions.map((option) => /* @__PURE__ */ jsxs41(
                 Button,
                 {
                   size: "sm",
@@ -6137,13 +6202,13 @@ function ToolApprovalBar({
                   disabled: interactionsLocked,
                   onClick: () => onSelect(option.id),
                   children: [
-                    option.variant === "primary" && /* @__PURE__ */ jsx59(Icon, { name: "check", size: "0.75em", className: "mr-1" }),
+                    option.variant === "primary" && /* @__PURE__ */ jsx61(Icon, { name: "check", size: "0.75rem" }),
                     option.label
                   ]
                 },
                 option.id
               )),
-              denyOptions.map((option) => /* @__PURE__ */ jsx59(
+              denyOptions.map((option) => /* @__PURE__ */ jsx61(
                 Button,
                 {
                   size: "sm",
@@ -6163,17 +6228,17 @@ function ToolApprovalBar({
             ] })
           ] })
         ] }),
-        !isDecided && !readOnly && selectedDenyOption && /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-1 pl-8 pt-3", children: [
-          (selectedDenyOption.confirm?.title || selectedDenyOption.confirm?.description) && /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-0.5", children: [
-            selectedDenyOption.confirm.title && /* @__PURE__ */ jsx59("span", { className: "text-xs font-medium text-text-primary", children: selectedDenyOption.confirm.title }),
-            selectedDenyOption.confirm.description && /* @__PURE__ */ jsx59("span", { className: "text-xs text-text-secondary", children: selectedDenyOption.confirm.description })
+        !isDecided && !readOnly && selectedDenyOption && /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-1 pl-8 pt-3", children: [
+          (selectedDenyOption.confirm?.title || selectedDenyOption.confirm?.description) && /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-0.5", children: [
+            selectedDenyOption.confirm.title && /* @__PURE__ */ jsx61("span", { className: "text-xs font-medium text-text-primary", children: selectedDenyOption.confirm.title }),
+            selectedDenyOption.confirm.description && /* @__PURE__ */ jsx61("span", { className: "text-xs text-text-secondary", children: selectedDenyOption.confirm.description })
           ] }),
-          selectedDenyOption.grants && selectedDenyOption.grants.length > 0 && /* @__PURE__ */ jsxs39("div", { className: "flex flex-wrap items-center gap-1", children: [
-            /* @__PURE__ */ jsx59("span", { className: "text-xs text-text-secondary", children: "Grants:" }),
-            selectedDenyOption.grants.map((grant) => /* @__PURE__ */ jsx59("span", { className: "rounded bg-secondary-bg px-1.5 py-0.5 text-xs text-text-secondary", children: grant }, grant))
+          selectedDenyOption.grants && selectedDenyOption.grants.length > 0 && /* @__PURE__ */ jsxs41("div", { className: "flex flex-wrap items-center gap-1", children: [
+            /* @__PURE__ */ jsx61("span", { className: "text-xs text-text-secondary", children: "Grants:" }),
+            selectedDenyOption.grants.map((grant) => /* @__PURE__ */ jsx61("span", { className: "rounded bg-secondary-bg px-1.5 py-0.5 text-xs text-text-secondary", children: grant }, grant))
           ] }),
-          /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx59(
+          /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx61(
               "input",
               {
                 placeholder: "Enter reason for denial",
@@ -6189,11 +6254,11 @@ function ToolApprovalBar({
                 )
               }
             ),
-            /* @__PURE__ */ jsx59(Button, { size: "sm", disabled: interactionsLocked, onClick: onReasonSubmit, children: "Submit" })
+            /* @__PURE__ */ jsx61(Button, { size: "sm", disabled: interactionsLocked, onClick: onReasonSubmit, children: "Submit" })
           ] }),
-          showReasonError && /* @__PURE__ */ jsx59("span", { id: "aui-denial-reason-error", className: "text-xs text-failure-bg", role: "alert", children: "Reason is required" })
+          showReasonError && /* @__PURE__ */ jsx61("span", { id: "aui-denial-reason-error", className: "text-xs text-failure-bg", role: "alert", children: "Reason is required" })
         ] }),
-        isDecided && status?.reason && /* @__PURE__ */ jsx59("div", { className: "pl-8 pt-2", children: /* @__PURE__ */ jsxs39("span", { className: "text-xs text-text-secondary", children: [
+        isDecided && status?.reason && /* @__PURE__ */ jsx61("div", { className: "pl-8 pt-2", children: /* @__PURE__ */ jsxs41("span", { className: "text-xs text-text-secondary", children: [
           "Reason: ",
           status.reason
         ] }) })
@@ -6203,7 +6268,7 @@ function ToolApprovalBar({
 }
 
 // src/atoms/ToolCallCard.tsx
-import { Fragment as Fragment12, jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
 var DEFAULT_AWAITING_TEXT = "Awaiting Response...";
 function ToolCallCard({
   icon = "mcp-server",
@@ -6241,7 +6306,7 @@ function ToolCallCard({
   const isCubeIcon = icon === "cube";
   const derivedIconVariant = iconVariant || (isCubeIcon ? "primary" : "muted");
   const derivedIconSize = isCubeIcon ? "0.75em" : void 0;
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx62(
     "div",
     {
       className: cn(
@@ -6250,7 +6315,7 @@ function ToolCallCard({
         className
       ),
       "data-testid": dataTestPrefix ? `${dataTestPrefix}-tool-call-card` : void 0,
-      children: /* @__PURE__ */ jsx60(
+      children: /* @__PURE__ */ jsx62(
         AgentStepRow,
         {
           icon,
@@ -6267,11 +6332,11 @@ function ToolCallCard({
           showContentConnector: true,
           showPersistentContentConnector: !hasApproval,
           dataTestPrefix: dataTestPrefix ? `${dataTestPrefix}-header` : void 0,
-          persistentChildren: /* @__PURE__ */ jsxs40(Fragment12, { children: [
+          persistentChildren: /* @__PURE__ */ jsxs42(Fragment12, { children: [
             approvalSlot,
-            expanded && showResponseLine && responseSlot && /* @__PURE__ */ jsx60("div", { "data-testid": dataTestPrefix ? `${dataTestPrefix}-response` : void 0, children: responseSlot })
+            expanded && showResponseLine && responseSlot && /* @__PURE__ */ jsx62("div", { "data-testid": dataTestPrefix ? `${dataTestPrefix}-response` : void 0, children: responseSlot })
           ] }),
-          children: requestSlot && /* @__PURE__ */ jsx60("div", { className: "py-2 pt-0", "data-testid": dataTestPrefix ? `${dataTestPrefix}-request` : void 0, children: requestSlot })
+          children: requestSlot && /* @__PURE__ */ jsx62("div", { className: "py-2 pt-0", "data-testid": dataTestPrefix ? `${dataTestPrefix}-request` : void 0, children: requestSlot })
         }
       )
     }
@@ -6280,7 +6345,7 @@ function ToolCallCard({
 
 // src/atoms/ToolCallContentBlock.tsx
 import { useState as useState22 } from "react";
-import { jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
 function JsonEditor({
   content,
   height,
@@ -6289,7 +6354,7 @@ function JsonEditor({
   onAutoHeightChange
 }) {
   const MonacoEditorCore2 = useSlot("MonacoEditorCore");
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx63(
     MonacoEditorCore2,
     {
       language: "json",
@@ -6343,7 +6408,7 @@ function ToolCallContentBlock({
   } : {
     padding: "0.25rem"
   };
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs43(
     "div",
     {
       className: cn(
@@ -6353,10 +6418,10 @@ function ToolCallContentBlock({
       "data-testid": dataTestPrefix ? `${dataTestPrefix}-content-block` : "tfy-tool-call-content-block",
       "data-content": content,
       children: [
-        /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between rounded-t-lg border border-primary-button-bg/30 bg-primary-button-bg/10 px-3 py-1", children: [
-          /* @__PURE__ */ jsx61("div", { className: "font-sans text-xs font-medium text-primary-button-bg", children: title }),
-          /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsxs43("div", { className: "flex items-center justify-between rounded-t-lg border border-primary-button-bg/30 bg-primary-button-bg/10 px-3 py-1", children: [
+          /* @__PURE__ */ jsx63("div", { className: "font-sans text-xs font-medium text-primary-button-bg", children: title }),
+          /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx63(
               "button",
               {
                 type: "button",
@@ -6364,22 +6429,22 @@ function ToolCallContentBlock({
                 className: "inline-flex size-6 cursor-pointer items-center justify-center rounded text-text-secondary transition-colors hover:text-text-primary",
                 "aria-label": "Copy",
                 "data-testid": dataTestPrefix ? `${dataTestPrefix}-copy` : void 0,
-                children: /* @__PURE__ */ jsx61(Icon, { name: copied ? "check" : "clone", size: 14 })
+                children: /* @__PURE__ */ jsx63(Icon, { name: copied ? "check" : "clone", size: 14 })
               }
             ),
-            /* @__PURE__ */ jsx61(
+            /* @__PURE__ */ jsx63(
               "button",
               {
                 type: "button",
                 onClick: () => onFullscreenChange?.(true),
                 className: "inline-flex size-6 cursor-pointer items-center justify-center rounded text-text-secondary transition-colors hover:text-text-primary",
                 "aria-label": "Expand",
-                children: /* @__PURE__ */ jsx61(Icon, { name: "expand-alt", size: 14 })
+                children: /* @__PURE__ */ jsx63(Icon, { name: "expand-alt", size: 14 })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx63(
           "div",
           {
             ref: resizable ? contentRef : void 0,
@@ -6388,7 +6453,7 @@ function ToolCallContentBlock({
               resizable && "overflow-hidden"
             ),
             style: bodyStyle,
-            children: isJson ? /* @__PURE__ */ jsx61(
+            children: isJson ? /* @__PURE__ */ jsx63(
               JsonEditor,
               {
                 content,
@@ -6397,22 +6462,22 @@ function ToolCallContentBlock({
                 maxHeight,
                 onAutoHeightChange: resizable ? onContentHeightChange : void 0
               }
-            ) : /* @__PURE__ */ jsx61(
+            ) : /* @__PURE__ */ jsx63(
               "div",
               {
                 className: cn("overflow-y-auto", hasMeasuredResizableHeight && "h-full"),
                 style: !hasMeasuredResizableHeight && maxHeight ? { maxHeight } : void 0,
-                children: /* @__PURE__ */ jsx61(Markdown2, { content, className: "text-xs text-text-secondary" })
+                children: /* @__PURE__ */ jsx63(Markdown2, { content, className: "text-xs text-text-secondary" })
               }
             )
           }
         ),
-        fullscreen && /* @__PURE__ */ jsx61(Dialog, { open: true, onOpenChange: (open) => onFullscreenChange?.(open), children: /* @__PURE__ */ jsxs41(DialogContent, { className: "flex h-[80vh] max-w-4xl flex-col", children: [
-          /* @__PURE__ */ jsxs41(DialogHeader, { className: "flex flex-row items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsx61(DialogTitle, { children: title }),
-            /* @__PURE__ */ jsx61(IconButton, { variant: "ghost", onClick: () => onFullscreenChange?.(false), "aria-label": "Minimize", children: /* @__PURE__ */ jsx61(Icon, { name: "compress", size: "0.875em" }) })
+        fullscreen && /* @__PURE__ */ jsx63(Dialog, { open: true, onOpenChange: (open) => onFullscreenChange?.(open), children: /* @__PURE__ */ jsxs43(DialogContent, { className: "flex h-[80vh] max-w-4xl flex-col", children: [
+          /* @__PURE__ */ jsxs43(DialogHeader, { className: "flex flex-row items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsx63(DialogTitle, { children: title }),
+            /* @__PURE__ */ jsx63(IconButton, { variant: "ghost", onClick: () => onFullscreenChange?.(false), "aria-label": "Minimize", children: /* @__PURE__ */ jsx63(Icon, { name: "compress", size: "0.875em" }) })
           ] }),
-          /* @__PURE__ */ jsx61("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx61(JsonEditor, { content, height: "100%" }) })
+          /* @__PURE__ */ jsx63("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx63(JsonEditor, { content, height: "100%" }) })
         ] }) })
       ]
     }
@@ -6420,7 +6485,7 @@ function ToolCallContentBlock({
 }
 
 // src/atoms/ToolGroupCard.tsx
-import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
 function ToolGroupCard({
   toolCallCount,
   expanded,
@@ -6433,7 +6498,7 @@ function ToolGroupCard({
   const AccordionSummary2 = useSlot("AccordionSummary");
   const AccordionDetails2 = useSlot("AccordionDetails");
   const label = `${toolCallCount} tool ${toolCallCount === 1 ? "call" : "calls"}`;
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs44(
     Accordion2,
     {
       "data-slot": "tool-group-card",
@@ -6443,7 +6508,7 @@ function ToolGroupCard({
       className: cn("aui-tool-group-card group/tool-group w-full", className),
       sx: { margin: 0, border: "none", boxShadow: "none" },
       children: [
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx64(
           AccordionSummary2,
           {
             hideIcon: true,
@@ -6455,10 +6520,10 @@ function ToolGroupCard({
               "&:hover": { backgroundColor: "transparent" },
               "& .MuiAccordionSummary-content": { margin: 0, width: "100%" }
             },
-            children: /* @__PURE__ */ jsxs42("div", { className: "text-text-secondary hover:text-text-primary flex origin-left items-center gap-2 py-1.5 text-sm transition-[color,scale] active:scale-[0.98]", children: [
-              active && /* @__PURE__ */ jsx62(Icon, { name: "loader", className: "size-3 shrink-0 animate-spin [animation-duration:0.6s]" }),
-              /* @__PURE__ */ jsx62("span", { className: "text-xs font-medium", children: label }),
-              /* @__PURE__ */ jsx62(
+            children: /* @__PURE__ */ jsxs44("div", { className: "text-text-secondary hover:text-text-primary flex origin-left items-center gap-2 py-1.5 text-sm transition-[color,scale] active:scale-[0.98]", children: [
+              active && /* @__PURE__ */ jsx64(Icon, { name: "loader", className: "size-3 shrink-0 animate-spin [animation-duration:0.6s]" }),
+              /* @__PURE__ */ jsx64("span", { className: "text-xs font-medium", children: label }),
+              /* @__PURE__ */ jsx64(
                 Icon,
                 {
                   name: "chevron-down",
@@ -6471,14 +6536,14 @@ function ToolGroupCard({
             ] })
           }
         ),
-        /* @__PURE__ */ jsx62(AccordionDetails2, { sx: { padding: 0 }, children: /* @__PURE__ */ jsx62("div", { className: "mt-1 flex flex-col gap-2 text-text-primary", children }) })
+        /* @__PURE__ */ jsx64(AccordionDetails2, { sx: { padding: 0 }, children: /* @__PURE__ */ jsx64("div", { className: "mt-1 flex flex-col gap-2 text-text-primary", children }) })
       ]
     }
   );
 }
 
 // src/atoms/UserMessageActionBar.tsx
-import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs45 } from "react/jsx-runtime";
 var actionBtnClass2 = "h-6 w-6 text-text-secondary hover:text-text-primary [&_svg]:size-3.5";
 function UserMessageActionBar({
   isCopied,
@@ -6490,9 +6555,9 @@ function UserMessageActionBar({
   className
 }) {
   const MessageTimestamp2 = useSlot("MessageTimestamp");
-  return /* @__PURE__ */ jsxs43("div", { className: cn("aui-user-action-bar-root animate-in fade-in flex items-center gap-1 duration-200", className), children: [
-    /* @__PURE__ */ jsx63(MessageTimestamp2, { createdAt, className: "mr-1" }),
-    /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs45("div", { className: cn("aui-user-action-bar-root animate-in fade-in flex items-center gap-1 duration-200", className), children: [
+    /* @__PURE__ */ jsx65(MessageTimestamp2, { createdAt, className: "mr-1" }),
+    /* @__PURE__ */ jsx65(
       IconButton,
       {
         "aria-label": "Try again",
@@ -6500,10 +6565,10 @@ function UserMessageActionBar({
         variant: "ghost",
         className: actionBtnClass2,
         onClick: onRetry,
-        children: /* @__PURE__ */ jsx63(Icon, { name: "rotate-right", size: "0.875em" })
+        children: /* @__PURE__ */ jsx65(Icon, { name: "rotate-right", size: "0.875em" })
       }
     ),
-    /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx65(
       IconButton,
       {
         "aria-label": "Edit",
@@ -6512,24 +6577,24 @@ function UserMessageActionBar({
         className: actionBtnClass2,
         disabled: editDisabled,
         onClick: onEdit,
-        children: /* @__PURE__ */ jsx63(Icon, { name: "pencil", size: "0.875em" })
+        children: /* @__PURE__ */ jsx65(Icon, { name: "pencil", size: "0.875em" })
       }
     ),
-    /* @__PURE__ */ jsx63(IconButton, { "aria-label": "Copy", tooltip: "Copy", variant: "ghost", className: actionBtnClass2, onClick: onCopy, children: /* @__PURE__ */ jsx63(Icon, { name: isCopied ? "check" : "clone", size: "0.875em" }) })
+    /* @__PURE__ */ jsx65(IconButton, { "aria-label": "Copy", tooltip: "Copy", variant: "ghost", className: actionBtnClass2, onClick: onCopy, children: /* @__PURE__ */ jsx65(Icon, { name: isCopied ? "check" : "clone", size: "0.875em" }) })
   ] });
 }
 
 // src/atoms/UserMessageBubble.tsx
-import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs46 } from "react/jsx-runtime";
 function UserMessageBubble({ text, attachments, editAction, className }) {
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs46(
     "div",
     {
       "data-slot": "aui_user-message-root",
       className: cn("group/user-message flex w-full min-w-0 flex-col items-end gap-1", className),
       children: [
         attachments,
-        /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx66(
           "div",
           {
             "data-slot": "aui_user-message-content",
@@ -6538,7 +6603,7 @@ function UserMessageBubble({ text, attachments, editAction, className }) {
             children: text
           }
         ),
-        editAction && /* @__PURE__ */ jsx64("div", { className: "flex max-w-[min(80%,100%)] justify-end opacity-0 transition-opacity group-hover/user-message:opacity-100 focus-within:opacity-100", children: editAction })
+        editAction && /* @__PURE__ */ jsx66("div", { className: "flex max-w-[min(80%,100%)] justify-end opacity-0 transition-opacity group-hover/user-message:opacity-100 focus-within:opacity-100", children: editAction })
       ]
     }
   );
@@ -6546,10 +6611,10 @@ function UserMessageBubble({ text, attachments, editAction, className }) {
 
 // src/atoms/UserMessageEdit.tsx
 import { forwardRef as forwardRef4 } from "react";
-import { jsx as jsx65, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs47 } from "react/jsx-runtime";
 var UserMessageEdit = forwardRef4(
   function UserMessageEdit2({ timestamp, attachments, input, footer, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsxs45(
+    return /* @__PURE__ */ jsxs47(
       "div",
       {
         ref,
@@ -6557,13 +6622,13 @@ var UserMessageEdit = forwardRef4(
         className: cn("flex flex-col gap-2 w-full", className),
         ...rest,
         children: [
-          (timestamp || attachments) && /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2 text-sm text-text-secondary", children: [
-            /* @__PURE__ */ jsx65("span", { className: "font-medium text-text-primary", children: "User" }),
+          (timestamp || attachments) && /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2 text-sm text-text-secondary", children: [
+            /* @__PURE__ */ jsx67("span", { className: "font-medium text-text-primary", children: "User" }),
             timestamp
           ] }),
-          attachments && /* @__PURE__ */ jsx65("div", { className: "flex flex-wrap gap-1", children: attachments }),
-          /* @__PURE__ */ jsx65("div", { className: "w-full", children: input }),
-          /* @__PURE__ */ jsx65("div", { children: footer })
+          attachments && /* @__PURE__ */ jsx67("div", { className: "flex flex-wrap gap-1", children: attachments }),
+          /* @__PURE__ */ jsx67("div", { className: "w-full", children: input }),
+          /* @__PURE__ */ jsx67("div", { children: footer })
         ]
       }
     );
@@ -6571,12 +6636,12 @@ var UserMessageEdit = forwardRef4(
 );
 
 // src/atoms/WelcomeScreen.tsx
-import { jsx as jsx66, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs48 } from "react/jsx-runtime";
 function WelcomeScreen({ heading = "How can I help you today?", icon, className }) {
   const preset = useOptionalThemePreset();
   const BrandLogo2 = useSlot("BrandLogo");
-  const resolvedIcon = icon !== void 0 ? icon : preset === "chatgpt" ? null : preset === "claude" ? /* @__PURE__ */ jsx66(Icon, { name: "welcome-sparkle", className: "size-5 fill-current text-primary-button-bg" }) : /* @__PURE__ */ jsx66(BrandLogo2, { className: "size-10" });
-  return /* @__PURE__ */ jsxs46(
+  const resolvedIcon = icon !== void 0 ? icon : preset === "chatgpt" ? null : preset === "claude" ? /* @__PURE__ */ jsx68(Icon, { name: "welcome-sparkle", className: "size-5 fill-current text-primary-button-bg" }) : /* @__PURE__ */ jsx68(BrandLogo2, { variant: "icon", className: "size-10" });
+  return /* @__PURE__ */ jsxs48(
     "div",
     {
       "data-preset": preset,
@@ -6586,14 +6651,14 @@ function WelcomeScreen({ heading = "How can I help you today?", icon, className
         className
       ),
       children: [
-        preset === "gemini" && /* @__PURE__ */ jsx66(
+        preset === "gemini" && /* @__PURE__ */ jsx68(
           "div",
           {
             "aria-hidden": true,
             className: "pointer-events-none absolute left-1/2 top-1/2 -z-10 size-64 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-button-bg/20 blur-3xl motion-safe:animate-pulse motion-reduce:animate-none [animation-duration:4s]"
           }
         ),
-        resolvedIcon !== null && /* @__PURE__ */ jsx66(
+        resolvedIcon !== null && /* @__PURE__ */ jsx68(
           "div",
           {
             className: cn(
@@ -6603,7 +6668,7 @@ function WelcomeScreen({ heading = "How can I help you today?", icon, className
             children: resolvedIcon
           }
         ),
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx68(
           "h1",
           {
             className: cn(
@@ -6687,7 +6752,7 @@ var defaultSlots = {
 };
 
 // src/theme/SlotsProvider.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var SlotsContext = createContext3(defaultSlots);
 var ThemeModeContext = createContext3(void 0);
 function SlotsProvider({
@@ -6698,10 +6763,10 @@ function SlotsProvider({
   const parentSlots = useContext4(SlotsContext);
   const inheritedTheme = useContext4(ThemeModeContext);
   const resolved = useMemo7(() => ({ ...parentSlots, ...overrides }), [parentSlots, overrides]);
-  const slotsTree = /* @__PURE__ */ jsx67(SlotsProviderContents, { slots: resolved, inheritedTheme, theme, children });
+  const slotsTree = /* @__PURE__ */ jsx69(SlotsProviderContents, { slots: resolved, inheritedTheme, theme, children });
   const hasParentTheme = inheritedTheme !== void 0;
   if (theme !== void 0 || !hasParentTheme) {
-    return /* @__PURE__ */ jsx67(ThemeProvider, { theme, children: slotsTree });
+    return /* @__PURE__ */ jsx69(ThemeProvider, { theme, children: slotsTree });
   }
   return slotsTree;
 }
@@ -6714,7 +6779,7 @@ function SlotsProviderContents({
   const modeFromProvider = useOptionalThemeMode();
   const controlledMode = theme?.mode === "light" || theme?.mode === "dark" ? theme.mode : void 0;
   const resolvedTheme = controlledMode ?? inheritedTheme ?? modeFromProvider;
-  return /* @__PURE__ */ jsx67(ThemeModeContext.Provider, { value: resolvedTheme, children: /* @__PURE__ */ jsx67(SlotsContext.Provider, { value: slots, children }) });
+  return /* @__PURE__ */ jsx69(ThemeModeContext.Provider, { value: resolvedTheme, children: /* @__PURE__ */ jsx69(SlotsContext.Provider, { value: slots, children }) });
 }
 function useSlot(name) {
   const slots = useContext4(SlotsContext);
@@ -6729,6 +6794,7 @@ function useThemeMode() {
 }
 
 export {
+  resolveBrandChrome,
   useBrandName,
   BrandLogo,
   Accordion,
@@ -6822,4 +6888,4 @@ export {
   WelcomeScreen,
   defaultSlots
 };
-//# sourceMappingURL=chunk-XRTTKGKN.js.map
+//# sourceMappingURL=chunk-OSV3HI5M.js.map