@tangle-network/sandbox-ui 3.0.0 → 3.0.1

package/dist/styles.css

@@ -545,9 +545,6 @@
   .m-0 {
     margin: 0px;
   }
-  .m-1 {
-    margin: var(--spacing);
-  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -2425,9 +2422,6 @@
   .border-\[color\:var\(--surface-danger-border\)\] {
     border-color: var(--surface-danger-border);
   }
-  .border-\[var\(--accent-text\)\] {
-    border-color: var(--accent-text);
-  }
   .border-\[var\(--border-accent\)\] {
     border-color: var(--border-accent);
   }
@@ -2728,9 +2722,6 @@
       background-color: color-mix(in srgb,var(--bg-card) 94%,transparent);
     }
   }
-  .bg-\[var\(--accent-surface\)\] {
-    background-color: var(--accent-surface);
-  }
   .bg-\[var\(--accent-surface-soft\)\] {
     background-color: var(--accent-surface-soft);
   }
@@ -5645,9 +5636,6 @@
   .data-\[state\=active\]\:bg-\[var\(--ix-sel-bg\)\][data-state="active"] {
     background-color: var(--ix-sel-bg);
   }
-  .data-\[state\=active\]\:bg-background[data-state="active"] {
-    background-color: hsl(var(--background));
-  }
   .data-\[state\=active\]\:text-\[var\(--accent-text\)\][data-state="active"] {
     color: var(--accent-text);
   }
@@ -12244,9 +12232,6 @@ button.tgc-count-label {
 .fw-root .fw-link-up::before {
   right: -3.25px;
 }
-.fw-root .fw-card-anchor {
-  display: contents;
-}
 .fw-root .fw-seg-alt {
   filter: brightness(.78);
 }
@@ -12271,9 +12256,8 @@ button.tgc-count-label {
   box-shadow: 0 0 0 3px var(--fw-surface);
 }
 .fw-root .fw-card {
-  position: absolute;
-  z-index: 20;
-  width: min(320px, calc(100% - 16px));
+  position: relative;
+  width: 100%;
   max-height: min(60vh, 560px);
   overflow-y: auto;
   overscroll-behavior: contain;
@@ -12282,13 +12266,7 @@ button.tgc-count-label {
   background: var(--fw-raised);
   border: 1px solid var(--fw-border);
   box-shadow: var(--shadow-dropdown);
-  transition: left var(--motion-surface), top var(--motion-surface), opacity var(--motion-control);
-}
-.fw-root .fw-card[role="tooltip"] {
-  pointer-events: none;
-}
-.fw-root .fw-card-above .fw-card {
-  transform: translateY(-100%);
+  transition: opacity var(--motion-control);
 }
 .fw-root .fw-card-agent {
   display: flex;
@@ -14886,6 +14864,7 @@ button.tgc-count-label {
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
     --radius-full: 999px;
+    --shadow-card: 0 1px 2px hsl(var(--shadow-color) / 0.3);
   }
 }
 @layer utilities.agent-graph-base {
@@ -15078,6 +15057,9 @@ button.tgc-count-label {
     .left-3, :scope:is(.left-3) {
       left: calc(var(--spacing) * 3);
     }
+    .z-50, :scope:is(.z-50) {
+      z-index: 50;
+    }
     .container, :scope:is(.container) {
       width: 100%;
       @media (width >= 40rem) {
@@ -15156,12 +15138,21 @@ button.tgc-count-label {
     .w-8, :scope:is(.w-8) {
       width: calc(var(--spacing) * 8);
     }
+    .w-64, :scope:is(.w-64) {
+      width: calc(var(--spacing) * 64);
+    }
+    .w-72, :scope:is(.w-72) {
+      width: calc(var(--spacing) * 72);
+    }
     .w-full, :scope:is(.w-full) {
       width: 100%;
     }
     .max-w-64, :scope:is(.max-w-64) {
       max-width: calc(var(--spacing) * 64);
     }
+    .max-w-\[calc\(100vw-2rem\)\], :scope:is(.max-w-\[calc\(100vw-2rem\)\]) {
+      max-width: calc(100vw - 2rem);
+    }
     .\!min-w-0, :scope:is(.\!min-w-0) {
       min-width: 0px !important;
     }
@@ -15174,6 +15165,9 @@ button.tgc-count-label {
     .shrink-0, :scope:is(.shrink-0) {
       flex-shrink: 0;
     }
+    .origin-\(--radix-popover-content-transform-origin\), :scope:is(.origin-\(--radix-popover-content-transform-origin\)) {
+      transform-origin: var(--radix-popover-content-transform-origin);
+    }
     .-rotate-90, :scope:is(.-rotate-90) {
       rotate: calc(90deg * -1);
     }
@@ -15183,6 +15177,9 @@ button.tgc-count-label {
     .animate-\[tangle-breathe_var\(--motion-ambient\)_infinite\], :scope:is(.animate-\[tangle-breathe_var\(--motion-ambient\)_infinite\]) {
       animation: tangle-breathe var(--motion-ambient) infinite;
     }
+    .cursor-pointer, :scope:is(.cursor-pointer) {
+      cursor: pointer;
+    }
     .grid-cols-\[minmax\(0\,1fr\)_auto\],:scope:is(.grid-cols-\[minmax\(0\,1fr\)_auto\]) {
       grid-template-columns: minmax(0,1fr) auto;
     }
@@ -15314,6 +15311,9 @@ button.tgc-count-label {
     .pt-3, :scope:is(.pt-3) {
       padding-top: calc(var(--spacing) * 3);
     }
+    .pb-2, :scope:is(.pb-2) {
+      padding-bottom: calc(var(--spacing) * 2);
+    }
     .text-center, :scope:is(.text-center) {
       text-align: center;
     }
@@ -15345,6 +15345,10 @@ button.tgc-count-label {
       --tw-leading: 18px;
       line-height: 18px;
     }
+    .leading-none, :scope:is(.leading-none) {
+      --tw-leading: 1;
+      line-height: 1;
+    }
     .font-medium, :scope:is(.font-medium) {
       --tw-font-weight: var(--font-weight-medium);
       font-weight: var(--font-weight-medium);
@@ -15382,9 +15386,20 @@ button.tgc-count-label {
       --tw-numeric-spacing: tabular-nums;
       font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
     }
+    .underline-offset-4, :scope:is(.underline-offset-4) {
+      text-underline-offset: 4px;
+    }
     .opacity-0, :scope:is(.opacity-0) {
       opacity: 0%;
     }
+    .shadow, :scope:is(.shadow) {
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    .shadow-\[var\(--shadow-card\)\], :scope:is(.shadow-\[var\(--shadow-card\)\]) {
+      --tw-shadow: var(--shadow-card);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
     .shadow-sm, :scope:is(.shadow-sm) {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -15393,6 +15408,18 @@ button.tgc-count-label {
       --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
+    .outline-hidden, :scope:is(.outline-hidden) {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+    .blur, :scope:is(.blur) {
+      --tw-blur: blur(8px);
+      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+    }
     .grayscale, :scope:is(.grayscale) {
       --tw-grayscale: grayscale(100%);
       filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -15419,6 +15446,9 @@ button.tgc-count-label {
       .hover\:text-foreground:hover, :scope:is(.hover\:text-foreground:hover) {
         color: hsl(var(--foreground));
       }
+      .hover\:underline:hover, :scope:is(.hover\:underline:hover) {
+        text-decoration-line: underline;
+      }
       .hover\:grayscale-0:hover, :scope:is(.hover\:grayscale-0:hover) {
         --tw-grayscale: grayscale(0%);
         filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -15434,7 +15464,22 @@ button.tgc-count-label {
     .aria-pressed\:bg-muted[aria-pressed="true"], :scope:is(.aria-pressed\:bg-muted[aria-pressed="true"]) {
       background-color: hsl(var(--muted));
     }
+    .data-\[state\=closed\]\:\[animation\:tangle-surface-absent_var\(--motion-dismiss\)_both\][data-state="closed"], :scope:is(.data-\[state\=closed\]\:\[animation\:tangle-surface-absent_var\(--motion-dismiss\)_both\][data-state="closed"]) {
+      animation: tangle-surface-absent var(--motion-dismiss) both;
+    }
+    .data-\[state\=delayed-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="delayed-open"], :scope:is(.data-\[state\=delayed-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="delayed-open"]) {
+      animation: tangle-surface-present var(--motion-surface) both;
+    }
+    .data-\[state\=instant-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="instant-open"], :scope:is(.data-\[state\=instant-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="instant-open"]) {
+      animation: tangle-surface-present var(--motion-surface) both;
+    }
+    .data-\[state\=open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="open"], :scope:is(.data-\[state\=open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="open"]) {
+      animation: tangle-surface-present var(--motion-surface) both;
+    }
     @media (prefers-reduced-motion: reduce) {
+      .motion-reduce\:animate-none\!, :scope:is(.motion-reduce\:animate-none\!) {
+        animation: none !important;
+      }
       .motion-reduce\:transition-none, :scope:is(.motion-reduce\:transition-none) {
         transition-property: none;
       }
@@ -16517,6 +16562,22 @@ svg.react-flow__connectionline {
     transform: none;
   }
 }
+@keyframes tangle-surface-present {
+  from {
+    --tangle-presence: 0;
+  }
+  to {
+    --tangle-presence: 1;
+  }
+}
+@keyframes tangle-surface-absent {
+  from {
+    --tangle-presence: 1;
+  }
+  to {
+    --tangle-presence: 0;
+  }
+}
 .record-conversation {
   height: 29rem;
   overflow: auto;
@@ -17142,5 +17203,5 @@ svg.react-flow__connectionline {
   }
 }
 
-.fw-root{--fw-text:var(--text-primary);--fw-muted:var(--text-muted);--fw-surface:var(--bg-card);--fw-raised:var(--bg-elevated);--fw-border:var(--border-color,hsl(var(--hsl-border)));--fw-grid:var(--chart-grid);--fw-guide:var(--chart-rule);--fw-well:var(--well-card);--fw-hover:var(--bg-hover);--fw-accent:var(--accent-text);--fw-failed:var(--surface-danger-text);--fw-ok:var(--surface-success-text);--fw-amber:var(--surface-warning-text);--fw-live:var(--fw-accent);--fw-kind-model:var(--lightningcss-light,oklch(from var(--chart-accent) .5 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--chart-accent) .72 min(c, .1) h));--fw-kind-tool:var(--lightningcss-light,oklch(from var(--tone-cyan-icon) .8 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--tone-cyan-icon) .46 min(c, .1) h));--fw-neutral-bar:color-mix(in oklab, var(--fw-text) 15%, var(--fw-surface));--fw-hatch:color-mix(in oklab, var(--fw-text) 22%, transparent);--fw-h0:var(--chart-muted);--fw-h1:var(--lightningcss-light,oklch(from var(--tone-blue-icon) .58 .11 calc(h + 39)))var(--lightningcss-dark,oklch(from var(--tone-blue-icon) .67 .11 calc(h + 39)));--fw-h2:var(--lightningcss-light,oklch(from var(--tone-violet-icon) .55 .11 h))var(--lightningcss-dark,oklch(from var(--tone-violet-icon) .7 .11 h));--fw-h3:var(--lightningcss-light,oklch(from var(--tone-pink-icon) .55 .11 h))var(--lightningcss-dark,oklch(from var(--tone-pink-icon) .67 .11 calc(h - 16)));--fw-h4:var(--lightningcss-light,oklch(from var(--tone-cyan-icon) .578 .11 calc(h - 22.894)))var(--lightningcss-dark,oklch(from var(--tone-cyan-icon) .67 .11 calc(h - 26.148)));--fw-h5:var(--lightningcss-light,oklch(from var(--tone-blue-icon) .58 .11 calc(h + 37.6)))var(--lightningcss-dark,oklch(from var(--tone-blue-icon) .67 .11 calc(h + 29.5)));--fw-ease:var(--ease-standard);--fw-bar-h:20px;--fw-label-col:min(var(--fw-name-w), 42%);--fw-bar-shift:0px;min-width:0;color:var(--fw-text);background:var(--fw-surface);border:1px solid var(--fw-border);border-radius:var(--radius-container);font-family:var(--font-sans);font-feature-settings:"cv11" 1;-webkit-font-smoothing:antialiased;font-size:14px;line-height:20px;position:relative;container:flow-waterfall/inline-size}.fw-root-agents{--fw-bar-h:24px;--fw-label-col:min(var(--fw-name-w), 28%)}.fw-root *,.fw-root :before,.fw-root :after{box-sizing:border-box}.fw-root :is(p,dl,dd,h3,ul){margin:0;padding:0}.fw-root :is(button,input,select){font:inherit;color:inherit}.fw-root :is(button,input,select,[tabindex]):focus-visible{outline:2px solid var(--fw-accent);outline-offset:1px}.fw-root :is(button,select):disabled{opacity:.45;cursor:default}.fw-root [data-tone="0"]{--tone:var(--fw-h0)}.fw-root [data-tone="1"]{--tone:var(--fw-h1)}.fw-root [data-tone="2"]{--tone:var(--fw-h2)}.fw-root [data-tone="3"]{--tone:var(--fw-h3)}.fw-root [data-tone="4"]{--tone:var(--fw-h4)}.fw-root [data-tone="5"]{--tone:var(--fw-h5)}.fw-root [data-tone],.fw-root .fw-kinds{--fill:var(--lightningcss-light,var(--tone))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 94%, var(--bg-root)));--line:var(--tone);--model-fill:var(--lightningcss-light,oklch(from var(--tone,var(--fw-h0)) .5 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--tone,var(--fw-h0)) .72 min(c, .1) h));--tool-fill:var(--lightningcss-light,oklch(from var(--tone,var(--fw-h0)) .8 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--tone,var(--fw-h0)) .46 min(c, .1) h));--dim:var(--lightningcss-light,color-mix(in oklab, var(--tone) 62%, var(--fw-surface)))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 40%, var(--fw-surface)));--dim-line:var(--lightningcss-light,color-mix(in oklab, var(--tone) 70%, var(--fw-surface)))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 55%, var(--fw-surface)))}.fw-root .fw-heading{border-bottom:1px solid var(--fw-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.fw-root .fw-title-block{flex:1;gap:4px;min-width:0;display:grid}.fw-root .fw-title-line{align-items:center;gap:8px;min-width:0;display:flex}.fw-root .fw-title-glyph{color:var(--fw-accent);display:inline-flex}.fw-root .fw-title{letter-spacing:-.005em;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px}.fw-root .fw-state{border-radius:var(--radius-pill);height:20px;color:var(--fw-muted);background:var(--fw-well);flex-shrink:0;align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}.fw-root .fw-state:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.fw-root .fw-state-live{color:var(--fw-live);background:color-mix(in oklab, var(--fw-live) 12%, transparent)}.fw-root .fw-state-live:before{animation:tangle-breathe var(--motion-ambient) infinite}.fw-root .fw-headline{color:var(--fw-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.fw-root .fw-headline:before{content:"·";margin-right:8px}.fw-root .fw-tools{align-items:center;gap:8px;display:flex}.fw-root .fw-views{border-radius:var(--radius-control);background:var(--fw-well);border:1px solid var(--fw-border);padding:4px;display:inline-flex}.fw-root .fw-view-button{appearance:none;border-radius:var(--radius-tag);height:24px;color:var(--fw-muted);cursor:pointer;transition:background-color var(--motion-control), color var(--motion-control);background:0 0;border:0;padding:0 12px;font-size:14px}.fw-root .fw-view-button[aria-checked=true]{opacity:1;cursor:default;background:var(--fw-surface);color:var(--fw-text);box-shadow:var(--shadow-card), 0 0 0 1px var(--fw-border)}.fw-root .fw-search{align-items:center;display:flex;position:relative}.fw-root .fw-search-glyph{color:var(--fw-muted);pointer-events:none;display:inline-flex;position:absolute;left:8px}.fw-root .fw-search-input{appearance:none;border:1px solid var(--fw-border);border-radius:var(--radius-control);background:var(--fw-well);width:200px;height:32px;padding:0 12px 0 28px;font-size:14px}.fw-root .fw-search-input::placeholder{color:var(--fw-muted)}.fw-root .fw-search-input::-webkit-search-cancel-button{display:none}.fw-root .fw-summary{border-bottom:1px solid var(--fw-border);flex-wrap:wrap;align-items:center;display:flex}.fw-root .fw-summary>div{min-width:0;padding:12px 16px}.fw-root .fw-summary>div:nth-child(-n+2){flex:1}.fw-root .fw-summary>div:nth-child(n+3){color:var(--fw-muted);align-items:baseline;gap:4px;padding:8px 6px;display:flex}.fw-root .fw-summary dt{color:var(--fw-muted);font-size:14px;line-height:20px}.fw-root .fw-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:28px;font-weight:600;line-height:34px;overflow:hidden}.fw-root .fw-summary>div:nth-child(n+3) .fw-value{letter-spacing:normal;margin:0;font-size:14px;font-weight:500;line-height:20px}.fw-root .fw-has-errors .fw-value{color:var(--fw-failed)}.fw-root .fw-axis{grid-template-columns:var(--fw-label-col) minmax(0, 1fr);height:32px;color:var(--fw-muted);font-size:14px;display:grid}.fw-root .fw-axis-top{border-bottom:1px solid var(--fw-border)}.fw-root .fw-axis-label{border-right:1px solid var(--fw-border);align-items:center;gap:8px;min-width:0;padding:0 12px 0 16px;display:flex;position:relative}.fw-root .fw-branch-controls{gap:4px;margin-left:auto;display:flex}.fw-root .fw-text-button{appearance:none;border-radius:var(--radius-tag);height:24px;color:var(--fw-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 8px;font-size:14px}.fw-root .fw-text-button:hover{background:var(--fw-hover);color:var(--fw-text)}.fw-root .fw-resize{cursor:col-resize;z-index:2;width:8px;height:100%;position:absolute;top:0;right:-4px}.fw-root .fw-resize:hover,.fw-root .fw-resize:focus-visible{background:linear-gradient(90deg, transparent 3px, var(--fw-accent) 3px 5px, transparent 5px);outline:0}.fw-root .fw-axis-track{cursor:ew-resize;touch-action:none;position:relative;overflow:hidden}.fw-root .fw-tick{top:50%;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:16px;position:absolute;transform:translate(4px,-50%)}.fw-root .fw-cursor-handle{background:var(--fw-text);width:9px;height:9px;box-shadow:0 0 0 2px var(--fw-surface);left:calc(var(--fw-pad) + (var(--fw-t) - var(--fw-v0)) * var(--fw-k) * 1px - 4.5px);z-index:3;border-radius:50%;position:absolute;bottom:-5px}.fw-root .fw-viewport{position:relative}.fw-root .fw-scroller{overscroll-behavior:contain;scrollbar-width:thin;outline:0;position:relative;overflow:hidden auto}.fw-root .fw-canvas{position:relative}.fw-root .fw-gridlayer,.fw-root .fw-cursor-layer{top:0;bottom:0;left:var(--fw-label-col);pointer-events:none;position:absolute;right:0;overflow:hidden}.fw-root .fw-gridline{background:var(--fw-grid);width:1px;top:0;bottom:0;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-cursor-layer{z-index:3}.fw-root .fw-marker-layer{top:0;bottom:0;left:var(--fw-label-col);pointer-events:none;z-index:2;position:absolute;right:0;overflow:hidden}.fw-root .fw-marker{--fw-marker:var(--fw-muted);width:0;top:0;bottom:0;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-marker-line{--fw-marker:var(--fw-muted);opacity:.4;border-left:1px dashed var(--fw-marker);top:0;bottom:0;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-marker-line[data-tone=ok]{--fw-marker:var(--fw-ok)}.fw-root .fw-marker-line[data-tone=failed]{--fw-marker:var(--fw-failed)}.fw-root .fw-marker[data-tone=ok]{--fw-marker:var(--fw-ok)}.fw-root .fw-marker[data-tone=failed]{--fw-marker:var(--fw-failed)}.fw-root :is(.fw-pause,.fw-pause-mark){left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);width:calc(max(0, var(--e) - var(--s)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-pause{background:color-mix(in oklab, var(--fw-text) 4%, transparent);border-inline:1px dashed color-mix(in oklab, var(--fw-text) 18%, transparent);top:0;bottom:0}.fw-root .fw-pause-mark{cursor:help;background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 4px);height:6px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 18%, transparent);border-radius:2px;bottom:3px}.fw-root .fw-marker-label{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-tag);max-width:160px;color:var(--fw-marker);background:var(--fw-surface);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-marker) 40%, transparent);padding:0 4px;font-size:14px;line-height:18px;position:absolute;top:2px;left:3px;overflow:hidden}.fw-root .fw-marker-label-left{left:auto;right:3px}.fw-root .fw-marker[data-tone=warn],.fw-root .fw-event[data-tone=warn]{--fw-marker:var(--fw-amber)}.fw-root .fw-event{--fw-marker:var(--fw-muted);background:var(--fw-marker);width:8px;height:8px;box-shadow:0 0 0 2px var(--fw-surface);cursor:pointer;z-index:4;bottom:2px;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);border:0;border-radius:50%;margin-left:-4px;padding:0;position:absolute}.fw-root .fw-event[data-tone=ok]{--fw-marker:var(--fw-ok)}.fw-root .fw-event[aria-pressed=true]{box-shadow:0 0 0 2px var(--fw-surface), 0 0 0 4px var(--fw-marker)}.fw-root .fw-event-label{z-index:5;bottom:14px;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);border-radius:var(--radius-tag);background:var(--fw-surface);box-shadow:inset 0 0 0 1px var(--fw-border);color:var(--fw-text);white-space:nowrap;pointer-events:none;padding:0 8px;font-size:14px;line-height:20px;position:absolute;transform:translate(-50%)}.fw-root .fw-event[data-tone=failed]{--fw-marker:var(--fw-failed)}.fw-root .fw-event:hover,.fw-root .fw-event:focus-visible{outline:0;transform:scale(1.4)}.fw-root .fw-cursor{background:color-mix(in oklab, var(--fw-text) 70%, transparent);width:1px;top:0;bottom:0;left:calc(var(--fw-pad) + (var(--fw-t) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-empty{text-align:center;color:var(--fw-muted);padding:40px 16px}.fw-root .fw-sticky{z-index:2;background:var(--fw-surface);box-shadow:0 1px 0 var(--fw-border), var(--shadow-card);position:absolute;top:0;left:0;right:0}.fw-root .fw-row{transform:translateY(var(--row-y));height:var(--fw-row-h);grid-template-columns:var(--fw-label-col) minmax(0, 1fr);contain:layout style;background:var(--fw-tint,transparent);outline:0;display:grid;position:absolute;top:0;left:0;right:0}.fw-root .fw-row:hover{--fw-tint:var(--fw-hover)}.fw-root .fw-row.fw-active{--fw-tint:color-mix(in oklab, var(--fw-accent) 7%, transparent)}.fw-root .fw-row[aria-selected=true]{--fw-tint:var(--ix-sel-bg)}.fw-root-agents[data-selection] .fw-row[aria-selected=true]{box-shadow:inset 3px 0 0 var(--fw-accent)}.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]){--fw-recede:.4}.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]):hover{--fw-recede:.8}.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]) .fw-span-name{color:var(--fw-muted)}.fw-root .fw-row:focus-visible{box-shadow:inset 2px 0 0 var(--fw-accent)}.fw-root .fw-sticky-row{background:var(--fw-surface)}.fw-root .fw-label{min-width:0;padding:0 12px 0 calc(12px + var(--depth) * 16px);border-right:1px solid var(--fw-border);align-items:center;gap:8px;display:flex;position:relative}.fw-root .fw-guides{width:calc(var(--depth) * 16px);background:repeating-linear-gradient(90deg, var(--fw-guide) 0 1px, transparent 1px 16px);position:absolute;top:0;bottom:0;left:20px}.fw-root .fw-toggle,.fw-root .fw-toggle-space{flex:0 0 16px;width:16px;height:16px}.fw-root .fw-toggle{appearance:none;pointer-events:auto;border-radius:var(--radius-tag);color:var(--fw-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.fw-root .fw-toggle svg{width:12px;height:12px;transition:transform var(--motion-control)}.fw-root .fw-toggle.fw-open svg{transform:rotate(90deg)}.fw-root .fw-toggle:hover{background:var(--fw-hover);color:var(--fw-text)}.fw-root .fw-icon-tile{border-radius:var(--radius-tag);border:1px solid var(--fw-border);background:var(--fw-surface);width:20px;height:20px;color:var(--line,var(--fw-muted));flex:0 0 20px;place-items:center;display:grid}.fw-root .fw-icon-tile :is(svg,img){width:13px;height:13px}.fw-root .fw-row .fw-names{font-size:14px}.fw-root .fw-names{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.fw-root .fw-span-name{flex-shrink:0;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.fw-root .fw-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fw-root .fw-strong{font-weight:600}.fw-root .fw-detail-icon{display:inline-flex}.fw-root .fw-detail-icon :is(svg,img){width:12px;height:12px}.fw-root .fw-count{border-radius:var(--radius-pill);background:var(--fw-well);border:1px solid var(--fw-border);height:18px;color:var(--fw-muted);font-variant-numeric:tabular-nums;flex-shrink:0;padding:0 8px;font-size:14px;line-height:18px}.fw-root .fw-alert{color:var(--fw-failed);flex-shrink:0;display:inline-flex}.fw-root .fw-alert svg{width:13px;height:13px}.fw-root .fw-spinner{background:var(--fw-live);width:6px;height:6px;animation:tangle-breathe var(--motion-ambient) infinite;border-radius:50%;flex-shrink:0}.fw-root .fw-view-agents .fw-label{border-right:0;gap:12px;padding-left:16px}.fw-root .fw-view-agents .fw-names{flex-direction:column;align-items:flex-start;gap:0}.fw-root .fw-view-agents .fw-span-name{font-weight:600;line-height:18px}.fw-root .fw-view-agents .fw-subtitle{min-width:0;max-width:100%;height:18px;color:var(--fw-muted);align-items:center;column-gap:4px;font-size:14px;line-height:18px;display:flex;overflow:hidden}.fw-root .fw-view-agents .fw-subtitle-extra{white-space:nowrap;flex:none}.fw-root .fw-view-agents .fw-subtitle-tail{flex-wrap:wrap;flex:0 auto;column-gap:4px;min-width:0;height:18px;display:flex;overflow:hidden}.fw-root .fw-view-agents .fw-subtitle-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fw-root .fw-view-agents .fw-detail-icon{flex:none;justify-content:center;align-items:center;width:16px;height:16px;overflow:hidden}.fw-root .fw-agent-dot{background:var(--tone,var(--fw-muted));border-radius:50%;flex:0 0 8px;width:8px;height:8px}.fw-root .fw-agent-dot:not([data-outcome]){box-shadow:inset 0 0 0 1.5px var(--fw-muted);background:0 0}.fw-root :is(.fw-agent-dot,.fw-legend .fw-swatch)[data-ring]{box-shadow:inset 0 0 0 1.5px var(--tone,var(--fw-muted));background:0 0}.fw-root .fw-agent-dot[data-outcome=live]:not([data-ring]){animation:tangle-breathe var(--motion-ambient) infinite}.fw-root .fw-lane{min-width:0;position:relative;overflow:hidden}.fw-root .fw-invalid{left:var(--fw-pad);color:var(--fw-muted);position:absolute;top:50%;transform:translateY(-50%)}.fw-root :is(.fw-bar,.fw-seg,.fw-end,.fw-mark){--x0:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);--w:calc(max(0, min(var(--e), var(--fw-t)) - var(--s)) * var(--fw-k) * 1px);--on:clamp(0, (var(--fw-t) - var(--s)) * 1000, 1);top:50%;left:var(--x0);opacity:var(--on);position:absolute}.fw-root :is(.fw-bar,.fw-seg,.fw-mark){opacity:calc(var(--on) * var(--fw-recede,1));transition:opacity var(--motion-control)}.fw-root .fw-row{transition:transform var(--motion-surface)}.fw-root .fw-enter>[role=gridcell]{transition:opacity var(--motion-arrive);transition-delay:var(--fw-enter-delay)}.fw-root .fw-enter :is(.fw-bar,.fw-seg){transition:clip-path var(--motion-grow,var(--motion-stream));transition-delay:var(--fw-enter-delay);clip-path:inset(0)}@starting-style{.fw-root .fw-enter>[role=gridcell]{opacity:0}.fw-root .fw-enter :is(.fw-bar,.fw-seg){clip-path:inset(0 100% 0 0)}}.fw-root[data-follow-live] .fw-row[data-running] .fw-bar{--on:1}.fw-root[data-follow-live] :is(.fw-seg,.fw-mark),.fw-root[data-follow-live] .fw-row:not([data-running]) .fw-bar{--fw-t:calc(var(--e) + 1)}.fw-root .fw-row[data-critical] .fw-bar{box-shadow:inset 0 -2px 0 var(--fw-accent)}.fw-root .fw-row[data-search=context] .fw-label{color:var(--fw-muted)}.fw-root .fw-row[data-search=match] .fw-name-text{font-weight:600}.fw-root .fw-mark{z-index:2;left:calc(var(--x0) - 1px);width:2px;top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2 - 4px);height:calc(var(--fw-bar-h) + 8px);background:var(--fw-failed);box-shadow:0 0 0 1px var(--fw-surface);pointer-events:auto;border-radius:2px;position:absolute}.fw-root :is(.fw-bar,.fw-seg){top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2);height:var(--fw-bar-h);width:max(var(--w), calc(var(--on) * 3px));border-radius:var(--radius-tag);cursor:pointer;justify-content:center;align-items:center;display:flex;overflow:hidden}.fw-root .fw-bar{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line)}.fw-root :is(.fw-bar,.fw-seg):hover{filter:brightness(1.18);box-shadow:inset 0 0 0 1px var(--line), 0 0 0 2px color-mix(in oklab, var(--line) 55%, transparent);z-index:1}.fw-root .fw-bar.fw-k-tool{background:var(--dim);box-shadow:inset 0 0 0 1px var(--dim-line)}.fw-root .fw-bar.fw-k-handoff{background:var(--line);height:8px;top:calc(50% + var(--fw-bar-shift) - 4px);box-shadow:none}.fw-root .fw-bar.fw-k-waiting,.fw-root .fw-kinds .fw-swatch-wait{background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px);box-shadow:inset 0 0 0 1px var(--fw-hatch)}.fw-root .fw-bar.fw-k-failed{background:color-mix(in oklab, var(--fw-failed) 22%, var(--fw-surface));box-shadow:inset 0 0 0 1px var(--fw-failed);color:var(--fw-failed)}.fw-root .fw-bar.fw-k-pipeline{background:linear-gradient(90deg, var(--fw-neutral-bar), color-mix(in oklab, var(--fw-neutral-bar) 55%, var(--fw-surface)));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 12%, transparent)}.fw-root .fw-bar.fw-k-pipeline.fw-has-marks{background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px);box-shadow:inset 0 0 0 1px var(--fw-hatch)}.fw-root .fw-bar.fw-k-pipeline.fw-has-agents{background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px), color-mix(in oklab, var(--fw-text) 4%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 12%, transparent)}.fw-root .fw-view-agents .fw-bar.fw-k-pipeline:not(.fw-has-marks,.fw-has-agents){background:color-mix(in oklab, var(--tone) 30%, var(--fw-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 55%, transparent)}.fw-root.fw-fill-outcome .fw-view-agents .fw-row[data-span-id^=family\:]:not([data-outcome]),.fw-root.fw-fill-outcome .fw-view-agents .fw-row[data-span-id^=family\:]:not([data-outcome]) [data-tone],.fw-root.fw-fill-muted .fw-view-agents [data-tone]{--tone:var(--fw-h0)}.fw-root [data-outcome=ok]{--outcome-tone:var(--fw-ok)}.fw-root [data-outcome=failed]{--outcome-tone:var(--fw-failed)}.fw-root [data-outcome=warn]{--outcome-tone:var(--fw-amber)}.fw-root [data-outcome=live]{--outcome-tone:var(--fw-live)}.fw-root [data-outcome=neutral]{--outcome-tone:var(--fw-muted)}.fw-root [data-outcome],.fw-root [data-outcome] [data-tone],.fw-root.fw-root .fw-agent-dot[data-outcome]{--tone:var(--outcome-tone)}.fw-root .fw-legend{color:var(--fw-muted);flex-wrap:nowrap;gap:4px 16px;margin:8px 0 0;padding:0;font-size:14px;line-height:18px;list-style:none;display:flex}.fw-root .fw-legend li{white-space:nowrap;flex:none;align-items:center;gap:8px;display:inline-flex}.fw-root .fw-legends{align-items:center;gap:24px;min-width:0;max-width:100%;margin-top:8px;display:flex;overflow-x:auto}.fw-root .fw-legends .fw-legend{flex:none;margin:0}.fw-root .fw-kinds{color:var(--fw-muted);justify-content:flex-start;margin:0;padding:0}.fw-root .fw-kinds .fw-swatch-model{background:var(--fw-kind-model);border-radius:2px;width:12px;height:8px}.fw-root.fw-fill-agent .fw-kinds .fw-swatch-model{background:var(--model-fill)}.fw-root.fw-fill-agent .fw-kinds .fw-swatch-tool{background:var(--tool-fill)}.fw-root .fw-kinds .fw-swatch-tool{background:var(--fw-kind-tool);border-radius:2px;width:12px;height:8px}.fw-root .fw-kinds .fw-swatch-wait{border-radius:2px;width:12px;height:8px}.fw-root .fw-kinds .fw-swatch-event{background:var(--fw-muted);width:8px;height:8px;box-shadow:0 0 0 2px var(--fw-surface);border-radius:50%}.fw-root .fw-kinds .fw-swatch-handoff{border-left:1.5px solid var(--fw-muted);border-bottom:1.5px solid var(--fw-muted);border-bottom-left-radius:3px;width:10px;height:8px}.fw-root .fw-description{color:var(--fw-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;line-height:20px;overflow:hidden}.fw-root .fw-legend .fw-swatch{background:var(--line);border-radius:50%;width:8px;height:8px}.fw-root .fw-legend b{color:var(--fw-text);font-variant-numeric:tabular-nums;font-weight:600}.fw-root .fw-legend .fw-swatch-step{background:var(--fw-well);width:12px;height:12px;color:var(--fw-failed);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 50%, transparent);border-radius:3px;place-items:center;display:inline-grid}.fw-root .fw-legend .fw-swatch-step svg{width:8px;height:8px}.fw-root .fw-bar.fw-approx{opacity:calc(var(--on) * .7 * var(--fw-recede,1))}.fw-root .fw-seg{width:max(calc(var(--w) - 2px), calc(var(--on) * 3px));pointer-events:none}.fw-root .fw-view-agents .fw-seg{pointer-events:auto}.fw-root .fw-seg-model{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line)}.fw-root .fw-seg-tool{background:var(--dim);box-shadow:inset 0 0 0 1px var(--dim-line)}.fw-root:is(.fw-fill-muted,.fw-fill-outcome) .fw-view-agents .fw-seg-model{background:var(--fw-kind-model);box-shadow:none}.fw-root:is(.fw-fill-muted,.fw-fill-outcome) .fw-view-agents .fw-seg-tool{background:var(--fw-kind-tool);box-shadow:none}.fw-root.fw-fill-agent .fw-view-agents .fw-seg-model{background:var(--model-fill);box-shadow:none}.fw-root.fw-fill-agent .fw-view-agents :is(.fw-seg-tool,.fw-seg-failed){background:var(--tool-fill);box-shadow:none}.fw-root.fw-fill-agent .fw-view-agents .fw-seg-failed{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 55%, transparent)}.fw-root .fw-view-agents .fw-seg{white-space:nowrap;color:var(--fw-seg-ink);justify-content:flex-start;font-size:14px;line-height:18px;container-type:inline-size}.fw-root .fw-view-agents .fw-seg-model{--fw-seg-ink:var(--lightningcss-light,var(--fw-surface))var(--lightningcss-dark,var(--bg-root))}.fw-root .fw-view-agents :is(.fw-seg-tool,.fw-seg-failed){--fw-seg-ink:var(--fw-text)}.fw-root .fw-view-agents .fw-seg>*{pointer-events:none}.fw-root .fw-seg-label{flex-wrap:wrap;flex:1;align-items:center;column-gap:4px;min-width:0;height:16px;margin:0 6px;display:flex;overflow:hidden}.fw-root .fw-seg-label>*{flex:none;align-items:center;height:16px;display:inline-flex}.fw-root .fw-seg-icon svg{stroke-width:1.75px;width:12px;height:12px}.fw-root .fw-seg-name{font-weight:600}.fw-root .fw-seg-chip{border-radius:var(--radius-pill);background:color-mix(in oklab, currentColor 18%, transparent);font-variant-numeric:tabular-nums;padding:0 4px;font-weight:600}.fw-root .fw-seg-meta{font-variant-numeric:tabular-nums}@container (width<=24px){.fw-root .fw-seg-label{display:none}}@container (width<=5px){.fw-root .fw-view-agents .fw-seg .fw-glyph{display:none}}.fw-root .fw-view-agents .fw-seg .fw-glyph{background:var(--fw-failed);width:min(14px,100%);height:14px;color:var(--lightningcss-light,var(--fw-surface))var(--lightningcss-dark,var(--bg-root));border-radius:50%;flex:none;place-items:center;margin-left:0;display:grid}.fw-root .fw-view-agents .fw-seg .fw-glyph[data-glyph=retry]{background:var(--fw-muted)}.fw-root .fw-view-agents .fw-seg .fw-glyph svg{stroke-width:2.5px;width:min(9px,100%);height:9px}.fw-root .fw-seg-failed{background:color-mix(in oklab, var(--fw-failed) 18%, var(--fw-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 70%, transparent);color:var(--fw-failed)}.fw-root .fw-view-agents .fw-seg-failed{background:var(--tool-fill);box-shadow:inset 0 0 0 1px var(--dim-line)}.fw-root .fw-glyph{color:currentColor;display:inline-flex}.fw-root .fw-glyph svg{stroke-width:2px;width:11px;height:11px}.fw-root .fw-seg-model .fw-glyph,.fw-root .fw-k-model .fw-glyph{color:var(--lightningcss-light,var(--tone))var(--lightningcss-dark,var(--fw-text))}.fw-root .fw-end{z-index:2;top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2);height:var(--fw-bar-h);left:min(calc(var(--x0) + max(var(--w), 3px) + 4px), calc(100% - var(--fw-end-w,0px) - 4px));border-radius:var(--radius-tag);background:linear-gradient(var(--fw-tint,transparent) 0 0), var(--fw-surface);white-space:nowrap;pointer-events:none;align-items:center;gap:8px;padding:0 4px;display:inline-flex}.fw-root .fw-outcome-end{pointer-events:auto;display:inline-flex}.fw-root .fw-duration{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fw-muted);font-variant-numeric:tabular-nums;font-size:14px;overflow:hidden}.fw-root .fw-k-failed~.fw-end .fw-duration{color:var(--fw-failed)}.fw-root .fw-badge{border-radius:var(--radius-pill);height:18px;color:var(--fw-muted);box-shadow:inset 0 0 0 1px var(--fw-border);background:0 0;flex:none;padding:0 6px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.fw-root .fw-links{top:0;bottom:0;left:var(--fw-label-col);pointer-events:none;z-index:0;position:absolute;right:0;overflow:hidden}.fw-root .fw-link{--x:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);border:0 solid var(--line);width:12px;translate:0 var(--fw-bar-shift);opacity:clamp(0, (var(--fw-t) - var(--s)) * 1000, 1);border-bottom-width:1.5px;position:absolute}.fw-root .fw-view-spans .fw-link{opacity:calc(clamp(0, (var(--fw-t) - var(--s)) * 1000, 1) * .7)}.fw-root .fw-view-agents .fw-link:not(.fw-link-hot){opacity:calc(clamp(0, (var(--fw-t) - var(--s)) * 1000, 1) * .8)}.fw-root .fw-link{transition:opacity var(--motion-control)}.fw-root .fw-link-down{left:calc(var(--x) - 12px);border-left-width:1.5px;border-bottom-left-radius:12px}.fw-root .fw-link-up{left:var(--x);border-right-width:1.5px;border-bottom-right-radius:12px}.fw-root .fw-link:before{content:"";background:var(--line);width:5px;height:5px;box-shadow:0 0 0 1.5px var(--fw-surface);border-radius:50%;position:absolute;top:-3.5px}.fw-root .fw-link-down:before{left:-3.25px}.fw-root .fw-link-up:before{right:-3.25px}.fw-root .fw-card-anchor{display:contents}.fw-root .fw-seg-alt{filter:brightness(.78)}.fw-root.fw-root-agents .fw-slider{background:linear-gradient(90deg, color-mix(in oklab, var(--fw-text) 32%, transparent) var(--fw-progress), var(--fw-well) var(--fw-progress)) 0 50% / 100% 4px no-repeat}.fw-root.fw-root-agents .fw-slider::-webkit-slider-thumb{background:var(--fw-text);width:14px;height:14px;box-shadow:0 0 0 3px var(--fw-surface);border-radius:50%}.fw-root.fw-root-agents .fw-slider::-moz-range-thumb{background:var(--fw-text);width:14px;height:14px;box-shadow:0 0 0 3px var(--fw-surface);border-radius:50%}.fw-root .fw-card{z-index:20;overscroll-behavior:contain;border-radius:var(--radius-card);background:var(--fw-raised);border:1px solid var(--fw-border);width:min(320px,100% - 16px);max-height:min(60vh,560px);box-shadow:var(--shadow-dropdown);transition:left var(--motion-surface), top var(--motion-surface), opacity var(--motion-control);padding:12px;position:absolute;overflow-y:auto}.fw-root .fw-card[role=tooltip]{pointer-events:none}.fw-root .fw-card-above .fw-card{transform:translateY(-100%)}.fw-root .fw-card-agent{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.fw-root .fw-card-agent .fw-agent-dot{align-self:center}.fw-root .fw-card-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.fw-root .fw-card-head .fw-icon-tile{border-radius:var(--radius-control);flex-basis:28px;width:28px;height:28px}.fw-root .fw-card-head .fw-icon-tile :is(svg,img){width:16px;height:16px}.fw-root .fw-card-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px;font-weight:600;line-height:20px}.fw-root .fw-pill{border-radius:var(--radius-pill);height:20px;color:var(--fw-status);background:color-mix(in oklab, var(--fw-status) 13%, transparent);flex-shrink:0;padding:0 8px;font-size:14px;font-weight:600;line-height:20px}.fw-root .fw-icon-button{appearance:none;border-radius:var(--radius-control);width:28px;height:28px;color:var(--fw-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.fw-root .fw-icon-button:hover:not(:disabled){background:var(--fw-hover);color:var(--fw-text)}.fw-root .fw-card-close{width:20px;height:20px;margin-right:-4px}.fw-root .fw-card-table{overflow-wrap:anywhere;border-top:1px solid var(--fw-border);grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:6px 16px;padding-top:8px;font-size:14px;line-height:18px;display:grid}.fw-root .fw-card-table>div{display:contents}.fw-root .fw-card-table dt,.fw-root .fw-card-label{color:var(--fw-muted);font-size:14px;line-height:18px}.fw-root .fw-card-table dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;font-weight:500}.fw-root .fw-card-parts{flex-wrap:wrap;column-gap:4px;display:flex}.fw-root .fw-card-parts>*{white-space:nowrap}.fw-root .fw-card-parts:not(.fw-card-stack)>*+:before{content:"· ";color:var(--fw-muted)}.fw-root .fw-card-stack{flex-direction:column}.fw-root .fw-card-tools{color:var(--fw-muted);grid-template-columns:minmax(0,max-content) max-content;justify-content:start;column-gap:16px;margin-top:4px;font-weight:400;display:grid}.fw-root .fw-card-tools>span{display:contents}.fw-root .fw-card-tools>span>:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fw-root .fw-card-tools>span>:last-child{text-align:right}.fw-root .fw-card-text{margin-top:12px}.fw-root .fw-card-compact .fw-card-agent{font-size:14px;line-height:20px}.fw-root .fw-card-who{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.fw-root .fw-pill-outcome{color:var(--line);background:color-mix(in oklab, var(--tone) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 35%, transparent)}.fw-root .fw-card-step{border-top:1px solid var(--fw-border);color:var(--fw-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:8px;padding-top:8px;font-size:14px;line-height:18px}.fw-root .fw-card-result{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.fw-root .fw-card-text p{color:var(--fw-text);overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.fw-root .fw-playback{border-top:1px solid var(--fw-border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.fw-root .fw-round-button{appearance:none;border:1px solid var(--fw-border);background:var(--fw-well);width:32px;height:32px;color:var(--fw-text);cursor:pointer;transition:background-color var(--motion-control), transform var(--motion-control);border-radius:50%;place-items:center;padding:0;display:grid}.fw-root .fw-round-button:hover:not(:disabled){background:var(--fw-hover)}.fw-root .fw-round-button:active:not(:disabled){transform:scale(.94)}.fw-root .fw-speed{display:inline-flex;position:relative}.fw-root .fw-speed:after{content:"";border:solid var(--fw-muted);pointer-events:none;border-width:0 1.5px 1.5px 0;width:5px;height:5px;position:absolute;top:50%;right:11px;transform:translateY(-70%)rotate(45deg)}.fw-root .fw-speed select{appearance:none;border-radius:var(--radius-control);border:1px solid var(--fw-border);background:var(--fw-well);font-variant-numeric:tabular-nums;cursor:pointer;height:28px;padding:0 28px 0 12px;font-size:14px}.fw-root .fw-overview{flex:160px;grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:8px;min-width:120px;height:28px;display:grid;position:relative}.fw-root .fw-overview-marks{border-radius:var(--radius-tag);background:var(--fw-well);height:12px;box-shadow:inset 0 0 0 1px var(--fw-border);grid-area:1/2;position:relative;overflow:hidden}.fw-root .fw-ov{border-radius:1px;position:absolute;top:2px;bottom:2px}.fw-root .fw-ov.fw-seg-model,.fw-root .fw-ov.fw-seg-tool{background:var(--line);opacity:.75}.fw-root .fw-ov.fw-seg-tool{opacity:.45}.fw-root .fw-ov.fw-seg-failed{background:var(--fw-failed)}.fw-root .fw-brush{box-shadow:inset 0 0 0 1.5px var(--fw-accent);background:color-mix(in oklab, var(--fw-accent) 10%, transparent);border-radius:3px;position:absolute;top:0;bottom:0}.fw-root .fw-slider{appearance:none;background:linear-gradient(90deg, transparent var(--fw-progress), color-mix(in oklab, var(--fw-surface) 55%, transparent) var(--fw-progress)) 0 8px / 100% 12px no-repeat;cursor:pointer;grid-area:1/2;width:100%;height:100%;margin:0;position:relative}.fw-root .fw-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fw-text);width:4px;height:22px;box-shadow:0 0 0 2px var(--fw-surface);border-radius:2px}.fw-root .fw-slider::-moz-range-thumb{background:var(--fw-text);width:4px;height:22px;box-shadow:0 0 0 2px var(--fw-surface);border:0;border-radius:2px}.fw-root .fw-time{white-space:nowrap;min-width:48px;color:var(--fw-muted);font-variant-numeric:tabular-nums;grid-area:1/1;font-size:14px}.fw-root .fw-zoom{gap:0;display:inline-flex}.fw-root .fw-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.fw-root *,.fw-root :before{transition:opacity var(--duration-fast)!important;animation:none!important}.fw-root :is(.fw-agent-dot,.fw-spinner)[data-motion=essential],.fw-root .fw-state-live[data-motion=essential]:before{animation:tangle-breathe var(--motion-ambient) infinite!important}}.fw-root-agents .fw-heading{border-bottom:0;padding:20px 24px 12px}.fw-root-agents .fw-axis-top{border-bottom:0}.fw-root-agents .fw-axis-top .fw-axis-label{border-right-color:#0000}.fw-root-agents .fw-playback{border-top:0;padding:0 24px 8px}.fw-root-agents .fw-body{padding-bottom:12px}.fw-root-agents .fw-view-agents .fw-label{padding-left:24px}.fw-root-agents .fw-zoom,.fw-root-agents .fw-time{display:none}.fw-root-agents .fw-overview-marks{height:2px;box-shadow:none;top:0}.fw-root-agents .fw-overview-marks>*{display:none}.fw-root .fw-segmented{border-radius:var(--radius-control);background:var(--fw-well);border:1px solid var(--fw-border);padding:4px;display:inline-flex}.fw-root .fw-segmented button{appearance:none;border-radius:var(--radius-tag);min-width:36px;height:26px;color:var(--fw-muted);cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color var(--motion-control), color var(--motion-control);background:0 0;border:0;padding:0 12px;font-size:14px}.fw-root .fw-segmented button[aria-checked=true]{background:var(--fw-surface);color:var(--fw-text);box-shadow:var(--shadow-card), 0 0 0 1px var(--fw-border)}.fw-root .fw-legend button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.fw-root .fw-legend button[aria-pressed=true]{color:var(--fw-text);text-underline-offset:4px;text-decoration:underline}.fw-root .fw-summary button{appearance:none;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.fw-root .fw-row-state{align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.fw-root .fw-error-rug{height:10px;margin-left:var(--fw-label-col);position:relative;overflow:hidden}.fw-root .fw-error-tick{background:var(--fw-failed);width:2px;height:8px;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-error-tick[data-unlocated]{left:auto;right:calc(var(--error-index) * 3px)}.fw-root .fw-quiet{color:var(--fw-amber);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.fw-root .fw-quiet:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.fw-root [data-activity=quiet] :is(.fw-agent-dot[data-outcome=live],.fw-spinner){display:none}.fw-root [data-activity=quiet] :is(.fw-agent-dot,.fw-spinner){animation:none!important}.fw-root .fw-quiet-tail{top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2);height:var(--fw-bar-h);left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);width:calc(max(0, var(--fw-t) - var(--s)) * var(--fw-k) * 1px);background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px);pointer-events:none;position:absolute}.fw-root .fw-now{background:color-mix(in oklab, var(--fw-text) 28%, transparent)}.fw-root .fw-card-error{color:var(--fw-failed);margin-top:8px;font-size:13px;line-height:18px}.fw-root .fw-card .fw-agent-dot:not([data-outcome]){box-shadow:inset 0 0 0 1.5px var(--fw-muted);background:0 0}@container flow-waterfall (width<=599px){.fw-root>*{--fw-label-col:0px;--fw-bar-shift:18px;--fw-bar-h:8px;--fw-row-h:52px}.fw-root .fw-summary>div:nth-child(-n+2){flex:1 0 auto;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.fw-root .fw-summary>div:nth-child(-n+2) .fw-value{margin:0;font-size:20px;line-height:28px}.fw-root .fw-summary:after{content:"";flex-basis:100%}.fw-root .fw-summary>div:nth-child(n+3){order:1}.fw-root :is(.fw-zoom,.fw-branch-controls,.fw-resize,.fw-links,.fw-gridlayer,.fw-marker-layer,.fw-subtitle,.fw-badge,.fw-icon-tile){display:none}.fw-root .fw-heading{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:8px;display:grid}.fw-root .fw-title-block{display:contents}.fw-root .fw-title-line{flex-wrap:wrap;grid-column:1/-1}.fw-root .fw-legends{grid-area:3/1/auto/-1;margin:0}.fw-root .fw-tools{flex-wrap:wrap;grid-area:2/1}.fw-root .fw-segmented{padding:2px}.fw-root .fw-segmented button{min-width:28px;padding:0 6px}.fw-root.fw-root-agents .fw-playback{padding:8px}.fw-root.fw-root-agents .fw-overview{margin-top:0}.fw-root .fw-search-input{width:120px}.fw-root .fw-axis-label{border:0;padding:0}.fw-root .fw-tick:is(:nth-child(2),:nth-child(3)){transform:translate(-50%,-50%)}.fw-root .fw-tick:nth-child(4){transform:translate(calc(-100% - 4px),-50%)}.fw-root .fw-row{top:var(--row-y);contain:style;transform:none}.fw-root .fw-label{z-index:3;height:20px;padding:0 8px 0 calc(8px + var(--depth) * 12px);pointer-events:none;background:0 0;border:0;gap:4px;position:absolute;top:0;left:0;right:0}.fw-root .fw-row :is(.fw-row-state,.fw-quiet){top:20px;left:calc(28px + var(--depth) * 12px);height:18px;position:absolute}.fw-root .fw-view-agents .fw-names{flex-direction:row;font-size:14px;line-height:20px}.fw-root .fw-view-agents :is(.fw-subtitle,.fw-seg-label){display:none}.fw-root .fw-view-agents .fw-label{padding-left:calc(8px + var(--depth) * 12px)}.fw-root .fw-lane{grid-column:2}.fw-root .fw-end{max-width:calc(100% - 144px);height:18px;top:20px;left:auto;right:4px}.fw-root .fw-time{top:-12px;left:var(--fw-progress);transform:translateX(calc(-1 * var(--fw-progress)));background:var(--fw-surface);grid-column:2;width:max-content;max-width:100%;display:block;position:absolute}.fw-root .fw-playback{padding:12px 8px 8px;position:relative}.fw-root .fw-overview{grid-template-columns:0 minmax(0,1fr);column-gap:0;margin-top:12px}}.fw-root.fw-fill-agent .fw-view-agents .fw-seg-failed[data-model]{background:var(--model-fill);--fw-seg-ink:var(--lightningcss-light,var(--fw-surface))var(--lightningcss-dark,var(--bg-root))}.fw-root.fw-root.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]) .fw-seg{opacity:var(--on);background:color-mix(in oklab, var(--fw-surface) 80%, var(--tone));--fw-seg-ink:var(--fw-text)}
+.fw-root{--fw-text:var(--text-primary);--fw-muted:var(--text-muted);--fw-surface:var(--bg-card);--fw-raised:var(--bg-elevated);--fw-border:var(--border-color,hsl(var(--hsl-border)));--fw-grid:var(--chart-grid);--fw-guide:var(--chart-rule);--fw-well:var(--well-card);--fw-hover:var(--bg-hover);--fw-accent:var(--accent-text);--fw-failed:var(--surface-danger-text);--fw-ok:var(--surface-success-text);--fw-amber:var(--surface-warning-text);--fw-live:var(--fw-accent);--fw-kind-model:var(--lightningcss-light,oklch(from var(--chart-accent) .5 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--chart-accent) .72 min(c, .1) h));--fw-kind-tool:var(--lightningcss-light,oklch(from var(--tone-cyan-icon) .8 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--tone-cyan-icon) .46 min(c, .1) h));--fw-neutral-bar:color-mix(in oklab, var(--fw-text) 15%, var(--fw-surface));--fw-hatch:color-mix(in oklab, var(--fw-text) 22%, transparent);--fw-h0:var(--chart-muted);--fw-h1:var(--lightningcss-light,oklch(from var(--tone-blue-icon) .58 .11 calc(h + 39)))var(--lightningcss-dark,oklch(from var(--tone-blue-icon) .67 .11 calc(h + 39)));--fw-h2:var(--lightningcss-light,oklch(from var(--tone-violet-icon) .55 .11 h))var(--lightningcss-dark,oklch(from var(--tone-violet-icon) .7 .11 h));--fw-h3:var(--lightningcss-light,oklch(from var(--tone-pink-icon) .55 .11 h))var(--lightningcss-dark,oklch(from var(--tone-pink-icon) .67 .11 calc(h - 16)));--fw-h4:var(--lightningcss-light,oklch(from var(--tone-cyan-icon) .578 .11 calc(h - 22.894)))var(--lightningcss-dark,oklch(from var(--tone-cyan-icon) .67 .11 calc(h - 26.148)));--fw-h5:var(--lightningcss-light,oklch(from var(--tone-blue-icon) .58 .11 calc(h + 37.6)))var(--lightningcss-dark,oklch(from var(--tone-blue-icon) .67 .11 calc(h + 29.5)));--fw-ease:var(--ease-standard);--fw-bar-h:20px;--fw-label-col:min(var(--fw-name-w), 42%);--fw-bar-shift:0px;min-width:0;color:var(--fw-text);background:var(--fw-surface);border:1px solid var(--fw-border);border-radius:var(--radius-container);font-family:var(--font-sans);font-feature-settings:"cv11" 1;-webkit-font-smoothing:antialiased;font-size:14px;line-height:20px;position:relative;container:flow-waterfall/inline-size}.fw-root-agents{--fw-bar-h:24px;--fw-label-col:min(var(--fw-name-w), 28%)}.fw-root *,.fw-root :before,.fw-root :after{box-sizing:border-box}.fw-root :is(p,dl,dd,h3,ul){margin:0;padding:0}.fw-root :is(button,input,select){font:inherit;color:inherit}.fw-root :is(button,input,select,[tabindex]):focus-visible{outline:2px solid var(--fw-accent);outline-offset:1px}.fw-root :is(button,select):disabled{opacity:.45;cursor:default}.fw-root [data-tone="0"]{--tone:var(--fw-h0)}.fw-root [data-tone="1"]{--tone:var(--fw-h1)}.fw-root [data-tone="2"]{--tone:var(--fw-h2)}.fw-root [data-tone="3"]{--tone:var(--fw-h3)}.fw-root [data-tone="4"]{--tone:var(--fw-h4)}.fw-root [data-tone="5"]{--tone:var(--fw-h5)}.fw-root [data-tone],.fw-root .fw-kinds{--fill:var(--lightningcss-light,var(--tone))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 94%, var(--bg-root)));--line:var(--tone);--model-fill:var(--lightningcss-light,oklch(from var(--tone,var(--fw-h0)) .5 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--tone,var(--fw-h0)) .72 min(c, .1) h));--tool-fill:var(--lightningcss-light,oklch(from var(--tone,var(--fw-h0)) .8 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--tone,var(--fw-h0)) .46 min(c, .1) h));--dim:var(--lightningcss-light,color-mix(in oklab, var(--tone) 62%, var(--fw-surface)))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 40%, var(--fw-surface)));--dim-line:var(--lightningcss-light,color-mix(in oklab, var(--tone) 70%, var(--fw-surface)))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 55%, var(--fw-surface)))}.fw-root .fw-heading{border-bottom:1px solid var(--fw-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.fw-root .fw-title-block{flex:1;gap:4px;min-width:0;display:grid}.fw-root .fw-title-line{align-items:center;gap:8px;min-width:0;display:flex}.fw-root .fw-title-glyph{color:var(--fw-accent);display:inline-flex}.fw-root .fw-title{letter-spacing:-.005em;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px}.fw-root .fw-state{border-radius:var(--radius-pill);height:20px;color:var(--fw-muted);background:var(--fw-well);flex-shrink:0;align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}.fw-root .fw-state:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.fw-root .fw-state-live{color:var(--fw-live);background:color-mix(in oklab, var(--fw-live) 12%, transparent)}.fw-root .fw-state-live:before{animation:tangle-breathe var(--motion-ambient) infinite}.fw-root .fw-headline{color:var(--fw-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.fw-root .fw-headline:before{content:"·";margin-right:8px}.fw-root .fw-tools{align-items:center;gap:8px;display:flex}.fw-root .fw-views{border-radius:var(--radius-control);background:var(--fw-well);border:1px solid var(--fw-border);padding:4px;display:inline-flex}.fw-root .fw-view-button{appearance:none;border-radius:var(--radius-tag);height:24px;color:var(--fw-muted);cursor:pointer;transition:background-color var(--motion-control), color var(--motion-control);background:0 0;border:0;padding:0 12px;font-size:14px}.fw-root .fw-view-button[aria-checked=true]{opacity:1;cursor:default;background:var(--fw-surface);color:var(--fw-text);box-shadow:var(--shadow-card), 0 0 0 1px var(--fw-border)}.fw-root .fw-search{align-items:center;display:flex;position:relative}.fw-root .fw-search-glyph{color:var(--fw-muted);pointer-events:none;display:inline-flex;position:absolute;left:8px}.fw-root .fw-search-input{appearance:none;border:1px solid var(--fw-border);border-radius:var(--radius-control);background:var(--fw-well);width:200px;height:32px;padding:0 12px 0 28px;font-size:14px}.fw-root .fw-search-input::placeholder{color:var(--fw-muted)}.fw-root .fw-search-input::-webkit-search-cancel-button{display:none}.fw-root .fw-summary{border-bottom:1px solid var(--fw-border);flex-wrap:wrap;align-items:center;display:flex}.fw-root .fw-summary>div{min-width:0;padding:12px 16px}.fw-root .fw-summary>div:nth-child(-n+2){flex:1}.fw-root .fw-summary>div:nth-child(n+3){color:var(--fw-muted);align-items:baseline;gap:4px;padding:8px 6px;display:flex}.fw-root .fw-summary dt{color:var(--fw-muted);font-size:14px;line-height:20px}.fw-root .fw-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:28px;font-weight:600;line-height:34px;overflow:hidden}.fw-root .fw-summary>div:nth-child(n+3) .fw-value{letter-spacing:normal;margin:0;font-size:14px;font-weight:500;line-height:20px}.fw-root .fw-has-errors .fw-value{color:var(--fw-failed)}.fw-root .fw-axis{grid-template-columns:var(--fw-label-col) minmax(0, 1fr);height:32px;color:var(--fw-muted);font-size:14px;display:grid}.fw-root .fw-axis-top{border-bottom:1px solid var(--fw-border)}.fw-root .fw-axis-label{border-right:1px solid var(--fw-border);align-items:center;gap:8px;min-width:0;padding:0 12px 0 16px;display:flex;position:relative}.fw-root .fw-branch-controls{gap:4px;margin-left:auto;display:flex}.fw-root .fw-text-button{appearance:none;border-radius:var(--radius-tag);height:24px;color:var(--fw-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 8px;font-size:14px}.fw-root .fw-text-button:hover{background:var(--fw-hover);color:var(--fw-text)}.fw-root .fw-resize{cursor:col-resize;z-index:2;width:8px;height:100%;position:absolute;top:0;right:-4px}.fw-root .fw-resize:hover,.fw-root .fw-resize:focus-visible{background:linear-gradient(90deg, transparent 3px, var(--fw-accent) 3px 5px, transparent 5px);outline:0}.fw-root .fw-axis-track{cursor:ew-resize;touch-action:none;position:relative;overflow:hidden}.fw-root .fw-tick{top:50%;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:16px;position:absolute;transform:translate(4px,-50%)}.fw-root .fw-cursor-handle{background:var(--fw-text);width:9px;height:9px;box-shadow:0 0 0 2px var(--fw-surface);left:calc(var(--fw-pad) + (var(--fw-t) - var(--fw-v0)) * var(--fw-k) * 1px - 4.5px);z-index:3;border-radius:50%;position:absolute;bottom:-5px}.fw-root .fw-viewport{position:relative}.fw-root .fw-scroller{overscroll-behavior:contain;scrollbar-width:thin;outline:0;position:relative;overflow:hidden auto}.fw-root .fw-canvas{position:relative}.fw-root .fw-gridlayer,.fw-root .fw-cursor-layer{top:0;bottom:0;left:var(--fw-label-col);pointer-events:none;position:absolute;right:0;overflow:hidden}.fw-root .fw-gridline{background:var(--fw-grid);width:1px;top:0;bottom:0;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-cursor-layer{z-index:3}.fw-root .fw-marker-layer{top:0;bottom:0;left:var(--fw-label-col);pointer-events:none;z-index:2;position:absolute;right:0;overflow:hidden}.fw-root .fw-marker{--fw-marker:var(--fw-muted);width:0;top:0;bottom:0;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-marker-line{--fw-marker:var(--fw-muted);opacity:.4;border-left:1px dashed var(--fw-marker);top:0;bottom:0;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-marker-line[data-tone=ok]{--fw-marker:var(--fw-ok)}.fw-root .fw-marker-line[data-tone=failed]{--fw-marker:var(--fw-failed)}.fw-root .fw-marker[data-tone=ok]{--fw-marker:var(--fw-ok)}.fw-root .fw-marker[data-tone=failed]{--fw-marker:var(--fw-failed)}.fw-root :is(.fw-pause,.fw-pause-mark){left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);width:calc(max(0, var(--e) - var(--s)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-pause{background:color-mix(in oklab, var(--fw-text) 4%, transparent);border-inline:1px dashed color-mix(in oklab, var(--fw-text) 18%, transparent);top:0;bottom:0}.fw-root .fw-pause-mark{cursor:help;background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 4px);height:6px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 18%, transparent);border-radius:2px;bottom:3px}.fw-root .fw-marker-label{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-tag);max-width:160px;color:var(--fw-marker);background:var(--fw-surface);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-marker) 40%, transparent);padding:0 4px;font-size:14px;line-height:18px;position:absolute;top:2px;left:3px;overflow:hidden}.fw-root .fw-marker-label-left{left:auto;right:3px}.fw-root .fw-marker[data-tone=warn],.fw-root .fw-event[data-tone=warn]{--fw-marker:var(--fw-amber)}.fw-root .fw-event{--fw-marker:var(--fw-muted);background:var(--fw-marker);width:8px;height:8px;box-shadow:0 0 0 2px var(--fw-surface);cursor:pointer;z-index:4;bottom:2px;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);border:0;border-radius:50%;margin-left:-4px;padding:0;position:absolute}.fw-root .fw-event[data-tone=ok]{--fw-marker:var(--fw-ok)}.fw-root .fw-event[aria-pressed=true]{box-shadow:0 0 0 2px var(--fw-surface), 0 0 0 4px var(--fw-marker)}.fw-root .fw-event-label{z-index:5;bottom:14px;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);border-radius:var(--radius-tag);background:var(--fw-surface);box-shadow:inset 0 0 0 1px var(--fw-border);color:var(--fw-text);white-space:nowrap;pointer-events:none;padding:0 8px;font-size:14px;line-height:20px;position:absolute;transform:translate(-50%)}.fw-root .fw-event[data-tone=failed]{--fw-marker:var(--fw-failed)}.fw-root .fw-event:hover,.fw-root .fw-event:focus-visible{outline:0;transform:scale(1.4)}.fw-root .fw-cursor{background:color-mix(in oklab, var(--fw-text) 70%, transparent);width:1px;top:0;bottom:0;left:calc(var(--fw-pad) + (var(--fw-t) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-empty{text-align:center;color:var(--fw-muted);padding:40px 16px}.fw-root .fw-sticky{z-index:2;background:var(--fw-surface);box-shadow:0 1px 0 var(--fw-border), var(--shadow-card);position:absolute;top:0;left:0;right:0}.fw-root .fw-row{transform:translateY(var(--row-y));height:var(--fw-row-h);grid-template-columns:var(--fw-label-col) minmax(0, 1fr);contain:layout style;background:var(--fw-tint,transparent);outline:0;display:grid;position:absolute;top:0;left:0;right:0}.fw-root .fw-row:hover{--fw-tint:var(--fw-hover)}.fw-root .fw-row.fw-active{--fw-tint:color-mix(in oklab, var(--fw-accent) 7%, transparent)}.fw-root .fw-row[aria-selected=true]{--fw-tint:var(--ix-sel-bg)}.fw-root-agents[data-selection] .fw-row[aria-selected=true]{box-shadow:inset 3px 0 0 var(--fw-accent)}.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]){--fw-recede:.4}.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]):hover{--fw-recede:.8}.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]) .fw-span-name{color:var(--fw-muted)}.fw-root .fw-row:focus-visible{box-shadow:inset 2px 0 0 var(--fw-accent)}.fw-root .fw-sticky-row{background:var(--fw-surface)}.fw-root .fw-label{min-width:0;padding:0 12px 0 calc(12px + var(--depth) * 16px);border-right:1px solid var(--fw-border);align-items:center;gap:8px;display:flex;position:relative}.fw-root .fw-guides{width:calc(var(--depth) * 16px);background:repeating-linear-gradient(90deg, var(--fw-guide) 0 1px, transparent 1px 16px);position:absolute;top:0;bottom:0;left:20px}.fw-root .fw-toggle,.fw-root .fw-toggle-space{flex:0 0 16px;width:16px;height:16px}.fw-root .fw-toggle{appearance:none;pointer-events:auto;border-radius:var(--radius-tag);color:var(--fw-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.fw-root .fw-toggle svg{width:12px;height:12px;transition:transform var(--motion-control)}.fw-root .fw-toggle.fw-open svg{transform:rotate(90deg)}.fw-root .fw-toggle:hover{background:var(--fw-hover);color:var(--fw-text)}.fw-root .fw-icon-tile{border-radius:var(--radius-tag);border:1px solid var(--fw-border);background:var(--fw-surface);width:20px;height:20px;color:var(--line,var(--fw-muted));flex:0 0 20px;place-items:center;display:grid}.fw-root .fw-icon-tile :is(svg,img){width:13px;height:13px}.fw-root .fw-row .fw-names{font-size:14px}.fw-root .fw-names{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.fw-root .fw-span-name{flex-shrink:0;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.fw-root .fw-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fw-root .fw-strong{font-weight:600}.fw-root .fw-detail-icon{display:inline-flex}.fw-root .fw-detail-icon :is(svg,img){width:12px;height:12px}.fw-root .fw-count{border-radius:var(--radius-pill);background:var(--fw-well);border:1px solid var(--fw-border);height:18px;color:var(--fw-muted);font-variant-numeric:tabular-nums;flex-shrink:0;padding:0 8px;font-size:14px;line-height:18px}.fw-root .fw-alert{color:var(--fw-failed);flex-shrink:0;display:inline-flex}.fw-root .fw-alert svg{width:13px;height:13px}.fw-root .fw-spinner{background:var(--fw-live);width:6px;height:6px;animation:tangle-breathe var(--motion-ambient) infinite;border-radius:50%;flex-shrink:0}.fw-root .fw-view-agents .fw-label{border-right:0;gap:12px;padding-left:16px}.fw-root .fw-view-agents .fw-names{flex-direction:column;align-items:flex-start;gap:0}.fw-root .fw-view-agents .fw-span-name{font-weight:600;line-height:18px}.fw-root .fw-view-agents .fw-subtitle{min-width:0;max-width:100%;height:18px;color:var(--fw-muted);align-items:center;column-gap:4px;font-size:14px;line-height:18px;display:flex;overflow:hidden}.fw-root .fw-view-agents .fw-subtitle-extra{white-space:nowrap;flex:none}.fw-root .fw-view-agents .fw-subtitle-tail{flex-wrap:wrap;flex:0 auto;column-gap:4px;min-width:0;height:18px;display:flex;overflow:hidden}.fw-root .fw-view-agents .fw-subtitle-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fw-root .fw-view-agents .fw-detail-icon{flex:none;justify-content:center;align-items:center;width:16px;height:16px;overflow:hidden}.fw-root .fw-agent-dot{background:var(--tone,var(--fw-muted));border-radius:50%;flex:0 0 8px;width:8px;height:8px}.fw-root .fw-agent-dot:not([data-outcome]){box-shadow:inset 0 0 0 1.5px var(--fw-muted);background:0 0}.fw-root :is(.fw-agent-dot,.fw-legend .fw-swatch)[data-ring]{box-shadow:inset 0 0 0 1.5px var(--tone,var(--fw-muted));background:0 0}.fw-root .fw-agent-dot[data-outcome=live]:not([data-ring]){animation:tangle-breathe var(--motion-ambient) infinite}.fw-root .fw-lane{min-width:0;position:relative;overflow:hidden}.fw-root .fw-invalid{left:var(--fw-pad);color:var(--fw-muted);position:absolute;top:50%;transform:translateY(-50%)}.fw-root :is(.fw-bar,.fw-seg,.fw-end,.fw-mark){--x0:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);--w:calc(max(0, min(var(--e), var(--fw-t)) - var(--s)) * var(--fw-k) * 1px);--on:clamp(0, (var(--fw-t) - var(--s)) * 1000, 1);top:50%;left:var(--x0);opacity:var(--on);position:absolute}.fw-root :is(.fw-bar,.fw-seg,.fw-mark){opacity:calc(var(--on) * var(--fw-recede,1));transition:opacity var(--motion-control)}.fw-root .fw-row{transition:transform var(--motion-surface)}.fw-root .fw-enter>[role=gridcell]{transition:opacity var(--motion-arrive);transition-delay:var(--fw-enter-delay)}.fw-root .fw-enter :is(.fw-bar,.fw-seg){transition:clip-path var(--motion-grow,var(--motion-stream));transition-delay:var(--fw-enter-delay);clip-path:inset(0)}@starting-style{.fw-root .fw-enter>[role=gridcell]{opacity:0}.fw-root .fw-enter :is(.fw-bar,.fw-seg){clip-path:inset(0 100% 0 0)}}.fw-root[data-follow-live] .fw-row[data-running] .fw-bar{--on:1}.fw-root[data-follow-live] :is(.fw-seg,.fw-mark),.fw-root[data-follow-live] .fw-row:not([data-running]) .fw-bar{--fw-t:calc(var(--e) + 1)}.fw-root .fw-row[data-critical] .fw-bar{box-shadow:inset 0 -2px 0 var(--fw-accent)}.fw-root .fw-row[data-search=context] .fw-label{color:var(--fw-muted)}.fw-root .fw-row[data-search=match] .fw-name-text{font-weight:600}.fw-root .fw-mark{z-index:2;left:calc(var(--x0) - 1px);width:2px;top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2 - 4px);height:calc(var(--fw-bar-h) + 8px);background:var(--fw-failed);box-shadow:0 0 0 1px var(--fw-surface);pointer-events:auto;border-radius:2px;position:absolute}.fw-root :is(.fw-bar,.fw-seg){top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2);height:var(--fw-bar-h);width:max(var(--w), calc(var(--on) * 3px));border-radius:var(--radius-tag);cursor:pointer;justify-content:center;align-items:center;display:flex;overflow:hidden}.fw-root .fw-bar{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line)}.fw-root :is(.fw-bar,.fw-seg):hover{filter:brightness(1.18);box-shadow:inset 0 0 0 1px var(--line), 0 0 0 2px color-mix(in oklab, var(--line) 55%, transparent);z-index:1}.fw-root .fw-bar.fw-k-tool{background:var(--dim);box-shadow:inset 0 0 0 1px var(--dim-line)}.fw-root .fw-bar.fw-k-handoff{background:var(--line);height:8px;top:calc(50% + var(--fw-bar-shift) - 4px);box-shadow:none}.fw-root .fw-bar.fw-k-waiting,.fw-root .fw-kinds .fw-swatch-wait{background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px);box-shadow:inset 0 0 0 1px var(--fw-hatch)}.fw-root .fw-bar.fw-k-failed{background:color-mix(in oklab, var(--fw-failed) 22%, var(--fw-surface));box-shadow:inset 0 0 0 1px var(--fw-failed);color:var(--fw-failed)}.fw-root .fw-bar.fw-k-pipeline{background:linear-gradient(90deg, var(--fw-neutral-bar), color-mix(in oklab, var(--fw-neutral-bar) 55%, var(--fw-surface)));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 12%, transparent)}.fw-root .fw-bar.fw-k-pipeline.fw-has-marks{background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px);box-shadow:inset 0 0 0 1px var(--fw-hatch)}.fw-root .fw-bar.fw-k-pipeline.fw-has-agents{background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px), color-mix(in oklab, var(--fw-text) 4%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 12%, transparent)}.fw-root .fw-view-agents .fw-bar.fw-k-pipeline:not(.fw-has-marks,.fw-has-agents){background:color-mix(in oklab, var(--tone) 30%, var(--fw-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 55%, transparent)}.fw-root.fw-fill-outcome .fw-view-agents .fw-row[data-span-id^=family\:]:not([data-outcome]),.fw-root.fw-fill-outcome .fw-view-agents .fw-row[data-span-id^=family\:]:not([data-outcome]) [data-tone],.fw-root.fw-fill-muted .fw-view-agents [data-tone]{--tone:var(--fw-h0)}.fw-root [data-outcome=ok]{--outcome-tone:var(--fw-ok)}.fw-root [data-outcome=failed]{--outcome-tone:var(--fw-failed)}.fw-root [data-outcome=warn]{--outcome-tone:var(--fw-amber)}.fw-root [data-outcome=live]{--outcome-tone:var(--fw-live)}.fw-root [data-outcome=neutral]{--outcome-tone:var(--fw-muted)}.fw-root [data-outcome],.fw-root [data-outcome] [data-tone],.fw-root.fw-root .fw-agent-dot[data-outcome]{--tone:var(--outcome-tone)}.fw-root .fw-legend{color:var(--fw-muted);flex-wrap:nowrap;gap:4px 16px;margin:8px 0 0;padding:0;font-size:14px;line-height:18px;list-style:none;display:flex}.fw-root .fw-legend li{white-space:nowrap;flex:none;align-items:center;gap:8px;display:inline-flex}.fw-root .fw-legends{align-items:center;gap:24px;min-width:0;max-width:100%;margin-top:8px;display:flex;overflow-x:auto}.fw-root .fw-legends .fw-legend{flex:none;margin:0}.fw-root .fw-kinds{color:var(--fw-muted);justify-content:flex-start;margin:0;padding:0}.fw-root .fw-kinds .fw-swatch-model{background:var(--fw-kind-model);border-radius:2px;width:12px;height:8px}.fw-root.fw-fill-agent .fw-kinds .fw-swatch-model{background:var(--model-fill)}.fw-root.fw-fill-agent .fw-kinds .fw-swatch-tool{background:var(--tool-fill)}.fw-root .fw-kinds .fw-swatch-tool{background:var(--fw-kind-tool);border-radius:2px;width:12px;height:8px}.fw-root .fw-kinds .fw-swatch-wait{border-radius:2px;width:12px;height:8px}.fw-root .fw-kinds .fw-swatch-event{background:var(--fw-muted);width:8px;height:8px;box-shadow:0 0 0 2px var(--fw-surface);border-radius:50%}.fw-root .fw-kinds .fw-swatch-handoff{border-left:1.5px solid var(--fw-muted);border-bottom:1.5px solid var(--fw-muted);border-bottom-left-radius:3px;width:10px;height:8px}.fw-root .fw-description{color:var(--fw-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;line-height:20px;overflow:hidden}.fw-root .fw-legend .fw-swatch{background:var(--line);border-radius:50%;width:8px;height:8px}.fw-root .fw-legend b{color:var(--fw-text);font-variant-numeric:tabular-nums;font-weight:600}.fw-root .fw-legend .fw-swatch-step{background:var(--fw-well);width:12px;height:12px;color:var(--fw-failed);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 50%, transparent);border-radius:3px;place-items:center;display:inline-grid}.fw-root .fw-legend .fw-swatch-step svg{width:8px;height:8px}.fw-root .fw-bar.fw-approx{opacity:calc(var(--on) * .7 * var(--fw-recede,1))}.fw-root .fw-seg{width:max(calc(var(--w) - 2px), calc(var(--on) * 3px));pointer-events:none}.fw-root .fw-view-agents .fw-seg{pointer-events:auto}.fw-root .fw-seg-model{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line)}.fw-root .fw-seg-tool{background:var(--dim);box-shadow:inset 0 0 0 1px var(--dim-line)}.fw-root:is(.fw-fill-muted,.fw-fill-outcome) .fw-view-agents .fw-seg-model{background:var(--fw-kind-model);box-shadow:none}.fw-root:is(.fw-fill-muted,.fw-fill-outcome) .fw-view-agents .fw-seg-tool{background:var(--fw-kind-tool);box-shadow:none}.fw-root.fw-fill-agent .fw-view-agents .fw-seg-model{background:var(--model-fill);box-shadow:none}.fw-root.fw-fill-agent .fw-view-agents :is(.fw-seg-tool,.fw-seg-failed){background:var(--tool-fill);box-shadow:none}.fw-root.fw-fill-agent .fw-view-agents .fw-seg-failed{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 55%, transparent)}.fw-root .fw-view-agents .fw-seg{white-space:nowrap;color:var(--fw-seg-ink);justify-content:flex-start;font-size:14px;line-height:18px;container-type:inline-size}.fw-root .fw-view-agents .fw-seg-model{--fw-seg-ink:var(--lightningcss-light,var(--fw-surface))var(--lightningcss-dark,var(--bg-root))}.fw-root .fw-view-agents :is(.fw-seg-tool,.fw-seg-failed){--fw-seg-ink:var(--fw-text)}.fw-root .fw-view-agents .fw-seg>*{pointer-events:none}.fw-root .fw-seg-label{flex-wrap:wrap;flex:1;align-items:center;column-gap:4px;min-width:0;height:16px;margin:0 6px;display:flex;overflow:hidden}.fw-root .fw-seg-label>*{flex:none;align-items:center;height:16px;display:inline-flex}.fw-root .fw-seg-icon svg{stroke-width:1.75px;width:12px;height:12px}.fw-root .fw-seg-name{font-weight:600}.fw-root .fw-seg-chip{border-radius:var(--radius-pill);background:color-mix(in oklab, currentColor 18%, transparent);font-variant-numeric:tabular-nums;padding:0 4px;font-weight:600}.fw-root .fw-seg-meta{font-variant-numeric:tabular-nums}@container (width<=24px){.fw-root .fw-seg-label{display:none}}@container (width<=5px){.fw-root .fw-view-agents .fw-seg .fw-glyph{display:none}}.fw-root .fw-view-agents .fw-seg .fw-glyph{background:var(--fw-failed);width:min(14px,100%);height:14px;color:var(--lightningcss-light,var(--fw-surface))var(--lightningcss-dark,var(--bg-root));border-radius:50%;flex:none;place-items:center;margin-left:0;display:grid}.fw-root .fw-view-agents .fw-seg .fw-glyph[data-glyph=retry]{background:var(--fw-muted)}.fw-root .fw-view-agents .fw-seg .fw-glyph svg{stroke-width:2.5px;width:min(9px,100%);height:9px}.fw-root .fw-seg-failed{background:color-mix(in oklab, var(--fw-failed) 18%, var(--fw-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 70%, transparent);color:var(--fw-failed)}.fw-root .fw-view-agents .fw-seg-failed{background:var(--tool-fill);box-shadow:inset 0 0 0 1px var(--dim-line)}.fw-root .fw-glyph{color:currentColor;display:inline-flex}.fw-root .fw-glyph svg{stroke-width:2px;width:11px;height:11px}.fw-root .fw-seg-model .fw-glyph,.fw-root .fw-k-model .fw-glyph{color:var(--lightningcss-light,var(--tone))var(--lightningcss-dark,var(--fw-text))}.fw-root .fw-end{z-index:2;top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2);height:var(--fw-bar-h);left:min(calc(var(--x0) + max(var(--w), 3px) + 4px), calc(100% - var(--fw-end-w,0px) - 4px));border-radius:var(--radius-tag);background:linear-gradient(var(--fw-tint,transparent) 0 0), var(--fw-surface);white-space:nowrap;pointer-events:none;align-items:center;gap:8px;padding:0 4px;display:inline-flex}.fw-root .fw-outcome-end{pointer-events:auto;display:inline-flex}.fw-root .fw-duration{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fw-muted);font-variant-numeric:tabular-nums;font-size:14px;overflow:hidden}.fw-root .fw-k-failed~.fw-end .fw-duration{color:var(--fw-failed)}.fw-root .fw-badge{border-radius:var(--radius-pill);height:18px;color:var(--fw-muted);box-shadow:inset 0 0 0 1px var(--fw-border);background:0 0;flex:none;padding:0 6px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.fw-root .fw-links{top:0;bottom:0;left:var(--fw-label-col);pointer-events:none;z-index:0;position:absolute;right:0;overflow:hidden}.fw-root .fw-link{--x:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);border:0 solid var(--line);width:12px;translate:0 var(--fw-bar-shift);opacity:clamp(0, (var(--fw-t) - var(--s)) * 1000, 1);border-bottom-width:1.5px;position:absolute}.fw-root .fw-view-spans .fw-link{opacity:calc(clamp(0, (var(--fw-t) - var(--s)) * 1000, 1) * .7)}.fw-root .fw-view-agents .fw-link:not(.fw-link-hot){opacity:calc(clamp(0, (var(--fw-t) - var(--s)) * 1000, 1) * .8)}.fw-root .fw-link{transition:opacity var(--motion-control)}.fw-root .fw-link-down{left:calc(var(--x) - 12px);border-left-width:1.5px;border-bottom-left-radius:12px}.fw-root .fw-link-up{left:var(--x);border-right-width:1.5px;border-bottom-right-radius:12px}.fw-root .fw-link:before{content:"";background:var(--line);width:5px;height:5px;box-shadow:0 0 0 1.5px var(--fw-surface);border-radius:50%;position:absolute;top:-3.5px}.fw-root .fw-link-down:before{left:-3.25px}.fw-root .fw-link-up:before{right:-3.25px}.fw-root .fw-seg-alt{filter:brightness(.78)}.fw-root.fw-root-agents .fw-slider{background:linear-gradient(90deg, color-mix(in oklab, var(--fw-text) 32%, transparent) var(--fw-progress), var(--fw-well) var(--fw-progress)) 0 50% / 100% 4px no-repeat}.fw-root.fw-root-agents .fw-slider::-webkit-slider-thumb{background:var(--fw-text);width:14px;height:14px;box-shadow:0 0 0 3px var(--fw-surface);border-radius:50%}.fw-root.fw-root-agents .fw-slider::-moz-range-thumb{background:var(--fw-text);width:14px;height:14px;box-shadow:0 0 0 3px var(--fw-surface);border-radius:50%}.fw-root .fw-card{overscroll-behavior:contain;border-radius:var(--radius-card);background:var(--fw-raised);border:1px solid var(--fw-border);width:100%;max-height:min(60vh,560px);box-shadow:var(--shadow-dropdown);transition:opacity var(--motion-control);padding:12px;position:relative;overflow-y:auto}.fw-root .fw-card-agent{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.fw-root .fw-card-agent .fw-agent-dot{align-self:center}.fw-root .fw-card-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.fw-root .fw-card-head .fw-icon-tile{border-radius:var(--radius-control);flex-basis:28px;width:28px;height:28px}.fw-root .fw-card-head .fw-icon-tile :is(svg,img){width:16px;height:16px}.fw-root .fw-card-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px;font-weight:600;line-height:20px}.fw-root .fw-pill{border-radius:var(--radius-pill);height:20px;color:var(--fw-status);background:color-mix(in oklab, var(--fw-status) 13%, transparent);flex-shrink:0;padding:0 8px;font-size:14px;font-weight:600;line-height:20px}.fw-root .fw-icon-button{appearance:none;border-radius:var(--radius-control);width:28px;height:28px;color:var(--fw-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.fw-root .fw-icon-button:hover:not(:disabled){background:var(--fw-hover);color:var(--fw-text)}.fw-root .fw-card-close{width:20px;height:20px;margin-right:-4px}.fw-root .fw-card-table{overflow-wrap:anywhere;border-top:1px solid var(--fw-border);grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:6px 16px;padding-top:8px;font-size:14px;line-height:18px;display:grid}.fw-root .fw-card-table>div{display:contents}.fw-root .fw-card-table dt,.fw-root .fw-card-label{color:var(--fw-muted);font-size:14px;line-height:18px}.fw-root .fw-card-table dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;font-weight:500}.fw-root .fw-card-parts{flex-wrap:wrap;column-gap:4px;display:flex}.fw-root .fw-card-parts>*{white-space:nowrap}.fw-root .fw-card-parts:not(.fw-card-stack)>*+:before{content:"· ";color:var(--fw-muted)}.fw-root .fw-card-stack{flex-direction:column}.fw-root .fw-card-tools{color:var(--fw-muted);grid-template-columns:minmax(0,max-content) max-content;justify-content:start;column-gap:16px;margin-top:4px;font-weight:400;display:grid}.fw-root .fw-card-tools>span{display:contents}.fw-root .fw-card-tools>span>:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fw-root .fw-card-tools>span>:last-child{text-align:right}.fw-root .fw-card-text{margin-top:12px}.fw-root .fw-card-compact .fw-card-agent{font-size:14px;line-height:20px}.fw-root .fw-card-who{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.fw-root .fw-pill-outcome{color:var(--line);background:color-mix(in oklab, var(--tone) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 35%, transparent)}.fw-root .fw-card-step{border-top:1px solid var(--fw-border);color:var(--fw-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:8px;padding-top:8px;font-size:14px;line-height:18px}.fw-root .fw-card-result{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.fw-root .fw-card-text p{color:var(--fw-text);overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.fw-root .fw-playback{border-top:1px solid var(--fw-border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.fw-root .fw-round-button{appearance:none;border:1px solid var(--fw-border);background:var(--fw-well);width:32px;height:32px;color:var(--fw-text);cursor:pointer;transition:background-color var(--motion-control), transform var(--motion-control);border-radius:50%;place-items:center;padding:0;display:grid}.fw-root .fw-round-button:hover:not(:disabled){background:var(--fw-hover)}.fw-root .fw-round-button:active:not(:disabled){transform:scale(.94)}.fw-root .fw-speed{display:inline-flex;position:relative}.fw-root .fw-speed:after{content:"";border:solid var(--fw-muted);pointer-events:none;border-width:0 1.5px 1.5px 0;width:5px;height:5px;position:absolute;top:50%;right:11px;transform:translateY(-70%)rotate(45deg)}.fw-root .fw-speed select{appearance:none;border-radius:var(--radius-control);border:1px solid var(--fw-border);background:var(--fw-well);font-variant-numeric:tabular-nums;cursor:pointer;height:28px;padding:0 28px 0 12px;font-size:14px}.fw-root .fw-overview{flex:160px;grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:8px;min-width:120px;height:28px;display:grid;position:relative}.fw-root .fw-overview-marks{border-radius:var(--radius-tag);background:var(--fw-well);height:12px;box-shadow:inset 0 0 0 1px var(--fw-border);grid-area:1/2;position:relative;overflow:hidden}.fw-root .fw-ov{border-radius:1px;position:absolute;top:2px;bottom:2px}.fw-root .fw-ov.fw-seg-model,.fw-root .fw-ov.fw-seg-tool{background:var(--line);opacity:.75}.fw-root .fw-ov.fw-seg-tool{opacity:.45}.fw-root .fw-ov.fw-seg-failed{background:var(--fw-failed)}.fw-root .fw-brush{box-shadow:inset 0 0 0 1.5px var(--fw-accent);background:color-mix(in oklab, var(--fw-accent) 10%, transparent);border-radius:3px;position:absolute;top:0;bottom:0}.fw-root .fw-slider{appearance:none;background:linear-gradient(90deg, transparent var(--fw-progress), color-mix(in oklab, var(--fw-surface) 55%, transparent) var(--fw-progress)) 0 8px / 100% 12px no-repeat;cursor:pointer;grid-area:1/2;width:100%;height:100%;margin:0;position:relative}.fw-root .fw-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fw-text);width:4px;height:22px;box-shadow:0 0 0 2px var(--fw-surface);border-radius:2px}.fw-root .fw-slider::-moz-range-thumb{background:var(--fw-text);width:4px;height:22px;box-shadow:0 0 0 2px var(--fw-surface);border:0;border-radius:2px}.fw-root .fw-time{white-space:nowrap;min-width:48px;color:var(--fw-muted);font-variant-numeric:tabular-nums;grid-area:1/1;font-size:14px}.fw-root .fw-zoom{gap:0;display:inline-flex}.fw-root .fw-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.fw-root *,.fw-root :before{transition:opacity var(--duration-fast)!important;animation:none!important}.fw-root :is(.fw-agent-dot,.fw-spinner)[data-motion=essential],.fw-root .fw-state-live[data-motion=essential]:before{animation:tangle-breathe var(--motion-ambient) infinite!important}}.fw-root-agents .fw-heading{border-bottom:0;padding:20px 24px 12px}.fw-root-agents .fw-axis-top{border-bottom:0}.fw-root-agents .fw-axis-top .fw-axis-label{border-right-color:#0000}.fw-root-agents .fw-playback{border-top:0;padding:0 24px 8px}.fw-root-agents .fw-body{padding-bottom:12px}.fw-root-agents .fw-view-agents .fw-label{padding-left:24px}.fw-root-agents .fw-zoom,.fw-root-agents .fw-time{display:none}.fw-root-agents .fw-overview-marks{height:2px;box-shadow:none;top:0}.fw-root-agents .fw-overview-marks>*{display:none}.fw-root .fw-segmented{border-radius:var(--radius-control);background:var(--fw-well);border:1px solid var(--fw-border);padding:4px;display:inline-flex}.fw-root .fw-segmented button{appearance:none;border-radius:var(--radius-tag);min-width:36px;height:26px;color:var(--fw-muted);cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color var(--motion-control), color var(--motion-control);background:0 0;border:0;padding:0 12px;font-size:14px}.fw-root .fw-segmented button[aria-checked=true]{background:var(--fw-surface);color:var(--fw-text);box-shadow:var(--shadow-card), 0 0 0 1px var(--fw-border)}.fw-root .fw-legend button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.fw-root .fw-legend button[aria-pressed=true]{color:var(--fw-text);text-underline-offset:4px;text-decoration:underline}.fw-root .fw-summary button{appearance:none;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.fw-root .fw-row-state{align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.fw-root .fw-error-rug{height:10px;margin-left:var(--fw-label-col);position:relative;overflow:hidden}.fw-root .fw-error-tick{background:var(--fw-failed);width:2px;height:8px;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-error-tick[data-unlocated]{left:auto;right:calc(var(--error-index) * 3px)}.fw-root .fw-quiet{color:var(--fw-amber);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.fw-root .fw-quiet:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.fw-root [data-activity=quiet] :is(.fw-agent-dot[data-outcome=live],.fw-spinner){display:none}.fw-root [data-activity=quiet] :is(.fw-agent-dot,.fw-spinner){animation:none!important}.fw-root .fw-quiet-tail{top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2);height:var(--fw-bar-h);left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);width:calc(max(0, var(--fw-t) - var(--s)) * var(--fw-k) * 1px);background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px);pointer-events:none;position:absolute}.fw-root .fw-now{background:color-mix(in oklab, var(--fw-text) 28%, transparent)}.fw-root .fw-card-error{color:var(--fw-failed);margin-top:8px;font-size:13px;line-height:18px}.fw-root .fw-card .fw-agent-dot:not([data-outcome]){box-shadow:inset 0 0 0 1.5px var(--fw-muted);background:0 0}@container flow-waterfall (width<=599px){.fw-root>*{--fw-label-col:0px;--fw-bar-shift:18px;--fw-bar-h:8px;--fw-row-h:52px}.fw-root .fw-summary>div:nth-child(-n+2){flex:1 0 auto;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.fw-root .fw-summary>div:nth-child(-n+2) .fw-value{margin:0;font-size:20px;line-height:28px}.fw-root .fw-summary:after{content:"";flex-basis:100%}.fw-root .fw-summary>div:nth-child(n+3){order:1}.fw-root :is(.fw-zoom,.fw-branch-controls,.fw-resize,.fw-links,.fw-gridlayer,.fw-marker-layer,.fw-subtitle,.fw-badge,.fw-icon-tile){display:none}.fw-root .fw-heading{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:8px;display:grid}.fw-root .fw-title-block{display:contents}.fw-root .fw-title-line{flex-wrap:wrap;grid-column:1/-1}.fw-root .fw-legends{grid-area:3/1/auto/-1;margin:0}.fw-root .fw-tools{flex-wrap:wrap;grid-area:2/1}.fw-root .fw-segmented{padding:2px}.fw-root .fw-segmented button{min-width:28px;padding:0 6px}.fw-root.fw-root-agents .fw-playback{padding:8px}.fw-root.fw-root-agents .fw-overview{margin-top:0}.fw-root .fw-search-input{width:120px}.fw-root .fw-axis-label{border:0;padding:0}.fw-root .fw-tick:is(:nth-child(2),:nth-child(3)){transform:translate(-50%,-50%)}.fw-root .fw-tick:nth-child(4){transform:translate(calc(-100% - 4px),-50%)}.fw-root .fw-row{top:var(--row-y);contain:style;transform:none}.fw-root .fw-label{z-index:3;height:20px;padding:0 8px 0 calc(8px + var(--depth) * 12px);pointer-events:none;background:0 0;border:0;gap:4px;position:absolute;top:0;left:0;right:0}.fw-root .fw-row :is(.fw-row-state,.fw-quiet){top:20px;left:calc(28px + var(--depth) * 12px);height:18px;position:absolute}.fw-root .fw-view-agents .fw-names{flex-direction:row;font-size:14px;line-height:20px}.fw-root .fw-view-agents :is(.fw-subtitle,.fw-seg-label){display:none}.fw-root .fw-view-agents .fw-label{padding-left:calc(8px + var(--depth) * 12px)}.fw-root .fw-lane{grid-column:2}.fw-root .fw-end{max-width:calc(100% - 144px);height:18px;top:20px;left:auto;right:4px}.fw-root .fw-time{top:-12px;left:var(--fw-progress);transform:translateX(calc(-1 * var(--fw-progress)));background:var(--fw-surface);grid-column:2;width:max-content;max-width:100%;display:block;position:absolute}.fw-root .fw-playback{padding:12px 8px 8px;position:relative}.fw-root .fw-overview{grid-template-columns:0 minmax(0,1fr);column-gap:0;margin-top:12px}}.fw-root.fw-fill-agent .fw-view-agents .fw-seg-failed[data-model]{background:var(--model-fill);--fw-seg-ink:var(--lightningcss-light,var(--fw-surface))var(--lightningcss-dark,var(--bg-root))}.fw-root.fw-root.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]) .fw-seg{opacity:var(--on);background:color-mix(in oklab, var(--fw-surface) 80%, var(--tone));--fw-seg-ink:var(--fw-text)}
 /*$vite$:1*/

package/dist/tailwind.css

@@ -904,6 +904,7 @@
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
     --radius-full: 999px;
+    --shadow-card: 0 1px 2px hsl(var(--shadow-color) / 0.3);
   }
 }
 @layer utilities.agent-graph-base {
@@ -1096,6 +1097,9 @@
     .left-3, :scope:is(.left-3) {
       left: calc(var(--spacing) * 3);
     }
+    .z-50, :scope:is(.z-50) {
+      z-index: 50;
+    }
     .container, :scope:is(.container) {
       width: 100%;
       @media (width >= 40rem) {
@@ -1174,12 +1178,21 @@
     .w-8, :scope:is(.w-8) {
       width: calc(var(--spacing) * 8);
     }
+    .w-64, :scope:is(.w-64) {
+      width: calc(var(--spacing) * 64);
+    }
+    .w-72, :scope:is(.w-72) {
+      width: calc(var(--spacing) * 72);
+    }
     .w-full, :scope:is(.w-full) {
       width: 100%;
     }
     .max-w-64, :scope:is(.max-w-64) {
       max-width: calc(var(--spacing) * 64);
     }
+    .max-w-\[calc\(100vw-2rem\)\], :scope:is(.max-w-\[calc\(100vw-2rem\)\]) {
+      max-width: calc(100vw - 2rem);
+    }
     .\!min-w-0, :scope:is(.\!min-w-0) {
       min-width: 0px !important;
     }
@@ -1192,6 +1205,9 @@
     .shrink-0, :scope:is(.shrink-0) {
       flex-shrink: 0;
     }
+    .origin-\(--radix-popover-content-transform-origin\), :scope:is(.origin-\(--radix-popover-content-transform-origin\)) {
+      transform-origin: var(--radix-popover-content-transform-origin);
+    }
     .-rotate-90, :scope:is(.-rotate-90) {
       rotate: calc(90deg * -1);
     }
@@ -1201,6 +1217,9 @@
     .animate-\[tangle-breathe_var\(--motion-ambient\)_infinite\], :scope:is(.animate-\[tangle-breathe_var\(--motion-ambient\)_infinite\]) {
       animation: tangle-breathe var(--motion-ambient) infinite;
     }
+    .cursor-pointer, :scope:is(.cursor-pointer) {
+      cursor: pointer;
+    }
     .grid-cols-\[minmax\(0\,1fr\)_auto\],:scope:is(.grid-cols-\[minmax\(0\,1fr\)_auto\]) {
       grid-template-columns: minmax(0,1fr) auto;
     }
@@ -1332,6 +1351,9 @@
     .pt-3, :scope:is(.pt-3) {
       padding-top: calc(var(--spacing) * 3);
     }
+    .pb-2, :scope:is(.pb-2) {
+      padding-bottom: calc(var(--spacing) * 2);
+    }
     .text-center, :scope:is(.text-center) {
       text-align: center;
     }
@@ -1363,6 +1385,10 @@
       --tw-leading: 18px;
       line-height: 18px;
     }
+    .leading-none, :scope:is(.leading-none) {
+      --tw-leading: 1;
+      line-height: 1;
+    }
     .font-medium, :scope:is(.font-medium) {
       --tw-font-weight: var(--font-weight-medium);
       font-weight: var(--font-weight-medium);
@@ -1400,9 +1426,20 @@
       --tw-numeric-spacing: tabular-nums;
       font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
     }
+    .underline-offset-4, :scope:is(.underline-offset-4) {
+      text-underline-offset: 4px;
+    }
     .opacity-0, :scope:is(.opacity-0) {
       opacity: 0%;
     }
+    .shadow, :scope:is(.shadow) {
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    .shadow-\[var\(--shadow-card\)\], :scope:is(.shadow-\[var\(--shadow-card\)\]) {
+      --tw-shadow: var(--shadow-card);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
     .shadow-sm, :scope:is(.shadow-sm) {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1411,6 +1448,18 @@
       --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
+    .outline-hidden, :scope:is(.outline-hidden) {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+    .blur, :scope:is(.blur) {
+      --tw-blur: blur(8px);
+      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+    }
     .grayscale, :scope:is(.grayscale) {
       --tw-grayscale: grayscale(100%);
       filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -1437,6 +1486,9 @@
       .hover\:text-foreground:hover, :scope:is(.hover\:text-foreground:hover) {
         color: hsl(var(--foreground));
       }
+      .hover\:underline:hover, :scope:is(.hover\:underline:hover) {
+        text-decoration-line: underline;
+      }
       .hover\:grayscale-0:hover, :scope:is(.hover\:grayscale-0:hover) {
         --tw-grayscale: grayscale(0%);
         filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -1452,7 +1504,22 @@
     .aria-pressed\:bg-muted[aria-pressed="true"], :scope:is(.aria-pressed\:bg-muted[aria-pressed="true"]) {
       background-color: hsl(var(--muted));
     }
+    .data-\[state\=closed\]\:\[animation\:tangle-surface-absent_var\(--motion-dismiss\)_both\][data-state="closed"], :scope:is(.data-\[state\=closed\]\:\[animation\:tangle-surface-absent_var\(--motion-dismiss\)_both\][data-state="closed"]) {
+      animation: tangle-surface-absent var(--motion-dismiss) both;
+    }
+    .data-\[state\=delayed-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="delayed-open"], :scope:is(.data-\[state\=delayed-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="delayed-open"]) {
+      animation: tangle-surface-present var(--motion-surface) both;
+    }
+    .data-\[state\=instant-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="instant-open"], :scope:is(.data-\[state\=instant-open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="instant-open"]) {
+      animation: tangle-surface-present var(--motion-surface) both;
+    }
+    .data-\[state\=open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="open"], :scope:is(.data-\[state\=open\]\:\[animation\:tangle-surface-present_var\(--motion-surface\)_both\][data-state="open"]) {
+      animation: tangle-surface-present var(--motion-surface) both;
+    }
     @media (prefers-reduced-motion: reduce) {
+      .motion-reduce\:animate-none\!, :scope:is(.motion-reduce\:animate-none\!) {
+        animation: none !important;
+      }
       .motion-reduce\:transition-none, :scope:is(.motion-reduce\:transition-none) {
         transition-property: none;
       }
@@ -2707,6 +2774,8 @@ svg.react-flow__connectionline {
   }
 }
 @keyframes tangle-intro-enter { from { opacity: 0; transform: translateY(var(--arrive-distance)); } to { opacity: 1; transform: none; } }
+@keyframes tangle-surface-present { from { --tangle-presence: 0; } to { --tangle-presence: 1; } }
+@keyframes tangle-surface-absent { from { --tangle-presence: 1; } to { --tangle-presence: 0; } }
 
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @layer theme, base, ar-base, components, utilities;
@@ -5725,9 +5794,6 @@ button.tgc-count-label {
 .fw-root .fw-link-up::before {
   right: -3.25px;
 }
-.fw-root .fw-card-anchor {
-  display: contents;
-}
 .fw-root .fw-seg-alt {
   filter: brightness(.78);
 }
@@ -5752,9 +5818,8 @@ button.tgc-count-label {
   box-shadow: 0 0 0 3px var(--fw-surface);
 }
 .fw-root .fw-card {
-  position: absolute;
-  z-index: 20;
-  width: min(320px, calc(100% - 16px));
+  position: relative;
+  width: 100%;
   max-height: min(60vh, 560px);
   overflow-y: auto;
   overscroll-behavior: contain;
@@ -5763,13 +5828,7 @@ button.tgc-count-label {
   background: var(--fw-raised);
   border: 1px solid var(--fw-border);
   box-shadow: var(--shadow-dropdown);
-  transition: left var(--motion-surface), top var(--motion-surface), opacity var(--motion-control);
-}
-.fw-root .fw-card[role="tooltip"] {
-  pointer-events: none;
-}
-.fw-root .fw-card-above .fw-card {
-  transform: translateY(-100%);
+  transition: opacity var(--motion-control);
 }
 .fw-root .fw-card-agent {
   display: flex;

package/dist/utils.d.ts

@@ -1,2 +1,2 @@
-import { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, plainTextFromMarkdown, timeAgo, truncateText } from "@tangle-network/ui/utils";
-export { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, plainTextFromMarkdown, timeAgo, truncateText };
+import { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatAxisDuration, formatBytes, formatClock, formatCompact, formatCost, formatCount, formatDuration, formatSpanDuration, formatUptime, formatUtcTime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, plainTextFromMarkdown, timeAgo, truncateText } from "@tangle-network/ui/utils";
+export { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatAxisDuration, formatBytes, formatClock, formatCompact, formatCost, formatCount, formatDuration, formatSpanDuration, formatUptime, formatUtcTime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, plainTextFromMarkdown, timeAgo, truncateText };

package/dist/utils.js

@@ -1 +1 @@
-export { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, plainTextFromMarkdown, timeAgo, truncateText } from "@tangle-network/ui/utils";
+export { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatAxisDuration, formatBytes, formatClock, formatCompact, formatCost, formatCount, formatDuration, formatSpanDuration, formatUptime, formatUtcTime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, plainTextFromMarkdown, timeAgo, truncateText } from "@tangle-network/ui/utils";