@tangle-network/agent-app 0.45.31 → 0.45.33

package/dist/teams-react/lazy.js

@@ -1,10 +1,10 @@
 // src/teams-react/lazy.tsx
 import { lazy } from "react";
 var MembersPanelLazy = lazy(
-  () => import("../MembersPanel-BB4OD2KB.js").then((m) => ({ default: m.MembersPanel }))
+  () => import("../MembersPanel-XNLF3SA4.js").then((m) => ({ default: m.MembersPanel }))
 );
 var InvitationsPanelLazy = lazy(
-  () => import("../InvitationsPanel-CJ7DR4F7.js").then((m) => ({ default: m.InvitationsPanel }))
+  () => import("../InvitationsPanel-BATXZHY4.js").then((m) => ({ default: m.InvitationsPanel }))
 );
 var InviteAcceptPageLazy = lazy(
   () => import("../InviteAcceptPage-P3QJC3C6.js").then((m) => ({ default: m.InviteAcceptPage }))

package/dist/theme/index.js

@@ -3,7 +3,7 @@ import {
   lightTheme,
   themeColor,
   themeToCssVars
-} from "../chunk-LSQR6HM6.js";
+} from "../chunk-IN6LNZ7O.js";
 export {
   darkTheme,
   lightTheme,

package/dist/theme/tailwind-preset.d.ts

@@ -12,7 +12,7 @@
  * values (bg-[var(--bg-input)]), which Tailwind supports without color config.
  *
  * Beyond colour this preset also maps the border TIERS, the semantic radius
- * steps, and the motion scale. See docs/design-tokens.md.
+ * steps, the motion scale, and the elevation shadows. See docs/design-tokens.md.
  */
 /** Define a preset configuration for dark mode and extended theme colors with foreground variants */
 declare const agentAppPreset: {
@@ -66,6 +66,10 @@ declare const agentAppPreset: {
                 'surface-container-high': string;
                 'surface-container-highest': string;
             };
+            boxShadow: {
+                raised: string;
+                overlay: string;
+            };
             borderColor: {
                 border: string;
                 'card-edge': string;

package/dist/theme/tailwind-preset.js

@@ -31,9 +31,18 @@ var agentAppPreset = {
         // MD3 surface ladder — wires sandbox-ui's `bg-surface-container*`
         // utilities (used by AgentComposer + its pickers) onto the shadcn
         // elevation triples, so those components render on-palette here.
+        // Monotonic in the dark theme: card (L 0.235) < secondary (0.285) <
+        // popover (0.325) — the rungs a container climbs as it floats higher.
         "surface-container": "hsl(var(--card))",
-        "surface-container-high": "hsl(var(--popover))",
-        "surface-container-highest": "hsl(var(--secondary))"
+        "surface-container-high": "hsl(var(--secondary))",
+        "surface-container-highest": "hsl(var(--popover))"
+      },
+      // Elevation shadows — `shadow-raised` for the floating composer,
+      // `shadow-overlay` for popovers/dialogs. Both re-theme through
+      // tokens.css (dark doubles the alpha at the token).
+      boxShadow: {
+        raised: "var(--shadow-raised)",
+        overlay: "var(--shadow-overlay)"
       },
       // Border tiers. `borderColor` is a separate scale from `colors`, so
       // pointing `border-border` at the soft tier here leaves `bg-border` /

package/dist/theme/tailwind-preset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/tailwind-preset.ts"],"sourcesContent":["/**\n * Tailwind preset mapping the shadcn semantic color names used by web-react\n * (bg-card, text-muted-foreground, border-border, …) onto the CSS variables in\n * tokens.css — so a consuming app themes every agent-app surface from one source.\n *\n *   // tailwind.config.{js,ts}\n *   import agentAppPreset from '@tangle-network/agent-app/tailwind-preset'\n *   export default { presets: [agentAppPreset], content: [...] }\n *\n * Pair with `import '@tangle-network/agent-app/styles'` for the variable values.\n * design-canvas/sequences need no preset — they consume vars via arbitrary\n * values (bg-[var(--bg-input)]), which Tailwind supports without color config.\n *\n * Beyond colour this preset also maps the border TIERS, the semantic radius\n * steps, and the motion scale. See docs/design-tokens.md.\n */\n\nconst withForeground = (name: string) => ({\n  DEFAULT: `hsl(var(--${name}))`,\n  foreground: `hsl(var(--${name}-foreground))`,\n})\n\n/**\n * A border tier as a Tailwind colour that still honours the `/40` opacity\n * modifier.\n *\n * The tier tokens are `color-mix()` results, not channel triples, and Tailwind\n * cannot inject an alpha into a value it cannot parse — pointing `border-border`\n * straight at `var(--border-soft)` makes Tailwind DROP `border-border/50`\n * entirely rather than emit it without the modifier, which is silent: the\n * element falls back to `currentColor` and nothing errors. This package has 18\n * such usages. Wrapping the token in a `color-mix` that consumes\n * `<alpha-value>` keeps the token as the source AND composes with the modifier:\n * bare → 100% of the tier, `/50` → half of it.\n */\nconst tier = (token: string) => `color-mix(in oklch, var(${token}) calc(<alpha-value> * 100%), transparent)`\n\n/** Define a preset configuration for dark mode and extended theme colors with foreground variants */\nconst agentAppPreset = {\n  darkMode: ['class', '[data-theme=\"dark\"]'] as [string, string],\n  theme: {\n    extend: {\n      colors: {\n        background: 'hsl(var(--background))',\n        foreground: 'hsl(var(--foreground))',\n        border: 'hsl(var(--border))',\n        input: 'hsl(var(--input))',\n        ring: 'hsl(var(--ring))',\n        success: withForeground('success'),\n        // `strong` sits alongside DEFAULT/foreground rather than replacing\n        // either: `--warning` is the dot/border/tint hue, `--warning-foreground`\n        // is what goes on a SOLID gold chip, and `text-warning-strong` is the\n        // only one of the three that stays legible as text on a warning TINT in\n        // both themes.\n        warning: { ...withForeground('warning'), strong: 'hsl(var(--warning-strong))' },\n        card: withForeground('card'),\n        popover: withForeground('popover'),\n        primary: withForeground('primary'),\n        secondary: withForeground('secondary'),\n        muted: withForeground('muted'),\n        accent: withForeground('accent'),\n        destructive: withForeground('destructive'),\n        // MD3 surface ladder — wires sandbox-ui's `bg-surface-container*`\n        // utilities (used by AgentComposer + its pickers) onto the shadcn\n        // elevation triples, so those components render on-palette here.\n        'surface-container': 'hsl(var(--card))',\n        'surface-container-high': 'hsl(var(--popover))',\n        'surface-container-highest': 'hsl(var(--secondary))',\n      },\n      // Border tiers. `borderColor` is a separate scale from `colors`, so\n      // pointing `border-border` at the soft tier here leaves `bg-border` /\n      // `text-border` (and the `--border` triple itself) at full strength.\n      //\n      // This is the one place a single edit reaches every `border-border` in\n      // the fleet — 151 in this package alone — which is the only reason the\n      // tiers are worth having. Editing 151 call sites to say `border-soft`\n      // would be the same change spelled 151 times, and the next component\n      // written would still say `border-border`.\n      //\n      // `border-input` is untouched on purpose: a form field's edge is a\n      // control affordance, not a divider.\n      //\n      // Opting out is one line in the consumer's own config\n      // (`borderColor: { border: 'hsl(var(--border))' }`) or one line in its\n      // CSS (`--border-soft: hsl(var(--border))`), and the second also restores\n      // the pre-tier look for any consumer-owned `--color-border` mapping,\n      // which a Tailwind v4 app defines in its own `@theme` and this preset\n      // cannot reach.\n      borderColor: {\n        border: tier('--border-soft'),\n        'card-edge': tier('--card-edge'),\n        strong: 'hsl(var(--border))',\n      },\n      // Semantic radius. Deliberately NOT a remap of Tailwind's `rounded-md` /\n      // `rounded-lg`: those names collide with the token ladder's names at\n      // DIFFERENT values (`--radius-md` is 8px, `rounded-md` is 6px), so\n      // remapping would silently resize 302 existing `rounded-*` usages across\n      // four products. New names, opt-in, no resize.\n      borderRadius: {\n        control: 'var(--radius-sm)',\n        card: 'var(--radius-lg)',\n        surface: 'var(--radius-2xl)',\n      },\n      // Motion. Additive names alongside Tailwind's numeric durations and\n      // in/out/in-out curves, so `duration-fast` and `ease-entrance` compile\n      // without displacing `duration-150` or `ease-out`.\n      transitionDuration: {\n        instant: 'var(--duration-instant)',\n        fast: 'var(--duration-fast)',\n        base: 'var(--duration-base)',\n        slow: 'var(--duration-slow)',\n      },\n      transitionTimingFunction: {\n        standard: 'var(--ease-standard)',\n        entrance: 'var(--ease-entrance)',\n        exit: 'var(--ease-exit)',\n      },\n    },\n  },\n}\n\nexport default agentAppPreset\n"],"mappings":";AAiBA,IAAM,iBAAiB,CAAC,UAAkB;AAAA,EACxC,SAAS,aAAa,IAAI;AAAA,EAC1B,YAAY,aAAa,IAAI;AAC/B;AAeA,IAAM,OAAO,CAAC,UAAkB,2BAA2B,KAAK;AAGhE,IAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC,SAAS,qBAAqB;AAAA,EACzC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS,eAAe,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMjC,SAAS,EAAE,GAAG,eAAe,SAAS,GAAG,QAAQ,6BAA6B;AAAA,QAC9E,MAAM,eAAe,MAAM;AAAA,QAC3B,SAAS,eAAe,SAAS;AAAA,QACjC,SAAS,eAAe,SAAS;AAAA,QACjC,WAAW,eAAe,WAAW;AAAA,QACrC,OAAO,eAAe,OAAO;AAAA,QAC7B,QAAQ,eAAe,QAAQ;AAAA,QAC/B,aAAa,eAAe,aAAa;AAAA;AAAA;AAAA;AAAA,QAIzC,qBAAqB;AAAA,QACrB,0BAA0B;AAAA,QAC1B,6BAA6B;AAAA,MAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAoBA,aAAa;AAAA,QACX,QAAQ,KAAK,eAAe;AAAA,QAC5B,aAAa,KAAK,aAAa;AAAA,QAC/B,QAAQ;AAAA,MACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMA,cAAc;AAAA,QACZ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA;AAAA;AAAA;AAAA,MAIA,oBAAoB;AAAA,QAClB,SAAS;AAAA,QACT,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,0BAA0B;AAAA,QACxB,UAAU;AAAA,QACV,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,0BAAQ;","names":[]}
+{"version":3,"sources":["../../src/theme/tailwind-preset.ts"],"sourcesContent":["/**\n * Tailwind preset mapping the shadcn semantic color names used by web-react\n * (bg-card, text-muted-foreground, border-border, …) onto the CSS variables in\n * tokens.css — so a consuming app themes every agent-app surface from one source.\n *\n *   // tailwind.config.{js,ts}\n *   import agentAppPreset from '@tangle-network/agent-app/tailwind-preset'\n *   export default { presets: [agentAppPreset], content: [...] }\n *\n * Pair with `import '@tangle-network/agent-app/styles'` for the variable values.\n * design-canvas/sequences need no preset — they consume vars via arbitrary\n * values (bg-[var(--bg-input)]), which Tailwind supports without color config.\n *\n * Beyond colour this preset also maps the border TIERS, the semantic radius\n * steps, the motion scale, and the elevation shadows. See docs/design-tokens.md.\n */\n\nconst withForeground = (name: string) => ({\n  DEFAULT: `hsl(var(--${name}))`,\n  foreground: `hsl(var(--${name}-foreground))`,\n})\n\n/**\n * A border tier as a Tailwind colour that still honours the `/40` opacity\n * modifier.\n *\n * The tier tokens are `color-mix()` results, not channel triples, and Tailwind\n * cannot inject an alpha into a value it cannot parse — pointing `border-border`\n * straight at `var(--border-soft)` makes Tailwind DROP `border-border/50`\n * entirely rather than emit it without the modifier, which is silent: the\n * element falls back to `currentColor` and nothing errors. This package has 18\n * such usages. Wrapping the token in a `color-mix` that consumes\n * `<alpha-value>` keeps the token as the source AND composes with the modifier:\n * bare → 100% of the tier, `/50` → half of it.\n */\nconst tier = (token: string) => `color-mix(in oklch, var(${token}) calc(<alpha-value> * 100%), transparent)`\n\n/** Define a preset configuration for dark mode and extended theme colors with foreground variants */\nconst agentAppPreset = {\n  darkMode: ['class', '[data-theme=\"dark\"]'] as [string, string],\n  theme: {\n    extend: {\n      colors: {\n        background: 'hsl(var(--background))',\n        foreground: 'hsl(var(--foreground))',\n        border: 'hsl(var(--border))',\n        input: 'hsl(var(--input))',\n        ring: 'hsl(var(--ring))',\n        success: withForeground('success'),\n        // `strong` sits alongside DEFAULT/foreground rather than replacing\n        // either: `--warning` is the dot/border/tint hue, `--warning-foreground`\n        // is what goes on a SOLID gold chip, and `text-warning-strong` is the\n        // only one of the three that stays legible as text on a warning TINT in\n        // both themes.\n        warning: { ...withForeground('warning'), strong: 'hsl(var(--warning-strong))' },\n        card: withForeground('card'),\n        popover: withForeground('popover'),\n        primary: withForeground('primary'),\n        secondary: withForeground('secondary'),\n        muted: withForeground('muted'),\n        accent: withForeground('accent'),\n        destructive: withForeground('destructive'),\n        // MD3 surface ladder — wires sandbox-ui's `bg-surface-container*`\n        // utilities (used by AgentComposer + its pickers) onto the shadcn\n        // elevation triples, so those components render on-palette here.\n        // Monotonic in the dark theme: card (L 0.235) < secondary (0.285) <\n        // popover (0.325) — the rungs a container climbs as it floats higher.\n        'surface-container': 'hsl(var(--card))',\n        'surface-container-high': 'hsl(var(--secondary))',\n        'surface-container-highest': 'hsl(var(--popover))',\n      },\n      // Elevation shadows — `shadow-raised` for the floating composer,\n      // `shadow-overlay` for popovers/dialogs. Both re-theme through\n      // tokens.css (dark doubles the alpha at the token).\n      boxShadow: {\n        raised: 'var(--shadow-raised)',\n        overlay: 'var(--shadow-overlay)',\n      },\n      // Border tiers. `borderColor` is a separate scale from `colors`, so\n      // pointing `border-border` at the soft tier here leaves `bg-border` /\n      // `text-border` (and the `--border` triple itself) at full strength.\n      //\n      // This is the one place a single edit reaches every `border-border` in\n      // the fleet — 151 in this package alone — which is the only reason the\n      // tiers are worth having. Editing 151 call sites to say `border-soft`\n      // would be the same change spelled 151 times, and the next component\n      // written would still say `border-border`.\n      //\n      // `border-input` is untouched on purpose: a form field's edge is a\n      // control affordance, not a divider.\n      //\n      // Opting out is one line in the consumer's own config\n      // (`borderColor: { border: 'hsl(var(--border))' }`) or one line in its\n      // CSS (`--border-soft: hsl(var(--border))`), and the second also restores\n      // the pre-tier look for any consumer-owned `--color-border` mapping,\n      // which a Tailwind v4 app defines in its own `@theme` and this preset\n      // cannot reach.\n      borderColor: {\n        border: tier('--border-soft'),\n        'card-edge': tier('--card-edge'),\n        strong: 'hsl(var(--border))',\n      },\n      // Semantic radius. Deliberately NOT a remap of Tailwind's `rounded-md` /\n      // `rounded-lg`: those names collide with the token ladder's names at\n      // DIFFERENT values (`--radius-md` is 8px, `rounded-md` is 6px), so\n      // remapping would silently resize 302 existing `rounded-*` usages across\n      // four products. New names, opt-in, no resize.\n      borderRadius: {\n        control: 'var(--radius-sm)',\n        card: 'var(--radius-lg)',\n        surface: 'var(--radius-2xl)',\n      },\n      // Motion. Additive names alongside Tailwind's numeric durations and\n      // in/out/in-out curves, so `duration-fast` and `ease-entrance` compile\n      // without displacing `duration-150` or `ease-out`.\n      transitionDuration: {\n        instant: 'var(--duration-instant)',\n        fast: 'var(--duration-fast)',\n        base: 'var(--duration-base)',\n        slow: 'var(--duration-slow)',\n      },\n      transitionTimingFunction: {\n        standard: 'var(--ease-standard)',\n        entrance: 'var(--ease-entrance)',\n        exit: 'var(--ease-exit)',\n      },\n    },\n  },\n}\n\nexport default agentAppPreset\n"],"mappings":";AAiBA,IAAM,iBAAiB,CAAC,UAAkB;AAAA,EACxC,SAAS,aAAa,IAAI;AAAA,EAC1B,YAAY,aAAa,IAAI;AAC/B;AAeA,IAAM,OAAO,CAAC,UAAkB,2BAA2B,KAAK;AAGhE,IAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC,SAAS,qBAAqB;AAAA,EACzC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS,eAAe,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMjC,SAAS,EAAE,GAAG,eAAe,SAAS,GAAG,QAAQ,6BAA6B;AAAA,QAC9E,MAAM,eAAe,MAAM;AAAA,QAC3B,SAAS,eAAe,SAAS;AAAA,QACjC,SAAS,eAAe,SAAS;AAAA,QACjC,WAAW,eAAe,WAAW;AAAA,QACrC,OAAO,eAAe,OAAO;AAAA,QAC7B,QAAQ,eAAe,QAAQ;AAAA,QAC/B,aAAa,eAAe,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMzC,qBAAqB;AAAA,QACrB,0BAA0B;AAAA,QAC1B,6BAA6B;AAAA,MAC/B;AAAA;AAAA;AAAA;AAAA,MAIA,WAAW;AAAA,QACT,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAoBA,aAAa;AAAA,QACX,QAAQ,KAAK,eAAe;AAAA,QAC5B,aAAa,KAAK,aAAa;AAAA,QAC/B,QAAQ;AAAA,MACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMA,cAAc;AAAA,QACZ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA;AAAA;AAAA;AAAA,MAIA,oBAAoB;AAAA,QAClB,SAAS;AAAA,QACT,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,0BAA0B;AAAA,QACxB,UAAU;AAAA,QACV,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/theme/tokens.css

@@ -24,19 +24,29 @@
 :root {
   /* ── The neutral ramp ────────────────────────────────────────────────────
      ONE ladder, both themes: light reads it from the top down, dark from the
-     bottom up. Stop names ARE their oklch lightness (`--neutral-91` is
-     L 0.91), so the ladder rule is checkable rather than conventional:
-
-         L = 0.16 + 0.03n      n = 0 … 28      (0.16 is the darkest surface,
-                                                1.00 the terminal white)
-
-     Chroma is a CONSTANT 0.004 at hue 286 — one deliberate cool cast, not a
-     wandering one. The HSL these tokens replaced carried "S 5–7%" throughout
-     and that reads as consistent, but HSL saturation is not chroma: the same
-     nominal 5–7% produced 0.0014 chroma at L 0.976 and 0.0154 at L 0.478, so
-     the old ramp visibly GAINED blue as it darkened. Look at the `-hsl` mirrors
-     below to see the same fact from the other side — holding chroma constant
-     needs S 17.2% at L 0.97 and S 1.3% at L 0.49.
+     bottom up. A stop's name is its oklch lightness × 100, rounded to the
+     nearest integer (`--neutral-94` is L 0.945), so the rule stays checkable
+     rather than conventional. Chroma comes in TWO bands, because the two ends
+     of the ladder do different work:
+
+       dark band   L ≤ 0.4 — the dark theme's surface ladder: chroma
+                   0.014–0.018 at hue 280, falling as L rises. The deep
+                   surfaces carry the deliberate cool cast; the border stop
+                   carries least, so a hairline reads as an edge, not a tint.
+                   The lightness steps here are deliberately SMALL — at the
+                   bottom of sRGB, rungs 0.03 apart measure 1.05:1, which is
+                   physically imperceptible, so this band's separation comes
+                   from the whole stack (fill step + border tier + shadow),
+                   not from any single rung.
+       light band  L ≥ 0.8 — chroma 0.004–0.008 at hue 280: the tinted-canvas
+                   values from the elevation audit. The mid stops (49, 70 —
+                   text, not surfaces) keep the legacy 0.004 at hue 286; at
+                   that chroma the 6° hue difference is below what sRGB shows.
+
+     HSL saturation is not chroma, which is why the `-hsl` mirrors wander in
+     S% while the oklch sources hold their bands: the ramp this replaced
+     carried a nominal "S 5–7%" throughout that produced 0.0014 chroma at
+     L 0.976 and 0.0154 at L 0.478 — visibly gaining blue as it darkened.
 
      The terminal stop is chroma 0 because sRGB admits no chroma at L 1.
 
@@ -48,24 +58,39 @@
      rather than a derivation. tests/theme/tokens-contract.test.ts converts
      every oklch stop to HSL and fails if its mirror has drifted, so the two
      forms cannot disagree without a red test. */
-  --neutral-16: oklch(0.16 0.004 286);
-  --neutral-16-hsl: 240.1 6.8% 5.5%;
-  --neutral-19: oklch(0.19 0.004 286);
-  --neutral-19-hsl: 240 4.9% 8%;
-  --neutral-22: oklch(0.22 0.004 286);
-  --neutral-22-hsl: 239.9 3.8% 10.7%;
-  --neutral-25: oklch(0.25 0.004 286);
-  --neutral-25-hsl: 239.9 3.1% 13.5%;
+  /* dark band — the dark theme's surface ladder, bottom up: canvas-backdrop,
+     background, input (recessed), card, secondary/muted/accent, popover,
+     border. The first three RETUNE the stops the light theme's ink also reads;
+     the top four are new rungs. */
+  --neutral-16: oklch(0.16 0.018 280);
+  --neutral-16-hsl: 234.9 28.5% 6.4%;
+  --neutral-19: oklch(0.19 0.018 280);
+  --neutral-19-hsl: 234.5 21.2% 9%;
+  --neutral-22: oklch(0.215 0.018 280);
+  --neutral-22-hsl: 234.2 17.6% 11.3%;
+  --neutral-24: oklch(0.235 0.018 280);
+  --neutral-24-hsl: 234.1 15.5% 13.1%;
+  --neutral-28: oklch(0.285 0.017 280);
+  --neutral-28-hsl: 233.8 11.4% 17.8%;
+  --neutral-33: oklch(0.325 0.016 280);
+  --neutral-33-hsl: 233.6 9.1% 21.7%;
+  --neutral-36: oklch(0.365 0.014 280);
+  --neutral-36-hsl: 233.4 7% 25.6%;
+  /* mid stops — text, both themes */
   --neutral-49: oklch(0.49 0.004 286);
   --neutral-49-hsl: 239.7 1.3% 38.2%;
   --neutral-70: oklch(0.7 0.004 286);
   --neutral-70-hsl: 239.6 1.5% 62.5%;
-  --neutral-91: oklch(0.91 0.004 286);
-  --neutral-91-hsl: 239.6 5.2% 88.7%;
-  --neutral-94: oklch(0.94 0.004 286);
-  --neutral-94-hsl: 239.6 8% 92.6%;
-  --neutral-97: oklch(0.97 0.004 286);
-  --neutral-97-hsl: 239.6 17.2% 96.5%;
+  /* light band — the light theme's surfaces, bottom up: border/input,
+     canvas-backdrop, background, secondary/muted/accent, terminal white. */
+  --neutral-85: oklch(0.85 0.0079 280);
+  --neutral-85-hsl: 233.1 6.8% 81.4%;
+  --neutral-92: oklch(0.925 0.0069 280);
+  --neutral-92-hsl: 233.1 12.5% 90.9%;
+  --neutral-94: oklch(0.945 0.0059 280);
+  --neutral-94-hsl: 233.2 14.8% 93.4%;
+  --neutral-96: oklch(0.965 0.0049 280);
+  --neutral-96-hsl: 233.2 19.9% 95.9%;
   --neutral-100: oklch(1 0 0);
   --neutral-100-hsl: 0 0% 100%;
 
@@ -76,24 +101,24 @@
      tuned for AA as TEXT. agent-app keeps its own light-default /
      [data-theme="dark"] scope model (brand is dark-default), so /theme stays
      dependency-free — only the values are shared, not the cascade. */
-  --background: var(--neutral-100-hsl);
+  --background: var(--neutral-94-hsl);
   --foreground: var(--neutral-16-hsl);
-  --card: var(--neutral-97-hsl);
+  --card: var(--neutral-100-hsl);
   --card-foreground: var(--neutral-16-hsl);
   --popover: var(--neutral-100-hsl);
   --popover-foreground: var(--neutral-16-hsl);
   --primary: 245 62% 57%;
   --primary-foreground: var(--neutral-100-hsl);
-  --secondary: var(--neutral-94-hsl);
+  --secondary: var(--neutral-96-hsl);
   --secondary-foreground: var(--neutral-22-hsl);
-  --muted: var(--neutral-94-hsl);
+  --muted: var(--neutral-96-hsl);
   --muted-foreground: var(--neutral-49-hsl);
-  --accent: var(--neutral-94-hsl);
+  --accent: var(--neutral-96-hsl);
   --accent-foreground: var(--neutral-22-hsl);
   --destructive: 0 72% 41%;
   --destructive-foreground: var(--neutral-100-hsl);
-  --border: var(--neutral-91-hsl);
-  --input: var(--neutral-91-hsl);
+  --border: var(--neutral-85-hsl);
+  --input: var(--neutral-85-hsl);
   --ring: 245 62% 57%;
   /* status colors — brand hues (teal/gold/red), but lightness kept dark enough
      to clear WCAG AA when used AS TEXT on tinted chips. Brand's own status
@@ -107,12 +132,12 @@
      `--warning-foreground` is paired with — and the reason that pairing cannot
      serve both. Measured on the shipped approval card: no single lightness
      clears AA in both themes, because the tint tracks the page. On the light
-     card rgb(251,248,240) the ramp needs L <= 30% (L 38% is 3.07:1); on the dark
-     card rgb(27,22,16) it needs L >= 34% (L 28% is 3.27:1). So this token
-     re-themes where `--warning` and `--warning-foreground` deliberately do not.
-     28% / 56% are the values with margin either side of those knees: 5.17:1
-     light, 10.11:1 dark. */
-  --warning-strong: 41 96% 28%;
+     page the tint composites to rgb(233,230,227) and the ramp needs L <= 27%
+     (L 28% is 4.43:1); on the dark page rgb(32,29,29) it needs L >= 36%
+     (L 34% is 4.06:1). So this token re-themes where `--warning` and
+     `--warning-foreground` deliberately do not. 27% / 56% are the values with
+     margin either side of those knees: 4.69:1 light, 9.12:1 dark. */
+  --warning-strong: 41 96% 27%;
 
   /* canvas/sequences aliases — full colors, resolve to the triples above */
   --bg-input: hsl(var(--card));
@@ -140,8 +165,9 @@
 
   /* canvas-only surfaces (not part of the shadcn vocabulary). Name matches the
      `--canvas-backdrop` the design-canvas Workspace references (with a #1a1a1a
-     fallback). One ramp stop below the sheet, so the page reads as lifted. */
-  --canvas-backdrop: hsl(var(--neutral-91-hsl));
+     fallback). Two ramp stops BELOW the page, so elevation reads the right way
+     up: canvas under page, white card lifted above both. */
+  --canvas-backdrop: hsl(var(--neutral-92-hsl));
 
   /* Keyboard focus ring. Resolves through `--ring`, so the dark scope re-themes
      it by the same cascade every other token here uses. */
@@ -216,34 +242,49 @@
        hsl(--border)   full strength: form-field edges (`--input`), and any
                        edge a component deliberately emphasises
 
-     LIGHT is 40% / 60%, chosen against OUR surfaces rather than copied. A 1px
-     hairline, contrast of the composited line against the surface it sits on,
-     rendered and read back by playground/scripts/token-render.mjs:
+     LIGHT is 40% / 60%. A 1px hairline, contrast of the composited line
+     against the surface it sits on, rendered and read back by
+     playground/scripts/token-render.mjs:
+
+       alpha   on background   on card   on muted
+        22%        1.065         1.098     1.081
+        40%        1.125         1.188     1.143
+        60%        1.198         1.309     1.236
+       100%        1.345         1.584     1.428
+
+     40% keeps a divider quiet on `--background` (1.125), where most of this
+     package's dividers sit, while the white card's fill step does the
+     containing; 60% is far enough above it (1.309 vs 1.198) to read as a
+     DIFFERENT decision, short of the 1.584 that reads as a box.
+
+     DARK is 60% / 80% — the tiers no longer collapse there. They used to:
+     the old dark border (L 0.25) was already at the edge of visible at full
+     strength (1.158 on card), so a softened tier was not a quieter line but
+     no line, and dark ran both tiers at 100%. The ladder revision lifted the
+     dark border to L 0.365, and the same measurement now leaves room to
+     spare:
 
        alpha   on background   on card   on muted
-        22%        1.060         1.044     1.026    the reference's soft value
-        40%        1.108         1.072     1.036    quiet, still resolves
-        60%        1.176         1.120     1.063    reads as a container
-       100%        1.311         1.205     1.102    reads as a box
-
-     40% is the quietest alpha at which a 1px line still resolves on `--card`,
-     which is where most of this package's dividers actually sit — at 22% it is
-     simply not there.
-     The card edge is 60% rather than the reference's 55% because ours has to
-     clear the soft tier by enough to read as a DIFFERENT decision (1.176 vs
-     1.108), while our card already carries a fill step of its own (L 0.97 on a
-     1.00 background) that the reference's card — the same colour as its
-     background — does not have.
-
-     DARK INVERTS: both tiers are FULL strength. Same measurement, our dark
-     ramp, and it forces the opposite answer. Dark `--border` (L 0.25) is
-     already at the edge of visible at 100% — 1.212 on background, 1.158 on
-     card, 1.085 on muted — and the same 40% takes those to 1.057 / 1.048 /
-     1.023. That is not a quieter line, it is no line. A tier system that
-     erases the thing it is tiering is worse than no tiers, so dark collapses
-     the three to one. */
+        60%        1.320         1.265     1.173
+        80%        1.489         1.389     1.253
+       100%        1.716         1.553     1.339
+
+     The soft tier at 60% clears the 1.07 hairline floor on every surface it
+     divides, and the card edge at 80% sits clearly above it — same method,
+     opposite conclusion, because the border colour itself moved. */
   --border-soft: color-mix(in oklch, hsl(var(--border)) 40%, transparent);
   --card-edge: color-mix(in oklch, hsl(var(--border)) 60%, transparent);
+
+  /* ── Elevation shadows ───────────────────────────────────────────────────
+     Two foreground-tinted lifts, so elevation is a token rather than an
+     arbitrary value at each call site. `--shadow-raised` promotes the proven
+     floating-composer values (src/web-react/chat-composer.tsx) unchanged;
+     `--shadow-overlay` is the higher lift for popovers and dialogs. Dark
+     doubles the alpha — the same shadow over a near-black surface reads at
+     roughly half its light-theme strength, so the dark theme compensates at
+     the token, not at every component. */
+  --shadow-raised: 0 1px 2px hsl(var(--foreground) / 0.05), 0 12px 28px hsl(var(--foreground) / 0.07);
+  --shadow-overlay: 0 2px 6px hsl(var(--foreground) / 0.06), 0 16px 40px hsl(var(--foreground) / 0.1);
 }
 
 /**
@@ -286,31 +327,31 @@
      ladder and only differ in which stop each role picks.
      `--warning-foreground` (dark text on a solid gold chip) is theme-invariant
      and is therefore absent, not omitted: the cascade already carries it. */
-  --background: var(--neutral-16-hsl);
+  --background: var(--neutral-19-hsl);
   --foreground: var(--neutral-94-hsl);
-  --card: var(--neutral-19-hsl);
+  --card: var(--neutral-24-hsl);
   --card-foreground: var(--neutral-94-hsl);
-  --popover: var(--neutral-25-hsl);
+  --popover: var(--neutral-33-hsl);
   --popover-foreground: var(--neutral-94-hsl);
   /* 74% L (brand's #818CF8 intent) so primary clears AA as TEXT on a primary/10
      tint in dark. That lightness is also why the foreground has to INVERT here:
      the light theme's white-on-indigo is 6.01:1, but the same white on this
      74%-L lavender rgb(137,137,245) is 3.02:1 — measured failing on the
-     "Approve & run" button. A dark foreground on the same fill is 6.44:1, so
+     "Approve & run" button. A dark foreground on the same fill is 6.27:1, so
      the solid button reads in both themes and the tint keeps its AA as text. */
   --primary: 239 84% 74%;
   --primary-foreground: var(--neutral-16-hsl);
-  --secondary: var(--neutral-22-hsl);
+  --secondary: var(--neutral-28-hsl);
   --secondary-foreground: var(--neutral-94-hsl);
-  --muted: var(--neutral-22-hsl);
+  --muted: var(--neutral-28-hsl);
   --muted-foreground: var(--neutral-70-hsl);
-  --accent: var(--neutral-22-hsl);
+  --accent: var(--neutral-28-hsl);
   --accent-foreground: var(--neutral-94-hsl);
   --destructive: 348 90% 68%;
-  --destructive-foreground: var(--neutral-25-hsl);
+  --destructive-foreground: var(--neutral-24-hsl);
   /* @see the :root declaration — this is the tier that re-themes. */
   --warning-strong: 40 94% 56%;
-  --border: var(--neutral-25-hsl);
+  --border: var(--neutral-36-hsl);
   --input: var(--neutral-22-hsl);
   --ring: 239 84% 74%;
   --success: 160 70% 52%;
@@ -319,10 +360,16 @@
 
   --canvas-backdrop: hsl(var(--neutral-16-hsl));
 
-  /* The tier inversion. Full strength for BOTH tiers — see the measurement in
-     the :root block: a softened dark hairline is not quieter, it is absent. */
-  --border-soft: hsl(var(--border));
-  --card-edge: hsl(var(--border));
+  /* The dark tiers, re-joined. The border is now strong enough (L 0.365) that
+     softening leaves a visible line — see the measurement in the :root block:
+     60% reads 1.265 on the card, where the old border at FULL strength read
+     1.158. Dark runs the same three tiers as light, one step stronger. */
+  --border-soft: color-mix(in oklch, hsl(var(--border)) 60%, transparent);
+  --card-edge: color-mix(in oklch, hsl(var(--border)) 80%, transparent);
+
+  /* Doubled alphas against the near-black surfaces — @see :root. */
+  --shadow-raised: 0 1px 2px hsl(var(--foreground) / 0.14), 0 12px 28px hsl(var(--foreground) / 0.22);
+  --shadow-overlay: 0 2px 6px hsl(var(--foreground) / 0.12), 0 16px 40px hsl(var(--foreground) / 0.2);
 }
 
 /**

package/dist/web-react/async/index.js

@@ -16,7 +16,7 @@ import {
   resolveAsyncValue,
   useAsyncResource,
   useConfirmedMutation
-} from "../../chunk-YIQHOAHN.js";
+} from "../../chunk-3UBAO3N5.js";
 export {
   AsyncRequestError,
   AsyncView,

package/dist/web-react/index.d.ts

@@ -11,6 +11,7 @@ import { E as EvidenceEntry, g as ExceptionEntry, b as WorkProductProvenance, P
 export { a as AgentSessionControls, A as AgentSessionControlsProps, C as ComposerMentionProp, D as DEFAULT_MENTION_EMPTY_TEXT, b as DEFAULT_MENTION_LIMIT, I as INDEX_REFRESH_AFTER_MS, M as MentionItem, c as UseFileMentionsOptions, U as UseFileMentionsResult, r as rankFileMentions, u as useFileMentions } from '../agent-session-controls-BwImzYKC.js';
 import { a as ChatAttachmentKind, b as ChatAttachmentInput } from '../wire-DOZ-O6hD.js';
 export { C as ChatMentionKind, e as ChatTurnFilePartInput, d as ChatTurnPartInput, c as ChatTurnRequestPayload, D as DISPATCH_MAX_MEDIA_PARTS, i as DISPATCH_MAX_PARTS, j as DISPATCH_REQUEST_MAX_BYTES, k as DISPATCH_STRUCTURAL_RESERVE_BYTES, F as FileMention, P as ProducerErrorEvent, m as ProducerNoticeEvent, n as ProducerPassthroughEvent, o as ProducerPassthroughEventType, p as ProducerReasoningEvent, q as ProducerTextEvent, r as ProducerToolCallEvent, s as ProducerToolResultEvent, t as ProducerUsageEvent, u as ProducerWireEvent, w as base64WireLen, x as buildMentionPromptBlock, y as chatTurnRequestInit, z as fileMentionsToParts, B as mediaTypeForMentionPath, E as mentionKindForPath } from '../wire-DOZ-O6hD.js';
+import { Harness } from '../harness/index.js';
 import { S as StepAgentActivity } from '../agent-activity-C8ZG0F0M.js';
 import { F as FlowTrace } from '../flow-types-CJxEmaRy.js';
 import { a as ReviewQueueItem, c as ReviewQueueState } from '../queue-VTBA5ONX.js';
@@ -22,7 +23,6 @@ import { AsyncResourceState, AsyncEmptySpec } from './async/index.js';
 import { CatalogModel } from '../catalog/index.js';
 export { a as ATTACHMENT_ACCEPT, e as FileIndexReadyResponse, f as FileIndexResponse, g as FileIndexWarmingResponse } from '../attachment-validation-BfJDBU1g.js';
 export { a as attachmentPartKey } from '../stream-normalizer-DKRxyVlZ.js';
-import '../harness/index.js';
 import '../billing/index.js';
 
 /** Represent durable plan decisions as either approved or rejected */
@@ -936,6 +936,34 @@ interface ProviderLogoProps {
 /** Real brand mark when we have one; tinted monogram otherwise. */
 declare function ProviderLogo({ provider, size }: ProviderLogoProps): ReactNode;
 
+/**
+ * Per-harness brand marks for the canonical pickers — the same marks the
+ * legacy sandbox-ui harness picker (`dashboard/harness-logo.tsx`) shipped,
+ * vendored as inline SVG so `/web-react` stays dependency-free beyond React:
+ * sandbox-ui (and its `@lobehub/icons-static-svg` bundle) is an OPTIONAL peer
+ * the canonical pickers must not force on a consumer. Geometry is the lobehub
+ * single-color artwork, rendered in `currentColor` exactly as the legacy
+ * component painted it (a foreground-filled CSS mask), so every mark tracks
+ * the theme. Harnesses with no published brand mark get an honest inline
+ * lucide glyph — bot / plug / terminal, the same fallbacks the legacy picker
+ * used — and an unknown id falls back to the neutral bot. Data-record
+ * structure mirrors `./provider-logo`.
+ */
+
+interface HarnessGlyphProps {
+    /** Harness to mark. Typed as the canonical union; an out-of-union runtime
+     *  value still renders — it gets the neutral fallback glyph. */
+    harness: Harness;
+    className?: string;
+}
+/**
+ * Brand mark for a harness — size it from the call site (`className="h-4
+ * w-4"`). Unknown ids render the neutral bot, never an invented logo.
+ * `data-glyph` names the resolved mark so tests and stories can assert
+ * brand-vs-fallback without snapshotting path data.
+ */
+declare function HarnessGlyph({ harness, className }: HarnessGlyphProps): ReactNode;
+
 /**
  * Smooth text reveal — turns chunky network deltas into a continuous
  * typewriter paint. Streamed turns arrive in 100-500ms slabs (model burst,
@@ -1935,6 +1963,16 @@ declare function usePopover(open: boolean, setOpen: (open: boolean) => void): {
         'aria-expanded': boolean;
     };
 };
+/**
+ * The one overlay elevation for floating surfaces — picker menus, popovers,
+ * drawers, modals. The theme's `shadow-overlay` utility is landing with the
+ * token work; until it does, this is the composer's raised-card literal kept
+ * in a single place so every overlay paints the same shadow and the later
+ * token swap is a one-line edit (`shadow-overlay` here, `shadow-raised` on
+ * the composer card).
+ * TODO(theme): swap to `shadow-overlay` once the preset ships it.
+ */
+declare const OVERLAY_SHADOW = "shadow-[0_1px_2px_hsl(var(--foreground)/0.05),0_12px_28px_hsl(var(--foreground)/0.07)] dark:shadow-[0_1px_2px_hsl(var(--foreground)/0.14),0_12px_28px_hsl(var(--foreground)/0.22)]";
 /**
  * Guard an async action against double-submit. `run` ignores re-entrant calls
  * while a promise is in flight and flips `pending` so the caller can disable
@@ -1988,6 +2026,26 @@ interface EffortLevel {
     label: string;
 }
 declare const DEFAULT_EFFORT_LEVELS: readonly EffortLevel[];
+/** Segments the meter draws — fixed geometry so the ladder stays tabular
+ *  across levels (and across the trigger and its menu rows). */
+declare const EFFORT_METER_SEGMENTS = 4;
+/**
+ * Filled-segment count for a level: 0 for off/none (or an id the levels list
+ * does not carry); otherwise the level's position among the non-off choices
+ * scaled onto the meter, so the ladder reads low < medium < high and the top
+ * level fills the whole scale. The canonical four levels land 0 / 1 / 2 / 4.
+ */
+declare function effortMeterFill(levelId: string, levels?: readonly EffortLevel[]): number;
+/**
+ * The thinking-strength meter: four 12px bars, filled count = level, filled
+ * opacity ramping 25→100% left to right (unfilled at a faint ghost). Purely
+ * decorative — the level name is always rendered as text beside it, so the
+ * meter is `aria-hidden` and adds no second accessible name.
+ */
+declare function EffortMeter({ fill, className }: {
+    fill: number;
+    className?: string;
+}): react.JSX.Element;
 interface EffortPickerProps {
     value: string;
     onChange: (id: string) => void;
@@ -2202,4 +2260,4 @@ declare function useThinkingSeconds(active: boolean): number;
  */
 declare function ChatMessages({ messages, messageSize, chrome, models, renderMarkdown, renderExtras, durableCards, userLabel, agentLabel, loading, approval, onToolCallClick, toolRenderers, error, onRetry, renderEmpty, emptyState, header, resolveAttachmentUrl, workProductCards, }: ChatMessagesProps): react.JSX.Element;
 
-export { type ActivityTone, type AgentActivityPage, AgentActivityPanel, type AgentActivityPanelProps, type AgentActivityRecord, type AttachmentFileResult, CatalogModel, ChatAttachmentInput, ChatAttachmentKind, ChatAttachmentPart, ChatComposer, type ChatComposerProps, type ChatEmptyDoor, ChatEmptyState, type ChatEmptyStateProps, ChatInteraction, ChatInteractionField, type ChatInteractionRestoreMode, ChatInteractionStatus, ChatMentionPart, type ChatMessageMetrics, type ChatMessageSegment, ChatMessages, type ChatMessagesProps, ChatSelectField, type ChatStreamCallbacks, type ChatStreamToolCall, type ChatStreamToolResult, type ChatToolCallInfo, type ChatUiMessage, type ComposerFile, type ComposerFilePart, type ComposerSendFailure, type ComposerSendHandler, type ComposerSendOutcome, type ComposerSendPartsHandler, type ComposerSendRejected, type ComposerSendResult, type ConsumeChatStreamResult, DEFAULT_EFFORT_LEVELS, DEFAULT_PROVENANCE_CONFIDENCE_POLICY, type DurableChatCard, DurableChatCards, type DurableChatCardsProps, type DurableInteractionAnswerSubmitterOptions, DurablePlanCard, type DurablePlanCardProps, DurablePlanClientError, type DurablePlanCurrentInput, type DurablePlanDecision, type DurablePlanDecisionClient, type DurablePlanDecisionClientOptions, type DurablePlanDecisionInput, type DurablePlanDecisionResult, type DurablePlanFollowUpReceipt, EMPTY_RECORD_GRID_OVERLAY, type EffortLevel, EffortPicker, type EffortPickerProps, EvidenceLineageTable, type EvidenceLineageTableProps, ExceptionList, type ExceptionListProps, type FetchSessionPage, type FieldValues, FlowWaterfall, type FlowWaterfallProps, INTERACTION_SUBMIT_TIMEOUT_MESSAGE, INTERACTION_SUBMIT_TIMEOUT_MS, InteractionActionButton, type InteractionAnswerSubmission, type InteractionAnswerSubmitterOptions, InteractionAnswers, type InteractionAttemptStore, InteractionBadge, type InteractionBadgeVariant, InteractionCancelData, InteractionPlanCard, type InteractionPlanCardProps, InteractionQuestionCard, type InteractionQuestionCardProps, InteractionRequestWire, type InteractionSubmitResult, type LinkLikeComponent, type LinkLikeProps, type MentionTextSegment, MessageAttachments, type MessageAttachmentsProps, MissionActivityLane, type MissionActivityLaneProps, ModelPicker, type ModelPickerProps, PROVENANCE_BASES, type ProposalApprovalHandlers, type ProvenanceBasis, type ProvenanceBasisMeta, type ProvenanceConfidencePolicy, type ProvenanceGap, type ProvenanceGapKind, ProvenanceLegend, type ProvenanceLegendProps, type ProvenanceRecord, type ProvenanceSource, type ProvenanceSourceStatus, ProvenanceStamp, type ProvenanceStampProps, type ProvenanceStanding, type ProvenanceStandingMeta, ProvenanceValue, type ProvenanceValueProps, ProviderLogo, type ProviderLogoProps, QualityCheckList, type QualityCheckListProps, QuestionOptionList, type QuestionOptionListProps, RecordGrid, type RecordGridBooleanColumn, type RecordGridCellChange, type RecordGridCellOutcome, type RecordGridCellSource, type RecordGridColumn, type RecordGridColumnBase, type RecordGridCreateOutcome, type RecordGridCurrencyColumn, type RecordGridDateColumn, type RecordGridDependency, type RecordGridNumberColumn, type RecordGridOverlay, type RecordGridProps, type RecordGridRow, type RecordGridRowOutcome, type RecordGridSelectColumn, type RecordGridSelectOption, type RecordGridSourceBasis, type RecordGridTextColumn, type RecordGridValue, type RecordGridWriteOutcome, type RestoreChatInteractionsOptions, ReviewQueueItem, type ReviewQueuePage, ReviewQueuePanel, type ReviewQueuePanelProps, ReviewQueueState, RunDrillIn, type RunDrillInProps, SeatPaywall, type SeatPaywallProps, type SessionActionLabels, type SessionActions, type SessionActionsOptions, type SessionBulkAction, SessionHistoryPanel, type SessionHistoryPanelProps, type SessionHistoryState, type SessionPageQuery, type SmoothRevealOptions, type StreamChatOptions, type SubmitInteractionAnswer, type ToolDetailRenderers, type ToolRunRecord, type ToolRunStep, type UseChatInteractionsOptions, type UseChatInteractionsResult, type UseComposerAttachmentsOptions, type UseComposerAttachmentsResult, type UseDurablePlanFlowOptions, type UseDurablePlanFlowResult, type UseInfiniteScrollOptions, type UseSessionHistoryOptions, type WaterfallRow, WorkProductCard, type WorkProductCardProps, __resetAttachmentFileCacheForTests, activityTone, buildAnswerData, cancelChatInteraction, consumeChatStream, createDurableInteractionAnswerSubmitter, createDurablePlanDecisionClient, createInteractionAnswerSubmitter, createMemoryInteractionAttemptStore, createSessionInteractionAttemptStore, describeProvenance, describeProvenanceSourceStatus, dispatchChatStreamLine, durableChatCardsFromParts, fieldAnswer, fieldValuesFromAnswers, formatActivityCost, formatActivityDuration, formatModelCost, formatRecordGridValue, formatSessionTimestamp, formatTokensPerSecond, hasSecretField, hydrateChatInteractions, interactionStatusLabels, interactionSubmissionSignature, interactionTerminalNotes, isLateAnswerableStatus, isRecordGridCellApplicable, lateAnswerMessage, loadAttachmentFile, loadingProvenanceSources, mergeActivityPages, mergeReviewQueuePages, nextRevealCount, parseRecordGridInput, pendingApprovalOf, projectRecordGridRows, provenanceBasisMeta, provenanceGaps, provenanceNextMove, provenanceStandingMeta, provenanceTriggerLabel, pruneRecordGridOverlay, readRecordGridCell, recordGridEditorText, recordGridFail, recordGridOk, recordGridRowLabel, resolveChatInteraction, resolveProvenanceStanding, responseErrorMessage, restoreChatInteractions, reviewQueueStateLabel, rollUpProvenanceStanding, sameRecordGridValue, segmentMentionContent, settleInteractionSubmit, standingFromConfidence, streamChatTurn, sumRecordGridColumn, terminalizePendingChatInteractions, triggerAttachmentDownload, upsertChatInteraction, useChatInteractions, useComposerAttachments, useDurablePlanFlow, useInfiniteScroll, usePending, usePopover, useSessionActions, useSessionHistory, useSmoothText, useThinkingSeconds, validateRecordGridCell, validateRecordGridRow, waterfallLayout, weakerProvenanceStanding, withRecordGridCreated, withRecordGridRemoved, withRecordGridServerRow, withRecordGridUpdate, withoutRecordGridCreated, withoutRecordGridRemoved, withoutRecordGridUpdate, workProductPartsFromMessageParts, workProductStatusLabel };
+export { type ActivityTone, type AgentActivityPage, AgentActivityPanel, type AgentActivityPanelProps, type AgentActivityRecord, type AttachmentFileResult, CatalogModel, ChatAttachmentInput, ChatAttachmentKind, ChatAttachmentPart, ChatComposer, type ChatComposerProps, type ChatEmptyDoor, ChatEmptyState, type ChatEmptyStateProps, ChatInteraction, ChatInteractionField, type ChatInteractionRestoreMode, ChatInteractionStatus, ChatMentionPart, type ChatMessageMetrics, type ChatMessageSegment, ChatMessages, type ChatMessagesProps, ChatSelectField, type ChatStreamCallbacks, type ChatStreamToolCall, type ChatStreamToolResult, type ChatToolCallInfo, type ChatUiMessage, type ComposerFile, type ComposerFilePart, type ComposerSendFailure, type ComposerSendHandler, type ComposerSendOutcome, type ComposerSendPartsHandler, type ComposerSendRejected, type ComposerSendResult, type ConsumeChatStreamResult, DEFAULT_EFFORT_LEVELS, DEFAULT_PROVENANCE_CONFIDENCE_POLICY, type DurableChatCard, DurableChatCards, type DurableChatCardsProps, type DurableInteractionAnswerSubmitterOptions, DurablePlanCard, type DurablePlanCardProps, DurablePlanClientError, type DurablePlanCurrentInput, type DurablePlanDecision, type DurablePlanDecisionClient, type DurablePlanDecisionClientOptions, type DurablePlanDecisionInput, type DurablePlanDecisionResult, type DurablePlanFollowUpReceipt, EFFORT_METER_SEGMENTS, EMPTY_RECORD_GRID_OVERLAY, type EffortLevel, EffortMeter, EffortPicker, type EffortPickerProps, EvidenceLineageTable, type EvidenceLineageTableProps, ExceptionList, type ExceptionListProps, type FetchSessionPage, type FieldValues, FlowWaterfall, type FlowWaterfallProps, HarnessGlyph, type HarnessGlyphProps, INTERACTION_SUBMIT_TIMEOUT_MESSAGE, INTERACTION_SUBMIT_TIMEOUT_MS, InteractionActionButton, type InteractionAnswerSubmission, type InteractionAnswerSubmitterOptions, InteractionAnswers, type InteractionAttemptStore, InteractionBadge, type InteractionBadgeVariant, InteractionCancelData, InteractionPlanCard, type InteractionPlanCardProps, InteractionQuestionCard, type InteractionQuestionCardProps, InteractionRequestWire, type InteractionSubmitResult, type LinkLikeComponent, type LinkLikeProps, type MentionTextSegment, MessageAttachments, type MessageAttachmentsProps, MissionActivityLane, type MissionActivityLaneProps, ModelPicker, type ModelPickerProps, OVERLAY_SHADOW, PROVENANCE_BASES, type ProposalApprovalHandlers, type ProvenanceBasis, type ProvenanceBasisMeta, type ProvenanceConfidencePolicy, type ProvenanceGap, type ProvenanceGapKind, ProvenanceLegend, type ProvenanceLegendProps, type ProvenanceRecord, type ProvenanceSource, type ProvenanceSourceStatus, ProvenanceStamp, type ProvenanceStampProps, type ProvenanceStanding, type ProvenanceStandingMeta, ProvenanceValue, type ProvenanceValueProps, ProviderLogo, type ProviderLogoProps, QualityCheckList, type QualityCheckListProps, QuestionOptionList, type QuestionOptionListProps, RecordGrid, type RecordGridBooleanColumn, type RecordGridCellChange, type RecordGridCellOutcome, type RecordGridCellSource, type RecordGridColumn, type RecordGridColumnBase, type RecordGridCreateOutcome, type RecordGridCurrencyColumn, type RecordGridDateColumn, type RecordGridDependency, type RecordGridNumberColumn, type RecordGridOverlay, type RecordGridProps, type RecordGridRow, type RecordGridRowOutcome, type RecordGridSelectColumn, type RecordGridSelectOption, type RecordGridSourceBasis, type RecordGridTextColumn, type RecordGridValue, type RecordGridWriteOutcome, type RestoreChatInteractionsOptions, ReviewQueueItem, type ReviewQueuePage, ReviewQueuePanel, type ReviewQueuePanelProps, ReviewQueueState, RunDrillIn, type RunDrillInProps, SeatPaywall, type SeatPaywallProps, type SessionActionLabels, type SessionActions, type SessionActionsOptions, type SessionBulkAction, SessionHistoryPanel, type SessionHistoryPanelProps, type SessionHistoryState, type SessionPageQuery, type SmoothRevealOptions, type StreamChatOptions, type SubmitInteractionAnswer, type ToolDetailRenderers, type ToolRunRecord, type ToolRunStep, type UseChatInteractionsOptions, type UseChatInteractionsResult, type UseComposerAttachmentsOptions, type UseComposerAttachmentsResult, type UseDurablePlanFlowOptions, type UseDurablePlanFlowResult, type UseInfiniteScrollOptions, type UseSessionHistoryOptions, type WaterfallRow, WorkProductCard, type WorkProductCardProps, __resetAttachmentFileCacheForTests, activityTone, buildAnswerData, cancelChatInteraction, consumeChatStream, createDurableInteractionAnswerSubmitter, createDurablePlanDecisionClient, createInteractionAnswerSubmitter, createMemoryInteractionAttemptStore, createSessionInteractionAttemptStore, describeProvenance, describeProvenanceSourceStatus, dispatchChatStreamLine, durableChatCardsFromParts, effortMeterFill, fieldAnswer, fieldValuesFromAnswers, formatActivityCost, formatActivityDuration, formatModelCost, formatRecordGridValue, formatSessionTimestamp, formatTokensPerSecond, hasSecretField, hydrateChatInteractions, interactionStatusLabels, interactionSubmissionSignature, interactionTerminalNotes, isLateAnswerableStatus, isRecordGridCellApplicable, lateAnswerMessage, loadAttachmentFile, loadingProvenanceSources, mergeActivityPages, mergeReviewQueuePages, nextRevealCount, parseRecordGridInput, pendingApprovalOf, projectRecordGridRows, provenanceBasisMeta, provenanceGaps, provenanceNextMove, provenanceStandingMeta, provenanceTriggerLabel, pruneRecordGridOverlay, readRecordGridCell, recordGridEditorText, recordGridFail, recordGridOk, recordGridRowLabel, resolveChatInteraction, resolveProvenanceStanding, responseErrorMessage, restoreChatInteractions, reviewQueueStateLabel, rollUpProvenanceStanding, sameRecordGridValue, segmentMentionContent, settleInteractionSubmit, standingFromConfidence, streamChatTurn, sumRecordGridColumn, terminalizePendingChatInteractions, triggerAttachmentDownload, upsertChatInteraction, useChatInteractions, useComposerAttachments, useDurablePlanFlow, useInfiniteScroll, usePending, usePopover, useSessionActions, useSessionHistory, useSmoothText, useThinkingSeconds, validateRecordGridCell, validateRecordGridRow, waterfallLayout, weakerProvenanceStanding, withRecordGridCreated, withRecordGridRemoved, withRecordGridServerRow, withRecordGridUpdate, withoutRecordGridCreated, withoutRecordGridRemoved, withoutRecordGridUpdate, workProductPartsFromMessageParts, workProductStatusLabel };

package/dist/web-react/index.js

@@ -110,7 +110,7 @@ import {
   withoutRecordGridCreated,
   withoutRecordGridRemoved,
   withoutRecordGridUpdate
-} from "../chunk-IFYJDX3J.js";
+} from "../chunk-XHD4Y54K.js";
 import "../chunk-FBVLEGEG.js";
 import {
   EvidenceLineageTable,
@@ -123,20 +123,25 @@ import {
   reviewQueueStateLabel,
   workProductPartsFromMessageParts,
   workProductStatusLabel
-} from "../chunk-HZ4WCA37.js";
+} from "../chunk-5MZXWPFN.js";
 import {
   parseReviewQueueItem
 } from "../chunk-GEYACSFW.js";
 import {
   AgentSessionControls,
   DEFAULT_EFFORT_LEVELS,
+  EFFORT_METER_SEGMENTS,
+  EffortMeter,
   EffortPicker,
+  HarnessGlyph,
   ModelPicker,
+  OVERLAY_SHADOW,
   ProviderLogo,
+  effortMeterFill,
   useComposerAttachments,
   usePending,
   usePopover
-} from "../chunk-L7FHRORY.js";
+} from "../chunk-SFSR3CAH.js";
 import {
   tabTerminalConnectionId,
   useSandboxTerminalConnection
@@ -215,11 +220,14 @@ export {
   DurableChatCards,
   DurablePlanCard,
   DurablePlanClientError,
+  EFFORT_METER_SEGMENTS,
   EMPTY_RECORD_GRID_OVERLAY,
+  EffortMeter,
   EffortPicker,
   EvidenceLineageTable,
   ExceptionList,
   FlowWaterfall,
+  HarnessGlyph,
   INDEX_REFRESH_AFTER_MS,
   INTERACTION_CANCEL_EVENT,
   INTERACTION_EVENT,
@@ -233,6 +241,7 @@ export {
   MessageAttachments,
   MissionActivityLane,
   ModelPicker,
+  OVERLAY_SHADOW,
   PROVENANCE_BASES,
   ProvenanceLegend,
   ProvenanceStamp,
@@ -272,6 +281,7 @@ export {
   describeProvenanceSourceStatus,
   dispatchChatStreamLine,
   durableChatCardsFromParts,
+  effortMeterFill,
   fieldAcceptsFreeText,
   fieldAnswer,
   fieldValuesFromAnswers,

package/dist/work-product-react/index.js

@@ -4,7 +4,7 @@ import {
   ProvenanceStamp,
   QualityCheckList,
   workProductStatusLabel
-} from "../chunk-HZ4WCA37.js";
+} from "../chunk-5MZXWPFN.js";
 import "../chunk-GEYACSFW.js";
 import {
   unresolvedBlockingExceptions
@@ -147,7 +147,7 @@ function WorkProductPane({
               {
                 type: "button",
                 onClick: () => void loadCompare(prior, entry),
-                className: "rounded-md border border-border px-2 py-0.5 text-[11px] font-medium text-foreground transition hover:bg-accent/30",
+                className: "rounded-md border border-border px-2 py-0.5 text-[11px] font-medium text-foreground transition hover:bg-accent",
                 children: [
                   "Compare v",
                   prior.version,
@@ -157,7 +157,7 @@ function WorkProductPane({
               }
             )
           ] }),
-          entry.reviewNote && /* @__PURE__ */ jsx("p", { className: "mt-1 text-[13px] leading-snug text-foreground", children: entry.reviewNote }),
+          entry.reviewNote && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm leading-snug text-foreground", children: entry.reviewNote }),
           /* @__PURE__ */ jsx(ProvenanceStamp, { provenance: entry.provenance, className: "mt-1" })
         ] }, `${entry.version}:${entry.status}:${entry.at}`);
       }),