@tangle-network/agent-app 0.45.32 → 0.45.34

package/dist/chunk-L7FHRORY.js

@@ -1,763 +0,0 @@
-import {
-  ATTACHMENT_ACCEPT,
-  ATTACHMENT_MAX_COUNT,
-  MAX_ATTACHMENT_TOTAL_BYTES,
-  MAX_BINARY_ATTACHMENT_BYTES,
-  MAX_TEXT_ATTACHMENT_BYTES,
-  attachmentSizeErrorMessage,
-  attachmentTotalSizeErrorMessage,
-  checkAttachmentType,
-  sanitizeAttachmentFileName,
-  sniffBinary
-} from "./chunk-CCVG2TL6.js";
-import {
-  snapHarnessToModel,
-  snapModelToHarness
-} from "./chunk-TH7L265V.js";
-
-// src/web-react/provider-logo.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var LOGOS = {
-  anthropic: { viewBox: "0 0 24 24", fill: "#D97757", paths: ["M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"] },
-  google: { viewBox: "0 0 24 24", fill: "#8E75B2", paths: ["M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81"] },
-  deepseek: { viewBox: "0 0 24 24", fill: "#4D6BFE", paths: ["M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"] },
-  mistral: { viewBox: "0 0 24 24", fill: "#FA520F", paths: ["M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z"] },
-  xai: { viewBox: "0 0 24 24", fill: "#000000", paths: ["M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z"] },
-  nvidia: { viewBox: "0 0 24 24", fill: "#76B900", paths: ["M8.948 8.798v-1.43a6.7 6.7 0 0 1 .424-.018c3.922-.124 6.493 3.374 6.493 3.374s-2.774 3.851-5.75 3.851c-.398 0-.787-.062-1.158-.185v-4.346c1.528.185 1.837.857 2.747 2.385l2.04-1.714s-1.492-1.952-4-1.952a6.016 6.016 0 0 0-.796.035m0-4.735v2.138l.424-.027c5.45-.185 9.01 4.47 9.01 4.47s-4.08 4.964-8.33 4.964c-.37 0-.733-.035-1.095-.097v1.325c.3.035.61.062.91.062 3.957 0 6.82-2.023 9.593-4.408.459.371 2.34 1.263 2.73 1.652-2.633 2.208-8.772 3.984-12.253 3.984-.335 0-.653-.018-.971-.053v1.864H24V4.063zm0 10.326v1.131c-3.657-.654-4.673-4.46-4.673-4.46s1.758-1.944 4.673-2.262v1.237H8.94c-1.528-.186-2.73 1.245-2.73 1.245s.68 2.412 2.739 3.11M2.456 10.9s2.164-3.197 6.5-3.533V6.201C4.153 6.59 0 10.653 0 10.653s2.35 6.802 8.948 7.42v-1.237c-4.84-.6-6.492-5.936-6.492-5.936z"] },
-  meta: { viewBox: "0 0 24 24", fill: "#0467DF", paths: ["M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z"] },
-  moonshotai: { viewBox: "0 0 24 24", fill: "#16191E", paths: ["m1.053 16.91 9.538 2.55a21 20.981 0 0 0 .06 2.031l5.956 1.592a12 11.99 0 0 1-15.554-6.172m-1.02-5.79 11.352 3.035a21 20.981 0 0 0-.469 2.01l10.817 2.89a12 11.99 0 0 1-1.845 2.004L.658 15.918a12 11.99 0 0 1-.625-4.796m1.593-5.146L13.573 9.17a21 20.981 0 0 0-1.01 1.874l11.297 3.02a21 20.981 0 0 1-.67 2.362l-11.55-3.087L.125 10.26a12 11.99 0 0 1 1.499-4.285ZM6.067 1.58l11.285 3.016a21 20.981 0 0 0-1.688 1.719l7.824 2.091a21 20.981 0 0 1 .513 2.664L2.107 5.218a12 11.99 0 0 1 3.96-3.638M21.68 4.866 7.222 1.003A12 11.99 0 0 1 21.68 4.866"] },
-  openai: { viewBox: "0 0 256 260", fill: "#10A37F", paths: ["M239.184 106.203a64.72 64.72 0 0 0-5.576-53.103C219.452 28.459 191 15.784 163.213 21.74A65.586 65.586 0 0 0 52.096 45.22a64.72 64.72 0 0 0-43.23 31.36c-14.31 24.602-11.061 55.634 8.033 76.74a64.67 64.67 0 0 0 5.525 53.102c14.174 24.65 42.644 37.324 70.446 31.36a64.72 64.72 0 0 0 48.754 21.744c28.481.025 53.714-18.361 62.414-45.481a64.77 64.77 0 0 0 43.229-31.36c14.137-24.558 10.875-55.423-8.083-76.483m-97.56 136.338a48.4 48.4 0 0 1-31.105-11.255l1.535-.87l51.67-29.825a8.6 8.6 0 0 0 4.247-7.367v-72.85l21.845 12.636c.218.111.37.32.409.563v60.367c-.056 26.818-21.783 48.545-48.601 48.601M37.158 197.93a48.35 48.35 0 0 1-5.781-32.589l1.534.921l51.722 29.826a8.34 8.34 0 0 0 8.441 0l63.181-36.425v25.221a.87.87 0 0 1-.358.665l-52.335 30.184c-23.257 13.398-52.97 5.431-66.404-17.803M23.549 85.38a48.5 48.5 0 0 1 25.58-21.333v61.39a8.29 8.29 0 0 0 4.195 7.316l62.874 36.272l-21.845 12.636a.82.82 0 0 1-.767 0L41.353 151.53c-23.211-13.454-31.171-43.144-17.804-66.405zm179.466 41.695l-63.08-36.63L161.73 77.86a.82.82 0 0 1 .768 0l52.233 30.184a48.6 48.6 0 0 1-7.316 87.635v-61.391a8.54 8.54 0 0 0-4.4-7.213m21.742-32.69l-1.535-.922l-51.619-30.081a8.39 8.39 0 0 0-8.492 0L99.98 99.808V74.587a.72.72 0 0 1 .307-.665l52.233-30.133a48.652 48.652 0 0 1 72.236 50.391zM88.061 139.097l-21.845-12.585a.87.87 0 0 1-.41-.614V65.685a48.652 48.652 0 0 1 79.757-37.346l-1.535.87l-51.67 29.825a8.6 8.6 0 0 0-4.246 7.367zm11.868-25.58L128.067 97.3l28.188 16.218v32.434l-28.086 16.218l-28.188-16.218z"] }
-};
-var ALIASES = {
-  moonshot: "moonshotai",
-  deepseek_ai: "deepseek",
-  "x-ai": "xai",
-  "meta-llama": "meta"
-};
-var MONOGRAM = {
-  cohere: { bg: "#fae8ff", fg: "#c026d3" },
-  groq: { bg: "#fce7f3", fg: "#db2777" },
-  cerebras: { bg: "#ccfbf1", fg: "#0d9488" },
-  zai: { bg: "#ede9fe", fg: "#7c3aed" },
-  "z-ai": { bg: "#ede9fe", fg: "#7c3aed" },
-  tuner: { bg: "#dbeafe", fg: "#2563eb" }
-};
-function ProviderLogo({ provider, size = 16 }) {
-  const key = ALIASES[provider ?? ""] ?? provider ?? "";
-  const logo = LOGOS[key];
-  if (logo) {
-    return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: logo.viewBox, role: "img", "aria-label": key, children: logo.paths.map((d, i) => /* @__PURE__ */ jsx("path", { d, fill: logo.fill }, i)) });
-  }
-  const mono = MONOGRAM[key] ?? { bg: "#f3f4f6", fg: "#6b7280" };
-  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 16 16", role: "img", "aria-label": key || "model", children: [
-    /* @__PURE__ */ jsx("rect", { width: "16", height: "16", rx: "4", fill: mono.bg }),
-    /* @__PURE__ */ jsx("text", { x: "8", y: "11.6", textAnchor: "middle", fill: mono.fg, fontSize: "9", fontWeight: "700", fontFamily: "system-ui, sans-serif", children: (key || "?").charAt(0).toUpperCase() })
-  ] });
-}
-
-// src/web-react/controls.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function ChevronDown({ className }) {
-  return /* @__PURE__ */ jsx2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "m6 9 6 6 6-6" }) });
-}
-function SearchGlyph({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ jsx2("path", { d: "m21 21-4.3-4.3" })
-  ] });
-}
-function SparkleGlyph({ className }) {
-  return /* @__PURE__ */ jsx2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3M5.6 5.6l2.1 2.1m8.6 8.6 2.1 2.1m0-12.8-2.1 2.1M7.7 16.3l-2.1 2.1" }) });
-}
-function usePopover(open, setOpen) {
-  const containerRef = useRef(null);
-  const triggerRef = useRef(null);
-  useEffect(() => {
-    if (!open) return;
-    function onMouseDown(e) {
-      if (containerRef.current && !containerRef.current.contains(e.target)) setOpen(false);
-    }
-    function onKeyDown(e) {
-      if (e.key === "Escape") {
-        setOpen(false);
-        triggerRef.current?.focus();
-      }
-    }
-    document.addEventListener("mousedown", onMouseDown);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("mousedown", onMouseDown);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [open, setOpen]);
-  return {
-    containerRef,
-    triggerRef,
-    triggerProps: {
-      ref: triggerRef,
-      "aria-haspopup": true,
-      "aria-expanded": open
-    }
-  };
-}
-var POPOVER_OPTION_FOCUS = "focus-visible:[outline-offset:-2px]";
-function usePending() {
-  const [pending, setPending] = useState(false);
-  const inFlight = useRef(false);
-  const mounted = useRef(true);
-  useEffect(() => {
-    mounted.current = true;
-    return () => {
-      mounted.current = false;
-    };
-  }, []);
-  const run = (action) => {
-    if (inFlight.current) return;
-    let result;
-    try {
-      result = action();
-    } catch {
-      return;
-    }
-    if (!(result instanceof Promise)) return;
-    inFlight.current = true;
-    setPending(true);
-    void result.finally(() => {
-      inFlight.current = false;
-      if (mounted.current) setPending(false);
-    });
-  };
-  return { pending, run };
-}
-function formatPrice(p) {
-  if (!p) return void 0;
-  const n = Number(p);
-  if (isNaN(n) || n === 0) return void 0;
-  const perM = n * 1e6;
-  return perM >= 1 ? `$${perM.toFixed(0)}/M` : `$${perM.toFixed(2)}/M`;
-}
-function formatContext(len) {
-  if (!len) return void 0;
-  if (len >= 1e6) return `${(len / 1e6).toFixed(1)}M ctx`;
-  if (len >= 1e3) return `${Math.round(len / 1e3)}K ctx`;
-  return `${len} ctx`;
-}
-function SectionHeader({ children }) {
-  return /* @__PURE__ */ jsx2("div", { className: "px-3 pb-1 pt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children });
-}
-function ModelRow({
-  model,
-  selected,
-  onSelect,
-  renderProviderBadge
-}) {
-  const price = formatPrice(model.pricing?.prompt);
-  const ctx = formatContext(model.contextLength);
-  return /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      type: "button",
-      onClick: onSelect,
-      className: `flex w-full items-center gap-2.5 rounded-md px-3 py-2.5 text-left text-sm transition ${POPOVER_OPTION_FOCUS} ${selected ? "bg-primary/10 font-medium" : "hover:bg-accent/30"}`,
-      children: [
-        renderProviderBadge ? renderProviderBadge(model.provider) : /* @__PURE__ */ jsx2(ProviderLogo, { provider: model.provider, size: 16 }),
-        /* @__PURE__ */ jsx2("span", { className: "truncate", children: model.name }),
-        !model.supportsTools && /* @__PURE__ */ jsx2("span", { className: "shrink-0 rounded bg-muted/60 px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: "no tools" }),
-        /* @__PURE__ */ jsxs2("span", { className: "ml-auto flex shrink-0 items-center gap-2 text-xs text-muted-foreground", children: [
-          ctx && /* @__PURE__ */ jsx2("span", { children: ctx }),
-          price && /* @__PURE__ */ jsx2("span", { children: price })
-        ] })
-      ]
-    }
-  );
-}
-function ModelPicker({ value, onChange, models, loading, renderProviderBadge, recommendedLabel = "Recommended", priorityGroup }) {
-  const [open, setOpen] = useState(false);
-  const [query, setQuery] = useState("");
-  const { containerRef, triggerProps } = usePopover(open, setOpen);
-  const inputRef = useRef(null);
-  const popoverRef = useRef(null);
-  useEffect(() => {
-    if (open) inputRef.current?.focus();
-  }, [open]);
-  useEffect(() => {
-    if (!open) return;
-    const el = popoverRef.current;
-    if (!el) return;
-    const overflowRight = el.getBoundingClientRect().right - (window.innerWidth - 16);
-    el.style.transform = overflowRight > 0 ? `translateX(-${Math.ceil(overflowRight)}px)` : "";
-  }, [open]);
-  const selected = models.find((m) => m.id === value);
-  const filtered = useMemo(() => {
-    const q = query.trim().toLowerCase();
-    if (!q) return null;
-    return models.filter(
-      (m) => m.id.toLowerCase().includes(q) || m.name.toLowerCase().includes(q) || (m.description?.toLowerCase() ?? "").includes(q) || m.provider.toLowerCase().includes(q)
-    );
-  }, [models, query]);
-  const sections = useMemo(() => {
-    const isPriority = priorityGroup ? (m) => priorityGroup.match(m) : () => false;
-    const priority = priorityGroup ? models.filter(isPriority) : [];
-    const recommended = models.filter((m) => m.featured && !isPriority(m));
-    const byProvider = [];
-    for (const m of models) {
-      if (m.featured || isPriority(m)) continue;
-      const last = byProvider[byProvider.length - 1];
-      if (last && last.provider === m.provider) last.items.push(m);
-      else byProvider.push({ provider: m.provider, items: [m] });
-    }
-    return { priority, recommended, byProvider };
-  }, [models, priorityGroup]);
-  const select = (id) => {
-    onChange(id);
-    setOpen(false);
-    setQuery("");
-  };
-  return /* @__PURE__ */ jsxs2("div", { ref: containerRef, className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        ...triggerProps,
-        onClick: () => setOpen(!open),
-        className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30",
-        children: [
-          selected ? renderProviderBadge ? renderProviderBadge(selected.provider) : /* @__PURE__ */ jsx2(ProviderLogo, { provider: selected.provider, size: 16 }) : /* @__PURE__ */ jsx2(SparkleGlyph, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsx2("span", { className: "max-w-[160px] truncate", children: selected?.name ?? value }),
-          /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxs2("div", { ref: popoverRef, className: "absolute bottom-full left-0 z-50 mb-2 w-[420px] max-w-[calc(100vw-2rem)] overflow-hidden rounded-xl border border-border bg-card shadow-lg", children: [
-      /* @__PURE__ */ jsx2("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2", children: [
-        /* @__PURE__ */ jsx2(SearchGlyph, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-        /* @__PURE__ */ jsx2(
-          "input",
-          {
-            ref: inputRef,
-            type: "text",
-            value: query,
-            onChange: (e) => setQuery(e.target.value),
-            placeholder: "Search models...",
-            className: "flex-1 bg-transparent text-sm placeholder:text-muted-foreground"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxs2("div", { className: "max-h-[400px] overflow-y-auto p-1 pb-2", children: [
-        loading && /* @__PURE__ */ jsx2("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "Loading models..." }),
-        !loading && filtered && /* @__PURE__ */ jsxs2(Fragment, { children: [
-          filtered.length === 0 && /* @__PURE__ */ jsx2("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No models match your search" }),
-          filtered.map((m) => /* @__PURE__ */ jsx2(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-        ] }),
-        !loading && !filtered && models.length === 0 && /* @__PURE__ */ jsx2("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No models available" }),
-        !loading && !filtered && models.length > 0 && /* @__PURE__ */ jsxs2(Fragment, { children: [
-          priorityGroup && sections.priority.length > 0 && /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx2(SectionHeader, { children: priorityGroup.label }),
-            sections.priority.map((m) => /* @__PURE__ */ jsx2(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-          ] }),
-          sections.recommended.length > 0 && /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx2(SectionHeader, { children: recommendedLabel }),
-            sections.recommended.map((m) => /* @__PURE__ */ jsx2(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-          ] }),
-          sections.byProvider.map((g) => /* @__PURE__ */ jsxs2("div", { children: [
-            /* @__PURE__ */ jsx2(SectionHeader, { children: g.provider }),
-            g.items.map((m) => /* @__PURE__ */ jsx2(ModelRow, { model: m, selected: m.id === value, onSelect: () => select(m.id), renderProviderBadge }, m.id))
-          ] }, g.provider))
-        ] })
-      ] })
-    ] })
-  ] });
-}
-var DEFAULT_EFFORT_LEVELS = [
-  { id: "off", label: "Off" },
-  { id: "low", label: "Quick" },
-  { id: "medium", label: "Standard" },
-  { id: "high", label: "Extended" }
-];
-function EffortPicker({ value, onChange, levels = DEFAULT_EFFORT_LEVELS, label = "Thinking" }) {
-  const [open, setOpen] = useState(false);
-  const { containerRef, triggerProps } = usePopover(open, setOpen);
-  const selected = levels.find((l) => l.id === value) ?? levels[2] ?? levels[0];
-  return /* @__PURE__ */ jsxs2("div", { ref: containerRef, className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        ...triggerProps,
-        onClick: () => setOpen(!open),
-        title: label ? `${label} \u2014 how hard the agent reasons before answering` : "Reasoning effort",
-        className: "inline-flex min-h-[36px] items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30",
-        children: [
-          /* @__PURE__ */ jsx2(SparkleGlyph, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsxs2("span", { children: [
-            label ? /* @__PURE__ */ jsxs2("span", { className: "text-muted-foreground", children: [
-              label,
-              ": "
-            ] }) : null,
-            selected?.label
-          ] }),
-          /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsx2("div", { role: "menu", className: "absolute bottom-full left-0 z-50 mb-2 w-40 overflow-hidden rounded-xl border border-border bg-card p-1 shadow-lg", children: levels.map((l) => /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        role: "menuitemradio",
-        "aria-checked": l.id === value,
-        onClick: () => {
-          onChange(l.id);
-          setOpen(false);
-        },
-        className: `flex min-h-[40px] w-full items-center rounded-md px-3 py-2 text-left text-sm transition ${POPOVER_OPTION_FOCUS} ${l.id === value ? "bg-primary/10 font-medium" : "hover:bg-accent/30"}`,
-        children: l.label
-      },
-      l.id
-    )) })
-  ] });
-}
-
-// src/web-react/use-composer-attachments.ts
-import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
-function newId() {
-  const cryptoObject = globalThis.crypto;
-  if (typeof cryptoObject?.randomUUID === "function") return cryptoObject.randomUUID();
-  return `att-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-}
-function dedupeName(name, taken) {
-  if (!taken.has(name)) return name;
-  const dot = name.lastIndexOf(".");
-  const base = dot > 0 ? name.slice(0, dot) : name;
-  const ext = dot > 0 ? name.slice(dot) : "";
-  let n = 2;
-  let candidate = `${base}-${n}${ext}`;
-  while (taken.has(candidate)) {
-    n += 1;
-    candidate = `${base}-${n}${ext}`;
-  }
-  return candidate;
-}
-function kindForMime(mime) {
-  return mime.startsWith("image/") ? "image" : "file";
-}
-function isAcceptedFileType(file, accept) {
-  const patterns = accept.split(",").map((p) => p.trim()).filter((p) => p.length > 0);
-  if (patterns.length === 0) return true;
-  const name = file.name.toLowerCase();
-  const type = (file.type || "").toLowerCase();
-  return patterns.some((pattern) => {
-    const lower = pattern.toLowerCase();
-    if (lower.startsWith(".")) return name.endsWith(lower);
-    if (lower.endsWith("/*")) return type.startsWith(lower.slice(0, -1));
-    return type === lower;
-  });
-}
-async function parseUploadError(res) {
-  const detail = await res.json().catch(() => null);
-  if (detail && typeof detail === "object" && "error" in detail) {
-    const error = detail.error;
-    if (typeof error === "string" && error) return error;
-    if (error && typeof error === "object" && "message" in error) {
-      const message = error.message;
-      if (typeof message === "string" && message) return message;
-    }
-  }
-  return `Upload failed (${res.status})`;
-}
-var NO_UPLOAD_TARGET_MESSAGE = "No upload destination configured (pass uploadUrl or buildUploadRequest)";
-function useComposerAttachments(options) {
-  const optionsRef = useRef2(options);
-  optionsRef.current = options;
-  const [staged, setStagedState] = useState2([]);
-  const stagedRef = useRef2([]);
-  const controllersRef = useRef2(/* @__PURE__ */ new Map());
-  const setStaged = useCallback(
-    (updater) => {
-      const next = typeof updater === "function" ? updater(stagedRef.current) : updater;
-      stagedRef.current = next;
-      setStagedState(next);
-    },
-    []
-  );
-  const upload = useCallback(
-    async (id, file, name) => {
-      const opts = optionsRef.current;
-      setStaged(
-        (prev) => prev.map((s) => s.id === id ? { ...s, status: "uploading", errorMessage: void 0 } : s)
-      );
-      const controller = new AbortController();
-      controllersRef.current.set(id, controller);
-      const form = new FormData();
-      form.append("file", file, name);
-      const request = opts.buildUploadRequest ? opts.buildUploadRequest({ file, name, form }) : opts.uploadUrl ? { url: opts.uploadUrl } : null;
-      if (!request) {
-        setStaged(
-          (prev) => prev.map(
-            (s) => s.id === id ? { ...s, status: "error", errorMessage: NO_UPLOAD_TARGET_MESSAGE } : s
-          )
-        );
-        opts.onError?.(NO_UPLOAD_TARGET_MESSAGE);
-        controllersRef.current.delete(id);
-        return;
-      }
-      try {
-        const res = await fetch(request.url, {
-          method: "POST",
-          credentials: "same-origin",
-          ...request.init,
-          body: form,
-          signal: controller.signal
-        });
-        if (!res.ok) {
-          const message = await parseUploadError(res);
-          setStaged(
-            (prev) => prev.map((s) => s.id === id ? { ...s, status: "error", errorMessage: message } : s)
-          );
-          opts.onError?.(message);
-          return;
-        }
-        const data = await res.json();
-        const uploaded = data.files?.[0];
-        if (!uploaded) {
-          const message = "Upload returned no file";
-          setStaged(
-            (prev) => prev.map((s) => s.id === id ? { ...s, status: "error", errorMessage: message } : s)
-          );
-          opts.onError?.(message);
-          return;
-        }
-        setStaged(
-          (prev) => prev.map((s) => s.id === id ? { ...s, status: "ready", reference: uploaded } : s)
-        );
-      } catch (err) {
-        if (err.name === "AbortError") return;
-        const message = err instanceof Error && err.message ? err.message : "Upload failed \u2014 check your connection";
-        setStaged(
-          (prev) => prev.map((s) => s.id === id ? { ...s, status: "error", errorMessage: message } : s)
-        );
-        opts.onError?.(message);
-      } finally {
-        controllersRef.current.delete(id);
-      }
-    },
-    [setStaged]
-  );
-  const addFiles = useCallback(
-    async (files) => {
-      const opts = optionsRef.current;
-      const enabled2 = opts.enabled ?? true;
-      if (!enabled2) {
-        opts.onReject?.("Attachments are disabled");
-        return;
-      }
-      const accept = opts.accept ?? ATTACHMENT_ACCEPT;
-      const maxCount = opts.limits?.maxCount ?? ATTACHMENT_MAX_COUNT;
-      const maxBinaryBytes = opts.limits?.maxBinaryBytes ?? MAX_BINARY_ATTACHMENT_BYTES;
-      const maxTextBytes = opts.limits?.maxTextBytes ?? MAX_TEXT_ATTACHMENT_BYTES;
-      const maxTotalBytes = opts.limits?.maxTotalBytes ?? MAX_ATTACHMENT_TOTAL_BYTES;
-      const allowedKinds = opts.allowedKinds ?? ["image", "file"];
-      const list = Array.isArray(files) ? files : Array.from(files);
-      const currentCount = stagedRef.current.length;
-      const countAccepted = [];
-      for (const file of list) {
-        if (!isAcceptedFileType(file, accept)) {
-          opts.onReject?.(`"${file.name}" is not an accepted file type (${accept}).`, file);
-          continue;
-        }
-        if (currentCount + countAccepted.length >= maxCount) {
-          opts.onReject?.(`"${file.name}" was not added \u2014 the ${maxCount}-file limit is already reached.`, file);
-          continue;
-        }
-        countAccepted.push(file);
-      }
-      const sizeAccepted = [];
-      for (const file of countAccepted) {
-        const bytes = new Uint8Array(await file.arrayBuffer());
-        const sniff = sniffBinary(bytes);
-        const typeCheck = checkAttachmentType(file.name, sniff);
-        if (!typeCheck.succeeded) {
-          opts.onReject?.(typeCheck.message, file);
-          continue;
-        }
-        const limit = sniff.binary ? maxBinaryBytes : maxTextBytes;
-        if (file.size > limit) {
-          opts.onReject?.(attachmentSizeErrorMessage(file.name, file.size, limit), file);
-          continue;
-        }
-        const mediaType = sniff.mime ?? file.type ?? "";
-        const kind = kindForMime(mediaType);
-        if (!allowedKinds.includes(kind)) {
-          opts.onReject?.(`"${file.name}" is a ${kind} attachment, which isn't accepted here`, file);
-          continue;
-        }
-        sizeAccepted.push(file);
-      }
-      const accepted = [];
-      let totalBytes = stagedRef.current.reduce((total, s) => total + s.size, 0);
-      for (const file of sizeAccepted) {
-        const nextTotalBytes = totalBytes + file.size;
-        if (nextTotalBytes > maxTotalBytes) {
-          opts.onReject?.(attachmentTotalSizeErrorMessage(nextTotalBytes, maxTotalBytes), file);
-          continue;
-        }
-        accepted.push(file);
-        totalBytes = nextTotalBytes;
-      }
-      if (accepted.length === 0) return;
-      const taken = new Set(stagedRef.current.map((s) => s.name));
-      const entries = accepted.map((file) => {
-        const name = dedupeName(sanitizeAttachmentFileName(file.name), taken);
-        taken.add(name);
-        return {
-          id: newId(),
-          file,
-          name,
-          size: file.size,
-          status: "pending",
-          previewUrl: file.type.startsWith("image/") ? URL.createObjectURL(file) : void 0
-        };
-      });
-      setStaged((prev) => [...prev, ...entries]);
-      for (const entry of entries) void upload(entry.id, entry.file, entry.name);
-    },
-    [setStaged, upload]
-  );
-  const retry = useCallback(
-    (id) => {
-      const entry = stagedRef.current.find((s) => s.id === id);
-      if (!entry) return;
-      void upload(entry.id, entry.file, entry.name);
-    },
-    [upload]
-  );
-  const removeAttachment = useCallback(
-    (id) => {
-      controllersRef.current.get(id)?.abort();
-      controllersRef.current.delete(id);
-      const entry = stagedRef.current.find((s) => s.id === id);
-      if (entry?.previewUrl) URL.revokeObjectURL(entry.previewUrl);
-      setStaged((prev) => prev.filter((s) => s.id !== id));
-    },
-    [setStaged]
-  );
-  const clear = useCallback(() => {
-    for (const controller of controllersRef.current.values()) controller.abort();
-    controllersRef.current.clear();
-    for (const entry of stagedRef.current) {
-      if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);
-    }
-    setStaged([]);
-  }, [setStaged]);
-  useEffect2(
-    () => () => {
-      for (const controller of controllersRef.current.values()) controller.abort();
-      controllersRef.current.clear();
-      for (const entry of stagedRef.current) {
-        if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);
-      }
-    },
-    []
-  );
-  const composerFiles = useMemo2(
-    () => staged.map((s) => ({
-      id: s.id,
-      name: s.name,
-      size: s.size,
-      kind: "file",
-      status: s.status
-    })),
-    [staged]
-  );
-  const references = useMemo2(
-    () => staged.filter((s) => s.status === "ready" && !!s.reference).map((s) => s.reference),
-    [staged]
-  );
-  const hasPending = useMemo2(
-    () => staged.some((s) => s.status === "pending" || s.status === "uploading"),
-    [staged]
-  );
-  const hasError = useMemo2(() => staged.some((s) => s.status === "error"), [staged]);
-  const enabled = options.enabled ?? true;
-  const blockReason = !enabled ? "Attachments are disabled" : hasPending ? "Attachments are still uploading" : hasError ? "Remove failed attachments to send" : null;
-  return {
-    composerFiles,
-    references,
-    addFiles,
-    retry,
-    removeAttachment,
-    clear,
-    hasPending,
-    hasError,
-    blockReason
-  };
-}
-
-// src/web-react/agent-session-controls.tsx
-import { useMemo as useMemo3, useState as useState3 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var HARNESS_LABELS = {
-  opencode: "OpenCode (any model)",
-  "claude-code": "Claude Code (Anthropic)",
-  codex: "Codex (OpenAI)",
-  "kimi-code": "Kimi (Moonshot)",
-  amp: "Amp",
-  "factory-droids": "Factory Droids",
-  cursor: "Cursor",
-  hermes: "Hermes",
-  forge: "Forge",
-  pi: "Pi",
-  openclaw: "OpenClaw",
-  acp: "ACP",
-  "cli-base": "CLI"
-};
-function harnessLabel(h) {
-  return HARNESS_LABELS[h] ?? h;
-}
-function ChevronDown2({ className }) {
-  return /* @__PURE__ */ jsx3("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx3("path", { d: "m6 9 6 6 6-6" }) });
-}
-function GearGlyph({ className }) {
-  return /* @__PURE__ */ jsxs3("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "3" }),
-    /* @__PURE__ */ jsx3("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" })
-  ] });
-}
-var FOCUS_RING = "";
-function HarnessPicker({
-  value,
-  onChange,
-  available
-}) {
-  const [open, setOpen] = useState3(false);
-  const { containerRef, triggerProps } = usePopover(open, setOpen);
-  const options = available ?? Object.keys(HARNESS_LABELS);
-  return /* @__PURE__ */ jsxs3("div", { ref: containerRef, className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsxs3(
-      "button",
-      {
-        type: "button",
-        ...triggerProps,
-        onClick: () => setOpen(!open),
-        title: "Agent backend",
-        className: `inline-flex w-full items-center justify-between gap-1.5 rounded-lg border border-border bg-card px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent/30 ${FOCUS_RING}`,
-        children: [
-          /* @__PURE__ */ jsx3("span", { className: "truncate", children: harnessLabel(value) }),
-          /* @__PURE__ */ jsx3(ChevronDown2, { className: "h-3.5 w-3.5 text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsx3("div", { role: "menu", className: "absolute bottom-full left-0 z-50 mb-2 max-h-64 w-full min-w-[220px] overflow-y-auto rounded-xl border border-border bg-card p-1 shadow-lg", children: options.map((h) => /* @__PURE__ */ jsx3(
-      "button",
-      {
-        type: "button",
-        role: "menuitemradio",
-        "aria-checked": h === value,
-        onClick: () => {
-          onChange(h);
-          setOpen(false);
-        },
-        className: `flex w-full items-center rounded-md px-3 py-2 text-left text-sm transition ${FOCUS_RING} ${h === value ? "bg-primary/10 font-medium" : "hover:bg-accent/30"}`,
-        children: harnessLabel(h)
-      },
-      h
-    )) })
-  ] });
-}
-function useCoherentHandlers(props) {
-  const { model, models, harness, onModelChange, onHarnessChange } = props;
-  const canonicalIds = useMemo3(() => models.map((m) => m.id), [models]);
-  const onModel = (next) => {
-    onModelChange(next);
-    const nextHarness = snapHarnessToModel(harness, next);
-    if (nextHarness !== harness) onHarnessChange(nextHarness);
-  };
-  const onHarness = (next) => {
-    onHarnessChange(next);
-    const snapped = snapModelToHarness(next, model, canonicalIds);
-    if (snapped !== model) onModelChange(snapped);
-  };
-  return { onModel, onHarness };
-}
-function AgentSessionControls(props) {
-  const {
-    models,
-    modelsLoading,
-    model,
-    harness,
-    availableHarnesses,
-    effort,
-    onEffortChange,
-    layout = "inline",
-    showHarness = true,
-    renderProviderBadge,
-    className
-  } = props;
-  const { onModel, onHarness } = useCoherentHandlers(props);
-  const [open, setOpen] = useState3(false);
-  const { containerRef: popoverRef, triggerProps } = usePopover(open, setOpen);
-  const selectedModel = models.find((m) => m.id === model);
-  const showEffort = selectedModel?.supportsReasoning ?? true;
-  const modelPicker = /* @__PURE__ */ jsx3(
-    ModelPicker,
-    {
-      value: model,
-      onChange: onModel,
-      models,
-      loading: modelsLoading,
-      renderProviderBadge
-    }
-  );
-  if (layout === "inline") {
-    return /* @__PURE__ */ jsxs3("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
-      modelPicker,
-      showHarness && /* @__PURE__ */ jsx3(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
-      showEffort && /* @__PURE__ */ jsx3(EffortPicker, { value: effort, onChange: onEffortChange })
-    ] });
-  }
-  const hasAdvanced = showHarness || showEffort;
-  return /* @__PURE__ */ jsxs3("div", { className: `flex items-center gap-1.5 ${className ?? ""}`, children: [
-    modelPicker,
-    hasAdvanced && /* @__PURE__ */ jsxs3("div", { ref: popoverRef, className: "relative inline-flex", children: [
-      /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          ...triggerProps,
-          onClick: () => setOpen(!open),
-          title: "Model settings \u2014 pick the agent backend and how hard it thinks",
-          className: `flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground data-[state=open]:bg-muted ${FOCUS_RING}`,
-          "data-state": open ? "open" : "closed",
-          children: /* @__PURE__ */ jsx3(GearGlyph, { className: "h-4 w-4" })
-        }
-      ),
-      open && /* @__PURE__ */ jsxs3("div", { className: "absolute bottom-full left-0 z-50 mb-2 w-72 space-y-3 rounded-xl border border-border bg-card p-3 shadow-lg", children: [
-        showHarness && /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx3("p", { className: "text-xs font-medium text-foreground", children: "Agent backend" }),
-          /* @__PURE__ */ jsx3(HarnessPicker, { value: harness, onChange: onHarness, available: availableHarnesses }),
-          /* @__PURE__ */ jsx3("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "The engine that runs the agent. Switching it keeps your model choice compatible." })
-        ] }),
-        showEffort && /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx3("p", { className: "text-xs font-medium text-foreground", children: "Thinking" }),
-          /* @__PURE__ */ jsx3(EffortPicker, { value: effort, onChange: onEffortChange, label: "" }),
-          /* @__PURE__ */ jsx3("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "How hard the agent thinks before answering. Higher is slower but more thorough." })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-export {
-  ProviderLogo,
-  ChevronDown,
-  usePopover,
-  POPOVER_OPTION_FOCUS,
-  usePending,
-  ModelPicker,
-  DEFAULT_EFFORT_LEVELS,
-  EffortPicker,
-  useComposerAttachments,
-  AgentSessionControls
-};
-//# sourceMappingURL=chunk-L7FHRORY.js.map