@tangle-network/agent-app 0.45.46 → 0.45.48

package/dist/studio-react/studio.css

@@ -61,62 +61,6 @@
 }
 .animate-row-in { animation: studio-row-in 0.25s ease-out both; }
 
-/* ── Studio: inline split shell (composer ⇆ gallery) ──
-   The composer is the same card in both states. Toggling the parent's
-   data-library-open grows the gallery in from the right (flex-grow 0→1) and
-   narrows the composer from centered to a left rail. max-width:1400px caps the
-   whole cluster on wide screens so extra width becomes neutral gutter. */
-.studio-shell {
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  width: 100%;
-  max-width: 1400px;
-  margin: 0 auto;
-}
-.studio-shell[data-library-open='true'] { gap: 24px; }
-
-.studio-composer {
-  flex: none;
-  width: 620px;
-  max-width: 100%;
-  transition: width 0.32s cubic-bezier(0.32, 0.72, 0, 1);
-}
-.studio-shell[data-library-open='true'] .studio-composer {
-  width: 50%;
-  max-width: 560px;
-}
-
-/* max-height:0 while closed hard-clamps the gallery out of layout — the card
-   grid's own min track width otherwise generates real height and leaks it into
-   the page scroll even at opacity:0. */
-.studio-gallery {
-  flex-grow: 0;
-  flex-basis: 0;
-  min-width: 0;
-  max-height: 0;
-  overflow: hidden;
-  opacity: 0;
-  transform: translateX(20px);
-  pointer-events: none;
-  transition:
-    flex-grow 0.32s cubic-bezier(0.32, 0.72, 0, 1),
-    opacity 0.24s ease,
-    transform 0.32s cubic-bezier(0.32, 0.72, 0, 1);
-}
-.studio-shell[data-library-open='true'] .studio-gallery {
-  flex-grow: 1;
-  max-height: none;
-  opacity: 1;
-  transform: none;
-  pointer-events: auto;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .studio-composer,
-  .studio-gallery { transition: none; }
-}
-
 @media (prefers-reduced-motion: reduce) {
   .studio-sheet-content[data-state='open'],
   .studio-sheet-content[data-state='closed'],

package/dist/teams-react/index.js

@@ -1,12 +1,13 @@
 import {
   MembersPanel
-} from "../chunk-F4XLTVQ3.js";
+} from "../chunk-R6KGLGEJ.js";
 import {
   InvitationsPanel
-} from "../chunk-IUSO2XRE.js";
+} from "../chunk-5BACNOVR.js";
+import "../chunk-AULM4X7U.js";
 import {
   InviteAcceptPage
-} from "../chunk-VCPZ3HTN.js";
+} from "../chunk-DB2D2JBQ.js";
 import "../chunk-6XIAPIW6.js";
 export {
   InvitationsPanel,

package/dist/teams-react/lazy.js

@@ -1,13 +1,13 @@
 // src/teams-react/lazy.tsx
 import { lazy } from "react";
 var MembersPanelLazy = lazy(
-  () => import("../MembersPanel-XNLF3SA4.js").then((m) => ({ default: m.MembersPanel }))
+  () => import("../MembersPanel-N5CBOUXC.js").then((m) => ({ default: m.MembersPanel }))
 );
 var InvitationsPanelLazy = lazy(
-  () => import("../InvitationsPanel-F56UOQXA.js").then((m) => ({ default: m.InvitationsPanel }))
+  () => import("../InvitationsPanel-F2VY4TSL.js").then((m) => ({ default: m.InvitationsPanel }))
 );
 var InviteAcceptPageLazy = lazy(
-  () => import("../InviteAcceptPage-P3QJC3C6.js").then((m) => ({ default: m.InviteAcceptPage }))
+  () => import("../InviteAcceptPage-UT4452KT.js").then((m) => ({ default: m.InviteAcceptPage }))
 );
 export {
   InvitationsPanelLazy,

package/dist/theme/tokens.css

@@ -238,6 +238,40 @@
   --motion-surface: var(--duration-base) var(--ease-entrance);
   --motion-dismiss: var(--duration-instant) var(--ease-exit);
 
+  /* ── Entrance choreography ───────────────────────────────────────────────
+     The durations above answer "how fast does an existing thing change".
+     These answer "how does a thing that was not there ARRIVE", which is most
+     of what an agent surface does: text streams in, rows appear as work
+     completes, a trace expands, a pending label waits.
+
+     Shipping the ladder without these is why this package had FOUR durations,
+     THREE curves, and ZERO keyframes on `/web-react` — every arrival was a
+     pop, which reads as cheap no matter how correct the colours are.
+
+     `--motion-stream` is longer than `base` on purpose: streamed text arrives
+     continuously, so each chunk overlaps its neighbours and a fast curve makes
+     the paragraph flicker. `--motion-arrive` is the row/card entrance and is
+     meant to be staggered by index (see `--stagger-step`). */
+  --duration-stream: 420ms;
+  --duration-arrive: 600ms;
+  --ease-expo: cubic-bezier(0.23, 1, 0.32, 1);
+  --motion-stream: var(--duration-stream) var(--ease-expo);
+  --motion-arrive: var(--duration-arrive) var(--ease-expo);
+  /* Per-item delay in a staggered group. 5 items = 200ms tail, which stays
+     under the 250ms an interface can add before it reads as latency. */
+  --stagger-step: 50ms;
+  /* Position in a staggered group, overridden PER ELEMENT by the caller. It is
+     declared here with a zero default rather than read through a `var()`
+     fallback so the file never references a token it does not define — an
+     undefined `var()` resolves to nothing and paints silently, which is the
+     failure the token contract exists to catch. */
+  --stagger-index: 0;
+  /* How far an arriving surface travels, and how far a streamed chunk resolves
+     from. Both are small: motion that announces itself is motion you notice
+     twice. */
+  --arrive-distance: 8px;
+  --stream-blur: 4px;
+
   /* ── Border tiers ────────────────────────────────────────────────────────
      Three strengths of the SAME border colour, because a divider inside a
      panel and the edge of a card floated on the page are not the same line,
@@ -389,6 +423,140 @@
   --shadow-overlay: 0 2px 6px hsl(var(--foreground) / 0.12), 0 16px 40px hsl(var(--foreground) / 0.2);
 }
 
+/**
+ * Entrance keyframes and the classes that ride them.
+ *
+ * They live in this file, not in a component, because a product already
+ * imports this stylesheet and because a keyframe defined inside a bundled
+ * component is a keyframe a precompiled consumer does not get — the same gap
+ * that shipped a picker with no text tier.
+ *
+ * Every duration below is a TOKEN, which is what makes the reduced-motion
+ * block underneath cover them without a second media query.
+ */
+
+/* Streamed text: each chunk resolves out of a small blur instead of popping
+   in. This is the single most visible difference between a chat that feels
+   alive and one that feels like a log being appended to. */
+@keyframes agent-stream-in {
+  from {
+    opacity: 0;
+    filter: blur(var(--stream-blur));
+  }
+  to {
+    opacity: 1;
+    filter: blur(0);
+  }
+}
+
+/* A row, card or chip that was not there a moment ago. Travels a short
+   distance so the eye is told WHERE it came from. */
+@keyframes agent-arrive {
+  from {
+    opacity: 0;
+    transform: translateY(var(--arrive-distance));
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+/* A control appearing in place — a chip, a badge, a menu row. No travel,
+   because it did not come from anywhere. */
+@keyframes agent-pop-in {
+  from {
+    opacity: 0;
+    transform: scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+/* The insertion caret at the end of streaming text. A hard step blink, not a
+   fade: a caret that eases is a caret that reads as a loading placeholder. */
+@keyframes agent-caret {
+  0%,
+  49% {
+    opacity: 1;
+  }
+  50%,
+  100% {
+    opacity: 0;
+  }
+}
+
+/* A label that is WAITING. The sweep is what separates "the agent is working"
+   from "the interface is stuck": a static label cannot tell you which. */
+@keyframes agent-shimmer {
+  from {
+    background-position: 150% center;
+  }
+  to {
+    background-position: -50% center;
+  }
+}
+
+.agent-stream-in {
+  animation: agent-stream-in var(--motion-stream) both;
+}
+
+.agent-arrive {
+  animation: agent-arrive var(--motion-arrive) both;
+}
+
+.agent-pop-in {
+  animation: agent-pop-in var(--motion-control) both;
+}
+
+/* Stagger by index: set `--stagger-index` and a group arrives as a sequence
+   rather than as a flash. Capped at 8 so a 200-row list does not open with a
+   10-second cascade — past the cap every row shares the last delay. */
+.agent-arrive {
+  animation-delay: calc(min(var(--stagger-index), 8) * var(--stagger-step));
+}
+
+/* The waiting label. `background-clip: text` over a moving gradient, so the
+   shimmer runs THROUGH the glyphs rather than behind them. Marked essential:
+   it is the only signal that work is still in flight. */
+.agent-shimmer {
+  background: linear-gradient(
+    90deg,
+    hsl(var(--muted-foreground)) 0%,
+    hsl(var(--foreground)) 45%,
+    hsl(var(--muted-foreground)) 60%
+  );
+  background-size: 250% auto;
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  animation: agent-shimmer 1.4s linear infinite;
+}
+
+/* Height-auto disclosure without measuring anything in JavaScript. The row
+   animates between 0fr and 1fr; the child needs `min-height: 0` and
+   `overflow: hidden` to be clipped while it travels. A max-height guess is the
+   usual alternative and it either clips tall content or eases against a number
+   the content never reaches. */
+.agent-disclose {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows var(--motion-surface), opacity var(--motion-control);
+  opacity: 0;
+}
+
+.agent-disclose > * {
+  min-height: 0;
+  overflow: hidden;
+}
+
+.agent-disclose[data-open='true'] {
+  grid-template-rows: 1fr;
+  opacity: 1;
+}
+
 /**
  * Reduced motion, at the token layer and at the floor.
  *
@@ -420,6 +588,11 @@
     --duration-fast: 1ms;
     --duration-base: 1ms;
     --duration-slow: 1ms;
+    --duration-stream: 1ms;
+    --duration-arrive: 1ms;
+    /* The stagger is a delay, not a duration, and a collapsed animation with a
+       live delay still arrives as a visible cascade. */
+    --stagger-step: 0ms;
   }
 
   *:where(:not([data-motion='essential'], [data-motion='essential'] *)) {

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

@@ -521,11 +521,14 @@ interface QuestionOptionListProps {
     selectedValues: string[];
     disabled: boolean;
     onToggle: (value: string) => void;
+    /** Terminal answered state: the selected rows highlight (primary edge, tint,
+     *  trailing check) so the card shows WHAT was answered, not just that it was. */
+    answered?: boolean;
 }
 /** The radio/checkbox option rows for a select field. Renders a fragment of
  *  option `<label>` rows so a card keeps its own wrapping layout and appends
  *  its own write-in input. */
-declare function QuestionOptionList({ groupName, idPrefix, options, multi, selectedValues, disabled, onToggle, }: QuestionOptionListProps): react.JSX.Element;
+declare function QuestionOptionList({ groupName, idPrefix, options, multi, selectedValues, disabled, onToggle, answered, }: QuestionOptionListProps): react.JSX.Element;
 interface InteractionQuestionCardProps {
     interaction: ChatInteraction;
     /** Viewer-vs-editor gate: false renders everything read-only. */
@@ -542,11 +545,6 @@ interface InteractionQuestionCardProps {
     onLateAnswer?: (message: string) => boolean | void | Promise<boolean | void>;
     /** Overrides the kind badge ("Question"). */
     kindLabel?: string;
-    /** Overrides the header note ("The agent asked for input"). Set it whenever an
-     *  agent is not the one asking — a host that parks on a human at the graph
-     *  level is not an agent's mid-run question, and a card that claims otherwise
-     *  misreports why the work stopped. */
-    sourceNote?: string;
     /** What happens if nobody answers, rendered beside the submit action.
      *
      *  The caller owns both the clock and the copy: this card holds no timer, so a
@@ -570,7 +568,7 @@ interface InteractionQuestionCardProps {
     renderMarkdown?: (markdown: string) => ReactNode;
     className?: string;
 }
-declare function InteractionQuestionCard({ interaction, canWrite, submitAnswer, onResolved, onLateAnswer, kindLabel, sourceNote, timeoutNote, renderMarkdown, className, }: InteractionQuestionCardProps): react.JSX.Element;
+declare function InteractionQuestionCard({ interaction, canWrite, submitAnswer, onResolved, onLateAnswer, kindLabel, timeoutNote, renderMarkdown, className, }: InteractionQuestionCardProps): react.JSX.Element;
 
 interface InteractionPlanCardProps {
     interaction: ChatInteraction;
@@ -1425,7 +1423,7 @@ interface SeatPaywallProps {
     offer?: ProductSeatOffer;
     /** Optional one-line value prop under the headline. */
     tagline?: string;
-    /** CTA label. Default "Unlock {product}". */
+    /** CTA label. Default "Continue to checkout". */
     ctaLabel?: string;
     /** Value-prop bullets. Default = product/usage-derived only; pass your own to
      *  supply product-specific value props (the shell bakes no GTM copy). */
@@ -1436,7 +1434,10 @@ interface SeatPaywallProps {
 /**
  * Centered card paywall. The price line reads
  * "$100/mo · includes $50/mo of AI usage" so the included allowance anchors the
- * value without ever exposing the ratio.
+ * value without ever exposing the ratio — and says it ONCE: the default
+ * benefits don't restate the usage line the subline already carries, and the
+ * CTA is the next step ("Continue to checkout"), not a third repeat of the
+ * eyebrow + headline's "Unlock {product}".
  */
 declare function SeatPaywall({ product, onCheckout, priceUsd, includedUsageUsd, offer, tagline, ctaLabel, benefits, footnote, }: SeatPaywallProps): ReactNode;
 
@@ -2034,8 +2035,9 @@ interface ChatUiMessage extends ChatMessageMetrics {
 /** Define properties for rendering chat messages with optional models, markdown, extras, and durable cards */
 interface ChatMessagesProps {
     messages: ChatUiMessage[];
-    /** Shared reading scale for both user and assistant prose. Defaults to 16px;
-     *  `large` uses 17px without enlarging labels, tool chrome, or metadata. */
+    /** Shared reading scale for both user and assistant prose. Defaults to 15px
+     *  at a 1.6 line height; `large` uses 16px at the same leading without
+     *  enlarging labels, tool chrome, or metadata. */
     messageSize?: 'default' | 'large';
     /** Transcript chrome. `labeled` (default) keeps the always-on role label +
      *  model/tok-s/cost meta line and the primary-tinted user bubble. `quiet`
@@ -2104,6 +2106,8 @@ interface ChatEmptyDoor {
     label: string;
     description?: string;
     onSelect: () => void;
+    /** Optional glyph rendered left of the label. */
+    icon?: ReactNode;
 }
 /** Define properties for rendering the chat empty state with customizable text and starting doors */
 interface ChatEmptyStateProps {

package/dist/web-react/index.js

@@ -111,7 +111,7 @@ import {
   withoutRecordGridCreated,
   withoutRecordGridRemoved,
   withoutRecordGridUpdate
-} from "../chunk-UM6ODCLN.js";
+} from "../chunk-C7AQW6US.js";
 import "../chunk-FBVLEGEG.js";
 import {
   EvidenceLineageTable,
@@ -124,7 +124,7 @@ import {
   reviewQueueStateLabel,
   workProductPartsFromMessageParts,
   workProductStatusLabel
-} from "../chunk-54FYYXAX.js";
+} from "../chunk-J6OJTFNE.js";
 import {
   parseReviewQueueItem
 } from "../chunk-GEYACSFW.js";
@@ -139,7 +139,6 @@ import {
   OVERLAY_SHADOW,
   POPOVER_SURFACE_ATTR,
   PopoverSurface,
-  ProviderLogo,
   effortLevelLabel,
   effortLevelsFromIds,
   effortMeterFill,
@@ -147,7 +146,10 @@ import {
   useComposerAttachments,
   usePending,
   usePopover
-} from "../chunk-GNPN6ED4.js";
+} from "../chunk-XVRHISF3.js";
+import {
+  ProviderLogo
+} from "../chunk-MLG6XKPV.js";
 import {
   tabTerminalConnectionId,
   useSandboxTerminalConnection

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

@@ -4,7 +4,7 @@ import {
   ProvenanceStamp,
   QualityCheckList,
   workProductStatusLabel
-} from "../chunk-54FYYXAX.js";
+} from "../chunk-J6OJTFNE.js";
 import "../chunk-GEYACSFW.js";
 import {
   unresolvedBlockingExceptions
@@ -16,8 +16,7 @@ import {
   CodeSurface,
   DiffView,
   FileBreadcrumb,
-  PillTabs,
-  computeDiffStats
+  PillTabs
 } from "@tangle-network/sandbox-ui/workbench";
 import { jsx, jsxs } from "react/jsx-runtime";
 function filenameOf(path, fallback) {
@@ -55,10 +54,6 @@ function WorkProductPane({
   const [compare, setCompare] = useState(null);
   const [compareError, setCompareError] = useState(null);
   const diffFilename = filenameOf(artifact?.path, artifact?.title ?? workProduct.scopeKey);
-  const diffStats = useMemo(
-    () => hasDiff ? computeDiffStats(baseline ?? "", body) : null,
-    [hasDiff, baseline, body]
-  );
   const loadCompare = useCallback(
     async (from, to) => {
       if (!loadVersionBody || !from.artifactPath || !to.artifactPath) return;
@@ -109,20 +104,7 @@ function WorkProductPane({
       artifact?.path && /* @__PURE__ */ jsx(FileBreadcrumb, { path: artifact.path, className: "border-b border-border px-3 py-2" }),
       body ? /* @__PURE__ */ jsx(CodeSurface, { code: body, filename: diffFilename }) : artifact?.fields ? /* @__PURE__ */ jsx(CodeSurface, { code: JSON.stringify(artifact.fields, null, 2), filename: `${diffFilename}.json`, language: "json" }) : /* @__PURE__ */ jsx("p", { className: "px-4 py-6 text-center text-xs text-muted-foreground", children: "No artifact body yet." })
     ] }),
-    tab === "diff" && hasDiff && /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-auto rounded-lg border border-border", children: [
-      diffStats && /* @__PURE__ */ jsxs("p", { className: "border-b border-border px-3 py-2 text-[11px] text-muted-foreground", children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-success", children: [
-          "+",
-          diffStats.added
-        ] }),
-        " ",
-        /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
-          "\u2212",
-          diffStats.removed
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(DiffView, { filename: diffFilename, baseline: baseline ?? "", current: body })
-    ] }),
+    tab === "diff" && hasDiff && /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto rounded-lg border border-border", children: /* @__PURE__ */ jsx(DiffView, { filename: diffFilename, baseline: baseline ?? "", current: body }) }),
     tab === "lineage" && /* @__PURE__ */ jsx(EvidenceLineageTable, { evidence: workProduct.evidence, resolveSourceUrl }),
     tab === "exceptions" && /* @__PURE__ */ jsx(ExceptionList, { exceptions: workProduct.exceptions }),
     tab === "checks" && /* @__PURE__ */ jsx(QualityCheckList, { checks: workProduct.checks }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/work-product-react/index.tsx"],"sourcesContent":["/**\n * `./work-product-react` — the sandbox-ui-composed review pane. It follows the\n * optional-peer rule: this is the ONLY work-product surface\n * that imports `@tangle-network/sandbox-ui` (its `workbench` primitives:\n * `PillTabs`, `CodeSurface`, `DiffView`, `FileBreadcrumb`,\n * `computeDiffStats`). `/web-react`'s queue/card/lineage components stay\n * sandbox-ui-free; importing THIS subpath requires the otherwise optional\n * sandbox-ui peer.\n *\n * The pane never fetches: bodies arrive as resolved strings\n * (`currentContent`/`baselineContent`) and history compares load through the\n * injected `loadVersionBody(ref)` seam. The default tab is a PROP — tax\n * passes `'lineage'` (lineage before diff for tax), legal passes `'diff'`\n * (the redline IS the artifact), gtm passes `'artifact'`.\n */\n\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  CodeSurface,\n  DiffView,\n  FileBreadcrumb,\n  PillTabs,\n  computeDiffStats,\n  type PillTabItem,\n} from '@tangle-network/sandbox-ui/workbench'\n\nimport {\n  EvidenceLineageTable,\n  ExceptionList,\n  ProvenanceStamp,\n  QualityCheckList,\n  workProductStatusLabel,\n} from '../web-react/work-product'\nimport type {\n  EvidenceEntry,\n  ProfileBacktestSummary,\n  WorkProductRecord,\n  WorkProductVersionEntry,\n} from '../work-product/types'\nimport { unresolvedBlockingExceptions } from '../work-product/types'\n\nexport type WorkProductPaneTab = 'artifact' | 'diff' | 'lineage' | 'exceptions' | 'checks' | 'history'\n\n/** Properties for the tabbed work-product review pane */\nexport interface WorkProductPaneProps {\n  workProduct: WorkProductRecord\n  /** Which tab opens first — a product choice, not a heuristic: tax passes\n   *  'lineage', legal 'diff', gtm 'artifact'. Default 'artifact'. */\n  defaultTab?: WorkProductPaneTab\n  /** Resolved artifact body when it lives at `artifact.path` rather than\n   *  inline. Falls back to `artifact.content`. */\n  currentContent?: string\n  /** Resolved baseline body for diff-first products. Falls back to\n   *  `artifact.baseline.content`. */\n  baselineContent?: string\n  /** Load a frozen version body by its `history[].artifactPath` ref for the\n   *  vN-1 → vN compare. Omit to hide history compares. */\n  loadVersionBody?: (ref: string) => Promise<string | null>\n  /** Resolve one evidence entry's source to an openable URL (lineage\n   *  click-through). */\n  resolveSourceUrl?: (entry: EvidenceEntry) => string\n  /** Backtest summary for the record's profile hash, rendered on the\n   *  provenance stamp. */\n  backtest?: ProfileBacktestSummary\n  className?: string\n}\n\ninterface VersionCompare {\n  fromVersion: number\n  toVersion: number\n  baseline: string\n  current: string\n}\n\n/** Trailing path segment for a diff header. */\nfunction filenameOf(path: string | undefined, fallback: string): string {\n  if (!path) return fallback\n  const segments = path.split('/')\n  return segments[segments.length - 1] || fallback\n}\n\n/**\n * The tabbed review pane over one work product: Artifact | Diff | Lineage |\n * Exceptions | Checks | History. Diff renders baseline→current for redline\n * artifacts and vN-1→vN for history compares; lineage is the\n * every-value-traceable table; provenance is stamped across the header.\n */\nexport function WorkProductPane({\n  workProduct,\n  defaultTab = 'artifact',\n  currentContent,\n  baselineContent,\n  loadVersionBody,\n  resolveSourceUrl,\n  backtest,\n  className,\n}: WorkProductPaneProps) {\n  const artifact = workProduct.artifact\n  const body = currentContent ?? artifact?.content ?? ''\n  const baseline = baselineContent ?? artifact?.baseline?.content\n  const hasDiff = baseline !== undefined\n\n  const tabs = useMemo(() => {\n    const items: PillTabItem<WorkProductPaneTab>[] = [{ value: 'artifact', label: 'Artifact' }]\n    if (hasDiff) items.push({ value: 'diff', label: 'Diff' })\n    items.push(\n      { value: 'lineage', label: `Lineage (${workProduct.evidence.length})` },\n      { value: 'exceptions', label: `Exceptions (${workProduct.exceptions.length})` },\n      { value: 'checks', label: `Checks (${workProduct.checks.length})` },\n      { value: 'history', label: `History (${workProduct.history.length})` },\n    )\n    return items\n  }, [hasDiff, workProduct.evidence.length, workProduct.exceptions.length, workProduct.checks.length, workProduct.history.length])\n\n  const initialTab = tabs.some((tab) => tab.value === defaultTab) ? defaultTab : 'artifact'\n  const [tab, setTab] = useState<WorkProductPaneTab>(initialTab)\n  const [compare, setCompare] = useState<VersionCompare | null>(null)\n  const [compareError, setCompareError] = useState<string | null>(null)\n\n  const diffFilename = filenameOf(artifact?.path, artifact?.title ?? workProduct.scopeKey)\n  const diffStats = useMemo(\n    () => (hasDiff ? computeDiffStats(baseline ?? '', body) : null),\n    [hasDiff, baseline, body],\n  )\n\n  const loadCompare = useCallback(\n    async (from: WorkProductVersionEntry, to: WorkProductVersionEntry) => {\n      if (!loadVersionBody || !from.artifactPath || !to.artifactPath) return\n      setCompareError(null)\n      try {\n        const [fromBody, toBody] = await Promise.all([\n          loadVersionBody(from.artifactPath),\n          loadVersionBody(to.artifactPath),\n        ])\n        if (fromBody === null || toBody === null) {\n          setCompareError('A version snapshot could not be loaded.')\n          return\n        }\n        setCompare({ fromVersion: from.version, toVersion: to.version, baseline: fromBody, current: toBody })\n      } catch (error) {\n        setCompareError(error instanceof Error ? error.message : String(error))\n      }\n    },\n    [loadVersionBody],\n  )\n\n  return (\n    <div className={`flex min-h-0 flex-col gap-3 ${className ?? ''}`}>\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"truncate text-sm font-semibold text-foreground\">\n            {artifact?.title ?? workProduct.scopeKey}\n            <span className=\"ml-1.5 text-[11px] font-normal text-muted-foreground\">v{workProduct.version}</span>\n          </p>\n          <p className=\"text-[11px] text-muted-foreground\">\n            {artifact?.kind && <span className=\"font-mono\">{artifact.kind} · </span>}\n            {workProductStatusLabel(workProduct.status)}\n            {unresolvedBlockingExceptions(workProduct.exceptions).length > 0 && (\n              <span className=\"text-destructive\"> · {unresolvedBlockingExceptions(workProduct.exceptions).length} blocking</span>\n            )}\n          </p>\n        </div>\n        <ProvenanceStamp provenance={workProduct.provenance} backtest={backtest} />\n      </div>\n\n      <PillTabs items={tabs} value={tab} onChange={setTab} aria-label=\"Work product views\" />\n\n      {tab === 'artifact' && (\n        <div className=\"min-h-0 flex-1 overflow-auto rounded-lg border border-border\">\n          {artifact?.path && <FileBreadcrumb path={artifact.path} className=\"border-b border-border px-3 py-2\" />}\n          {body ? (\n            <CodeSurface code={body} filename={diffFilename} />\n          ) : artifact?.fields ? (\n            <CodeSurface code={JSON.stringify(artifact.fields, null, 2)} filename={`${diffFilename}.json`} language=\"json\" />\n          ) : (\n            <p className=\"px-4 py-6 text-center text-xs text-muted-foreground\">No artifact body yet.</p>\n          )}\n        </div>\n      )}\n\n      {tab === 'diff' && hasDiff && (\n        <div className=\"min-h-0 flex-1 overflow-auto rounded-lg border border-border\">\n          {diffStats && (\n            <p className=\"border-b border-border px-3 py-2 text-[11px] text-muted-foreground\">\n              <span className=\"text-success\">+{diffStats.added}</span>{' '}\n              <span className=\"text-destructive\">−{diffStats.removed}</span>\n            </p>\n          )}\n          <DiffView filename={diffFilename} baseline={baseline ?? ''} current={body} />\n        </div>\n      )}\n\n      {tab === 'lineage' && (\n        <EvidenceLineageTable evidence={workProduct.evidence} resolveSourceUrl={resolveSourceUrl} />\n      )}\n\n      {tab === 'exceptions' && <ExceptionList exceptions={workProduct.exceptions} />}\n\n      {tab === 'checks' && <QualityCheckList checks={workProduct.checks} />}\n\n      {tab === 'history' && (\n        <div className=\"space-y-2\">\n          {workProduct.history.length === 0 && <p className=\"text-xs text-muted-foreground\">No versions yet.</p>}\n          {workProduct.history.map((entry, index) => {\n            const prior = workProduct.history\n              .slice(0, index)\n              .reverse()\n              .find((candidate) => candidate.version < entry.version && candidate.artifactPath)\n            return (\n              <div key={`${entry.version}:${entry.status}:${entry.at}`} className=\"rounded-lg border border-border bg-card px-3 py-2\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"text-sm font-medium text-foreground\">v{entry.version}</span>\n                  <span className=\"text-[11px] text-muted-foreground\">{workProductStatusLabel(entry.status)}</span>\n                  {entry.reviewedBy && <span className=\"text-[11px] text-muted-foreground\">by {entry.reviewedBy}</span>}\n                  <span className=\"flex-1\" />\n                  {loadVersionBody && prior?.artifactPath && entry.artifactPath && (\n                    <button\n                      type=\"button\"\n                      onClick={() => void loadCompare(prior, entry)}\n                      className=\"rounded-md border border-border px-2 py-0.5 text-[11px] font-medium text-foreground transition hover:bg-accent\"\n                    >\n                      Compare v{prior.version} → v{entry.version}\n                    </button>\n                  )}\n                </div>\n                {entry.reviewNote && <p className=\"mt-1 text-sm leading-snug text-foreground\">{entry.reviewNote}</p>}\n                <ProvenanceStamp provenance={entry.provenance} className=\"mt-1\" />\n              </div>\n            )\n          })}\n          {compareError && <p className=\"rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive\">{compareError}</p>}\n          {compare && (\n            <div className=\"overflow-auto rounded-lg border border-border\">\n              <p className=\"border-b border-border px-3 py-2 text-[11px] text-muted-foreground\">\n                v{compare.fromVersion} → v{compare.toVersion}\n              </p>\n              <DiffView filename={diffFilename} baseline={compare.baseline} current={compare.current} />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["tab"]}
+{"version":3,"sources":["../../src/work-product-react/index.tsx"],"sourcesContent":["/**\n * `./work-product-react` — the sandbox-ui-composed review pane. It follows the\n * optional-peer rule: this is the ONLY work-product surface\n * that imports `@tangle-network/sandbox-ui` (its `workbench` primitives:\n * `PillTabs`, `CodeSurface`, `DiffView`, `FileBreadcrumb`).\n * `/web-react`'s queue/card/lineage components stay\n * sandbox-ui-free; importing THIS subpath requires the otherwise optional\n * sandbox-ui peer.\n *\n * The pane never fetches: bodies arrive as resolved strings\n * (`currentContent`/`baselineContent`) and history compares load through the\n * injected `loadVersionBody(ref)` seam. The default tab is a PROP — tax\n * passes `'lineage'` (lineage before diff for tax), legal passes `'diff'`\n * (the redline IS the artifact), gtm passes `'artifact'`.\n */\n\nimport { useCallback, useMemo, useState } from 'react'\nimport {\n  CodeSurface,\n  DiffView,\n  FileBreadcrumb,\n  PillTabs,\n  type PillTabItem,\n} from '@tangle-network/sandbox-ui/workbench'\n\nimport {\n  EvidenceLineageTable,\n  ExceptionList,\n  ProvenanceStamp,\n  QualityCheckList,\n  workProductStatusLabel,\n} from '../web-react/work-product'\nimport type {\n  EvidenceEntry,\n  ProfileBacktestSummary,\n  WorkProductRecord,\n  WorkProductVersionEntry,\n} from '../work-product/types'\nimport { unresolvedBlockingExceptions } from '../work-product/types'\n\nexport type WorkProductPaneTab = 'artifact' | 'diff' | 'lineage' | 'exceptions' | 'checks' | 'history'\n\n/** Properties for the tabbed work-product review pane */\nexport interface WorkProductPaneProps {\n  workProduct: WorkProductRecord\n  /** Which tab opens first — a product choice, not a heuristic: tax passes\n   *  'lineage', legal 'diff', gtm 'artifact'. Default 'artifact'. */\n  defaultTab?: WorkProductPaneTab\n  /** Resolved artifact body when it lives at `artifact.path` rather than\n   *  inline. Falls back to `artifact.content`. */\n  currentContent?: string\n  /** Resolved baseline body for diff-first products. Falls back to\n   *  `artifact.baseline.content`. */\n  baselineContent?: string\n  /** Load a frozen version body by its `history[].artifactPath` ref for the\n   *  vN-1 → vN compare. Omit to hide history compares. */\n  loadVersionBody?: (ref: string) => Promise<string | null>\n  /** Resolve one evidence entry's source to an openable URL (lineage\n   *  click-through). */\n  resolveSourceUrl?: (entry: EvidenceEntry) => string\n  /** Backtest summary for the record's profile hash, rendered on the\n   *  provenance stamp. */\n  backtest?: ProfileBacktestSummary\n  className?: string\n}\n\ninterface VersionCompare {\n  fromVersion: number\n  toVersion: number\n  baseline: string\n  current: string\n}\n\n/** Trailing path segment for a diff header. */\nfunction filenameOf(path: string | undefined, fallback: string): string {\n  if (!path) return fallback\n  const segments = path.split('/')\n  return segments[segments.length - 1] || fallback\n}\n\n/**\n * The tabbed review pane over one work product: Artifact | Diff | Lineage |\n * Exceptions | Checks | History. Diff renders baseline→current for redline\n * artifacts and vN-1→vN for history compares; lineage is the\n * every-value-traceable table; provenance is stamped across the header.\n */\nexport function WorkProductPane({\n  workProduct,\n  defaultTab = 'artifact',\n  currentContent,\n  baselineContent,\n  loadVersionBody,\n  resolveSourceUrl,\n  backtest,\n  className,\n}: WorkProductPaneProps) {\n  const artifact = workProduct.artifact\n  const body = currentContent ?? artifact?.content ?? ''\n  const baseline = baselineContent ?? artifact?.baseline?.content\n  const hasDiff = baseline !== undefined\n\n  const tabs = useMemo(() => {\n    const items: PillTabItem<WorkProductPaneTab>[] = [{ value: 'artifact', label: 'Artifact' }]\n    if (hasDiff) items.push({ value: 'diff', label: 'Diff' })\n    items.push(\n      { value: 'lineage', label: `Lineage (${workProduct.evidence.length})` },\n      { value: 'exceptions', label: `Exceptions (${workProduct.exceptions.length})` },\n      { value: 'checks', label: `Checks (${workProduct.checks.length})` },\n      { value: 'history', label: `History (${workProduct.history.length})` },\n    )\n    return items\n  }, [hasDiff, workProduct.evidence.length, workProduct.exceptions.length, workProduct.checks.length, workProduct.history.length])\n\n  const initialTab = tabs.some((tab) => tab.value === defaultTab) ? defaultTab : 'artifact'\n  const [tab, setTab] = useState<WorkProductPaneTab>(initialTab)\n  const [compare, setCompare] = useState<VersionCompare | null>(null)\n  const [compareError, setCompareError] = useState<string | null>(null)\n\n  const diffFilename = filenameOf(artifact?.path, artifact?.title ?? workProduct.scopeKey)\n\n  const loadCompare = useCallback(\n    async (from: WorkProductVersionEntry, to: WorkProductVersionEntry) => {\n      if (!loadVersionBody || !from.artifactPath || !to.artifactPath) return\n      setCompareError(null)\n      try {\n        const [fromBody, toBody] = await Promise.all([\n          loadVersionBody(from.artifactPath),\n          loadVersionBody(to.artifactPath),\n        ])\n        if (fromBody === null || toBody === null) {\n          setCompareError('A version snapshot could not be loaded.')\n          return\n        }\n        setCompare({ fromVersion: from.version, toVersion: to.version, baseline: fromBody, current: toBody })\n      } catch (error) {\n        setCompareError(error instanceof Error ? error.message : String(error))\n      }\n    },\n    [loadVersionBody],\n  )\n\n  return (\n    <div className={`flex min-h-0 flex-col gap-3 ${className ?? ''}`}>\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"truncate text-sm font-semibold text-foreground\">\n            {artifact?.title ?? workProduct.scopeKey}\n            <span className=\"ml-1.5 text-[11px] font-normal text-muted-foreground\">v{workProduct.version}</span>\n          </p>\n          <p className=\"text-[11px] text-muted-foreground\">\n            {artifact?.kind && <span className=\"font-mono\">{artifact.kind} · </span>}\n            {workProductStatusLabel(workProduct.status)}\n            {unresolvedBlockingExceptions(workProduct.exceptions).length > 0 && (\n              <span className=\"text-destructive\"> · {unresolvedBlockingExceptions(workProduct.exceptions).length} blocking</span>\n            )}\n          </p>\n        </div>\n        <ProvenanceStamp provenance={workProduct.provenance} backtest={backtest} />\n      </div>\n\n      <PillTabs items={tabs} value={tab} onChange={setTab} aria-label=\"Work product views\" />\n\n      {tab === 'artifact' && (\n        <div className=\"min-h-0 flex-1 overflow-auto rounded-lg border border-border\">\n          {artifact?.path && <FileBreadcrumb path={artifact.path} className=\"border-b border-border px-3 py-2\" />}\n          {body ? (\n            <CodeSurface code={body} filename={diffFilename} />\n          ) : artifact?.fields ? (\n            <CodeSurface code={JSON.stringify(artifact.fields, null, 2)} filename={`${diffFilename}.json`} language=\"json\" />\n          ) : (\n            <p className=\"px-4 py-6 text-center text-xs text-muted-foreground\">No artifact body yet.</p>\n          )}\n        </div>\n      )}\n\n      {tab === 'diff' && hasDiff && (\n        <div className=\"min-h-0 flex-1 overflow-auto rounded-lg border border-border\">\n          {/* DiffView's own file header already carries the +/− counts. */}\n          <DiffView filename={diffFilename} baseline={baseline ?? ''} current={body} />\n        </div>\n      )}\n\n      {tab === 'lineage' && (\n        <EvidenceLineageTable evidence={workProduct.evidence} resolveSourceUrl={resolveSourceUrl} />\n      )}\n\n      {tab === 'exceptions' && <ExceptionList exceptions={workProduct.exceptions} />}\n\n      {tab === 'checks' && <QualityCheckList checks={workProduct.checks} />}\n\n      {tab === 'history' && (\n        <div className=\"space-y-2\">\n          {workProduct.history.length === 0 && <p className=\"text-xs text-muted-foreground\">No versions yet.</p>}\n          {workProduct.history.map((entry, index) => {\n            const prior = workProduct.history\n              .slice(0, index)\n              .reverse()\n              .find((candidate) => candidate.version < entry.version && candidate.artifactPath)\n            return (\n              <div key={`${entry.version}:${entry.status}:${entry.at}`} className=\"rounded-lg border border-border bg-card px-3 py-2\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"text-sm font-medium text-foreground\">v{entry.version}</span>\n                  <span className=\"text-[11px] text-muted-foreground\">{workProductStatusLabel(entry.status)}</span>\n                  {entry.reviewedBy && <span className=\"text-[11px] text-muted-foreground\">by {entry.reviewedBy}</span>}\n                  <span className=\"flex-1\" />\n                  {loadVersionBody && prior?.artifactPath && entry.artifactPath && (\n                    <button\n                      type=\"button\"\n                      onClick={() => void loadCompare(prior, entry)}\n                      className=\"rounded-md border border-border px-2 py-0.5 text-[11px] font-medium text-foreground transition hover:bg-accent\"\n                    >\n                      Compare v{prior.version} → v{entry.version}\n                    </button>\n                  )}\n                </div>\n                {entry.reviewNote && <p className=\"mt-1 text-sm leading-snug text-foreground\">{entry.reviewNote}</p>}\n                <ProvenanceStamp provenance={entry.provenance} className=\"mt-1\" />\n              </div>\n            )\n          })}\n          {compareError && <p className=\"rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive\">{compareError}</p>}\n          {compare && (\n            <div className=\"overflow-auto rounded-lg border border-border\">\n              <p className=\"border-b border-border px-3 py-2 text-[11px] text-muted-foreground\">\n                v{compare.fromVersion} → v{compare.toVersion}\n              </p>\n              <DiffView filename={diffFilename} baseline={compare.baseline} current={compare.current} />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,SAAS,aAAa,SAAS,gBAAgB;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AA4HK,SAUJ,KAVI;AAzEZ,SAAS,WAAW,MAA0B,UAA0B;AACtE,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,WAAW,KAAK,MAAM,GAAG;AAC/B,SAAO,SAAS,SAAS,SAAS,CAAC,KAAK;AAC1C;AAQO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,WAAW,YAAY;AAC7B,QAAM,OAAO,kBAAkB,UAAU,WAAW;AACpD,QAAM,WAAW,mBAAmB,UAAU,UAAU;AACxD,QAAM,UAAU,aAAa;AAE7B,QAAM,OAAO,QAAQ,MAAM;AACzB,UAAM,QAA2C,CAAC,EAAE,OAAO,YAAY,OAAO,WAAW,CAAC;AAC1F,QAAI,QAAS,OAAM,KAAK,EAAE,OAAO,QAAQ,OAAO,OAAO,CAAC;AACxD,UAAM;AAAA,MACJ,EAAE,OAAO,WAAW,OAAO,YAAY,YAAY,SAAS,MAAM,IAAI;AAAA,MACtE,EAAE,OAAO,cAAc,OAAO,eAAe,YAAY,WAAW,MAAM,IAAI;AAAA,MAC9E,EAAE,OAAO,UAAU,OAAO,WAAW,YAAY,OAAO,MAAM,IAAI;AAAA,MAClE,EAAE,OAAO,WAAW,OAAO,YAAY,YAAY,QAAQ,MAAM,IAAI;AAAA,IACvE;AACA,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,YAAY,SAAS,QAAQ,YAAY,WAAW,QAAQ,YAAY,OAAO,QAAQ,YAAY,QAAQ,MAAM,CAAC;AAE/H,QAAM,aAAa,KAAK,KAAK,CAACA,SAAQA,KAAI,UAAU,UAAU,IAAI,aAAa;AAC/E,QAAM,CAAC,KAAK,MAAM,IAAI,SAA6B,UAAU;AAC7D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAgC,IAAI;AAClE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAwB,IAAI;AAEpE,QAAM,eAAe,WAAW,UAAU,MAAM,UAAU,SAAS,YAAY,QAAQ;AAEvF,QAAM,cAAc;AAAA,IAClB,OAAO,MAA+B,OAAgC;AACpE,UAAI,CAAC,mBAAmB,CAAC,KAAK,gBAAgB,CAAC,GAAG,aAAc;AAChE,sBAAgB,IAAI;AACpB,UAAI;AACF,cAAM,CAAC,UAAU,MAAM,IAAI,MAAM,QAAQ,IAAI;AAAA,UAC3C,gBAAgB,KAAK,YAAY;AAAA,UACjC,gBAAgB,GAAG,YAAY;AAAA,QACjC,CAAC;AACD,YAAI,aAAa,QAAQ,WAAW,MAAM;AACxC,0BAAgB,yCAAyC;AACzD;AAAA,QACF;AACA,mBAAW,EAAE,aAAa,KAAK,SAAS,WAAW,GAAG,SAAS,UAAU,UAAU,SAAS,OAAO,CAAC;AAAA,MACtG,SAAS,OAAO;AACd,wBAAgB,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,CAAC;AAAA,MACxE;AAAA,IACF;AAAA,IACA,CAAC,eAAe;AAAA,EAClB;AAEA,SACE,qBAAC,SAAI,WAAW,+BAA+B,aAAa,EAAE,IAC5D;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SAAI,WAAU,kBACb;AAAA,6BAAC,OAAE,WAAU,kDACV;AAAA,oBAAU,SAAS,YAAY;AAAA,UAChC,qBAAC,UAAK,WAAU,wDAAuD;AAAA;AAAA,YAAE,YAAY;AAAA,aAAQ;AAAA,WAC/F;AAAA,QACA,qBAAC,OAAE,WAAU,qCACV;AAAA,oBAAU,QAAQ,qBAAC,UAAK,WAAU,aAAa;AAAA,qBAAS;AAAA,YAAK;AAAA,aAAG;AAAA,UAChE,uBAAuB,YAAY,MAAM;AAAA,UACzC,6BAA6B,YAAY,UAAU,EAAE,SAAS,KAC7D,qBAAC,UAAK,WAAU,oBAAmB;AAAA;AAAA,YAAI,6BAA6B,YAAY,UAAU,EAAE;AAAA,YAAO;AAAA,aAAS;AAAA,WAEhH;AAAA,SACF;AAAA,MACA,oBAAC,mBAAgB,YAAY,YAAY,YAAY,UAAoB;AAAA,OAC3E;AAAA,IAEA,oBAAC,YAAS,OAAO,MAAM,OAAO,KAAK,UAAU,QAAQ,cAAW,sBAAqB;AAAA,IAEpF,QAAQ,cACP,qBAAC,SAAI,WAAU,gEACZ;AAAA,gBAAU,QAAQ,oBAAC,kBAAe,MAAM,SAAS,MAAM,WAAU,oCAAmC;AAAA,MACpG,OACC,oBAAC,eAAY,MAAM,MAAM,UAAU,cAAc,IAC/C,UAAU,SACZ,oBAAC,eAAY,MAAM,KAAK,UAAU,SAAS,QAAQ,MAAM,CAAC,GAAG,UAAU,GAAG,YAAY,SAAS,UAAS,QAAO,IAE/G,oBAAC,OAAE,WAAU,uDAAsD,mCAAqB;AAAA,OAE5F;AAAA,IAGD,QAAQ,UAAU,WACjB,oBAAC,SAAI,WAAU,gEAEb,8BAAC,YAAS,UAAU,cAAc,UAAU,YAAY,IAAI,SAAS,MAAM,GAC7E;AAAA,IAGD,QAAQ,aACP,oBAAC,wBAAqB,UAAU,YAAY,UAAU,kBAAoC;AAAA,IAG3F,QAAQ,gBAAgB,oBAAC,iBAAc,YAAY,YAAY,YAAY;AAAA,IAE3E,QAAQ,YAAY,oBAAC,oBAAiB,QAAQ,YAAY,QAAQ;AAAA,IAElE,QAAQ,aACP,qBAAC,SAAI,WAAU,aACZ;AAAA,kBAAY,QAAQ,WAAW,KAAK,oBAAC,OAAE,WAAU,iCAAgC,8BAAgB;AAAA,MACjG,YAAY,QAAQ,IAAI,CAAC,OAAO,UAAU;AACzC,cAAM,QAAQ,YAAY,QACvB,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,KAAK,CAAC,cAAc,UAAU,UAAU,MAAM,WAAW,UAAU,YAAY;AAClF,eACE,qBAAC,SAAyD,WAAU,qDAClE;AAAA,+BAAC,SAAI,WAAU,qCACb;AAAA,iCAAC,UAAK,WAAU,uCAAsC;AAAA;AAAA,cAAE,MAAM;AAAA,eAAQ;AAAA,YACtE,oBAAC,UAAK,WAAU,qCAAqC,iCAAuB,MAAM,MAAM,GAAE;AAAA,YACzF,MAAM,cAAc,qBAAC,UAAK,WAAU,qCAAoC;AAAA;AAAA,cAAI,MAAM;AAAA,eAAW;AAAA,YAC9F,oBAAC,UAAK,WAAU,UAAS;AAAA,YACxB,mBAAmB,OAAO,gBAAgB,MAAM,gBAC/C;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM,KAAK,YAAY,OAAO,KAAK;AAAA,gBAC5C,WAAU;AAAA,gBACX;AAAA;AAAA,kBACW,MAAM;AAAA,kBAAQ;AAAA,kBAAK,MAAM;AAAA;AAAA;AAAA,YACrC;AAAA,aAEJ;AAAA,UACC,MAAM,cAAc,oBAAC,OAAE,WAAU,6CAA6C,gBAAM,YAAW;AAAA,UAChG,oBAAC,mBAAgB,YAAY,MAAM,YAAY,WAAU,QAAO;AAAA,aAjBxD,GAAG,MAAM,OAAO,IAAI,MAAM,MAAM,IAAI,MAAM,EAAE,EAkBtD;AAAA,MAEJ,CAAC;AAAA,MACA,gBAAgB,oBAAC,OAAE,WAAU,mEAAmE,wBAAa;AAAA,MAC7G,WACC,qBAAC,SAAI,WAAU,iDACb;AAAA,6BAAC,OAAE,WAAU,sEAAqE;AAAA;AAAA,UAC9E,QAAQ;AAAA,UAAY;AAAA,UAAK,QAAQ;AAAA,WACrC;AAAA,QACA,oBAAC,YAAS,UAAU,cAAc,UAAU,QAAQ,UAAU,SAAS,QAAQ,SAAS;AAAA,SAC1F;AAAA,OAEJ;AAAA,KAEJ;AAEJ;","names":["tab"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/agent-app",
-  "version": "0.45.46",
+  "version": "0.45.48",
   "packageManager": "pnpm@11.17.0",
   "description": "Build agent applications with typed chat, tools, sandboxes, integrations, billing, and evaluation.",
   "keywords": [
@@ -526,7 +526,7 @@
     "@tangle-network/agent-runtime": "0.126.0",
     "@tangle-network/brand": "1.3.0",
     "@tangle-network/sandbox": "0.17.2",
-    "@tangle-network/sandbox-ui": "0.94.2",
+    "@tangle-network/sandbox-ui": "0.99.2",
     "@tangle-network/ui": "^11.2.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
@@ -578,7 +578,7 @@
     "@tangle-network/agent-runtime": ">=0.126.0",
     "@tangle-network/brand": ">=1.1.0",
     "@tangle-network/sandbox": ">=0.15.2",
-    "@tangle-network/sandbox-ui": ">=0.91.5",
+    "@tangle-network/sandbox-ui": ">=0.99.2",
     "@tangle-network/ui": ">=11.2.2",
     "@xyflow/react": ">=12.0.0",
     "better-auth": ">=1.6.16",

package/dist/InvitationsPanel-F56UOQXA.js

@@ -1,8 +0,0 @@
-import {
-  InvitationsPanel
-} from "./chunk-IUSO2XRE.js";
-import "./chunk-6XIAPIW6.js";
-export {
-  InvitationsPanel
-};
-//# sourceMappingURL=InvitationsPanel-F56UOQXA.js.map

package/dist/InviteAcceptPage-P3QJC3C6.js

@@ -1,7 +0,0 @@
-import {
-  InviteAcceptPage
-} from "./chunk-VCPZ3HTN.js";
-export {
-  InviteAcceptPage
-};
-//# sourceMappingURL=InviteAcceptPage-P3QJC3C6.js.map

package/dist/MembersPanel-XNLF3SA4.js

@@ -1,8 +0,0 @@
-import {
-  MembersPanel
-} from "./chunk-F4XLTVQ3.js";
-import "./chunk-6XIAPIW6.js";
-export {
-  MembersPanel
-};
-//# sourceMappingURL=MembersPanel-XNLF3SA4.js.map