@tangle-network/agent-app 0.45.41 → 0.45.43

package/dist/{chunk-35SI5SUX.js → chunk-UTN647ES.js}

@@ -4,7 +4,7 @@ import {
 import {
   WorkProductCard,
   workProductPartsFromMessageParts
-} from "./chunk-5MZXWPFN.js";
+} from "./chunk-54FYYXAX.js";
 import {
   ChevronDown,
   OVERLAY_SHADOW,
@@ -12,7 +12,7 @@ import {
   PopoverSurface,
   usePending,
   usePopover
-} from "./chunk-MJOZ7K5U.js";
+} from "./chunk-M5JHGU2X.js";
 import {
   UNTITLED_SESSION_LABEL,
   mergeSessionPages,
@@ -307,7 +307,7 @@ function QuestionOptionList({
   return /* @__PURE__ */ jsx2(Fragment, { children: options.map((option, optionIndex) => {
     const inputId = `${idPrefix}-${optionIndex}`;
     const checked = selectedValues.includes(option.value);
-    return /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "flex cursor-pointer gap-2 rounded-lg border border-border/70 p-3 transition-colors hover:bg-accent", children: [
+    return /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "flex cursor-pointer gap-2 rounded-lg border border-strong p-3 transition-colors hover:bg-accent", children: [
       /* @__PURE__ */ jsx2(
         "input",
         {
@@ -460,7 +460,7 @@ function InteractionQuestionCard({
   } else if (submitting) {
     submitLabel = "Submitting\u2026";
   }
-  return /* @__PURE__ */ jsxs("div", { className: `rounded-xl border border-border bg-card p-4 shadow-sm ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `rounded-xl border border-card-edge bg-card p-4 ${className ?? ""}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ jsx2(InteractionBadge, { variant: "outline", children: kindLabel ?? "Question" }),
@@ -611,7 +611,7 @@ function DurablePlanCard({
     setLocalError(null);
     await decide(decision, decision === "rejected" ? trimmed : void 0);
   }
-  return /* @__PURE__ */ jsxs2("div", { className: `rounded-xl border border-primary/40 bg-card p-4 shadow-sm ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs2("div", { className: `rounded-xl border border-primary/40 bg-card p-4 ${className ?? ""}`, children: [
     /* @__PURE__ */ jsxs2("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ jsx3(InteractionBadge, { variant: "outline", children: "Plan decision" }),
@@ -755,7 +755,7 @@ function InteractionPlanCard({
   }
   const terminalNote = TERMINAL_NOTES2[status];
   const approved = status === "answered";
-  return /* @__PURE__ */ jsxs3("div", { className: `rounded-xl border border-border bg-card p-4 shadow-sm ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs3("div", { className: `rounded-xl border border-card-edge bg-card p-4 ${className ?? ""}`, children: [
     /* @__PURE__ */ jsxs3("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ jsx4(InteractionBadge, { variant: "outline", children: "Plan" }),
@@ -1536,7 +1536,7 @@ function ChatComposer({
       onDragOver: onAttach ? handleDragOver : void 0,
       onDrop: onAttach ? handleDrop : void 0,
       children: [
-        dragOver && /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary/50 bg-card/95", children: /* @__PURE__ */ jsxs5("div", { className: "text-center", children: [
+        dragOver && /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary/50 bg-card", children: /* @__PURE__ */ jsxs5("div", { className: "text-center", children: [
           /* @__PURE__ */ jsx7("span", { className: "mx-auto mb-2 flex h-11 w-11 items-center justify-center rounded-xl bg-primary/10 text-primary", children: /* @__PURE__ */ jsx7(UploadGlyph, { className: "h-5 w-5" }) }),
           /* @__PURE__ */ jsx7("p", { className: "text-sm font-semibold text-foreground", children: dropTitle }),
           /* @__PURE__ */ jsx7("p", { className: "mt-0.5 text-xs text-muted-foreground", children: dropDescription })
@@ -1617,7 +1617,7 @@ function ChatComposer({
           "div",
           {
             "data-testid": "composer-card",
-            className: `flex flex-col gap-1.5 rounded-2xl border border-border bg-card px-3 py-2.5 transition focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15 ${floating ? "shadow-[0_1px_2px_hsl(var(--foreground)/0.05),0_12px_28px_hsl(var(--foreground)/0.07)] dark:shadow-[0_1px_2px_hsl(var(--foreground)/0.14),0_12px_28px_hsl(var(--foreground)/0.22)]" : ""}`,
+            className: `flex flex-col gap-1.5 rounded-2xl border border-card-edge bg-card px-3 py-2.5 transition focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15 ${floating ? "shadow-raised" : ""}`,
             children: [
               /* @__PURE__ */ jsx7(
                 "textarea",
@@ -2392,7 +2392,7 @@ function FlowWaterfall({ trace }) {
 function MissionActivityLane({ activity, startedAt, nowMs }) {
   const [expanded, setExpanded] = useState10(false);
   if (activity.length === 0) return null;
-  return /* @__PURE__ */ jsxs6("div", { className: "mt-1 border-l border-border/50 pl-3", children: [
+  return /* @__PURE__ */ jsxs6("div", { className: "mt-1 border-l border-border pl-3", children: [
     activity.map((run) => {
       const tone = activityTone(run.status);
       const cost = formatActivityCost(run.costUsd);
@@ -2426,7 +2426,7 @@ function MissionActivityLane({ activity, startedAt, nowMs }) {
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border/50 bg-secondary p-2", children: /* @__PURE__ */ jsx8(
+    expanded && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border bg-secondary p-2", children: /* @__PURE__ */ jsx8(
       FlowWaterfall,
       {
         trace: stepActivityFlowTrace(activity, {
@@ -2445,7 +2445,7 @@ function ActivityRow({
   const tone = activityTone(record.status);
   const cost = formatActivityCost(record.costUsd);
   const duration = formatActivityDuration(record.durationMs);
-  return /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-border/60 bg-card", children: [
+  return /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-card-edge bg-card", children: [
     /* @__PURE__ */ jsxs6("button", { type: "button", onClick: () => setOpen((v) => !v), className: "flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm", children: [
       /* @__PURE__ */ jsx8(StatusDot, { tone }),
       /* @__PURE__ */ jsxs6("span", { className: "min-w-0 flex-1 truncate", children: [
@@ -2466,8 +2466,8 @@ function ActivityRow({
       cost && /* @__PURE__ */ jsx8("span", { className: "shrink-0 font-mono text-[11px] tabular-nums text-muted-foreground", children: cost }),
       /* @__PURE__ */ jsx8(ChevronGlyph, { className: `h-3 w-3 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}` })
     ] }),
-    open && /* @__PURE__ */ jsxs6("div", { className: "space-y-2.5 border-t border-border/40 px-3 py-2.5", children: [
-      record.durationMs !== void 0 && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border/50 bg-secondary p-2", children: /* @__PURE__ */ jsx8(FlowWaterfall, { trace: stepActivityFlowTrace([record]) }) }),
+    open && /* @__PURE__ */ jsxs6("div", { className: "space-y-2.5 border-t border-border px-3 py-2.5", children: [
+      record.durationMs !== void 0 && /* @__PURE__ */ jsx8("div", { className: "rounded-md border border-border bg-secondary p-2", children: /* @__PURE__ */ jsx8(FlowWaterfall, { trace: stepActivityFlowTrace([record]) }) }),
       /* @__PURE__ */ jsxs6("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 font-mono text-[11px]", children: [
         /* @__PURE__ */ jsx8("dt", { className: "text-muted-foreground/60", children: "task" }),
         /* @__PURE__ */ jsx8("dd", { className: "truncate text-muted-foreground", children: record.taskId }),
@@ -2769,7 +2769,7 @@ function SourceRow({
   const status = source.status ?? "ready";
   const statusLine = describeProvenanceSourceStatus(source);
   const openable = status === "ready" && (onOpenSource !== void 0 || source.href !== void 0);
-  return /* @__PURE__ */ jsxs7("li", { className: "rounded-md border border-border/60 bg-background/40 px-2.5 py-2", children: [
+  return /* @__PURE__ */ jsxs7("li", { className: "rounded-md border border-card-edge bg-card px-2.5 py-2", children: [
     /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-1", children: [
       /* @__PURE__ */ jsx9("span", { className: "text-[13px] font-medium text-foreground", children: source.label }),
       source.locator && /* @__PURE__ */ jsx9("span", { className: "text-[11px] text-muted-foreground", children: source.locator }),
@@ -2977,7 +2977,7 @@ function ProvenanceValue({
                 /* @__PURE__ */ jsx9("p", { className: "rounded-md bg-destructive/10 px-2 py-1.5 text-[11px] leading-snug text-destructive", children: gap.message }, gap.kind)
               )),
               loading.length > 0 && sources.length === 0 && /* @__PURE__ */ jsx9("p", { role: "status", className: "text-[11px] text-muted-foreground", children: "Looking up where this came from\u2026" }),
-              inputs.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "border-t border-border/60 pt-2", children: [
+              inputs.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "border-t border-border pt-2", children: [
                 /* @__PURE__ */ jsx9("p", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: record.derivation ? `Computed from ${record.derivation}` : "Computed from" }),
                 /* @__PURE__ */ jsx9("ul", { className: "mt-1.5 space-y-1.5", children: inputs.map((input, index) => /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsx9(
                   ProvenanceValue,
@@ -3065,7 +3065,7 @@ function SeatPaywall({
   const recurringPrice = offer ? usd(offer.recurring.priceCents) : `$${priceUsd}`;
   const recurringUsage = offer ? usd(offer.recurring.includedCreditsCents) : `$${includedUsageUsd}`;
   const introductory = offer?.introductory ?? null;
-  return /* @__PURE__ */ jsx10("div", { className: "flex min-h-[60vh] w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs8("div", { className: "w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-sm", children: [
+  return /* @__PURE__ */ jsx10("div", { className: "flex min-h-[60vh] w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs8("div", { className: "w-full max-w-md rounded-2xl border border-card-edge bg-card p-8", children: [
     /* @__PURE__ */ jsx10("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: product }),
     /* @__PURE__ */ jsxs8("h1", { className: "mt-2 text-2xl font-semibold tracking-tight text-foreground", children: [
       "Unlock ",
@@ -3372,7 +3372,7 @@ function useSessionActions({
                   void submitRename();
                 }
               },
-              className: "mt-1.5 h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground"
+              className: "mt-1.5 h-9 w-full rounded-md border border-strong bg-background px-3 text-sm text-foreground"
             }
           )
         ]
@@ -3445,7 +3445,7 @@ function SessionDialog({
         role: "dialog",
         "aria-modal": "true",
         "aria-label": title,
-        className: `relative w-full max-w-sm rounded-xl border border-border bg-popover p-5 ${OVERLAY_SHADOW}`,
+        className: `relative w-full max-w-sm rounded-xl border border-card-edge bg-popover p-5 ${OVERLAY_SHADOW}`,
         children: [
           /* @__PURE__ */ jsx11("h2", { className: "text-sm font-semibold text-foreground", children: title }),
           /* @__PURE__ */ jsx11("div", { className: "mt-3", children }),
@@ -3597,7 +3597,7 @@ function SessionHistoryPanel({
               onChange: (e) => onQueryChange(e.target.value),
               placeholder: "Search your sessions\u2026",
               "aria-label": "Search sessions",
-              className: "h-9 min-w-0 appearance-none rounded-md border border-border bg-card px-3 text-sm text-foreground placeholder:text-muted-foreground sm:flex-1 [&::-webkit-search-cancel-button]:appearance-none"
+              className: "h-9 min-w-0 appearance-none rounded-md border border-strong bg-card px-3 text-sm text-foreground placeholder:text-muted-foreground sm:flex-1 [&::-webkit-search-cancel-button]:appearance-none"
             }
           ),
           /* @__PURE__ */ jsxs9(
@@ -3606,7 +3606,7 @@ function SessionHistoryPanel({
               value: sort,
               onChange: (e) => onSortChange(e.target.value),
               "aria-label": "Sort sessions",
-              className: "h-9 shrink-0 appearance-none rounded-md border border-border bg-card px-2 text-sm text-foreground sm:w-[132px]",
+              className: "h-9 shrink-0 appearance-none rounded-md border border-strong bg-card px-2 text-sm text-foreground sm:w-[132px]",
               children: [
                 /* @__PURE__ */ jsx11("option", { value: "newest", children: "Newest" }),
                 /* @__PURE__ */ jsx11("option", { value: "oldest", children: "Oldest" })
@@ -3614,7 +3614,7 @@ function SessionHistoryPanel({
             }
           )
         ] }),
-        onBulkAction && /* @__PURE__ */ jsxs9("div", { className: `flex flex-col gap-2 border-t border-border/60 px-3 py-3 ${column}`, children: [
+        onBulkAction && /* @__PURE__ */ jsxs9("div", { className: `flex flex-col gap-2 border-t border-border px-3 py-3 ${column}`, children: [
           /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ jsx11(
               "button",
@@ -3665,7 +3665,7 @@ function SessionHistoryPanel({
                 value: ageDays,
                 onChange: (event) => setAgeDays(event.target.value),
                 "aria-invalid": ageDays.length > 0 && !validAgeDays,
-                className: "h-8 w-20 rounded-md border border-border bg-card px-2 text-xs tabular-nums text-foreground"
+                className: "h-8 w-20 rounded-md border border-strong bg-card px-2 text-xs tabular-nums text-foreground"
               }
             ),
             /* @__PURE__ */ jsx11("span", { className: "text-xs text-muted-foreground", children: "days" }),
@@ -3810,7 +3810,7 @@ function SessionRow({
   const extras = extraActions?.(session) ?? [];
   const hasMenu = Boolean(onRename) || Boolean(onDelete) || extras.length > 0;
   const showUnread = Boolean(session.unread) && !responding;
-  return /* @__PURE__ */ jsxs9("div", { className: "group relative flex items-center gap-2 rounded-lg px-3 py-2.5 transition-colors hover:bg-accent", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: `group relative flex items-center gap-2 rounded-lg px-3 py-2.5 transition-colors hover:bg-accent ${selected ? "bg-primary/10" : ""}`, children: [
     selectable && /* @__PURE__ */ jsx11(
       "input",
       {
@@ -3855,7 +3855,7 @@ function SessionRow({
           role: "menu",
           triggerRef,
           panelRef,
-          className: `w-36 overflow-hidden rounded-md border border-border bg-popover py-1 ${OVERLAY_SHADOW}`,
+          className: `w-36 overflow-hidden rounded-md border border-card-edge bg-popover py-1 ${OVERLAY_SHADOW}`,
           children: [
             onRename && /* @__PURE__ */ jsx11(
               "button",
@@ -4269,7 +4269,7 @@ function groupColumns(columns) {
   }
   return groups;
 }
-var INPUT_CLASS = "w-full rounded-md border border-border bg-background px-2 py-1 text-sm text-foreground outline-none focus:border-primary/60 focus:ring-1 focus:ring-primary/40";
+var INPUT_CLASS = "w-full rounded-md border border-strong bg-background px-2 py-1 text-sm text-foreground outline-none focus:border-primary/60 focus:ring-1 focus:ring-primary/40";
 var BASIS_TONES2 = {
   extracted: "border-primary/60 text-primary",
   entered: "border-success/60 text-success",
@@ -4541,7 +4541,7 @@ function RecordGrid({
           role: "status",
           "aria-busy": "true",
           "aria-live": "polite",
-          className: "space-y-2 rounded-xl border border-border bg-card p-4",
+          className: "space-y-2 rounded-xl border border-card-edge bg-card p-4",
           children: [
             /* @__PURE__ */ jsxs10("span", { className: "sr-only", children: [
               "Loading ",
@@ -4621,7 +4621,7 @@ function RecordGrid({
   const columnSpan = columns.length + (onDelete ? 1 : 0);
   return /* @__PURE__ */ jsxs10("div", { className: `space-y-3 ${className ?? ""}`, children: [
     toolbar,
-    /* @__PURE__ */ jsx12("div", { className: "overflow-x-auto rounded-xl border border-border bg-card", children: /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsx12("div", { className: "overflow-x-auto rounded-xl border border-card-edge bg-card", children: /* @__PURE__ */ jsxs10(
       "table",
       {
         role: "grid",
@@ -4647,7 +4647,7 @@ function RecordGrid({
             const pending = row.id in pendingRows;
             const rowError = rowErrors[row.id];
             return /* @__PURE__ */ jsxs10(Fragment6, { children: [
-              /* @__PURE__ */ jsxs10("tr", { role: "row", "aria-busy": pending, className: `border-b border-border/50 ${pending ? "opacity-60" : ""}`, children: [
+              /* @__PURE__ */ jsxs10("tr", { role: "row", "aria-busy": pending, className: `border-b border-border ${pending ? "opacity-60" : ""}`, children: [
                 columns.map((column) => {
                   const key = cellKey(row.id, column.id);
                   const applicable = isRecordGridCellApplicable(column, row.values);
@@ -4780,7 +4780,7 @@ function RecordGrid({
                   }
                 ) })
               ] }),
-              rowError !== void 0 && /* @__PURE__ */ jsx12("tr", { role: "row", className: "border-b border-border/50", children: /* @__PURE__ */ jsx12("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx12("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
+              rowError !== void 0 && /* @__PURE__ */ jsx12("tr", { role: "row", className: "border-b border-border", children: /* @__PURE__ */ jsx12("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx12("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
             ] }, row.id);
           }) }),
           hasFooter && /* @__PURE__ */ jsx12("tfoot", { children: /* @__PURE__ */ jsxs10("tr", { role: "row", className: "border-t-2 border-border", children: [
@@ -4944,7 +4944,7 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
         role: "note",
         triggerRef,
         panelRef,
-        className: `w-64 rounded-lg border border-border bg-popover p-3 text-left ${OVERLAY_SHADOW}`,
+        className: `w-64 rounded-lg border border-card-edge bg-popover p-3 text-left ${OVERLAY_SHADOW}`,
         children: [
           source.quote && /* @__PURE__ */ jsxs10("span", { className: "block border-l-2 border-primary/50 pl-2 text-xs italic leading-snug text-foreground", children: [
             "\u201C",
@@ -4994,7 +4994,7 @@ function AddRecordForm({
         event.preventDefault();
         onSubmit();
       },
-      className: "space-y-4 rounded-xl border border-border bg-card p-4",
+      className: "space-y-4 rounded-xl border border-card-edge bg-card p-4",
       children: [
         /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: label }),
         formError !== null && /* @__PURE__ */ jsx12("p", { role: "alert", className: "rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: formError }),
@@ -5004,7 +5004,7 @@ function AddRecordForm({
           return /* @__PURE__ */ jsxs10(
             "fieldset",
             {
-              className: group.label === null ? "min-w-0" : "min-w-0 rounded-lg border border-border/70 p-3",
+              className: group.label === null ? "min-w-0" : "min-w-0 rounded-lg border border-card-edge p-3",
               children: [
                 group.label !== null && /* @__PURE__ */ jsx12("legend", { className: "px-1 text-xs font-medium text-muted-foreground", children: group.label }),
                 /* @__PURE__ */ jsx12("div", { className: "grid gap-3 sm:grid-cols-2", children: fields.map((column) => {
@@ -5160,7 +5160,7 @@ function formatTokensPerSecond(msg) {
   return `${Math.round(msg.completionTokens / (msg.durationMs / 1e3))} tok/s`;
 }
 function RunDrillIn({ run, onClose }) {
-  return /* @__PURE__ */ jsxs11("div", { className: `fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-border bg-popover ${OVERLAY_SHADOW}`, children: [
+  return /* @__PURE__ */ jsxs11("div", { className: `fixed inset-y-0 right-0 z-50 flex w-[480px] max-w-full flex-col border-l border-card-edge bg-popover ${OVERLAY_SHADOW}`, children: [
     /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 border-b border-border px-4 py-3", children: [
       /* @__PURE__ */ jsx13(
         "span",
@@ -5185,8 +5185,8 @@ function RunDrillIn({ run, onClose }) {
     ] }),
     /* @__PURE__ */ jsxs11("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
       run.steps.length === 0 && /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: "No steps recorded yet." }),
-      run.steps.map((step, i) => /* @__PURE__ */ jsxs11("div", { className: "rounded-lg border border-border/60 bg-background", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "flex items-baseline gap-2 border-b border-border/40 px-3 py-1.5", children: [
+      run.steps.map((step, i) => /* @__PURE__ */ jsxs11("div", { className: "rounded-lg border border-card-edge bg-card", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-baseline gap-2 border-b border-border px-3 py-1.5", children: [
           /* @__PURE__ */ jsx13("span", { className: `font-mono text-[11px] ${step.status === "error" ? "text-destructive" : "text-muted-foreground"}`, children: step.status === "error" ? "\u2717" : "$" }),
           /* @__PURE__ */ jsx13("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: step.label }),
           /* @__PURE__ */ jsx13("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: new Date(step.at).toLocaleTimeString() })
@@ -5680,7 +5680,7 @@ function AssistantMessageImpl({
       formatTokensPerSecond(msg) && /* @__PURE__ */ jsx13("span", { children: formatTokensPerSecond(msg) }),
       formatModelCost(msg, models) && /* @__PURE__ */ jsx13("span", { children: formatModelCost(msg, models) })
     ] }),
-    reasoning && /* @__PURE__ */ jsxs11("details", { className: "mb-2 rounded-lg border-l-2 border-border/70 bg-secondary px-3 py-2", open: !hasAnswerText, children: [
+    reasoning && /* @__PURE__ */ jsxs11("details", { className: "mb-2 rounded-lg border-l-2 border-border bg-secondary px-3 py-2", open: !hasAnswerText, children: [
       /* @__PURE__ */ jsx13("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: !hasAnswerText ? /* @__PURE__ */ jsxs11("span", { className: "animate-pulse", children: [
         "Thinking",
         thinkingSeconds >= 3 ? ` \xB7 ${thinkingSeconds}s` : "\u2026"
@@ -5990,4 +5990,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-35SI5SUX.js.map
+//# sourceMappingURL=chunk-UTN647ES.js.map