@genesislcap/ai-assistant 15.10.6 → 15.11.0

package/dist/custom-elements.json

@@ -1983,6 +1983,34 @@
               ],
               "description": "Feed (or clear) one vendor's AI-spend figures for the settings-modal budget\nmeter — the numeric companion to\nFoundationAiAssistant.setVendorBlocked, and like it a host-driven\nwrite: the element meters nothing itself.\n\nThe meter renders a row for exactly the vendors that currently HAVE\nfigures. An **unlimited** vendor (the budget endpoint reports\n`unlimited: true` / `limitUsd: null`) is expressed by never feeding it —\nthere is deliberately no \"unlimited\" figure shape, because a bar with no\ncap has nothing truthful to fill to. `spentUsd` MAY exceed `budgetUsd`\n(the last allowed call can overshoot the cap): the row's text shows the\nreal figures and only the bar clamps.\n\nReturns `false` — and warns once, not per call — instead of throwing when\n`vendor` is not a budgeted vendor (`BUDGETED_VENDORS`, the proxy's own\nmetered list) or either figure is not a finite number `>= 0`. Invalid input\nchanges no state. Idempotent: re-feeding a vendor's current figures is a\nno-op, so hosts can re-feed unconditionally after every turn.\n\n`false` ALSO means \"not stored, because the element is not ready yet\": a\nfeed that lands before the element has its session store (a host calling\nahead of the first append, or during a pop-out remount) stores nothing and\nsays so, rather than reporting a write that never happened. That case is\ntransient and needs no host handling — the documented per-turn re-feed is\nwhat recovers it — so it is deliberately NOT warned about; the warn-once\nchannel is for garbage input only.\n\n`figures` is nullish-checked at run time, so `undefined` behaves exactly\nlike `null` and CLEARS that vendor's row. Untyped JS hosts feed this\nstraight from `GET /api/budget`, where a per-vendor lookup that misses\nyields `undefined`, not `null` — and \"no figures\" coherently means \"no\nrow\". The `| null` parameter type is unchanged for typed callers; the\nruntime is deliberately the more forgiving of the two.\n\nThe intended feed is the platform budget endpoint:\n\n```ts\n// `vendors` is an OBJECT keyed by vendor id, not an array.\nconst { vendors } = await (await fetch('/api/budget')).json();\nfor (const v of Object.values(vendors)) {\n  if (v.unlimited || v.limitUsd == null) {\n    assistantEl.setVendorBudget(v.vendor, null); // clear stale figures after a cap is lifted\n    continue;\n  }\n  assistantEl.setVendorBudget(v.vendor, { budgetUsd: v.limitUsd, spentUsd: v.spentUsd });\n}\n```\n\nRe-run it on mount and after each turn. Scope and lifetime follow the rest\nof the session slice (per `stateKey`, survives pop-in/out and \"Clear\" /\n\"New chat\") — except that the figures are NOT persisted to the session\nsnapshot: the server is authoritative and the host re-feeds at boot, so a\npersisted copy could only show stale dollars after a reload."
             },
+            {
+              "kind": "field",
+              "name": "budgetMeterLastFedAt",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "When budget figures last arrived — from the host's FoundationAiAssistant.setVendorBudget\nor the wall latch's own feed — as epoch ms; `null` until the first feed.\n\nELEMENT state, not slice state, on purpose: the reducer is idempotent by\nvalue (an unchanged re-feed must not re-render the meter rows), but \"when\nwas this fetched\" must move on every feed, changed figures or not — a\nrefresh that confirms the same dollars is still a refresh. Only the\ntoolbar label observes this, so a stamp re-renders one span, not the rows."
+            },
+            {
+              "kind": "field",
+              "name": "settingsBudgetUpdatedLabel",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "\"Updated HH:MM:SS\" for the meter toolbar, or `undefined` before any feed.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "requestBudgetRefresh",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Ask the host to re-fetch budget figures now (GENC-1464 refresh affordance).\n\nThe element cannot fetch — the meter is host-fed by design — so this emits\n`budget-refresh-requested` and the host answers with the same fetch that\nalready feeds FoundationAiAssistant.setVendorBudget (Create's handler coalesces in-flight\nfetches, so a spammed button costs one request). Fired by the meter's\nrefresh button and on settings-modal open, so the figures are fresh exactly\nwhen someone is looking at them. Fires unconditionally: a host without a\nlistener simply keeps the per-turn cadence."
+            },
             {
               "kind": "method",
               "name": "isVendorSwept",
@@ -4225,6 +4253,12 @@
             }
           ],
           "events": [
+            {
+              "name": "budget-refresh-requested",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
             {
               "type": {
                 "text": "CustomEvent"
@@ -5217,2016 +5251,2016 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/animated-panel-toggle.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/animation-exclusivity.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/banked-usage-baselines.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/collect-session-models.ts",
+      "path": "src/components/activity-halo/activity-halo.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "collectSessionModels",
-          "return": {
-            "type": {
-              "text": "CostSessionModelEntry[]"
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "Wrapper component that shows an `<ai-halo-overlay>` when the AI assistant\nis executing one of the declared tool names.",
+          "name": "AiActivityHalo",
+          "members": [
             {
-              "name": "messages",
+              "kind": "field",
+              "name": "tools",
               "type": {
-                "text": "readonly ChatMessage[]"
-              }
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Comma-separated list of tool names this element reacts to."
             },
             {
-              "name": "providerStatuses",
-              "default": "[]",
+              "kind": "field",
+              "name": "minShowTime",
               "type": {
-                "text": "readonly AIProviderRegistryStatusEntry[]"
-              }
-            }
-          ],
-          "description": "Unique models used across a message list (includes sub-agent traces)."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "collectSessionModels",
-          "declaration": {
-            "name": "collectSessionModels",
-            "module": "src/utils/collect-session-models.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/condense-history.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "CONDENSE_MIN_CHARS",
-          "type": {
-            "text": "number"
-          },
-          "default": "1000",
-          "description": "Below this serialized size a tool payload isn't worth condensing — the stub\nwould save little and cost a breadcrumb. A driver-level floor so the public\n`condenseWhen` API needs no per-policy threshold field."
-        },
-        {
-          "kind": "variable",
-          "name": "CONDENSED_ARGS_KEY",
-          "type": {
-            "text": "string"
-          },
-          "default": "'condensed'",
-          "description": "Key the collapsed args are stored under — a tool-call's args must stay a Record."
-        },
-        {
-          "kind": "function",
-          "name": "applyCondensation",
-          "return": {
-            "type": {
-              "text": "ChatMessage[]"
-            }
-          },
-          "parameters": [
+                "text": "number"
+              },
+              "default": "600",
+              "description": "Minimum time in ms the halo stays visible after activation."
+            },
             {
-              "name": "history",
+              "kind": "field",
+              "name": "unsubBus",
               "type": {
-                "text": "ChatMessage[]"
+                "text": "() => void | undefined"
               },
-              "description": "The to-model history copy to rewrite (not mutated)."
+              "privacy": "private"
             },
             {
-              "name": "policies",
+              "kind": "field",
+              "name": "hideTimeout",
               "type": {
-                "text": "Map<string, RegisteredCondensePolicy>"
+                "text": "ReturnType<typeof setTimeout> | undefined"
               },
-              "description": "The driver's registry, keyed by tool-call id. Its entries'\n`reported*` flags are flipped as payloads first collapse."
+              "privacy": "private"
             },
             {
-              "name": "ctx",
+              "kind": "field",
+              "name": "startTime",
               "type": {
-                "text": "CondenseContext"
+                "text": "number"
               },
-              "description": "The driver's live clocks (model-call / turn / agent-activation)."
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "onCondensed",
+              "kind": "method",
+              "name": "activate",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "scheduleDeactivate",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "tools",
               "type": {
-                "text": "(detail: CondensedEventDetail) => void"
+                "text": "string"
               },
-              "description": "Invoked once per payload at its full→stub transition."
+              "default": "''",
+              "description": "Comma-separated list of tool names this element reacts to.",
+              "fieldName": "tools"
+            },
+            {
+              "name": "min-show-time",
+              "type": {
+                "text": "number"
+              },
+              "default": "DEFAULT_MIN_SHOW_TIME",
+              "description": "Minimum time in ms the halo stays visible after activation.",
+              "resolveInitializer": {
+                "module": "src/components/activity-halo/activity-halo.ts"
+              },
+              "fieldName": "minShowTime"
             }
           ],
-          "description": "Collapse stale tool payloads (declared via `condenseWhen`) out of the\nmodel-bound history. Pure over the `history` array — it emits new message\nobjects and never mutates the input messages (mirroring the agent-masking\ntransform). It DOES, however, write two latches onto the matching `policies`\nentry the first time a payload collapses, both because the collapse itself\nre-runs before every provider call: the `reported*` flag (the report-once gate\nthat keeps `onCondensed` firing once per (tool call, payload)) and\n`firedTrigger` (which pins the reason so a reason-bearing stub is rendered\nonce and never rewritten).\n\nTriggers (a policy may list several via `on: Trigger[]` — the FIRST to fire\ncollapses the payload; all are monotonic, so the collapse never reverts):\n- `superseded` — among all registered calls sharing a `by` key, the LAST in\n  history order survives; every earlier one's targeted payload collapses. A\n  re-call with the same key becomes the new survivor and re-arms the rest.\n- `age` — the result is first visible one model-call after the call, so `turns`\n  is how many model-calls may see the full result before it collapses\n  (fires when `modelCall − callModelCall > turns`): `turns: 1` is seen once,\n  then collapses. The clock is monotonic across turns.\n- `turnEnd` — collapses once the turn (`sendMessage`) that made the call has\n  ended (fires when `turn > callTurn`): full for the rest of that request,\n  gone on every later one.\n- `agentEnd` — collapses once the agent activation that made the call has ended\n  (a swap to another agent, or `releaseAgent`/`completeSubAgent`): kept across\n  all of the agent's turns, dropped when its flow finishes.\n- `phaseEnd` — collapses once the app advances its phase epoch via `endPhase()`\n  after the call (a sub-`agentEnd` boundary the author declares), OR at\n  `agentEnd` as a backstop if no boundary is ever declared.\n\nThe tool-call/result envelope is never removed (providers reject orphaned\ncalls/results) — only the args object or the result content is replaced."
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "ai-activity-halo",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CONDENSE_MIN_CHARS",
+          "name": "AiActivityHalo",
           "declaration": {
-            "name": "CONDENSE_MIN_CHARS",
-            "module": "src/utils/condense-history.ts"
+            "name": "AiActivityHalo",
+            "module": "src/components/activity-halo/activity-halo.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "CONDENSED_ARGS_KEY",
+          "kind": "custom-element-definition",
+          "name": "ai-activity-halo",
           "declaration": {
-            "name": "CONDENSED_ARGS_KEY",
-            "module": "src/utils/condense-history.ts"
+            "name": "AiActivityHalo",
+            "module": "src/components/activity-halo/activity-halo.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/agent-picker/agent-picker.constants.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "AGENT_PICKER_AUTO_VALUE",
+          "type": {
+            "text": "string"
+          },
+          "default": "'__auto__'",
+          "description": "Sentinel value used by the segmented control / select to represent \"Auto\"."
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "applyCondensation",
+          "name": "AGENT_PICKER_AUTO_VALUE",
           "declaration": {
-            "name": "applyCondensation",
-            "module": "src/utils/condense-history.ts"
+            "name": "AGENT_PICKER_AUTO_VALUE",
+            "module": "src/components/agent-picker/agent-picker.constants.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/cost-session-history.ts",
+      "path": "src/components/agent-picker/agent-picker.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "costHistoryStorageKey",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
-            {
-              "name": "scope",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "localStorage key for a host-scoped cost history list."
-        },
+          "kind": "variable",
+          "name": "styles",
+          "default": "css`\n  :host {\n    display: block;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .picker {\n    position: relative;\n    padding: 6px calc(var(--design-unit) * 3px);\n    background-color: var(--neutral-layer-2);\n  }\n\n  /* Clipping wrapper. The inner segmented-control is naturally inline-flex\n     and auto-sizes to its segments, so it would overflow the panel without\n     ever reporting scrollWidth > clientWidth. By giving the wrapper a\n     constrained width (flex+min-width:0) and overflow:hidden, the wrapper's\n     scrollWidth reflects the segments' natural width while clientWidth is\n     the available width — that's what we measure to decide on the fallback. */\n  .segmented-row {\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  /* When the fallback select is showing, take the segmented row out of layout\n     but keep it in the DOM so the ResizeObserver can re-measure when the\n     container grows back and we can swap back to segmented-control. */\n  .picker[data-effective='select'] .segmented-row {\n    position: absolute;\n    inset: 6px calc(var(--design-unit) * 3px);\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .segmented-control {\n    flex: 0 0 auto;\n  }\n\n  .select-fallback {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .select-label {\n    font-family: var(--body-font);\n    font-size: 0.8em;\n    color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n  }\n\n  .select-control {\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: 4px 8px;\n    background: var(--neutral-layer-3);\n    color: var(--neutral-foreground-rest);\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: 4px;\n    font-family: var(--body-font);\n    font-size: 0.85em;\n    cursor: pointer;\n  }\n\n  .select-control:focus-visible {\n    outline: 2px solid var(--accent-fill-rest);\n    outline-offset: 1px;\n  }\n`"
+        }
+      ],
+      "exports": [
         {
-          "kind": "function",
-          "name": "loadCostSessionHistory",
-          "return": {
-            "type": {
-              "text": "CostSessionRecord[]"
-            }
-          },
-          "parameters": [
-            {
-              "name": "scope",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "Load persisted cost sessions for a scope, in whatever order they were stored — this applies no\nordering of its own. Display order is the caller's business; see `sortRecordsByRecency`."
-        },
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/components/agent-picker/agent-picker.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/agent-picker/agent-picker.template.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/agent-picker/agent-picker.ts",
+      "declarations": [
         {
-          "kind": "function",
-          "name": "saveCostSessionHistory",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "User-facing agent picker rendered above the chat input.\n\nRenders `Auto` plus each top-level agent that has `manualSelection.enabled`.\nSub-agents and non-selectable specialists are excluded. Hidden when fewer\nthan two agents are configured or none are manually selectable.",
+          "name": "AgentPicker",
+          "members": [
             {
-              "name": "scope",
+              "kind": "field",
+              "name": "designSystemPrefix",
               "type": {
                 "text": "string"
-              }
+              },
+              "default": "'rapid'",
+              "description": "Design-system tag prefix, e.g. `'rapid'` for `rapid-segmented-control`."
             },
             {
-              "name": "records",
+              "kind": "field",
+              "name": "mode",
               "type": {
-                "text": "CostSessionRecord[]"
-              }
-            }
-          ],
-          "description": "Replace the persisted list for a scope."
-        },
-        {
-          "kind": "function",
-          "name": "upsertRecord",
-          "return": {
-            "type": {
-              "text": "CostSessionRecord[]"
-            }
-          },
-          "parameters": [
+                "text": "AgentPickerMode"
+              },
+              "default": "'disabled'",
+              "description": "Picker variant, sourced from the assistant's `chatConfig.agentPicker`."
+            },
             {
-              "name": "records",
+              "kind": "field",
+              "name": "agents",
               "type": {
-                "text": "readonly CostSessionRecord[]"
-              }
+                "text": "AgentConfig[]"
+              },
+              "default": "[]",
+              "description": "Top-level agents passed to the assistant."
             },
             {
-              "name": "record",
+              "kind": "field",
+              "name": "pinnedAgentName",
               "type": {
-                "text": "CostSessionRecord"
-              }
-            }
-          ],
-          "description": "Pure upsert — `records` with `record` replacing any row sharing its `projectKey`, or\nprepended when there is none.\n\nAn upsert, not an append, because a row stands for a **project's lifetime usage** rather\nthan a visit to it. Appending cut a fresh row per page-hide, so one project accumulated\na stack of near-identical rows and its spend was counted once per refresh by anything\nsumming the list.\n\nThe resulting array order is incidental — it is insertion order, so a project returned to\nstays where it first landed. Do not read it as recency; `sortRecordsByRecency` is what the\nUsage tab renders through.\n\nStorage-agnostic on purpose: the same merge serves the synchronous `localStorage` path\nand the async provider-backed one, so the two can never drift on what \"upsert\" means.\nThe caller owns persistence — see the assistant's `persistCostHistory`."
-        },
-        {
-          "kind": "function",
-          "name": "sortRecordsByRecency",
-          "return": {
-            "type": {
-              "text": "CostSessionRecord[]"
-            }
-          },
-          "parameters": [
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Currently pinned agent name, or `null` for Auto."
+            },
             {
-              "name": "records",
+              "kind": "field",
+              "name": "resizeObserver",
               "type": {
-                "text": "readonly CostSessionRecord[]"
-              }
-            }
-          ],
-          "description": "Rows most-recently-worked-on first, as a new array.\n\nApplied at read time rather than baked into the stored order, so it covers rows that came from\na host provider as well as from `localStorage`, and so no write path has to maintain it.\n\n`updatedAt` is ISO-8601, which sorts lexicographically — no date parsing, and no dependence on\nthe strings being valid dates. Sorting by it rather than by insertion order is what makes the\nlist track use: the active project moves to the top on its first upsert and stays there, since\nits row is rewritten on every transcript change."
-        },
-        {
-          "kind": "function",
-          "name": "resolveBankedUsage",
-          "return": {
-            "type": {
-              "text": "AggregateUsage"
-            }
-          },
-          "parameters": [
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
             {
-              "name": "existing",
+              "kind": "field",
+              "name": "selectableAgents",
               "type": {
-                "text": "CostSessionRecord | undefined"
-              }
+                "text": "AgentConfig[]"
+              },
+              "description": "Top-level agents that opted in to manual selection.",
+              "readonly": true
             },
             {
-              "name": "transcriptIsAuthoritative",
+              "kind": "field",
+              "name": "visible",
               "type": {
                 "text": "boolean"
+              },
+              "description": "Whether the picker should render at all.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "effectiveMode",
+              "type": {
+                "text": "'select' | 'segmented-control'"
+              },
+              "description": "The variant actually rendered: `'select'` if user-configured or if the\nsegmented row currently overflows; `'segmented-control'` otherwise.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "agentsChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Re-measure when agents change — newly added selectable agents may push the\nsegmented row past the container's width."
+            },
+            {
+              "kind": "method",
+              "name": "modeChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
-            }
-          ],
-          "description": "The spend a project's next row must carry over from before its current transcript.\n\n`transcriptIsAuthoritative` means the open transcript already accounts for this project's\nhistory — true exactly when a session snapshot is restored on load. The two branches are\nnot interchangeable, and picking the wrong one is silently destructive:\n\n- Authoritative: carry the previous row's own `banked` forward. Taking `usage` instead would\n  re-add the restored history on every reload, the compounding double-count this replaced.\n- Not authoritative: the whole previous total becomes banked, because nothing in the fresh\n  transcript accounts for it. Taking `banked` instead would rewrite the row down to the\n  current page-load and drop the project's earlier spend.\n\nNote both branches are idempotent — the result never includes the current transcript — which\nis what lets two assistant instances sharing a session write the same row."
-        },
-        {
-          "kind": "function",
-          "name": "clearCostSessionHistory",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "scope",
+              "kind": "method",
+              "name": "measureOverflow",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Measures whether the segmented row's natural content width exceeds the\ncontainer's visible width. Bails when the row isn't currently rendered\n(e.g. when `mode !== 'segmented-control'`)."
+            },
+            {
+              "kind": "method",
+              "name": "selectAgent",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "selectByValue",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Maps a value from the segmented-control or select (which uses\nAGENT_PICKER_AUTO_VALUE for Auto) back to the `string | null` form\nexpected by `selectAgent`."
+            },
+            {
+              "kind": "field",
+              "name": "currentValue",
               "type": {
                 "text": "string"
-              }
+              },
+              "description": "Current pinned agent name as a value the segmented-control / select can bind to.",
+              "readonly": true
             }
           ],
-          "description": "Clear all persisted records for a scope."
-        },
-        {
-          "kind": "function",
-          "name": "formatCostSessionDate",
-          "return": {
-            "type": {
-              "text": "string"
+          "events": [
+            {
+              "description": "Fired when the user changes selection with the agent name or `null` for Auto. detail: `string | null`",
+              "name": "agent-pinned"
             }
-          },
-          "parameters": [
+          ],
+          "attributes": [
             {
-              "name": "iso",
+              "name": "design-system-prefix",
               "type": {
                 "text": "string"
-              }
-            }
-          ],
-          "description": "Display date for a history row (e.g. \"Jun 14, 2026\")."
-        },
-        {
-          "kind": "function",
-          "name": "isCostSessionRecord",
-          "return": {
-            "type": {
-              "text": "value is CostSessionRecord"
-            }
-          },
-          "parameters": [
-            {
-              "name": "value",
-              "type": {
-                "text": "unknown"
-              }
+              },
+              "default": "'rapid'",
+              "description": "Design-system tag prefix, e.g. `'rapid'` for `rapid-segmented-control`.",
+              "fieldName": "designSystemPrefix"
             }
           ],
-          "description": "Whether a value is a usable row. Exported because rows arrive by two routes and BOTH need it:\n`loadCostSessionHistory` filters the `localStorage` path here, and the assistant filters what a\nhost provider returns. A row that skips this check is not merely ignored downstream — a\nhalf-shaped `usage` sums to `NaN` through every total, and a missing `updatedAt` throws inside\nthe sort that orders the list, during render."
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "foundation-ai-agent-picker",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "costHistoryStorageKey",
+          "name": "AGENT_PICKER_AUTO_VALUE",
           "declaration": {
-            "name": "costHistoryStorageKey",
-            "module": "src/utils/cost-session-history.ts"
+            "name": "AGENT_PICKER_AUTO_VALUE",
+            "module": "src/components/agent-picker/agent-picker.ts"
           }
         },
         {
           "kind": "js",
-          "name": "loadCostSessionHistory",
+          "name": "AgentPicker",
           "declaration": {
-            "name": "loadCostSessionHistory",
-            "module": "src/utils/cost-session-history.ts"
+            "name": "AgentPicker",
+            "module": "src/components/agent-picker/agent-picker.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "saveCostSessionHistory",
+          "kind": "custom-element-definition",
+          "name": "foundation-ai-agent-picker",
           "declaration": {
-            "name": "saveCostSessionHistory",
-            "module": "src/utils/cost-session-history.ts"
+            "name": "AgentPicker",
+            "module": "src/components/agent-picker/agent-picker.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/agent-picker/index.ts",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
-          "name": "upsertRecord",
+          "name": "*",
           "declaration": {
-            "name": "upsertRecord",
-            "module": "src/utils/cost-session-history.ts"
+            "name": "*",
+            "package": "./agent-picker"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/ai-driver/ai-driver.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/ai-driver/index.ts",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
-          "name": "sortRecordsByRecency",
+          "name": "AiDriver",
           "declaration": {
-            "name": "sortRecordsByRecency",
-            "module": "src/utils/cost-session-history.ts"
+            "name": "AiDriver",
+            "module": "./ai-driver"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/chat-bubble/chat-bubble.styles.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "resolveBankedUsage",
-          "declaration": {
-            "name": "resolveBankedUsage",
-            "module": "src/utils/cost-session-history.ts"
-          }
-        },
+          "kind": "variable",
+          "name": "styles",
+          "default": "css`\n  :host {\n    position: fixed;\n    inset: 0;\n    pointer-events: none;\n    z-index: 9999;\n    overflow: visible;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .bubble {\n    position: absolute;\n    width: 62px;\n    height: 62px;\n    border-radius: 50%;\n    cursor: grab;\n    pointer-events: all;\n    overflow: visible;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n    transition:\n      transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),\n      box-shadow 0.25s ease;\n    background: linear-gradient(135deg, #0e1628 0%, #192340 100%);\n    box-shadow: 0 4px 20px rgb(0 0 0 / 45%);\n    border: 2px solid rgb(255 255 255 / 15%);\n    color: white;\n  }\n\n  .bubble img {\n    width: 62px;\n    height: 62px;\n    border-radius: 50%;\n    object-fit: cover;\n    pointer-events: none;\n    box-shadow: 0 4px 20px rgb(0 0 0 / 45%);\n    border: 2px solid rgb(255 255 255 / 15%);\n  }\n\n  .bubble svg {\n    pointer-events: none;\n  }\n\n  .bubble:hover,\n  .bubble.hovered {\n    transform: scale(1.18);\n  }\n\n  .bubble:hover img,\n  .bubble.hovered img {\n    box-shadow:\n      0 6px 32px rgb(0 100 255 / 55%),\n      0 0 0 3px rgb(0 120 255 / 35%);\n  }\n\n  .bubble:active {\n    cursor: grabbing;\n  }\n\n  .tooltip {\n    position: absolute;\n    bottom: calc(100% + 10px);\n    background: linear-gradient(135deg, #0078ff 0%, #0050d0 100%);\n    color: #fff;\n    font-size: 0.78em;\n    font-weight: 600;\n    letter-spacing: 0.03em;\n    white-space: nowrap;\n    padding: 5px 10px;\n    border-radius: 8px;\n    box-shadow: 0 4px 14px rgb(0 120 255 / 45%);\n    pointer-events: none;\n    opacity: 0%;\n    translate: 0 4px;\n    transition:\n      opacity 0.18s ease,\n      translate 0.18s ease;\n  }\n\n  .tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: var(--arrow-left, 50%);\n    transform: translateX(-50%);\n    border: 5px solid transparent;\n    border-top-color: #0050d0;\n  }\n\n  .bubble:hover .tooltip,\n  .bubble.hovered .tooltip {\n    opacity: 100%;\n    translate: 0 0;\n  }\n\n  .pulse-ring {\n    position: absolute;\n    width: 62px;\n    height: 62px;\n    border-radius: 50%;\n    border: 2px solid rgb(0 120 255 / 50%);\n    animation: pulse 2.5s ease-out infinite;\n    pointer-events: none;\n  }\n\n  @keyframes pulse {\n    0% {\n      transform: scale(1);\n      opacity: 70%;\n    }\n\n    70% {\n      transform: scale(1.5);\n      opacity: 0%;\n    }\n\n    100% {\n      transform: scale(1.5);\n      opacity: 0%;\n    }\n  }\n\n  .dialog {\n    position: absolute;\n    box-sizing: border-box;\n    width: 400px;\n    height: 520px;\n    min-width: 300px;\n    min-height: 300px;\n    max-width: 50vw;\n    max-height: calc(100vh - 40px);\n    background: var(--neutral-layer-1);\n    border-radius: 14px;\n    box-shadow:\n      0 12px 50px rgb(0 0 0 / 55%),\n      0 0 0 1px rgb(255 255 255 / 6%);\n    pointer-events: all;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    resize: both;\n    border: 1px solid var(--neutral-stroke-rest);\n    animation: dialog-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n\n  @keyframes dialog-in {\n    from {\n      opacity: 0%;\n      transform: scale(0.85) translateY(12px);\n    }\n\n    to {\n      opacity: 100%;\n      transform: scale(1) translateY(0);\n    }\n  }\n\n  @keyframes dialog-out {\n    from {\n      opacity: 100%;\n      transform: scale(1) translateY(0);\n    }\n\n    to {\n      opacity: 0%;\n      transform: scale(0.85) translateY(12px);\n    }\n  }\n\n  .dialog.closing {\n    animation: dialog-out 0.2s cubic-bezier(0.4, 0, 0.6, 1) forwards;\n  }\n\n  .dialog-content {\n    flex: 1;\n    overflow: hidden;\n    display: flex;\n    min-height: 0;\n  }\n\n  .dialog-content ::slotted(*) {\n    display: flex;\n    flex: 1;\n    width: 100%;\n    min-height: 0;\n  }\n`"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "clearCostSessionHistory",
+          "name": "styles",
           "declaration": {
-            "name": "clearCostSessionHistory",
-            "module": "src/utils/cost-session-history.ts"
+            "name": "styles",
+            "module": "src/components/chat-bubble/chat-bubble.styles.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/chat-bubble/chat-bubble.template.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "formatCostSessionDate",
-          "declaration": {
-            "name": "formatCostSessionDate",
-            "module": "src/utils/cost-session-history.ts"
+          "kind": "function",
+          "name": "AiChatBubbleTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<AiChatBubble>"
+            }
           }
-        },
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "isCostSessionRecord",
+          "name": "AiChatBubbleTemplate",
           "declaration": {
-            "name": "isCostSessionRecord",
-            "module": "src/utils/cost-session-history.ts"
+            "name": "AiChatBubbleTemplate",
+            "module": "src/components/chat-bubble/chat-bubble.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/derive-cost-session-title.ts",
+      "path": "src/components/chat-bubble/chat-bubble.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "COST_SESSION_TITLE_MAX_WORDS",
-          "type": {
-            "text": "number"
-          },
-          "default": "10",
-          "description": "Max words kept from the first user turn when deriving a session title."
-        },
-        {
-          "kind": "variable",
-          "name": "COST_SESSION_TITLE_MAX_CHARS",
-          "type": {
-            "text": "number"
-          },
-          "default": "60",
-          "description": "Hard cap on derived title length (ellipsis included)."
-        },
-        {
-          "kind": "function",
-          "name": "getChatMessageText",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "Floating chat bubble component that provides a draggable orb and dialog panel\nfor embedding an AI assistant without a full-page layout.",
+          "name": "AiChatBubble",
+          "members": [
             {
-              "name": "content",
+              "kind": "field",
+              "name": "title",
               "type": {
-                "text": "ChatMessage['content']"
+                "text": "string"
+              },
+              "default": "'AI Assistant'"
+            },
+            {
+              "kind": "field",
+              "name": "imageSrc",
+              "type": {
+                "text": "string | undefined"
               }
-            }
-          ],
-          "description": "Plain text from a chat message `content` field."
-        },
-        {
-          "kind": "function",
-          "name": "truncateCostSessionTitle",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "text",
+              "kind": "field",
+              "name": "designSystemPrefix",
               "type": {
                 "text": "string"
-              }
-            }
-          ],
-          "description": "Trim a raw user phrase to a display-friendly session title: first sentence,\nthen word cap, then character cap."
-        },
-        {
-          "kind": "function",
-          "name": "deriveCostSessionTitleFromMessages",
-          "return": {
-            "type": {
-              "text": "string | undefined"
-            }
-          },
-          "parameters": [
+              },
+              "default": "'rapid'"
+            },
             {
-              "name": "messages",
+              "kind": "field",
+              "name": "bubbleLeft",
               "type": {
-                "text": "readonly ChatMessage[]"
-              }
-            }
-          ],
-          "description": "First non-empty user message in the thread, shortened for cost history."
-        },
-        {
-          "kind": "function",
-          "name": "resolveCostSessionTitle",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Current left position of the bubble orb (px from viewport left). @internal"
+            },
             {
-              "name": "input",
+              "kind": "field",
+              "name": "bubbleTop",
               "type": {
-                "text": "ResolveCostSessionTitleInput"
-              }
-            }
-          ],
-          "description": "Resolve the label stored on a finalized cost session record."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "COST_SESSION_TITLE_MAX_WORDS",
-          "declaration": {
-            "name": "COST_SESSION_TITLE_MAX_WORDS",
-            "module": "src/utils/derive-cost-session-title.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "COST_SESSION_TITLE_MAX_CHARS",
-          "declaration": {
-            "name": "COST_SESSION_TITLE_MAX_CHARS",
-            "module": "src/utils/derive-cost-session-title.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getChatMessageText",
-          "declaration": {
-            "name": "getChatMessageText",
-            "module": "src/utils/derive-cost-session-title.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "truncateCostSessionTitle",
-          "declaration": {
-            "name": "truncateCostSessionTitle",
-            "module": "src/utils/derive-cost-session-title.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "deriveCostSessionTitleFromMessages",
-          "declaration": {
-            "name": "deriveCostSessionTitleFromMessages",
-            "module": "src/utils/derive-cost-session-title.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "resolveCostSessionTitle",
-          "declaration": {
-            "name": "resolveCostSessionTitle",
-            "module": "src/utils/derive-cost-session-title.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/flatten-sub-agent-messages.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/format-usd.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "formatUsdAmount",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Current top position of the bubble orb (px from viewport top). @internal"
+            },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "dialogLeft",
               "type": {
                 "text": "number"
-              }
-            }
-          ],
-          "description": "The bare amount, no currency sign — `(12.3) => \"12.30\"`.\n\nExists for the settings modal's cost blocks, where the `$` is a separately\nstyled `<span class=\"prefix\">` and folding it into the text would change the\nDOM those styles target."
-        },
-        {
-          "kind": "function",
-          "name": "formatUsd",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
+              },
+              "default": "0",
+              "description": "Current left position of the dialog panel (px from viewport left). @internal"
+            },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "dialogTop",
               "type": {
                 "text": "number"
-              }
-            }
-          ],
-          "description": "A signed USD figure — `(12.3) => \"$12.30\"`."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "formatUsdAmount",
-          "declaration": {
-            "name": "formatUsdAmount",
-            "module": "src/utils/format-usd.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "formatUsd",
-          "declaration": {
-            "name": "formatUsd",
-            "module": "src/utils/format-usd.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/history-transform.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "transformHistoryForAgent",
-          "return": {
-            "type": {
-              "text": "ChatMessage[]"
-            }
-          },
-          "parameters": [
+              },
+              "default": "0",
+              "description": "Current top position of the dialog panel (px from viewport top). @internal"
+            },
             {
-              "name": "history",
+              "kind": "field",
+              "name": "dialogWidth",
               "type": {
-                "text": "ChatMessage[]"
-              }
+                "text": "number"
+              },
+              "default": "400",
+              "description": "Current rendered width of the dialog panel (px). @internal"
             },
             {
-              "name": "agentName",
+              "kind": "field",
+              "name": "dialogHeight",
               "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "Prepares history for the LLM only: masks tool call args and results from other\nagents so the active specialist is not confused by tools it does not have.\nCanonical history in `ChatDriver` stays unmasked for UI and logging."
-        },
-        {
-          "kind": "function",
-          "name": "applyHistoryCap",
-          "return": {
-            "type": {
-              "text": "ChatMessage[]"
-            }
-          },
-          "parameters": [
+                "text": "number"
+              },
+              "default": "520",
+              "description": "Current rendered height of the dialog panel (px). @internal"
+            },
             {
-              "name": "history",
+              "kind": "field",
+              "name": "dialogOpen",
               "type": {
-                "text": "readonly ChatMessage[]"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the dialog panel is currently open. @internal"
             },
             {
-              "name": "cap",
+              "kind": "field",
+              "name": "hovered",
               "type": {
-                "text": "number"
-              }
-            }
-          ],
-          "description": "Applies a history cap for sub-agent context: the last `cap` messages are passed\nverbatim; older messages have their tool payloads masked."
-        },
-        {
-          "kind": "variable",
-          "name": "COMPACT_KEEP_RECENT_MESSAGES",
-          "type": {
-            "text": "number"
-          },
-          "default": "4",
-          "description": "Recent messages kept verbatim when compacting; everything earlier is summarized."
-        },
-        {
-          "kind": "variable",
-          "name": "COMPACT_MIN_MESSAGES_TO_COMPACT",
-          "type": {
-            "text": "number"
-          },
-          "default": "4",
-          "description": "Don't bother compacting unless at least this many messages would be summarized."
-        },
-        {
-          "kind": "function",
-          "name": "findCompactionCut",
-          "return": {
-            "type": {
-              "text": "number | null"
-            }
-          },
-          "parameters": [
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the bubble orb is currently hovered. @internal"
+            },
             {
-              "name": "history",
+              "kind": "field",
+              "name": "unsubBus",
               "type": {
-                "text": "readonly ChatMessage[]"
-              }
-            }
-          ],
-          "description": "Index at which the verbatim tail begins — everything before it gets summarized.\nThe tail starts on a clean turn boundary (a `user` message): a user message\nnever appears between a `tool_use` and its `tool_result`, so cutting there\nguarantees the summarized region is tool-pair-balanced (compaction only runs\nwhen idle, so history is turn-complete). Returns `null` when there is nothing\nworth compacting (too short, or no earlier user boundary) — e.g. a freshly\nrestored session whose only user turn is the current one."
-        },
-        {
-          "kind": "function",
-          "name": "buildCompactionSummaryPrompt",
-          "return": {
-            "type": {
-              "text": "{\n  systemPrompt: string;\n  userMessage: string;\n}"
-            }
-          },
-          "parameters": [
+                "text": "() => void | undefined"
+              },
+              "privacy": "private"
+            },
             {
-              "name": "toCompact",
+              "kind": "field",
+              "name": "injectedCloseBtn",
               "type": {
-                "text": "readonly ChatMessage[]"
-              }
-            }
-          ],
-          "description": "Build the one-shot summarizer prompt for a run of older messages (used with\n`AIProvider.prompt`). Mirrors the `<conversation_history>` block convention\nthat suggestions use. Any existing `compacted-summary` at the head is folded\nin (rendered as prior-summary context), so rolling re-compaction produces one\ncombined summary."
-        },
-        {
-          "kind": "function",
-          "name": "normalizeForProvider",
-          "return": {
-            "type": {
-              "text": "ChatMessage[]"
-            }
-          },
-          "parameters": [
+                "text": "Element | undefined"
+              },
+              "privacy": "private"
+            },
             {
-              "name": "history",
+              "kind": "field",
+              "name": "resizeObserver",
               "type": {
-                "text": "readonly ChatMessage[]"
-              }
-            }
-          ],
-          "description": "Normalize history for a provider request (GENC-1351 §5.7): translate each\n`compacted-summary` message into a `user` message that wraps its summary in a\n`<conversation_summary>` block, so the raw display-only role never reaches a\ntransport. Other roles pass through untouched. Pure — returns a new array.\n\nApplied at the request-build chokepoint *before* per-agent masking, so the\nguarantee holds for every provider/transport regardless of any optional\nper-agent history transform."
-        },
-        {
-          "kind": "function",
-          "name": "compactionDividerLabel",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
             {
-              "name": "m",
+              "kind": "field",
+              "name": "dragging",
               "type": {
-                "text": "ChatMessage"
-              }
-            }
-          ],
-          "description": "Human-facing divider label for a `compacted-summary` message."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "transformHistoryForAgent",
-          "declaration": {
-            "name": "transformHistoryForAgent",
-            "module": "src/utils/history-transform.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "applyHistoryCap",
-          "declaration": {
-            "name": "applyHistoryCap",
-            "module": "src/utils/history-transform.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "COMPACT_KEEP_RECENT_MESSAGES",
-          "declaration": {
-            "name": "COMPACT_KEEP_RECENT_MESSAGES",
-            "module": "src/utils/history-transform.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "COMPACT_MIN_MESSAGES_TO_COMPACT",
-          "declaration": {
-            "name": "COMPACT_MIN_MESSAGES_TO_COMPACT",
-            "module": "src/utils/history-transform.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "findCompactionCut",
-          "declaration": {
-            "name": "findCompactionCut",
-            "module": "src/utils/history-transform.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "buildCompactionSummaryPrompt",
-          "declaration": {
-            "name": "buildCompactionSummaryPrompt",
-            "module": "src/utils/history-transform.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "normalizeForProvider",
-          "declaration": {
-            "name": "normalizeForProvider",
-            "module": "src/utils/history-transform.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "compactionDividerLabel",
-          "declaration": {
-            "name": "compactionDividerLabel",
-            "module": "src/utils/history-transform.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./animated-panel-toggle"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./logger"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tool-fold"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/logger.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "logger"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "logger",
-          "declaration": {
-            "name": "logger",
-            "module": "src/utils/logger.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/message-partition.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "isSessionNoticeMarker",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
-          "parameters": [
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
-              "name": "m",
+              "kind": "field",
+              "name": "dragTarget",
               "type": {
-                "text": "ChatMessage"
-              }
-            }
-          ],
-          "description": "Either restore notice — both display-only, stripped before persist. @internal"
-        },
-        {
-          "kind": "function",
-          "name": "trailingInteractionRow",
-          "return": {
-            "type": {
-              "text": "ChatMessage[]"
-            }
-          },
-          "parameters": [
+                "text": "'bubble' | 'dialog' | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
             {
-              "name": "messages",
+              "kind": "field",
+              "name": "startMouseX",
               "type": {
-                "text": "ChatMessage[]"
-              }
-            }
-          ],
-          "description": "The trailing interaction to render in a pinned slot, separate from the\nfiltered list. Empty unless the most recent message carries an interaction.\n\nPinning the trailing interaction keeps its widget out of the list's\nreconciliation: FAST's `repeat` has no key function and reconciles by array\nindex, so re-filtering the list (a cog-menu toggle) would otherwise rebind an\nexisting row to a different message and re-create the live widget — discarding\nany in-progress input. The slot's binding reads only `messages` and returns\nthe same message object across toggles, so the widget's DOM is preserved.\n\nIt is the *trailing* message (resolved or not), not \"unresolved only\", so that\nanswering an interaction leaves it in the slot — `resolved` is forwarded in\nplace with no re-render. It rejoins the list naturally once a newer message\narrives and it is no longer last."
-        },
-        {
-          "kind": "function",
-          "name": "filterVisibleMessages",
-          "return": {
-            "type": {
-              "text": "ChatMessage[]"
-            }
-          },
-          "parameters": [
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
             {
-              "name": "messages",
+              "kind": "field",
+              "name": "startMouseY",
               "type": {
-                "text": "ChatMessage[]"
-              }
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "toggles",
-              "type": {
-                "text": "MessageFilterState"
-              }
-            }
-          ],
-          "description": "Filters messages for the scrolling list per the current cog-menu toggles.\n\nThe trailing interaction (see `trailingInteractionRow`) must be removed\nbefore calling, as it is rendered separately."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isSessionNoticeMarker",
-          "declaration": {
-            "name": "isSessionNoticeMarker",
-            "module": "src/utils/message-partition.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "trailingInteractionRow",
-          "declaration": {
-            "name": "trailingInteractionRow",
-            "module": "src/utils/message-partition.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "filterVisibleMessages",
-          "declaration": {
-            "name": "filterVisibleMessages",
-            "module": "src/utils/message-partition.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/resolve-cost-history-config.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "resolveCostHistoryConfig",
-          "return": {
-            "type": {
-              "text": "ResolvedCostHistoryConfig"
-            }
-          },
-          "parameters": [
-            {
-              "name": "chatConfig",
-              "type": {
-                "text": "ChatConfig"
-              }
-            }
-          ],
-          "description": "Resolve `chatConfig.costHistory` with defaults applied."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "resolveCostHistoryConfig",
-          "declaration": {
-            "name": "resolveCostHistoryConfig",
-            "module": "src/utils/resolve-cost-history-config.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/resolve-preference-baseline.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/strip-agent-handlers.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/sum-costs.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/sum-tokens.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "formatCompactTokenCountSafe",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
-            {
-              "name": "tokens",
+              "kind": "field",
+              "name": "startElemLeft",
               "type": {
                 "text": "number"
-              }
-            }
-          ],
-          "description": "formatCompactTokenCount passed through DOMPurify for `:innerHTML` bindings."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "formatCompactTokenCountSafe",
-          "declaration": {
-            "name": "formatCompactTokenCountSafe",
-            "module": "src/utils/sum-tokens.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/sum-usage.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/tool-fold.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "createToolFold",
-          "return": {
-            "type": {
-              "text": "ToolFoldResult"
-            }
-          },
-          "parameters": [
-            {
-              "name": "config",
-              "type": {
-                "text": "{\n  /** Facade tool name — used as the tool name the model calls to open this fold. */\n  name: string;\n  /**\n   * Description shown to the model for the facade tool.\n   * If omitted, auto-generated from the inner tool names:\n   * \"Contains: tool_a, tool_b. Invoke to access these tools.\"\n   */\n  description?: string;\n  /**\n   * Optional usage guidance injected into the fold-open response message.\n   * Not included in the facade description — only visible once the fold is open.\n   */\n  usageNotes?: string;\n  /** Inner tool definitions. Same type as `AgentConfig.toolDefinitions`. */\n  tools: ChatToolDefinition[];\n  /** Inner tool handlers. Same type as `AgentConfig.toolHandlers`. */\n  handlers: ChatToolHandlers;\n  /**\n   * When true (default), all other tools are removed when this fold opens.\n   * When false, sibling tools remain available alongside the inner tools.\n   */\n  exclusive?: boolean;\n}"
-              }
-            }
-          ],
-          "description": "Creates a tool fold — a facade that hides a group of related tools behind a single\nnamed entry, revealing them progressively when the model invokes the facade.\n\nThe `tools` and `handlers` parameters accept the exact same types as `AgentConfig.toolDefinitions`\nand `AgentConfig.toolHandlers`, so existing tool creation functions can be passed in unchanged."
-        },
-        {
-          "kind": "function",
-          "name": "expandToolTree",
-          "return": {
-            "type": {
-              "text": "ToolTreeNode[]"
-            }
-          },
-          "parameters": [
-            {
-              "name": "definitions",
-              "type": {
-                "text": "ChatToolDefinition[]"
-              }
+              },
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "handlers",
+              "kind": "field",
+              "name": "startElemTop",
               "type": {
-                "text": "ChatToolHandlers"
-              }
-            }
-          ],
-          "description": "Expands a flat list of tool definitions into a nested tree by resolving fold\nmetadata from the corresponding handlers. Use this for debug output so the\nfull tool hierarchy is visible rather than just the top-level facade names."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "createToolFold",
-          "declaration": {
-            "name": "createToolFold",
-            "module": "src/utils/tool-fold.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "expandToolTree",
-          "declaration": {
-            "name": "expandToolTree",
-            "module": "src/utils/tool-fold.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/with-timeout.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/activity-halo/activity-halo.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Wrapper component that shows an `<ai-halo-overlay>` when the AI assistant\nis executing one of the declared tool names.",
-          "name": "AiActivityHalo",
-          "members": [
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
             {
               "kind": "field",
-              "name": "tools",
+              "name": "hasDragged",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Comma-separated list of tool names this element reacts to."
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "minShowTime",
+              "name": "latestMouseX",
               "type": {
                 "text": "number"
               },
-              "default": "600",
-              "description": "Minimum time in ms the halo stays visible after activation."
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "unsubBus",
+              "name": "latestMouseY",
               "type": {
-                "text": "() => void | undefined"
+                "text": "number"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "hideTimeout",
+              "name": "rafHandle",
               "type": {
-                "text": "ReturnType<typeof setTimeout> | undefined"
+                "text": "number | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "startTime",
+              "name": "closeAbort",
               "type": {
-                "text": "number"
+                "text": "AbortController | undefined"
               },
-              "privacy": "private",
-              "default": "0"
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "activate",
-              "privacy": "private"
+              "name": "onBubbleMouseEnter"
             },
             {
               "kind": "method",
-              "name": "scheduleDeactivate",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
+              "name": "onBubbleMouseLeave"
+            },
             {
-              "name": "tools",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Comma-separated list of tool names this element reacts to.",
-              "fieldName": "tools"
+              "kind": "method",
+              "name": "dialogOpenChanged",
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
-              "name": "min-show-time",
+              "kind": "method",
+              "name": "dialogContentChanged",
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "HTMLElement[]"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "HTMLElement[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "injectCloseButton",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "assistant",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBubbleMouseDown",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onDialogHeaderMouseDown",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent<{ clientX: number; clientY: number }>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "onCloseBtnClick",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "cancelClose",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "startCloseDialog",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "onDocMouseMove",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "applyDragFrame",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "onDocMouseUp",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onPopout"
+            },
+            {
+              "kind": "method",
+              "name": "onCloseDialog"
+            },
+            {
+              "kind": "field",
+              "name": "tooltipStyle",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "DEFAULT_MIN_SHOW_TIME",
-              "description": "Minimum time in ms the halo stays visible after activation.",
-              "resolveInitializer": {
-                "module": "src/components/activity-halo/activity-halo.ts"
+              "readonly": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
               },
-              "fieldName": "minShowTime"
+              "default": "'AI Assistant'",
+              "fieldName": "title"
+            },
+            {
+              "name": "image-src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "imageSrc"
+            },
+            {
+              "name": "design-system-prefix",
+              "type": {
+                "text": "string"
+              },
+              "default": "'rapid'",
+              "fieldName": "designSystemPrefix"
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "ai-activity-halo",
+          "tagName": "foundation-ai-chat-bubble",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AiActivityHalo",
+          "name": "AiChatBubble",
           "declaration": {
-            "name": "AiActivityHalo",
-            "module": "src/components/activity-halo/activity-halo.ts"
+            "name": "AiChatBubble",
+            "module": "src/components/chat-bubble/chat-bubble.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ai-activity-halo",
+          "name": "foundation-ai-chat-bubble",
           "declaration": {
-            "name": "AiActivityHalo",
-            "module": "src/components/activity-halo/activity-halo.ts"
+            "name": "AiChatBubble",
+            "module": "src/components/chat-bubble/chat-bubble.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/agent-picker/agent-picker.constants.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "AGENT_PICKER_AUTO_VALUE",
-          "type": {
-            "text": "string"
-          },
-          "default": "'__auto__'",
-          "description": "Sentinel value used by the segmented control / select to represent \"Auto\"."
-        }
-      ],
+      "path": "src/components/chat-bubble/index.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "AGENT_PICKER_AUTO_VALUE",
+          "name": "*",
           "declaration": {
-            "name": "AGENT_PICKER_AUTO_VALUE",
-            "module": "src/components/agent-picker/agent-picker.constants.ts"
+            "name": "*",
+            "package": "./chat-bubble"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/agent-picker/agent-picker.styles.ts",
+      "path": "src/utils/animated-panel-toggle.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/animation-exclusivity.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/banked-usage-baselines.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/collect-session-models.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css`\n  :host {\n    display: block;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .picker {\n    position: relative;\n    padding: 6px calc(var(--design-unit) * 3px);\n    background-color: var(--neutral-layer-2);\n  }\n\n  /* Clipping wrapper. The inner segmented-control is naturally inline-flex\n     and auto-sizes to its segments, so it would overflow the panel without\n     ever reporting scrollWidth > clientWidth. By giving the wrapper a\n     constrained width (flex+min-width:0) and overflow:hidden, the wrapper's\n     scrollWidth reflects the segments' natural width while clientWidth is\n     the available width — that's what we measure to decide on the fallback. */\n  .segmented-row {\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  /* When the fallback select is showing, take the segmented row out of layout\n     but keep it in the DOM so the ResizeObserver can re-measure when the\n     container grows back and we can swap back to segmented-control. */\n  .picker[data-effective='select'] .segmented-row {\n    position: absolute;\n    inset: 6px calc(var(--design-unit) * 3px);\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .segmented-control {\n    flex: 0 0 auto;\n  }\n\n  .select-fallback {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .select-label {\n    font-family: var(--body-font);\n    font-size: 0.8em;\n    color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n  }\n\n  .select-control {\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: 4px 8px;\n    background: var(--neutral-layer-3);\n    color: var(--neutral-foreground-rest);\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: 4px;\n    font-family: var(--body-font);\n    font-size: 0.85em;\n    cursor: pointer;\n  }\n\n  .select-control:focus-visible {\n    outline: 2px solid var(--accent-fill-rest);\n    outline-offset: 1px;\n  }\n`"
+          "kind": "function",
+          "name": "collectSessionModels",
+          "return": {
+            "type": {
+              "text": "CostSessionModelEntry[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "messages",
+              "type": {
+                "text": "readonly ChatMessage[]"
+              }
+            },
+            {
+              "name": "providerStatuses",
+              "default": "[]",
+              "type": {
+                "text": "readonly AIProviderRegistryStatusEntry[]"
+              }
+            }
+          ],
+          "description": "Unique models used across a message list (includes sub-agent traces)."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "styles",
+          "name": "collectSessionModels",
           "declaration": {
-            "name": "styles",
-            "module": "src/components/agent-picker/agent-picker.styles.ts"
+            "name": "collectSessionModels",
+            "module": "src/utils/collect-session-models.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/agent-picker/agent-picker.template.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/agent-picker/agent-picker.ts",
+      "path": "src/utils/condense-history.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "User-facing agent picker rendered above the chat input.\n\nRenders `Auto` plus each top-level agent that has `manualSelection.enabled`.\nSub-agents and non-selectable specialists are excluded. Hidden when fewer\nthan two agents are configured or none are manually selectable.",
-          "name": "AgentPicker",
-          "members": [
+          "kind": "variable",
+          "name": "CONDENSE_MIN_CHARS",
+          "type": {
+            "text": "number"
+          },
+          "default": "1000",
+          "description": "Below this serialized size a tool payload isn't worth condensing — the stub\nwould save little and cost a breadcrumb. A driver-level floor so the public\n`condenseWhen` API needs no per-policy threshold field."
+        },
+        {
+          "kind": "variable",
+          "name": "CONDENSED_ARGS_KEY",
+          "type": {
+            "text": "string"
+          },
+          "default": "'condensed'",
+          "description": "Key the collapsed args are stored under — a tool-call's args must stay a Record."
+        },
+        {
+          "kind": "function",
+          "name": "applyCondensation",
+          "return": {
+            "type": {
+              "text": "ChatMessage[]"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "designSystemPrefix",
+              "name": "history",
               "type": {
-                "text": "string"
-              },
-              "default": "'rapid'",
-              "description": "Design-system tag prefix, e.g. `'rapid'` for `rapid-segmented-control`."
-            },
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "AgentPickerMode"
-              },
-              "default": "'disabled'",
-              "description": "Picker variant, sourced from the assistant's `chatConfig.agentPicker`."
-            },
-            {
-              "kind": "field",
-              "name": "agents",
-              "type": {
-                "text": "AgentConfig[]"
-              },
-              "default": "[]",
-              "description": "Top-level agents passed to the assistant."
-            },
-            {
-              "kind": "field",
-              "name": "pinnedAgentName",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "description": "Currently pinned agent name, or `null` for Auto."
-            },
-            {
-              "kind": "field",
-              "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "selectableAgents",
-              "type": {
-                "text": "AgentConfig[]"
+                "text": "ChatMessage[]"
               },
-              "description": "Top-level agents that opted in to manual selection.",
-              "readonly": true
+              "description": "The to-model history copy to rewrite (not mutated)."
             },
             {
-              "kind": "field",
-              "name": "visible",
+              "name": "policies",
               "type": {
-                "text": "boolean"
+                "text": "Map<string, RegisteredCondensePolicy>"
               },
-              "description": "Whether the picker should render at all.",
-              "readonly": true
+              "description": "The driver's registry, keyed by tool-call id. Its entries'\n`reported*` flags are flipped as payloads first collapse."
             },
             {
-              "kind": "field",
-              "name": "effectiveMode",
+              "name": "ctx",
               "type": {
-                "text": "'select' | 'segmented-control'"
-              },
-              "description": "The variant actually rendered: `'select'` if user-configured or if the\nsegmented row currently overflows; `'segmented-control'` otherwise.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "agentsChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Re-measure when agents change — newly added selectable agents may push the\nsegmented row past the container's width."
-            },
-            {
-              "kind": "method",
-              "name": "modeChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "measureOverflow",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Measures whether the segmented row's natural content width exceeds the\ncontainer's visible width. Bails when the row isn't currently rendered\n(e.g. when `mode !== 'segmented-control'`)."
-            },
-            {
-              "kind": "method",
-              "name": "selectAgent",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "selectByValue",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "CondenseContext"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Maps a value from the segmented-control or select (which uses\nAGENT_PICKER_AUTO_VALUE for Auto) back to the `string | null` form\nexpected by `selectAgent`."
+              "description": "The driver's live clocks (model-call / turn / agent-activation)."
             },
             {
-              "kind": "field",
-              "name": "currentValue",
-              "type": {
-                "text": "string"
-              },
-              "description": "Current pinned agent name as a value the segmented-control / select can bind to.",
-              "readonly": true
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired when the user changes selection with the agent name or `null` for Auto. detail: `string | null`",
-              "name": "agent-pinned"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "design-system-prefix",
+              "name": "onCondensed",
               "type": {
-                "text": "string"
+                "text": "(detail: CondensedEventDetail) => void"
               },
-              "default": "'rapid'",
-              "description": "Design-system tag prefix, e.g. `'rapid'` for `rapid-segmented-control`.",
-              "fieldName": "designSystemPrefix"
+              "description": "Invoked once per payload at its full→stub transition."
             }
           ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "foundation-ai-agent-picker",
-          "customElement": true
+          "description": "Collapse stale tool payloads (declared via `condenseWhen`) out of the\nmodel-bound history. Pure over the `history` array — it emits new message\nobjects and never mutates the input messages (mirroring the agent-masking\ntransform). It DOES, however, write two latches onto the matching `policies`\nentry the first time a payload collapses, both because the collapse itself\nre-runs before every provider call: the `reported*` flag (the report-once gate\nthat keeps `onCondensed` firing once per (tool call, payload)) and\n`firedTrigger` (which pins the reason so a reason-bearing stub is rendered\nonce and never rewritten).\n\nTriggers (a policy may list several via `on: Trigger[]` — the FIRST to fire\ncollapses the payload; all are monotonic, so the collapse never reverts):\n- `superseded` — among all registered calls sharing a `by` key, the LAST in\n  history order survives; every earlier one's targeted payload collapses. A\n  re-call with the same key becomes the new survivor and re-arms the rest.\n- `age` — the result is first visible one model-call after the call, so `turns`\n  is how many model-calls may see the full result before it collapses\n  (fires when `modelCall − callModelCall > turns`): `turns: 1` is seen once,\n  then collapses. The clock is monotonic across turns.\n- `turnEnd` — collapses once the turn (`sendMessage`) that made the call has\n  ended (fires when `turn > callTurn`): full for the rest of that request,\n  gone on every later one.\n- `agentEnd` — collapses once the agent activation that made the call has ended\n  (a swap to another agent, or `releaseAgent`/`completeSubAgent`): kept across\n  all of the agent's turns, dropped when its flow finishes.\n- `phaseEnd` — collapses once the app advances its phase epoch via `endPhase()`\n  after the call (a sub-`agentEnd` boundary the author declares), OR at\n  `agentEnd` as a backstop if no boundary is ever declared.\n\nThe tool-call/result envelope is never removed (providers reject orphaned\ncalls/results) — only the args object or the result content is replaced."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AGENT_PICKER_AUTO_VALUE",
+          "name": "CONDENSE_MIN_CHARS",
           "declaration": {
-            "name": "AGENT_PICKER_AUTO_VALUE",
-            "module": "src/components/agent-picker/agent-picker.ts"
+            "name": "CONDENSE_MIN_CHARS",
+            "module": "src/utils/condense-history.ts"
           }
         },
         {
           "kind": "js",
-          "name": "AgentPicker",
+          "name": "CONDENSED_ARGS_KEY",
           "declaration": {
-            "name": "AgentPicker",
-            "module": "src/components/agent-picker/agent-picker.ts"
+            "name": "CONDENSED_ARGS_KEY",
+            "module": "src/utils/condense-history.ts"
           }
         },
-        {
-          "kind": "custom-element-definition",
-          "name": "foundation-ai-agent-picker",
-          "declaration": {
-            "name": "AgentPicker",
-            "module": "src/components/agent-picker/agent-picker.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/agent-picker/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./agent-picker"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/ai-driver/ai-driver.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/ai-driver/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AiDriver",
-          "declaration": {
-            "name": "AiDriver",
-            "module": "./ai-driver"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/chat-bubble/chat-bubble.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css`\n  :host {\n    position: fixed;\n    inset: 0;\n    pointer-events: none;\n    z-index: 9999;\n    overflow: visible;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .bubble {\n    position: absolute;\n    width: 62px;\n    height: 62px;\n    border-radius: 50%;\n    cursor: grab;\n    pointer-events: all;\n    overflow: visible;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n    transition:\n      transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),\n      box-shadow 0.25s ease;\n    background: linear-gradient(135deg, #0e1628 0%, #192340 100%);\n    box-shadow: 0 4px 20px rgb(0 0 0 / 45%);\n    border: 2px solid rgb(255 255 255 / 15%);\n    color: white;\n  }\n\n  .bubble img {\n    width: 62px;\n    height: 62px;\n    border-radius: 50%;\n    object-fit: cover;\n    pointer-events: none;\n    box-shadow: 0 4px 20px rgb(0 0 0 / 45%);\n    border: 2px solid rgb(255 255 255 / 15%);\n  }\n\n  .bubble svg {\n    pointer-events: none;\n  }\n\n  .bubble:hover,\n  .bubble.hovered {\n    transform: scale(1.18);\n  }\n\n  .bubble:hover img,\n  .bubble.hovered img {\n    box-shadow:\n      0 6px 32px rgb(0 100 255 / 55%),\n      0 0 0 3px rgb(0 120 255 / 35%);\n  }\n\n  .bubble:active {\n    cursor: grabbing;\n  }\n\n  .tooltip {\n    position: absolute;\n    bottom: calc(100% + 10px);\n    background: linear-gradient(135deg, #0078ff 0%, #0050d0 100%);\n    color: #fff;\n    font-size: 0.78em;\n    font-weight: 600;\n    letter-spacing: 0.03em;\n    white-space: nowrap;\n    padding: 5px 10px;\n    border-radius: 8px;\n    box-shadow: 0 4px 14px rgb(0 120 255 / 45%);\n    pointer-events: none;\n    opacity: 0%;\n    translate: 0 4px;\n    transition:\n      opacity 0.18s ease,\n      translate 0.18s ease;\n  }\n\n  .tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: var(--arrow-left, 50%);\n    transform: translateX(-50%);\n    border: 5px solid transparent;\n    border-top-color: #0050d0;\n  }\n\n  .bubble:hover .tooltip,\n  .bubble.hovered .tooltip {\n    opacity: 100%;\n    translate: 0 0;\n  }\n\n  .pulse-ring {\n    position: absolute;\n    width: 62px;\n    height: 62px;\n    border-radius: 50%;\n    border: 2px solid rgb(0 120 255 / 50%);\n    animation: pulse 2.5s ease-out infinite;\n    pointer-events: none;\n  }\n\n  @keyframes pulse {\n    0% {\n      transform: scale(1);\n      opacity: 70%;\n    }\n\n    70% {\n      transform: scale(1.5);\n      opacity: 0%;\n    }\n\n    100% {\n      transform: scale(1.5);\n      opacity: 0%;\n    }\n  }\n\n  .dialog {\n    position: absolute;\n    box-sizing: border-box;\n    width: 400px;\n    height: 520px;\n    min-width: 300px;\n    min-height: 300px;\n    max-width: 50vw;\n    max-height: calc(100vh - 40px);\n    background: var(--neutral-layer-1);\n    border-radius: 14px;\n    box-shadow:\n      0 12px 50px rgb(0 0 0 / 55%),\n      0 0 0 1px rgb(255 255 255 / 6%);\n    pointer-events: all;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    resize: both;\n    border: 1px solid var(--neutral-stroke-rest);\n    animation: dialog-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n\n  @keyframes dialog-in {\n    from {\n      opacity: 0%;\n      transform: scale(0.85) translateY(12px);\n    }\n\n    to {\n      opacity: 100%;\n      transform: scale(1) translateY(0);\n    }\n  }\n\n  @keyframes dialog-out {\n    from {\n      opacity: 100%;\n      transform: scale(1) translateY(0);\n    }\n\n    to {\n      opacity: 0%;\n      transform: scale(0.85) translateY(12px);\n    }\n  }\n\n  .dialog.closing {\n    animation: dialog-out 0.2s cubic-bezier(0.4, 0, 0.6, 1) forwards;\n  }\n\n  .dialog-content {\n    flex: 1;\n    overflow: hidden;\n    display: flex;\n    min-height: 0;\n  }\n\n  .dialog-content ::slotted(*) {\n    display: flex;\n    flex: 1;\n    width: 100%;\n    min-height: 0;\n  }\n`"
-        }
-      ],
-      "exports": [
         {
           "kind": "js",
-          "name": "styles",
+          "name": "applyCondensation",
           "declaration": {
-            "name": "styles",
-            "module": "src/components/chat-bubble/chat-bubble.styles.ts"
+            "name": "applyCondensation",
+            "module": "src/utils/condense-history.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/chat-bubble/chat-bubble.template.ts",
+      "path": "src/utils/cost-session-history.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "AiChatBubbleTemplate",
+          "name": "costHistoryStorageKey",
           "return": {
             "type": {
-              "text": "ViewTemplate<AiChatBubble>"
+              "text": "string"
             }
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AiChatBubbleTemplate",
-          "declaration": {
-            "name": "AiChatBubbleTemplate",
-            "module": "src/components/chat-bubble/chat-bubble.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/chat-bubble/chat-bubble.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Floating chat bubble component that provides a draggable orb and dialog panel\nfor embedding an AI assistant without a full-page layout.",
-          "name": "AiChatBubble",
-          "members": [
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "title",
+              "name": "scope",
               "type": {
                 "text": "string"
-              },
-              "default": "'AI Assistant'"
-            },
-            {
-              "kind": "field",
-              "name": "imageSrc",
-              "type": {
-                "text": "string | undefined"
               }
-            },
+            }
+          ],
+          "description": "localStorage key for a host-scoped cost history list."
+        },
+        {
+          "kind": "function",
+          "name": "loadCostSessionHistory",
+          "return": {
+            "type": {
+              "text": "CostSessionRecord[]"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "designSystemPrefix",
+              "name": "scope",
               "type": {
                 "text": "string"
-              },
-              "default": "'rapid'"
-            },
-            {
-              "kind": "field",
-              "name": "bubbleLeft",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Current left position of the bubble orb (px from viewport left). @internal"
-            },
+              }
+            }
+          ],
+          "description": "Load persisted cost sessions for a scope, in whatever order they were stored — this applies no\nordering of its own. Display order is the caller's business; see `sortRecordsByRecency`."
+        },
+        {
+          "kind": "function",
+          "name": "saveCostSessionHistory",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "bubbleTop",
+              "name": "scope",
               "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Current top position of the bubble orb (px from viewport top). @internal"
+                "text": "string"
+              }
             },
             {
-              "kind": "field",
-              "name": "dialogLeft",
+              "name": "records",
               "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Current left position of the dialog panel (px from viewport left). @internal"
-            },
+                "text": "CostSessionRecord[]"
+              }
+            }
+          ],
+          "description": "Replace the persisted list for a scope."
+        },
+        {
+          "kind": "function",
+          "name": "upsertRecord",
+          "return": {
+            "type": {
+              "text": "CostSessionRecord[]"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "dialogTop",
+              "name": "records",
               "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Current top position of the dialog panel (px from viewport top). @internal"
+                "text": "readonly CostSessionRecord[]"
+              }
             },
             {
-              "kind": "field",
-              "name": "dialogWidth",
+              "name": "record",
               "type": {
-                "text": "number"
-              },
-              "default": "400",
-              "description": "Current rendered width of the dialog panel (px). @internal"
-            },
+                "text": "CostSessionRecord"
+              }
+            }
+          ],
+          "description": "Pure upsert — `records` with `record` replacing any row sharing its `projectKey`, or\nprepended when there is none.\n\nAn upsert, not an append, because a row stands for a **project's lifetime usage** rather\nthan a visit to it. Appending cut a fresh row per page-hide, so one project accumulated\na stack of near-identical rows and its spend was counted once per refresh by anything\nsumming the list.\n\nThe resulting array order is incidental — it is insertion order, so a project returned to\nstays where it first landed. Do not read it as recency; `sortRecordsByRecency` is what the\nUsage tab renders through.\n\nStorage-agnostic on purpose: the same merge serves the synchronous `localStorage` path\nand the async provider-backed one, so the two can never drift on what \"upsert\" means.\nThe caller owns persistence — see the assistant's `persistCostHistory`."
+        },
+        {
+          "kind": "function",
+          "name": "sortRecordsByRecency",
+          "return": {
+            "type": {
+              "text": "CostSessionRecord[]"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "dialogHeight",
+              "name": "records",
               "type": {
-                "text": "number"
-              },
-              "default": "520",
-              "description": "Current rendered height of the dialog panel (px). @internal"
-            },
+                "text": "readonly CostSessionRecord[]"
+              }
+            }
+          ],
+          "description": "Rows most-recently-worked-on first, as a new array.\n\nApplied at read time rather than baked into the stored order, so it covers rows that came from\na host provider as well as from `localStorage`, and so no write path has to maintain it.\n\n`updatedAt` is ISO-8601, which sorts lexicographically — no date parsing, and no dependence on\nthe strings being valid dates. Sorting by it rather than by insertion order is what makes the\nlist track use: the active project moves to the top on its first upsert and stays there, since\nits row is rewritten on every transcript change."
+        },
+        {
+          "kind": "function",
+          "name": "resolveBankedUsage",
+          "return": {
+            "type": {
+              "text": "AggregateUsage"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "dialogOpen",
+              "name": "existing",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the dialog panel is currently open. @internal"
+                "text": "CostSessionRecord | undefined"
+              }
             },
             {
-              "kind": "field",
-              "name": "hovered",
+              "name": "transcriptIsAuthoritative",
               "type": {
                 "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the bubble orb is currently hovered. @internal"
-            },
-            {
-              "kind": "field",
-              "name": "unsubBus",
-              "type": {
-                "text": "() => void | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "injectedCloseBtn",
-              "type": {
-                "text": "Element | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
-              "privacy": "private"
-            },
+              }
+            }
+          ],
+          "description": "The spend a project's next row must carry over from before its current transcript.\n\n`transcriptIsAuthoritative` means the open transcript already accounts for this project's\nhistory — true exactly when a session snapshot is restored on load. The two branches are\nnot interchangeable, and picking the wrong one is silently destructive:\n\n- Authoritative: carry the previous row's own `banked` forward. Taking `usage` instead would\n  re-add the restored history on every reload, the compounding double-count this replaced.\n- Not authoritative: the whole previous total becomes banked, because nothing in the fresh\n  transcript accounts for it. Taking `banked` instead would rewrite the row down to the\n  current page-load and drop the project's earlier spend.\n\nNote both branches are idempotent — the result never includes the current transcript — which\nis what lets two assistant instances sharing a session write the same row."
+        },
+        {
+          "kind": "function",
+          "name": "clearCostSessionHistory",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "dragging",
+              "name": "scope",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Clear all persisted records for a scope."
+        },
+        {
+          "kind": "function",
+          "name": "formatCostSessionDate",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "dragTarget",
+              "name": "iso",
               "type": {
-                "text": "'bubble' | 'dialog' | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Display date for a history row (e.g. \"Jun 14, 2026\")."
+        },
+        {
+          "kind": "function",
+          "name": "isCostSessionRecord",
+          "return": {
+            "type": {
+              "text": "value is CostSessionRecord"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "startMouseX",
+              "name": "value",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+                "text": "unknown"
+              }
+            }
+          ],
+          "description": "Whether a value is a usable row. Exported because rows arrive by two routes and BOTH need it:\n`loadCostSessionHistory` filters the `localStorage` path here, and the assistant filters what a\nhost provider returns. A row that skips this check is not merely ignored downstream — a\nhalf-shaped `usage` sums to `NaN` through every total, and a missing `updatedAt` throws inside\nthe sort that orders the list, during render."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "costHistoryStorageKey",
+          "declaration": {
+            "name": "costHistoryStorageKey",
+            "module": "src/utils/cost-session-history.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "loadCostSessionHistory",
+          "declaration": {
+            "name": "loadCostSessionHistory",
+            "module": "src/utils/cost-session-history.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "saveCostSessionHistory",
+          "declaration": {
+            "name": "saveCostSessionHistory",
+            "module": "src/utils/cost-session-history.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "upsertRecord",
+          "declaration": {
+            "name": "upsertRecord",
+            "module": "src/utils/cost-session-history.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "sortRecordsByRecency",
+          "declaration": {
+            "name": "sortRecordsByRecency",
+            "module": "src/utils/cost-session-history.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "resolveBankedUsage",
+          "declaration": {
+            "name": "resolveBankedUsage",
+            "module": "src/utils/cost-session-history.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "clearCostSessionHistory",
+          "declaration": {
+            "name": "clearCostSessionHistory",
+            "module": "src/utils/cost-session-history.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "formatCostSessionDate",
+          "declaration": {
+            "name": "formatCostSessionDate",
+            "module": "src/utils/cost-session-history.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isCostSessionRecord",
+          "declaration": {
+            "name": "isCostSessionRecord",
+            "module": "src/utils/cost-session-history.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/derive-cost-session-title.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "COST_SESSION_TITLE_MAX_WORDS",
+          "type": {
+            "text": "number"
+          },
+          "default": "10",
+          "description": "Max words kept from the first user turn when deriving a session title."
+        },
+        {
+          "kind": "variable",
+          "name": "COST_SESSION_TITLE_MAX_CHARS",
+          "type": {
+            "text": "number"
+          },
+          "default": "60",
+          "description": "Hard cap on derived title length (ellipsis included)."
+        },
+        {
+          "kind": "function",
+          "name": "getChatMessageText",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "content",
+              "type": {
+                "text": "ChatMessage['content']"
+              }
+            }
+          ],
+          "description": "Plain text from a chat message `content` field."
+        },
+        {
+          "kind": "function",
+          "name": "truncateCostSessionTitle",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "text",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Trim a raw user phrase to a display-friendly session title: first sentence,\nthen word cap, then character cap."
+        },
+        {
+          "kind": "function",
+          "name": "deriveCostSessionTitleFromMessages",
+          "return": {
+            "type": {
+              "text": "string | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "messages",
+              "type": {
+                "text": "readonly ChatMessage[]"
+              }
+            }
+          ],
+          "description": "First non-empty user message in the thread, shortened for cost history."
+        },
+        {
+          "kind": "function",
+          "name": "resolveCostSessionTitle",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "input",
+              "type": {
+                "text": "ResolveCostSessionTitleInput"
+              }
+            }
+          ],
+          "description": "Resolve the label stored on a finalized cost session record."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "COST_SESSION_TITLE_MAX_WORDS",
+          "declaration": {
+            "name": "COST_SESSION_TITLE_MAX_WORDS",
+            "module": "src/utils/derive-cost-session-title.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "COST_SESSION_TITLE_MAX_CHARS",
+          "declaration": {
+            "name": "COST_SESSION_TITLE_MAX_CHARS",
+            "module": "src/utils/derive-cost-session-title.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getChatMessageText",
+          "declaration": {
+            "name": "getChatMessageText",
+            "module": "src/utils/derive-cost-session-title.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "truncateCostSessionTitle",
+          "declaration": {
+            "name": "truncateCostSessionTitle",
+            "module": "src/utils/derive-cost-session-title.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "deriveCostSessionTitleFromMessages",
+          "declaration": {
+            "name": "deriveCostSessionTitleFromMessages",
+            "module": "src/utils/derive-cost-session-title.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "resolveCostSessionTitle",
+          "declaration": {
+            "name": "resolveCostSessionTitle",
+            "module": "src/utils/derive-cost-session-title.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/flatten-sub-agent-messages.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/format-usd.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "formatUsdAmount",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              }
+            }
+          ],
+          "description": "The bare amount, no currency sign — `(12.3) => \"12.30\"`.\n\nExists for the settings modal's cost blocks, where the `$` is a separately\nstyled `<span class=\"prefix\">` and folding it into the text would change the\nDOM those styles target."
+        },
+        {
+          "kind": "function",
+          "name": "formatUsd",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              }
+            }
+          ],
+          "description": "A signed USD figure — `(12.3) => \"$12.30\"`."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "formatUsdAmount",
+          "declaration": {
+            "name": "formatUsdAmount",
+            "module": "src/utils/format-usd.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "formatUsd",
+          "declaration": {
+            "name": "formatUsd",
+            "module": "src/utils/format-usd.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/history-transform.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "transformHistoryForAgent",
+          "return": {
+            "type": {
+              "text": "ChatMessage[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "history",
+              "type": {
+                "text": "ChatMessage[]"
+              }
             },
             {
-              "kind": "field",
-              "name": "startMouseY",
+              "name": "agentName",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Prepares history for the LLM only: masks tool call args and results from other\nagents so the active specialist is not confused by tools it does not have.\nCanonical history in `ChatDriver` stays unmasked for UI and logging."
+        },
+        {
+          "kind": "function",
+          "name": "applyHistoryCap",
+          "return": {
+            "type": {
+              "text": "ChatMessage[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "history",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+                "text": "readonly ChatMessage[]"
+              }
             },
             {
-              "kind": "field",
-              "name": "startElemLeft",
+              "name": "cap",
               "type": {
                 "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
+              }
+            }
+          ],
+          "description": "Applies a history cap for sub-agent context: the last `cap` messages are passed\nverbatim; older messages have their tool payloads masked."
+        },
+        {
+          "kind": "variable",
+          "name": "COMPACT_KEEP_RECENT_MESSAGES",
+          "type": {
+            "text": "number"
+          },
+          "default": "4",
+          "description": "Recent messages kept verbatim when compacting; everything earlier is summarized."
+        },
+        {
+          "kind": "variable",
+          "name": "COMPACT_MIN_MESSAGES_TO_COMPACT",
+          "type": {
+            "text": "number"
+          },
+          "default": "4",
+          "description": "Don't bother compacting unless at least this many messages would be summarized."
+        },
+        {
+          "kind": "function",
+          "name": "findCompactionCut",
+          "return": {
+            "type": {
+              "text": "number | null"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "startElemTop",
+              "name": "history",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
+                "text": "readonly ChatMessage[]"
+              }
+            }
+          ],
+          "description": "Index at which the verbatim tail begins — everything before it gets summarized.\nThe tail starts on a clean turn boundary (a `user` message): a user message\nnever appears between a `tool_use` and its `tool_result`, so cutting there\nguarantees the summarized region is tool-pair-balanced (compaction only runs\nwhen idle, so history is turn-complete). Returns `null` when there is nothing\nworth compacting (too short, or no earlier user boundary) — e.g. a freshly\nrestored session whose only user turn is the current one."
+        },
+        {
+          "kind": "function",
+          "name": "buildCompactionSummaryPrompt",
+          "return": {
+            "type": {
+              "text": "{\n  systemPrompt: string;\n  userMessage: string;\n}"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "hasDragged",
+              "name": "toCompact",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
+                "text": "readonly ChatMessage[]"
+              }
+            }
+          ],
+          "description": "Build the one-shot summarizer prompt for a run of older messages (used with\n`AIProvider.prompt`). Mirrors the `<conversation_history>` block convention\nthat suggestions use. Any existing `compacted-summary` at the head is folded\nin (rendered as prior-summary context), so rolling re-compaction produces one\ncombined summary."
+        },
+        {
+          "kind": "function",
+          "name": "normalizeForProvider",
+          "return": {
+            "type": {
+              "text": "ChatMessage[]"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "latestMouseX",
+              "name": "history",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
+                "text": "readonly ChatMessage[]"
+              }
+            }
+          ],
+          "description": "Normalize history for a provider request (GENC-1351 §5.7): translate each\n`compacted-summary` message into a `user` message that wraps its summary in a\n`<conversation_summary>` block, so the raw display-only role never reaches a\ntransport. Other roles pass through untouched. Pure — returns a new array.\n\nApplied at the request-build chokepoint *before* per-agent masking, so the\nguarantee holds for every provider/transport regardless of any optional\nper-agent history transform."
+        },
+        {
+          "kind": "function",
+          "name": "compactionDividerLabel",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "m",
+              "type": {
+                "text": "ChatMessage"
+              }
+            }
+          ],
+          "description": "Human-facing divider label for a `compacted-summary` message."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "transformHistoryForAgent",
+          "declaration": {
+            "name": "transformHistoryForAgent",
+            "module": "src/utils/history-transform.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "applyHistoryCap",
+          "declaration": {
+            "name": "applyHistoryCap",
+            "module": "src/utils/history-transform.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "COMPACT_KEEP_RECENT_MESSAGES",
+          "declaration": {
+            "name": "COMPACT_KEEP_RECENT_MESSAGES",
+            "module": "src/utils/history-transform.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "COMPACT_MIN_MESSAGES_TO_COMPACT",
+          "declaration": {
+            "name": "COMPACT_MIN_MESSAGES_TO_COMPACT",
+            "module": "src/utils/history-transform.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "findCompactionCut",
+          "declaration": {
+            "name": "findCompactionCut",
+            "module": "src/utils/history-transform.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "buildCompactionSummaryPrompt",
+          "declaration": {
+            "name": "buildCompactionSummaryPrompt",
+            "module": "src/utils/history-transform.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "normalizeForProvider",
+          "declaration": {
+            "name": "normalizeForProvider",
+            "module": "src/utils/history-transform.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "compactionDividerLabel",
+          "declaration": {
+            "name": "compactionDividerLabel",
+            "module": "src/utils/history-transform.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./animated-panel-toggle"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./logger"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tool-fold"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/logger.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "logger"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "logger",
+          "declaration": {
+            "name": "logger",
+            "module": "src/utils/logger.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/message-partition.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "isSessionNoticeMarker",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "latestMouseY",
+              "name": "m",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
+                "text": "ChatMessage"
+              }
+            }
+          ],
+          "description": "Either restore notice — both display-only, stripped before persist. @internal"
+        },
+        {
+          "kind": "function",
+          "name": "trailingInteractionRow",
+          "return": {
+            "type": {
+              "text": "ChatMessage[]"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "rafHandle",
+              "name": "messages",
               "type": {
-                "text": "number | undefined"
-              },
-              "privacy": "private"
-            },
+                "text": "ChatMessage[]"
+              }
+            }
+          ],
+          "description": "The trailing interaction to render in a pinned slot, separate from the\nfiltered list. Empty unless the most recent message carries an interaction.\n\nPinning the trailing interaction keeps its widget out of the list's\nreconciliation: FAST's `repeat` has no key function and reconciles by array\nindex, so re-filtering the list (a cog-menu toggle) would otherwise rebind an\nexisting row to a different message and re-create the live widget — discarding\nany in-progress input. The slot's binding reads only `messages` and returns\nthe same message object across toggles, so the widget's DOM is preserved.\n\nIt is the *trailing* message (resolved or not), not \"unresolved only\", so that\nanswering an interaction leaves it in the slot — `resolved` is forwarded in\nplace with no re-render. It rejoins the list naturally once a newer message\narrives and it is no longer last."
+        },
+        {
+          "kind": "function",
+          "name": "filterVisibleMessages",
+          "return": {
+            "type": {
+              "text": "ChatMessage[]"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "closeAbort",
+              "name": "messages",
               "type": {
-                "text": "AbortController | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "onBubbleMouseEnter"
-            },
-            {
-              "kind": "method",
-              "name": "onBubbleMouseLeave"
-            },
-            {
-              "kind": "method",
-              "name": "dialogOpenChanged",
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "dialogContentChanged",
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "HTMLElement[]"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "HTMLElement[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "injectCloseButton",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "assistant",
-                  "type": {
-                    "text": "Element"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onBubbleMouseDown",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onDialogHeaderMouseDown",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "CustomEvent<{ clientX: number; clientY: number }>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "onCloseBtnClick",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "cancelClose",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "startCloseDialog",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "onDocMouseMove",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "applyDragFrame",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "onDocMouseUp",
-              "privacy": "private"
+                "text": "ChatMessage[]"
+              }
             },
             {
-              "kind": "method",
-              "name": "onPopout"
-            },
+              "name": "toggles",
+              "type": {
+                "text": "MessageFilterState"
+              }
+            }
+          ],
+          "description": "Filters messages for the scrolling list per the current cog-menu toggles.\n\nThe trailing interaction (see `trailingInteractionRow`) must be removed\nbefore calling, as it is rendered separately."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isSessionNoticeMarker",
+          "declaration": {
+            "name": "isSessionNoticeMarker",
+            "module": "src/utils/message-partition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "trailingInteractionRow",
+          "declaration": {
+            "name": "trailingInteractionRow",
+            "module": "src/utils/message-partition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "filterVisibleMessages",
+          "declaration": {
+            "name": "filterVisibleMessages",
+            "module": "src/utils/message-partition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/resolve-cost-history-config.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "resolveCostHistoryConfig",
+          "return": {
+            "type": {
+              "text": "ResolvedCostHistoryConfig"
+            }
+          },
+          "parameters": [
             {
-              "kind": "method",
-              "name": "onCloseDialog"
-            },
+              "name": "chatConfig",
+              "type": {
+                "text": "ChatConfig"
+              }
+            }
+          ],
+          "description": "Resolve `chatConfig.costHistory` with defaults applied."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "resolveCostHistoryConfig",
+          "declaration": {
+            "name": "resolveCostHistoryConfig",
+            "module": "src/utils/resolve-cost-history-config.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/resolve-preference-baseline.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/strip-agent-handlers.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/sum-costs.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/sum-tokens.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "formatCompactTokenCountSafe",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "tooltipStyle",
+              "name": "tokens",
               "type": {
-                "text": "string"
-              },
-              "readonly": true
+                "text": "number"
+              }
             }
           ],
-          "attributes": [
+          "description": "formatCompactTokenCount passed through DOMPurify for `:innerHTML` bindings."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "formatCompactTokenCountSafe",
+          "declaration": {
+            "name": "formatCompactTokenCountSafe",
+            "module": "src/utils/sum-tokens.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/sum-usage.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/tool-fold.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "createToolFold",
+          "return": {
+            "type": {
+              "text": "ToolFoldResult"
+            }
+          },
+          "parameters": [
             {
-              "name": "title",
+              "name": "config",
               "type": {
-                "text": "string"
-              },
-              "default": "'AI Assistant'",
-              "fieldName": "title"
-            },
+                "text": "{\n  /** Facade tool name — used as the tool name the model calls to open this fold. */\n  name: string;\n  /**\n   * Description shown to the model for the facade tool.\n   * If omitted, auto-generated from the inner tool names:\n   * \"Contains: tool_a, tool_b. Invoke to access these tools.\"\n   */\n  description?: string;\n  /**\n   * Optional usage guidance injected into the fold-open response message.\n   * Not included in the facade description — only visible once the fold is open.\n   */\n  usageNotes?: string;\n  /** Inner tool definitions. Same type as `AgentConfig.toolDefinitions`. */\n  tools: ChatToolDefinition[];\n  /** Inner tool handlers. Same type as `AgentConfig.toolHandlers`. */\n  handlers: ChatToolHandlers;\n  /**\n   * When true (default), all other tools are removed when this fold opens.\n   * When false, sibling tools remain available alongside the inner tools.\n   */\n  exclusive?: boolean;\n}"
+              }
+            }
+          ],
+          "description": "Creates a tool fold — a facade that hides a group of related tools behind a single\nnamed entry, revealing them progressively when the model invokes the facade.\n\nThe `tools` and `handlers` parameters accept the exact same types as `AgentConfig.toolDefinitions`\nand `AgentConfig.toolHandlers`, so existing tool creation functions can be passed in unchanged."
+        },
+        {
+          "kind": "function",
+          "name": "expandToolTree",
+          "return": {
+            "type": {
+              "text": "ToolTreeNode[]"
+            }
+          },
+          "parameters": [
             {
-              "name": "image-src",
+              "name": "definitions",
               "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "imageSrc"
+                "text": "ChatToolDefinition[]"
+              }
             },
             {
-              "name": "design-system-prefix",
+              "name": "handlers",
               "type": {
-                "text": "string"
-              },
-              "default": "'rapid'",
-              "fieldName": "designSystemPrefix"
+                "text": "ChatToolHandlers"
+              }
             }
           ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "foundation-ai-chat-bubble",
-          "customElement": true
+          "description": "Expands a flat list of tool definitions into a nested tree by resolving fold\nmetadata from the corresponding handlers. Use this for debug output so the\nfull tool hierarchy is visible rather than just the top-level facade names."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AiChatBubble",
+          "name": "createToolFold",
           "declaration": {
-            "name": "AiChatBubble",
-            "module": "src/components/chat-bubble/chat-bubble.ts"
+            "name": "createToolFold",
+            "module": "src/utils/tool-fold.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "foundation-ai-chat-bubble",
+          "kind": "js",
+          "name": "expandToolTree",
           "declaration": {
-            "name": "AiChatBubble",
-            "module": "src/components/chat-bubble/chat-bubble.ts"
+            "name": "expandToolTree",
+            "module": "src/utils/tool-fold.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/chat-bubble/index.ts",
+      "path": "src/utils/with-timeout.ts",
       "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./chat-bubble"
-          }
-        }
-      ]
+      "exports": []
     },
     {
       "kind": "javascript-module",
@@ -9132,6 +9166,67 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/chat-markdown/chat-markdown.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AiChatMarkdown",
+          "members": [
+            {
+              "kind": "field",
+              "name": "content",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The markdown string to render."
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "ai-chat-markdown",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AiChatMarkdown",
+          "declaration": {
+            "name": "AiChatMarkdown",
+            "module": "src/components/chat-markdown/chat-markdown.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ai-chat-markdown",
+          "declaration": {
+            "name": "AiChatMarkdown",
+            "module": "src/components/chat-markdown/chat-markdown.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/chat-markdown/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./chat-markdown"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/orchestrating-driver/index.ts",
@@ -10007,7 +10102,7 @@
         {
           "kind": "variable",
           "name": "settingsModalStyles",
-          "default": "css`\n  /*\n   * Section headings come from the shared fragment the package also exports, so a host titling\n   * its own slotted section applies the same rule rather than a copy of it.\n   */\n  ${assistantSettingsSectionTitleStyles}\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  .settings-modal {\n    --ai-tier-badge-bg-mix: 14%;\n    --ai-tier-badge-text-lighten: 18%;\n  }\n\n  .settings-modal::part(dialog) {\n    max-width: 620px;\n    width: calc(100vw - 48px);\n    max-height: calc(100vh - 48px);\n    padding: 0;\n  }\n\n  .settings-modal::part(content) {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    padding: 0;\n    width: 100%;\n  }\n\n  .settings-modal::part(top) {\n    padding: calc(var(--design-unit) * 4px) calc(var(--design-unit) * 5px);\n    border-bottom: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-modal::part(bottom) {\n    padding: calc(var(--design-unit) * 4px) calc(var(--design-unit) * 5px);\n    border-top: 1px solid var(--neutral-stroke-rest);\n    border-bottom-left-radius: var(--card-border-radius, calc(var(--control-corner-radius) * 1px));\n    border-bottom-right-radius: var(--card-border-radius, calc(var(--control-corner-radius) * 1px));\n    background-color: var(--neutral-layer-2);\n  }\n\n  .settings-modal-header {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  .settings-modal-title {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: calc(var(--design-unit) * 2px);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .settings-modal-content {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    flex: 1 1 auto;\n  }\n\n  .settings-modal-tabs::part(tablist) {\n    border-bottom: 0;\n    padding: 0 calc(var(--design-unit) * 5px);\n    column-gap: calc(var(--design-unit) * 5px);\n  }\n\n  .settings-modal-tabs::part(activeIndicator) {\n    height: 2px;\n  }\n\n  .settings-modal-tab {\n    padding: 0;\n    font-weight: 600;\n    gap: 6px;\n  }\n\n  .settings-modal-tab[aria-selected='true'] {\n    color: var(--neutral-foreground-rest);\n  }\n\n  .settings-modal-tabs::part(tabpanel) {\n    border-top: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-modal-tab-panel {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    flex: 1 1 auto;\n    padding: 0;\n    border-radius: 0;\n  }\n\n  .settings-modal-tab-panel[hidden] {\n    display: none !important;\n  }\n\n  .settings-modal-body {\n    overflow-y: auto;\n    padding: 0 calc(var(--design-unit) * 5px) calc(var(--design-unit) * 2px);\n    max-height: min(60vh, 520px);\n  }\n\n  .settings-modal-section {\n    padding: calc(var(--design-unit) * 5px) 0;\n    border-bottom: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-modal-section:last-child {\n    border-bottom: none;\n  }\n\n  /*\n   * Only the spacing. Everything else about this heading comes from the exported fragment\n   * above, which the assistant and its hosts share; margin is deliberately not in there,\n   * since the gap below a heading depends on the layout around it.\n   */\n  .ai-settings-section-title {\n    margin: 0 0 calc(var(--design-unit) * 3px);\n  }\n\n  .settings-modal-section-note {\n    margin: calc(var(--design-unit) * -2px) 0 calc(var(--design-unit) * 3px);\n    font-size: 12px;\n    line-height: 1.5;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-modal-section-body {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 4px);\n  }\n\n  .settings-toggle-row {\n    display: flex;\n    align-items: flex-start;\n    gap: calc(var(--design-unit) * 3px);\n    padding: 0 0 calc(var(--design-unit) * 4px) 0;\n    border-bottom: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-toggle-row:last-child {\n    border-bottom: none;\n    padding-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .settings-toggle-row.is-stacked {\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  /*\n   * For rows whose control is a button rather than a switch. The base row top-aligns, which suits\n   * a switch (it lands level with the title), but a button is tall enough that top-aligning leaves\n   * it above the title-plus-description block it acts on.\n   */\n  .settings-toggle-row.is-centered {\n    align-items: center;\n  }\n\n  .settings-animation-list {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: calc(var(--control-corner-radius) * 1.2px);\n    padding: calc(var(--design-unit) * 2px);\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-animation-list .settings-toggle-row {\n    border: 0;\n  }\n\n  .settings-animation-category {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 4px);\n  }\n\n  .settings-animation-category-label {\n    font-weight: 600;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-toggle-row + .settings-animation-category-label {\n    border-top: 1px solid var(--neutral-stroke-rest);\n    padding-top: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-animation-option {\n    padding: 0;\n    margin: 0;\n  }\n\n  .settings-animation-option:last-child {\n    border-bottom: none;\n    padding-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-toggle-text {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .settings-toggle-title {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--neutral-foreground-rest);\n  }\n\n  .settings-toggle-desc {\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    line-height: 1.5;\n    max-width: 92%;\n  }\n\n  .settings-toggle-control {\n    flex: 0 0 auto;\n    min-width: 0;\n  }\n\n  .settings-toggle-control-wide {\n    width: 100%;\n    max-width: 280px;\n  }\n\n  .settings-toggle-row.is-stacked .settings-toggle-desc {\n    max-width: none;\n  }\n\n  .settings-toggle-row.is-stacked .settings-toggle-control-wide {\n    width: 100%;\n    max-width: none;\n  }\n\n  /*\n   * Sub-heading over the provider toggle group. Unlike the section headings it sits INSIDE\n   * .settings-modal-section-body, so the parent's 4-unit flex gap already separates it from the\n   * first toggle — and flex does not collapse margins, so the shared rule's 3-unit margin-bottom\n   * would add to that gap rather than replace it, leaving the label adrift from the rows it\n   * names. Zero the margin and pull back 2 of the 4 gap units, expressed in the same token so it\n   * tracks if that gap changes.\n   */\n  .settings-app-toggles-title {\n    margin: 0 0 calc(var(--design-unit) * -2px);\n  }\n\n  .settings-app-toggle-block {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 1px);\n  }\n\n  .settings-toggle-hint {\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    line-height: 1.4;\n    padding-left: calc(var(--design-unit) * 1px);\n    font-style: italic;\n  }\n\n  /*\n   * The budget meter (GENC-1464) is the context indicator's money sibling and\n   * shares its row anatomy 1:1, so the budget classes JOIN these rules rather\n   * than restating them — one place to restyle the header/label/figures shape,\n   * and the two indicators cannot drift apart. Design-system tokens only, and\n   * unfallbacked: every token here ships a DS default, so a var(--x, y)\n   * fallback would be dead code that hides a broken token name (#2411/#2436\n   * review rule, pinned by settings-modal.styles.test.ts).\n   */\n  .settings-context-header,\n  .settings-budget-header {\n    display: flex;\n    justify-content: space-between;\n    gap: calc(var(--design-unit) * 2px);\n    margin-bottom: calc(var(--design-unit) * 2px);\n    font-size: 12px;\n  }\n\n  .settings-context-label,\n  .settings-budget-label {\n    color: var(--neutral-foreground-hint);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n  }\n\n  .settings-context-tokens,\n  .settings-budget-figures {\n    color: var(--neutral-foreground-rest);\n  }\n\n  /*\n   * ONE rhythm for every meter row. The outer wrapper holds the context\n   * indicator and the budget meter; the inner one holds the budget meter's\n   * vendor rows — and both gap by the same 2 units (half the section body's 4)\n   * so that visually identical meter rows are evenly spaced whatever mix of\n   * them is on screen. Without the wrapper the context row inherits the body's\n   * 4-unit gap while the vendor rows keep 2, and three identical-looking rows\n   * read as an uneven 4/2/2. The wrapper renders only when at least one meter\n   * does — see settingsUsageMetersTemplate for why an always-on one would cost\n   * a stray gap.\n   */\n  .settings-usage-meters,\n  .settings-budget-usage {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-current-build,\n  .settings-lifetime-usage {\n    background: var(--neutral-layer-2);\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: calc(var(--control-corner-radius) * 1.5px);\n    padding: calc(var(--design-unit) * 4px);\n    margin: calc(var(--design-unit) * 3px) 0;\n  }\n\n  /*\n   * Deliberately quieter than the live block: no pulsing badge and no accent, so the eye lands\n   * on what is being built now — which is why that block leads the tab and this one follows,\n   * under the history heading whose rows it totals.\n   */\n  .settings-lifetime-usage-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: calc(var(--design-unit) * 2px);\n    margin-bottom: calc(var(--design-unit) * 3px);\n  }\n\n  .settings-lifetime-label {\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-current-build-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: calc(var(--design-unit) * 2px);\n    margin-bottom: calc(var(--design-unit) * 3px);\n  }\n\n  /*\n   * Optically centring these 10px caps against the 14px project name beside them. Flex offers\n   * only two alignments and neither lands it, because a box centre and a text baseline are\n   * different lines:\n   *   - align-items: center   sits the badge baseline about 1.2px high\n   *   - align-items: baseline matches baselines, but the caps then read as bottom-aligned\n   *     against the name's ascenders, so the badge looks low\n   * The eye wants the midpoint, so: centre the boxes, then translate down by the ~1px of\n   * overshoot. This is a nudge, but it corrects a fixed relationship between two font sizes\n   * rather than some neighbouring element's layout, so unlike a margin tuned to a sibling it\n   * cannot rot when that sibling changes. In em, so it tracks the badge text.\n   *\n   * display: block, not inline-flex: a flex container has no text baseline of its own and\n   * synthesizes one from its first child, which here is the dot, an empty span. As a block box\n   * the badge takes the baseline of its first line, i.e. the text.\n   */\n  .settings-live-badge {\n    display: block;\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--accent-fill-rest);\n    white-space: nowrap;\n    transform: translateY(0.1em);\n  }\n\n  .settings-live-dot {\n    display: inline-block;\n    width: 7px;\n    height: 7px;\n\n    /* Replaces the flex gap the badge no longer has. */\n    margin-right: calc(var(--design-unit) * 1px);\n\n    /* Centres the dot on the text beside it without disturbing that text's baseline. */\n    vertical-align: middle;\n    border-radius: 50%;\n    background: var(--accent-fill-rest);\n    animation: settings-live-pulse 1.6s ease-out infinite;\n  }\n\n  @keyframes settings-live-pulse {\n    0% {\n      box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent-fill-rest) 55%, transparent);\n    }\n\n    70% {\n      box-shadow: 0 0 0 7px transparent;\n    }\n\n    100% {\n      box-shadow: 0 0 0 0 transparent;\n    }\n  }\n\n  .settings-current-build-name {\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 600;\n  }\n\n  /*\n   * Cost and the token buckets side by side: one number in its own box, the four buckets\n   * sharing the box next to it. Stretch, so the two are the same height however tall the 22px\n   * cost value makes the left one.\n   */\n  .settings-usage-row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n    gap: calc(var(--design-unit) * 3px);\n    margin-bottom: calc(var(--design-unit) * 3px);\n  }\n\n  .settings-usage-row-tokens {\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  .settings-build-stat {\n    min-width: 0;\n    background: var(--neutral-layer-1);\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    padding: calc(var(--design-unit) * 3px);\n  }\n\n  .settings-build-stat-label {\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-build-stat-value {\n    font-size: 22px;\n    font-weight: 700;\n    margin-top: calc(var(--design-unit) * 1px);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .settings-build-stat-value .prefix,\n  .settings-build-stat-value .suffix {\n    color: var(--accent-fill-rest);\n  }\n\n  /*\n   * Per-bucket token split, beneath the headline cost. Small paired label/value cells\n   * rather than four more stat cards: they are the detail behind the cost above, so they\n   * have to read as subordinate to it rather than compete with it. The four buckets ARE\n   * the token figure now — there is no merged total anywhere for them to break down.\n   */\n  .settings-token-breakdown {\n    display: flex;\n    flex-direction: column;\n\n    /*\n     * Tight against the buckets below. One design unit rather than two, because each bucket\n     * separates its own label from its value by only 2px — at two units the title sat four\n     * times further from the bucket labels than they sit from their own numbers, which read\n     * as a gap between unrelated blocks instead of a heading over its content.\n     */\n    gap: calc(var(--design-unit) * 1px);\n    margin-bottom: calc(var(--design-unit) * 3px);\n    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);\n    background: var(--neutral-layer-1);\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n  }\n\n  /*\n   * Titles the box, because nothing else in it named the unit. Same styling and position as\n   * the cost box's label, so two boxes sitting side by side are titled the same way; the\n   * hierarchy against the bucket labels comes from position, not a second type size.\n   */\n  .settings-token-breakdown-label {\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-token-buckets {\n    display: flex;\n    flex-wrap: wrap;\n    gap: calc(var(--design-unit) * 4px);\n  }\n\n  .settings-token-bucket {\n    display: flex;\n\n    /*\n     * min-content (not 0) so a bucket cannot be shrunk narrower than its own unbreakable label.\n     * With the label set to nowrap, a zero minimum would overflow it into the next column instead\n     * of wrapping — so the container's flex-wrap takes over and moves a bucket to a second row,\n     * which is the degradation we want when the modal is dragged narrow.\n     */\n    min-width: min-content;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .settings-token-bucket-label {\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--neutral-foreground-hint);\n\n    /*\n     * One line, always. The rate marker is a separate inline box after collapsible whitespace, so\n     * a wrappable label gives it a break opportunity of its own — in a narrow column it orphaned\n     * onto line 2, which also pushed that bucket's value a line below the other three and broke\n     * the row of figures. nowrap removes every break opportunity in the label, the space before\n     * the marker included, so no glue character is needed.\n     */\n    white-space: nowrap;\n  }\n\n  .settings-token-bucket-value {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--neutral-foreground-rest);\n  }\n\n  /*\n   * The price-direction marker on a cache bucket's label — down for reads (a fraction of the\n   * uncached input rate), up for writes (a premium over it). Three tiers, so a bucket with no\n   * marker is the reference rate rather than an unlabelled fourth case.\n   *\n   * Carried by the label rather than the value, which is what this used to do: cache reads are\n   * usually the largest bucket by a wide margin in an agentic session, so the value was muted to\n   * stop the biggest number reading as the dominant cost driver. That priced the treatment to the\n   * wrong thing — a dimmed 0 (every Gemini cache write) looked disabled next to a normal 0, and a\n   * rate is a property of the bucket, not of this turn's figure.\n   *\n   * Sized down and nudged up rather than tinted: the label is already the hint colour, so a\n   * dimmer marker would vanish and a brighter one would out-shout the word it qualifies.\n   */\n  .settings-token-bucket-rate {\n    font-size: 8px;\n    line-height: 1;\n    vertical-align: 0.15em;\n    letter-spacing: 0;\n  }\n\n  /*\n   * Usage-row overrides. Placed after the base rules they refine rather than up beside\n   * .settings-usage-row itself, because stylelint's no-descending-specificity rejects a\n   * compound selector appearing before the plain one it overrides.\n   */\n\n  /* Sized by its content; the buckets take the rest, since four cells need the width. */\n  .settings-usage-row > .settings-build-stat {\n    flex: 0 1 auto;\n  }\n\n  .settings-usage-row .settings-token-breakdown {\n    flex: 1 1 auto;\n\n    /* The row owns the spacing now; this centres the column against the taller cost box. */\n    justify-content: center;\n    margin-bottom: 0;\n  }\n\n  /*\n   * Basis auto, not 0: a zero basis splits the row into four equal columns, so CACHE WRITE is\n   * squeezed exactly as hard as INPUT despite being twice the label. Sizing from content gives the\n   * long labels the room their text needs and lets the short ones concede it, which is what makes\n   * white-space: nowrap above safe — every column starts at least as wide as its own content,\n   * then shares the slack. Still grows and shrinks, so the four stay flush edge to edge.\n   */\n  .settings-usage-row .settings-token-bucket {\n    flex: 1 1 auto;\n  }\n\n  .settings-model-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-model-tag {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 3px 9px;\n    border-radius: 20px;\n    font-family: ui-monospace, monospace;\n    border: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-model-tag,\n  .settings-cost-history-icon {\n    --model-tag-color: var(--neutral-foreground-rest);\n\n    background: color-mix(\n      in srgb,\n      var(--model-tag-color) var(--ai-tier-badge-bg-mix),\n      var(--neutral-layer-1)\n    );\n    border-color: color-mix(in srgb, var(--model-tag-color) 20%, var(--neutral-layer-1));\n    color: color-mix(in srgb, var(--model-tag-color), white var(--ai-tier-badge-text-lighten));\n  }\n\n  .settings-cost-history-title {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    color: var(--neutral-foreground-hint);\n    font-weight: 600;\n    margin: calc(var(--design-unit) * 4px) 0 calc(var(--design-unit) * 2px);\n  }\n\n  /*\n   * The heading labels the lifetime card as well as the rows, so the card gives up its own top\n   * margin and the gap becomes the heading's alone. Adjacent siblings collapse to the LARGER of\n   * the two margins, so leaving both would space the caps 3 units off the block they label while\n   * the rows below sit at 2 — reading as though the heading belonged to neither.\n   */\n  .settings-cost-history-title + .settings-lifetime-usage {\n    margin-top: 0;\n  }\n\n  .settings-cost-history {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n    padding-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-cost-history-icon {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 700;\n    border: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-cost-history-row {\n    display: flex;\n    flex-direction: column;\n    background: var(--neutral-layer-1);\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: calc(var(--control-corner-radius) * 1.5px);\n    padding: calc(var(--design-unit) * 4px);\n  }\n\n  .settings-cost-history-row-content {\n    display: flex;\n    align-items: flex-start;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  /*\n   * All of these carry a ?hidden binding, and all declare display: flex — which silently beat the\n   * UA [hidden] { display: none } rule, because author-origin declarations outrank user-agent\n   * origin whatever the specificity. Without this, showTokens: false still rendered the full\n   * breakdown in the lifetime block, the live block and every history row, and an empty row list\n   * still occupied its padding under the lifetime total. Sibling elements that hide correctly do\n   * so only by declaring no display at all. Same treatment as .settings-modal-tab-panel[hidden]\n   * near the top of this file.\n   */\n  .settings-usage-row-tokens[hidden],\n  .settings-cost-history[hidden],\n  .settings-cost-history-row-content[hidden] {\n    display: none !important;\n  }\n\n  /*\n   * The buckets inside a history row drop the panel treatment they carry in the summary\n   * blocks — the row is already a bordered card, and a second box inside it reads as a\n   * nested panel. The adjacent-sibling rule above supplies the separator instead.\n   */\n  .settings-cost-history-row-breakdown .settings-token-breakdown {\n    flex: 1 1 auto;\n    margin-bottom: 0;\n    padding: 0;\n    background: none;\n    border: none;\n  }\n\n  .settings-cost-history-row-content + .settings-cost-history-row-content {\n    border-top: 1px solid var(--neutral-stroke-rest);\n    margin-top: calc(var(--design-unit) * 2px);\n    padding-top: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-cost-history-row-body {\n    flex: 1 1 auto;\n    min-width: 0;\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    justify-content: space-between;\n  }\n\n  /*\n   * Holds the cost and the delete button as one centred pair. The button used to be a sibling\n   * of the whole row body, kept in place by a -2px nudge tuned for when the metrics column had\n   * two lines (cost plus a merged token total). Dropping that second line left the nudge\n   * compensating for nothing. Centring the two against each other needs no magic number and\n   * cannot drift again if the metrics content changes.\n   *\n   * NB this rule previously set align-items with no display:flex, so it had no effect at all.\n   */\n  .settings-cost-history-row-right {\n    display: flex;\n    align-items: center;\n    gap: calc(var(--design-unit) * 1px);\n    flex: 0 0 auto;\n  }\n\n  .settings-cost-history-row-cost,\n  .settings-cost-history-row-title {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--neutral-foreground-rest);\n    min-width: 0;\n  }\n\n  .settings-cost-history-row-metrics {\n    display: flex;\n    flex-direction: column;\n    flex: 0 0 auto;\n    font-size: 13px;\n    font-family: ui-monospace, monospace;\n    color: var(--neutral-foreground-rest);\n    white-space: nowrap;\n  }\n\n  .settings-cost-history-row-date {\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-cost-history-delete {\n    flex: 0 0 auto;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-cost-history-delete:hover {\n    color: var(--error-color);\n  }\n\n  .settings-cost-history ::slotted(*) {\n    display: block;\n  }\n\n  .settings-modal-footer {\n    width: 100%;\n  }\n\n  .settings-done-button {\n    margin-left: auto;\n  }\n\n  .settings-modal-footer-actions {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: calc(var(--design-unit) * 2px);\n    width: 100%;\n  }\n\n  .settings-disclaimer {\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    max-width: 60%;\n    line-height: 1.4;\n  }\n\n  /*\n   * Inline spinner shown in the \"Download agent log\" button while the log builds\n   * (GENC-1351 §5.8) — the lifetime-stitch path is an async provider round-trip.\n   * Sized to the button label and tinted with currentColor so it tracks the\n   * button's text colour in every appearance / theme.\n   */\n  [part='download-button'] .download-spinner {\n    display: inline-block;\n    width: 12px;\n    height: 12px;\n    margin-right: calc(var(--design-unit) * 1px);\n    vertical-align: -1px;\n    border: 2px solid currentColor;\n    border-right-color: transparent;\n    border-radius: 50%;\n    animation: download-spin 0.6s linear infinite;\n  }\n\n  @keyframes download-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n`",
+          "default": "css`\n  /*\n   * Section headings come from the shared fragment the package also exports, so a host titling\n   * its own slotted section applies the same rule rather than a copy of it.\n   */\n  ${assistantSettingsSectionTitleStyles}\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  .settings-modal {\n    --ai-tier-badge-bg-mix: 14%;\n    --ai-tier-badge-text-lighten: 18%;\n  }\n\n  .settings-modal::part(dialog) {\n    max-width: 620px;\n    width: calc(100vw - 48px);\n    max-height: calc(100vh - 48px);\n    padding: 0;\n  }\n\n  .settings-modal::part(content) {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    padding: 0;\n    width: 100%;\n  }\n\n  .settings-modal::part(top) {\n    padding: calc(var(--design-unit) * 4px) calc(var(--design-unit) * 5px);\n    border-bottom: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-modal::part(bottom) {\n    padding: calc(var(--design-unit) * 4px) calc(var(--design-unit) * 5px);\n    border-top: 1px solid var(--neutral-stroke-rest);\n    border-bottom-left-radius: var(--card-border-radius, calc(var(--control-corner-radius) * 1px));\n    border-bottom-right-radius: var(--card-border-radius, calc(var(--control-corner-radius) * 1px));\n    background-color: var(--neutral-layer-2);\n  }\n\n  .settings-modal-header {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  .settings-modal-title {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: calc(var(--design-unit) * 2px);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .settings-modal-content {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    flex: 1 1 auto;\n  }\n\n  .settings-modal-tabs::part(tablist) {\n    border-bottom: 0;\n    padding: 0 calc(var(--design-unit) * 5px);\n    column-gap: calc(var(--design-unit) * 5px);\n  }\n\n  .settings-modal-tabs::part(activeIndicator) {\n    height: 2px;\n  }\n\n  .settings-modal-tab {\n    padding: 0;\n    font-weight: 600;\n    gap: 6px;\n  }\n\n  .settings-modal-tab[aria-selected='true'] {\n    color: var(--neutral-foreground-rest);\n  }\n\n  .settings-modal-tabs::part(tabpanel) {\n    border-top: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-modal-tab-panel {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    flex: 1 1 auto;\n    padding: 0;\n    border-radius: 0;\n  }\n\n  .settings-modal-tab-panel[hidden] {\n    display: none !important;\n  }\n\n  .settings-modal-body {\n    overflow-y: auto;\n    padding: 0 calc(var(--design-unit) * 5px) calc(var(--design-unit) * 2px);\n    max-height: min(60vh, 520px);\n  }\n\n  .settings-modal-section {\n    padding: calc(var(--design-unit) * 5px) 0;\n    border-bottom: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-modal-section:last-child {\n    border-bottom: none;\n  }\n\n  /*\n   * Only the spacing. Everything else about this heading comes from the exported fragment\n   * above, which the assistant and its hosts share; margin is deliberately not in there,\n   * since the gap below a heading depends on the layout around it.\n   */\n  .ai-settings-section-title {\n    margin: 0 0 calc(var(--design-unit) * 3px);\n  }\n\n  .settings-modal-section-note {\n    margin: calc(var(--design-unit) * -2px) 0 calc(var(--design-unit) * 3px);\n    font-size: 12px;\n    line-height: 1.5;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-modal-section-body {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 4px);\n  }\n\n  .settings-toggle-row {\n    display: flex;\n    align-items: flex-start;\n    gap: calc(var(--design-unit) * 3px);\n    padding: 0 0 calc(var(--design-unit) * 4px) 0;\n    border-bottom: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-toggle-row:last-child {\n    border-bottom: none;\n    padding-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .settings-toggle-row.is-stacked {\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  /*\n   * For rows whose control is a button rather than a switch. The base row top-aligns, which suits\n   * a switch (it lands level with the title), but a button is tall enough that top-aligning leaves\n   * it above the title-plus-description block it acts on.\n   */\n  .settings-toggle-row.is-centered {\n    align-items: center;\n  }\n\n  .settings-animation-list {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: calc(var(--control-corner-radius) * 1.2px);\n    padding: calc(var(--design-unit) * 2px);\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-animation-list .settings-toggle-row {\n    border: 0;\n  }\n\n  .settings-animation-category {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 4px);\n  }\n\n  .settings-animation-category-label {\n    font-weight: 600;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-toggle-row + .settings-animation-category-label {\n    border-top: 1px solid var(--neutral-stroke-rest);\n    padding-top: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-animation-option {\n    padding: 0;\n    margin: 0;\n  }\n\n  .settings-animation-option:last-child {\n    border-bottom: none;\n    padding-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-toggle-text {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .settings-toggle-title {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--neutral-foreground-rest);\n  }\n\n  .settings-toggle-desc {\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    line-height: 1.5;\n    max-width: 92%;\n  }\n\n  .settings-toggle-control {\n    flex: 0 0 auto;\n    min-width: 0;\n  }\n\n  .settings-toggle-control-wide {\n    width: 100%;\n    max-width: 280px;\n  }\n\n  .settings-toggle-row.is-stacked .settings-toggle-desc {\n    max-width: none;\n  }\n\n  .settings-toggle-row.is-stacked .settings-toggle-control-wide {\n    width: 100%;\n    max-width: none;\n  }\n\n  /*\n   * Sub-heading over the provider toggle group. Unlike the section headings it sits INSIDE\n   * .settings-modal-section-body, so the parent's 4-unit flex gap already separates it from the\n   * first toggle — and flex does not collapse margins, so the shared rule's 3-unit margin-bottom\n   * would add to that gap rather than replace it, leaving the label adrift from the rows it\n   * names. Zero the margin and pull back 2 of the 4 gap units, expressed in the same token so it\n   * tracks if that gap changes.\n   */\n  .settings-app-toggles-title {\n    margin: 0 0 calc(var(--design-unit) * -2px);\n  }\n\n  .settings-app-toggle-block {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 1px);\n  }\n\n  .settings-toggle-hint {\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    line-height: 1.4;\n    padding-left: calc(var(--design-unit) * 1px);\n    font-style: italic;\n  }\n\n  /*\n   * The budget meter (GENC-1464) is the context indicator's money sibling and\n   * shares its row anatomy 1:1, so the budget classes JOIN these rules rather\n   * than restating them — one place to restyle the header/label/figures shape,\n   * and the two indicators cannot drift apart. Design-system tokens only, and\n   * unfallbacked: every token here ships a DS default, so a var(--x, y)\n   * fallback would be dead code that hides a broken token name (#2411/#2436\n   * review rule, pinned by settings-modal.styles.test.ts).\n   */\n  .settings-context-header,\n  .settings-budget-header {\n    display: flex;\n    justify-content: space-between;\n    gap: calc(var(--design-unit) * 2px);\n    margin-bottom: calc(var(--design-unit) * 2px);\n    font-size: 12px;\n  }\n\n  .settings-context-label,\n  .settings-budget-label {\n    color: var(--neutral-foreground-hint);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n  }\n\n  .settings-context-tokens,\n  .settings-budget-figures {\n    color: var(--neutral-foreground-rest);\n  }\n\n  /* Freshness footer (GENC-1464): refresh button + label under the vendor\n     rows, left-aligned — a footnote to the figures above it. The button's\n     inline padding is pinned and cancelled by the container margin so the\n     ICON GLYPH (not the button box) sits flush with the budget labels'\n     left edge, whatever the density tokens say. */\n  .settings-budget-toolbar {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 4px;\n    margin-inline-start: -4px;\n  }\n\n  .settings-budget-refresh::part(control) {\n    padding-inline: 4px;\n  }\n\n  .settings-budget-updated {\n    color: var(--neutral-foreground-hint);\n    font-size: 11px;\n  }\n\n  /*\n   * ONE rhythm for every meter row. The outer wrapper holds the context\n   * indicator and the budget meter; the inner one holds the budget meter's\n   * vendor rows — and both gap by the same 2 units (half the section body's 4)\n   * so that visually identical meter rows are evenly spaced whatever mix of\n   * them is on screen. Without the wrapper the context row inherits the body's\n   * 4-unit gap while the vendor rows keep 2, and three identical-looking rows\n   * read as an uneven 4/2/2. The wrapper renders only when at least one meter\n   * does — see settingsUsageMetersTemplate for why an always-on one would cost\n   * a stray gap.\n   */\n  .settings-usage-meters,\n  .settings-budget-usage {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-current-build,\n  .settings-lifetime-usage {\n    background: var(--neutral-layer-2);\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: calc(var(--control-corner-radius) * 1.5px);\n    padding: calc(var(--design-unit) * 4px);\n    margin: calc(var(--design-unit) * 3px) 0;\n  }\n\n  /*\n   * Deliberately quieter than the live block: no pulsing badge and no accent, so the eye lands\n   * on what is being built now — which is why that block leads the tab and this one follows,\n   * under the history heading whose rows it totals.\n   */\n  .settings-lifetime-usage-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: calc(var(--design-unit) * 2px);\n    margin-bottom: calc(var(--design-unit) * 3px);\n  }\n\n  .settings-lifetime-label {\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-current-build-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: calc(var(--design-unit) * 2px);\n    margin-bottom: calc(var(--design-unit) * 3px);\n  }\n\n  /*\n   * Optically centring these 10px caps against the 14px project name beside them. Flex offers\n   * only two alignments and neither lands it, because a box centre and a text baseline are\n   * different lines:\n   *   - align-items: center   sits the badge baseline about 1.2px high\n   *   - align-items: baseline matches baselines, but the caps then read as bottom-aligned\n   *     against the name's ascenders, so the badge looks low\n   * The eye wants the midpoint, so: centre the boxes, then translate down by the ~1px of\n   * overshoot. This is a nudge, but it corrects a fixed relationship between two font sizes\n   * rather than some neighbouring element's layout, so unlike a margin tuned to a sibling it\n   * cannot rot when that sibling changes. In em, so it tracks the badge text.\n   *\n   * display: block, not inline-flex: a flex container has no text baseline of its own and\n   * synthesizes one from its first child, which here is the dot, an empty span. As a block box\n   * the badge takes the baseline of its first line, i.e. the text.\n   */\n  .settings-live-badge {\n    display: block;\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--accent-fill-rest);\n    white-space: nowrap;\n    transform: translateY(0.1em);\n  }\n\n  .settings-live-dot {\n    display: inline-block;\n    width: 7px;\n    height: 7px;\n\n    /* Replaces the flex gap the badge no longer has. */\n    margin-right: calc(var(--design-unit) * 1px);\n\n    /* Centres the dot on the text beside it without disturbing that text's baseline. */\n    vertical-align: middle;\n    border-radius: 50%;\n    background: var(--accent-fill-rest);\n    animation: settings-live-pulse 1.6s ease-out infinite;\n  }\n\n  @keyframes settings-live-pulse {\n    0% {\n      box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent-fill-rest) 55%, transparent);\n    }\n\n    70% {\n      box-shadow: 0 0 0 7px transparent;\n    }\n\n    100% {\n      box-shadow: 0 0 0 0 transparent;\n    }\n  }\n\n  .settings-current-build-name {\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 600;\n  }\n\n  /*\n   * Cost and the token buckets side by side: one number in its own box, the four buckets\n   * sharing the box next to it. Stretch, so the two are the same height however tall the 22px\n   * cost value makes the left one.\n   */\n  .settings-usage-row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n    gap: calc(var(--design-unit) * 3px);\n    margin-bottom: calc(var(--design-unit) * 3px);\n  }\n\n  .settings-usage-row-tokens {\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  .settings-build-stat {\n    min-width: 0;\n    background: var(--neutral-layer-1);\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    padding: calc(var(--design-unit) * 3px);\n  }\n\n  .settings-build-stat-label {\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-build-stat-value {\n    font-size: 22px;\n    font-weight: 700;\n    margin-top: calc(var(--design-unit) * 1px);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .settings-build-stat-value .prefix,\n  .settings-build-stat-value .suffix {\n    color: var(--accent-fill-rest);\n  }\n\n  /*\n   * Per-bucket token split, beneath the headline cost. Small paired label/value cells\n   * rather than four more stat cards: they are the detail behind the cost above, so they\n   * have to read as subordinate to it rather than compete with it. The four buckets ARE\n   * the token figure now — there is no merged total anywhere for them to break down.\n   */\n  .settings-token-breakdown {\n    display: flex;\n    flex-direction: column;\n\n    /*\n     * Tight against the buckets below. One design unit rather than two, because each bucket\n     * separates its own label from its value by only 2px — at two units the title sat four\n     * times further from the bucket labels than they sit from their own numbers, which read\n     * as a gap between unrelated blocks instead of a heading over its content.\n     */\n    gap: calc(var(--design-unit) * 1px);\n    margin-bottom: calc(var(--design-unit) * 3px);\n    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);\n    background: var(--neutral-layer-1);\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n  }\n\n  /*\n   * Titles the box, because nothing else in it named the unit. Same styling and position as\n   * the cost box's label, so two boxes sitting side by side are titled the same way; the\n   * hierarchy against the bucket labels comes from position, not a second type size.\n   */\n  .settings-token-breakdown-label {\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-token-buckets {\n    display: flex;\n    flex-wrap: wrap;\n    gap: calc(var(--design-unit) * 4px);\n  }\n\n  .settings-token-bucket {\n    display: flex;\n\n    /*\n     * min-content (not 0) so a bucket cannot be shrunk narrower than its own unbreakable label.\n     * With the label set to nowrap, a zero minimum would overflow it into the next column instead\n     * of wrapping — so the container's flex-wrap takes over and moves a bucket to a second row,\n     * which is the degradation we want when the modal is dragged narrow.\n     */\n    min-width: min-content;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .settings-token-bucket-label {\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--neutral-foreground-hint);\n\n    /*\n     * One line, always. The rate marker is a separate inline box after collapsible whitespace, so\n     * a wrappable label gives it a break opportunity of its own — in a narrow column it orphaned\n     * onto line 2, which also pushed that bucket's value a line below the other three and broke\n     * the row of figures. nowrap removes every break opportunity in the label, the space before\n     * the marker included, so no glue character is needed.\n     */\n    white-space: nowrap;\n  }\n\n  .settings-token-bucket-value {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--neutral-foreground-rest);\n  }\n\n  /*\n   * The price-direction marker on a cache bucket's label — down for reads (a fraction of the\n   * uncached input rate), up for writes (a premium over it). Three tiers, so a bucket with no\n   * marker is the reference rate rather than an unlabelled fourth case.\n   *\n   * Carried by the label rather than the value, which is what this used to do: cache reads are\n   * usually the largest bucket by a wide margin in an agentic session, so the value was muted to\n   * stop the biggest number reading as the dominant cost driver. That priced the treatment to the\n   * wrong thing — a dimmed 0 (every Gemini cache write) looked disabled next to a normal 0, and a\n   * rate is a property of the bucket, not of this turn's figure.\n   *\n   * Sized down and nudged up rather than tinted: the label is already the hint colour, so a\n   * dimmer marker would vanish and a brighter one would out-shout the word it qualifies.\n   */\n  .settings-token-bucket-rate {\n    font-size: 8px;\n    line-height: 1;\n    vertical-align: 0.15em;\n    letter-spacing: 0;\n  }\n\n  /*\n   * Usage-row overrides. Placed after the base rules they refine rather than up beside\n   * .settings-usage-row itself, because stylelint's no-descending-specificity rejects a\n   * compound selector appearing before the plain one it overrides.\n   */\n\n  /* Sized by its content; the buckets take the rest, since four cells need the width. */\n  .settings-usage-row > .settings-build-stat {\n    flex: 0 1 auto;\n  }\n\n  .settings-usage-row .settings-token-breakdown {\n    flex: 1 1 auto;\n\n    /* The row owns the spacing now; this centres the column against the taller cost box. */\n    justify-content: center;\n    margin-bottom: 0;\n  }\n\n  /*\n   * Basis auto, not 0: a zero basis splits the row into four equal columns, so CACHE WRITE is\n   * squeezed exactly as hard as INPUT despite being twice the label. Sizing from content gives the\n   * long labels the room their text needs and lets the short ones concede it, which is what makes\n   * white-space: nowrap above safe — every column starts at least as wide as its own content,\n   * then shares the slack. Still grows and shrinks, so the four stay flush edge to edge.\n   */\n  .settings-usage-row .settings-token-bucket {\n    flex: 1 1 auto;\n  }\n\n  .settings-model-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-model-tag {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 3px 9px;\n    border-radius: 20px;\n    font-family: ui-monospace, monospace;\n    border: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-model-tag,\n  .settings-cost-history-icon {\n    --model-tag-color: var(--neutral-foreground-rest);\n\n    background: color-mix(\n      in srgb,\n      var(--model-tag-color) var(--ai-tier-badge-bg-mix),\n      var(--neutral-layer-1)\n    );\n    border-color: color-mix(in srgb, var(--model-tag-color) 20%, var(--neutral-layer-1));\n    color: color-mix(in srgb, var(--model-tag-color), white var(--ai-tier-badge-text-lighten));\n  }\n\n  .settings-cost-history-title {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    color: var(--neutral-foreground-hint);\n    font-weight: 600;\n    margin: calc(var(--design-unit) * 4px) 0 calc(var(--design-unit) * 2px);\n  }\n\n  /*\n   * The heading labels the lifetime card as well as the rows, so the card gives up its own top\n   * margin and the gap becomes the heading's alone. Adjacent siblings collapse to the LARGER of\n   * the two margins, so leaving both would space the caps 3 units off the block they label while\n   * the rows below sit at 2 — reading as though the heading belonged to neither.\n   */\n  .settings-cost-history-title + .settings-lifetime-usage {\n    margin-top: 0;\n  }\n\n  .settings-cost-history {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n    padding-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-cost-history-icon {\n    flex: 0 0 auto;\n    width: 36px;\n    height: 36px;\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 700;\n    border: 1px solid var(--neutral-stroke-rest);\n  }\n\n  .settings-cost-history-row {\n    display: flex;\n    flex-direction: column;\n    background: var(--neutral-layer-1);\n    border: 1px solid var(--neutral-stroke-rest);\n    border-radius: calc(var(--control-corner-radius) * 1.5px);\n    padding: calc(var(--design-unit) * 4px);\n  }\n\n  .settings-cost-history-row-content {\n    display: flex;\n    align-items: flex-start;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  /*\n   * All of these carry a ?hidden binding, and all declare display: flex — which silently beat the\n   * UA [hidden] { display: none } rule, because author-origin declarations outrank user-agent\n   * origin whatever the specificity. Without this, showTokens: false still rendered the full\n   * breakdown in the lifetime block, the live block and every history row, and an empty row list\n   * still occupied its padding under the lifetime total. Sibling elements that hide correctly do\n   * so only by declaring no display at all. Same treatment as .settings-modal-tab-panel[hidden]\n   * near the top of this file.\n   */\n  .settings-usage-row-tokens[hidden],\n  .settings-cost-history[hidden],\n  .settings-cost-history-row-content[hidden] {\n    display: none !important;\n  }\n\n  /*\n   * The buckets inside a history row drop the panel treatment they carry in the summary\n   * blocks — the row is already a bordered card, and a second box inside it reads as a\n   * nested panel. The adjacent-sibling rule above supplies the separator instead.\n   */\n  .settings-cost-history-row-breakdown .settings-token-breakdown {\n    flex: 1 1 auto;\n    margin-bottom: 0;\n    padding: 0;\n    background: none;\n    border: none;\n  }\n\n  .settings-cost-history-row-content + .settings-cost-history-row-content {\n    border-top: 1px solid var(--neutral-stroke-rest);\n    margin-top: calc(var(--design-unit) * 2px);\n    padding-top: calc(var(--design-unit) * 2px);\n  }\n\n  .settings-cost-history-row-body {\n    flex: 1 1 auto;\n    min-width: 0;\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    justify-content: space-between;\n  }\n\n  /*\n   * Holds the cost and the delete button as one centred pair. The button used to be a sibling\n   * of the whole row body, kept in place by a -2px nudge tuned for when the metrics column had\n   * two lines (cost plus a merged token total). Dropping that second line left the nudge\n   * compensating for nothing. Centring the two against each other needs no magic number and\n   * cannot drift again if the metrics content changes.\n   *\n   * NB this rule previously set align-items with no display:flex, so it had no effect at all.\n   */\n  .settings-cost-history-row-right {\n    display: flex;\n    align-items: center;\n    gap: calc(var(--design-unit) * 1px);\n    flex: 0 0 auto;\n  }\n\n  .settings-cost-history-row-cost,\n  .settings-cost-history-row-title {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--neutral-foreground-rest);\n    min-width: 0;\n  }\n\n  .settings-cost-history-row-metrics {\n    display: flex;\n    flex-direction: column;\n    flex: 0 0 auto;\n    font-size: 13px;\n    font-family: ui-monospace, monospace;\n    color: var(--neutral-foreground-rest);\n    white-space: nowrap;\n  }\n\n  .settings-cost-history-row-date {\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-cost-history-delete {\n    flex: 0 0 auto;\n    color: var(--neutral-foreground-hint);\n  }\n\n  .settings-cost-history-delete:hover {\n    color: var(--error-color);\n  }\n\n  .settings-cost-history ::slotted(*) {\n    display: block;\n  }\n\n  .settings-modal-footer {\n    width: 100%;\n  }\n\n  .settings-done-button {\n    margin-left: auto;\n  }\n\n  .settings-modal-footer-actions {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: calc(var(--design-unit) * 2px);\n    width: 100%;\n  }\n\n  .settings-disclaimer {\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    max-width: 60%;\n    line-height: 1.4;\n  }\n\n  /*\n   * Inline spinner shown in the \"Download agent log\" button while the log builds\n   * (GENC-1351 §5.8) — the lifetime-stitch path is an async provider round-trip.\n   * Sized to the button label and tinted with currentColor so it tracks the\n   * button's text colour in every appearance / theme.\n   */\n  [part='download-button'] .download-spinner {\n    display: inline-block;\n    width: 12px;\n    height: 12px;\n    margin-right: calc(var(--design-unit) * 1px);\n    vertical-align: -1px;\n    border: 2px solid currentColor;\n    border-right-color: transparent;\n    border-radius: 50%;\n    animation: download-spin 0.6s linear infinite;\n  }\n\n  @keyframes download-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n`",
           "description": "Styles for the assistant settings modal (tabs, sections, toggles, cost summary)."
         }
       ],
@@ -10056,67 +10151,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/chat-markdown/chat-markdown.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "AiChatMarkdown",
-          "members": [
-            {
-              "kind": "field",
-              "name": "content",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The markdown string to render."
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "ai-chat-markdown",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AiChatMarkdown",
-          "declaration": {
-            "name": "AiChatMarkdown",
-            "module": "src/components/chat-markdown/chat-markdown.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ai-chat-markdown",
-          "declaration": {
-            "name": "AiChatMarkdown",
-            "module": "src/components/chat-markdown/chat-markdown.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/chat-markdown/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./chat-markdown"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/state/persistence/build-timeline-entries.ts",