@tangle-network/sandbox-ui 0.91.5 → 0.93.0

package/dist/{chunk-2NS724P4.js → chunk-YOSNN3QU.js}

@@ -214,9 +214,26 @@ function providerLabel(provider) {
 
 // src/workflows/model.ts
 import { parse as parseYaml } from "yaml";
+var TRIGGER_NODE_ID = "trigger";
+var TRIGGER_NODE_ID_PATTERN = new RegExp(`^${TRIGGER_NODE_ID}:(\\d+)$`);
+function triggerNodeId(index) {
+  return index === 0 ? TRIGGER_NODE_ID : `${TRIGGER_NODE_ID}:${index}`;
+}
+function triggerNodeIndex(nodeId) {
+  if (nodeId === TRIGGER_NODE_ID) return 0;
+  const match = TRIGGER_NODE_ID_PATTERN.exec(nodeId);
+  return match ? Number(match[1]) : null;
+}
+function actionNodeId(index) {
+  return `a${index}`;
+}
+function branchNodeId(actionIndex, branchIndex) {
+  return `${actionNodeId(actionIndex)}-b${branchIndex}`;
+}
 var NODE_W = 292;
 var RANK_SEP = 72;
 var CROSS_SEP = 24;
+var EDGE_LABEL_LANE = 180;
 var CARD_CHROME = 20;
 var HEADER_ROW = 34;
 var DESCRIPTION_ROW = 40;
@@ -372,6 +389,50 @@ function describeActionBase(action) {
         tone: "structural"
       };
     }
+    case "script.run": {
+      const connections = Array.isArray(cfg.connections) ? cfg.connections.filter((c) => typeof c === "string") : [];
+      return {
+        title: "Script",
+        kind,
+        // What the box is GRANTED is the thing that distinguishes one script
+        // step from another at a glance; the timeout is a bound, and bounds read
+        // in the detail view with the rest of the config.
+        subtitle: connections.length > 0 ? `TypeScript \xB7 ${connections.length} connection${connections.length === 1 ? "" : "s"}` : "TypeScript",
+        // The head of the module — the same role the prompt plays on an agent:
+        // the text that says what this particular step actually does.
+        description: describeText(cfg.source),
+        isRoot: false,
+        tone: "action"
+      };
+    }
+    case "sandbox.snapshot":
+      return {
+        title: "Snapshot",
+        kind,
+        // WHICH sandbox is the only thing separating one snapshot step from
+        // another, and it is usually a `${steps…}` reference — so the subtitle
+        // reads as the step whose disk is being captured.
+        subtitle: str(cfg.sandbox) ?? "Capture a sandbox",
+        isRoot: false,
+        tone: "action"
+      };
+    case "trace.analyze": {
+      const kinds = Array.isArray(cfg.kinds) ? cfg.kinds.filter((k) => typeof k === "string") : [];
+      return {
+        title: "Trace analysis",
+        kind,
+        // The analysts that run ARE the step. The model it runs them on is
+        // incidental here (unlike agent.run, where the model IS the identity),
+        // so it stays in the config for the detail view and the node keeps its
+        // own glyph rather than borrowing a lab's brand mark.
+        subtitle: kinds.length > 0 ? describeText(
+          kinds.map((k) => humanizeIdentifier(k, "lower")).join(", ")
+        ) : "Default analysts",
+        description: describeText(cfg.trace),
+        isRoot: false,
+        tone: "action"
+      };
+    }
     default:
       return {
         // An action kind this version doesn't model yet still gets a readable
@@ -465,6 +526,18 @@ function describeTrigger(on) {
       sch
     );
   }
+  if (rec.webhook !== void 0) {
+    return withConfig(
+      {
+        title: "Webhook",
+        kind: "webhook",
+        subtitle: "On an inbound POST",
+        isRoot: true,
+        tone: "trigger"
+      },
+      asRecord(rec.webhook)
+    );
+  }
   const [kind] = Object.keys(rec);
   return withConfig(
     {
@@ -519,10 +592,74 @@ function layoutLayers(nodes, direction, rankSep, crossSep) {
   }
   return out;
 }
+function classifyBackEdges(orderedIds, edges) {
+  const outgoing = /* @__PURE__ */ new Map();
+  const hasIncoming = /* @__PURE__ */ new Set();
+  for (const e of edges) {
+    const list = outgoing.get(e.source);
+    if (list) list.push(e);
+    else outgoing.set(e.source, [e]);
+    hasIncoming.add(e.target);
+  }
+  const walkOrder = [
+    ...orderedIds.filter((id) => !hasIncoming.has(id)),
+    ...orderedIds.filter((id) => hasIncoming.has(id))
+  ];
+  const back = /* @__PURE__ */ new Set();
+  const color = new Map(orderedIds.map((id) => [id, 0]));
+  for (const start of walkOrder) {
+    if (color.get(start) !== 0) continue;
+    color.set(start, 1);
+    const stack = [{ id: start, next: 0 }];
+    while (stack.length > 0) {
+      const frame = stack[stack.length - 1];
+      const out = outgoing.get(frame.id);
+      if (!out || frame.next >= out.length) {
+        color.set(frame.id, 2);
+        stack.pop();
+        continue;
+      }
+      const edge = out[frame.next];
+      frame.next += 1;
+      const target = color.get(edge.target);
+      if (target === 1) {
+        back.add(edge.id);
+      } else if (target === 0) {
+        color.set(edge.target, 1);
+        stack.push({ id: edge.target, next: 0 });
+      }
+    }
+  }
+  return back;
+}
+function rankByTopology(orderedIds, edges, backEdgeIds) {
+  const outgoing = /* @__PURE__ */ new Map();
+  const indegree = new Map(orderedIds.map((id) => [id, 0]));
+  for (const e of edges) {
+    if (backEdgeIds.has(e.id)) continue;
+    const list = outgoing.get(e.source);
+    if (list) list.push(e);
+    else outgoing.set(e.source, [e]);
+    indegree.set(e.target, (indegree.get(e.target) ?? 0) + 1);
+  }
+  const rank = new Map(orderedIds.map((id) => [id, 0]));
+  const queue = orderedIds.filter((id) => indegree.get(id) === 0);
+  for (let head = 0; head < queue.length; head += 1) {
+    const id = queue[head];
+    for (const e of outgoing.get(id) ?? []) {
+      rank.set(e.target, Math.max(rank.get(e.target) ?? 0, (rank.get(id) ?? 0) + 1));
+      const remaining = (indegree.get(e.target) ?? 0) - 1;
+      indegree.set(e.target, remaining);
+      if (remaining === 0) queue.push(e.target);
+    }
+  }
+  return rank;
+}
 function buildWorkflowGraph(yaml, options) {
   const reserveRunState = options?.reserveRunState ?? false;
   const direction = options?.direction ?? "LR";
   const compact = options?.compact ?? false;
+  const declared = options?.edges;
   if (!yaml || yaml.trim() === "") {
     return { nodes: [], edges: [], error: "No definition" };
   }
@@ -534,7 +671,8 @@ function buildWorkflowGraph(yaml, options) {
   }
   const def = asRecord(parsed);
   const actions = Array.isArray(def.do) ? def.do : [];
-  if (!def.on && actions.length === 0) {
+  const triggers = !def.on ? [] : Array.isArray(def.on) ? def.on : [def.on];
+  if (triggers.length === 0 && actions.length === 0) {
     return { nodes: [], edges: [], error: "Empty workflow" };
   }
   const logical = [];
@@ -547,24 +685,39 @@ function buildWorkflowGraph(yaml, options) {
     };
     logical.push({ id, data, width: dims.width, height: dims.height, rank: rank2 });
   };
-  const addEdge = (source, target, kind) => {
-    edges.push({ id: `${source}->${target}`, source, target, kind });
+  const edgeIds = /* @__PURE__ */ new Set();
+  const addEdge = (source, target, kind, whenLabel) => {
+    const id = `${source}->${target}`;
+    if (edgeIds.has(id)) return;
+    edgeIds.add(id);
+    edges.push({
+      id,
+      source,
+      target,
+      kind,
+      ...whenLabel ? { whenLabel } : {}
+    });
   };
   let rank = 0;
   let prevExits = [];
   const branchLeafIds = /* @__PURE__ */ new Set();
-  if (def.on) {
-    addNode("trigger", describeTrigger(def.on), rank, false);
-    prevExits = ["trigger"];
+  const triggerIds = triggers.map((_, i) => triggerNodeId(i));
+  triggers.forEach((trigger, i) => {
+    addNode(triggerNodeId(i), describeTrigger(trigger), rank, false);
+  });
+  if (triggers.length > 0) {
+    prevExits = [...triggerIds];
     rank += 1;
   }
   actions.forEach((action, i) => {
-    const id = `a${i}`;
+    const id = actionNodeId(i);
     const data = describeAction(action);
-    if (i === 0 && !def.on) data.isRoot = true;
+    if (i === 0 && triggers.length === 0) data.isRoot = true;
     addNode(id, data, rank, reserveRunState);
-    for (const from of prevExits) {
-      addEdge(from, id, branchLeafIds.has(from) ? "join" : "spine");
+    if (!declared) {
+      for (const from of prevExits) {
+        addEdge(from, id, branchLeafIds.has(from) ? "join" : "spine");
+      }
     }
     const rec = asRecord(action);
     const children = "parallel" in rec ? Array.isArray(asRecord(rec.parallel).branches) ? asRecord(rec.parallel).branches : [] : "foreach" in rec ? (
@@ -575,7 +728,7 @@ function buildWorkflowGraph(yaml, options) {
       const branchRank = rank + 1;
       const branchIds = [];
       children.forEach((child, j) => {
-        const cid = `${id}-b${j}`;
+        const cid = branchNodeId(i, j);
         addNode(cid, describeAction(child), branchRank, reserveRunState);
         addEdge(id, cid, "fork");
         branchIds.push(cid);
@@ -588,8 +741,43 @@ function buildWorkflowGraph(yaml, options) {
       rank += 1;
     }
   });
+  if (declared) {
+    const known = new Set(logical.map((n) => n.id));
+    for (const spec of declared) {
+      const missing = !known.has(spec.from) ? spec.from : !known.has(spec.to) ? spec.to : null;
+      if (missing !== null) {
+        return {
+          nodes: [],
+          edges: [],
+          error: `Declared topology names "${missing}", which this definition has no step for`
+        };
+      }
+      addEdge(spec.from, spec.to, "spine", spec.whenLabel);
+    }
+    const rootward = new Set(edges.map((e) => e.target));
+    for (const n of logical) {
+      if (triggerNodeIndex(n.id) !== null) continue;
+      if (rootward.has(n.id)) continue;
+      for (const triggerId of triggerIds) addEdge(triggerId, n.id, "spine");
+    }
+    const orderedIds = logical.map((n) => n.id);
+    const backEdgeIds = classifyBackEdges(orderedIds, edges);
+    for (const e of edges) {
+      if (backEdgeIds.has(e.id)) e.backEdge = true;
+    }
+    const rankById = rankByTopology(orderedIds, edges, backEdgeIds);
+    const incoming = new Set(edges.map((e) => e.target));
+    for (const n of logical) {
+      n.rank = rankById.get(n.id) ?? 0;
+      n.data = { ...n.data, isRoot: !incoming.has(n.id) };
+    }
+  }
+  const labelled = edges.some(
+    (e) => e.whenLabel !== void 0 || e.backEdge === true
+  );
+  const rankSep = labelled ? Math.max(geo.rankSep, EDGE_LABEL_LANE) : geo.rankSep;
   return {
-    nodes: layoutLayers(logical, direction, geo.rankSep, geo.crossSep),
+    nodes: layoutLayers(logical, direction, rankSep, geo.crossSep),
     edges,
     error: null
   };
@@ -602,6 +790,11 @@ export {
   fmtTokens,
   shortModel,
   providerLabel,
+  TRIGGER_NODE_ID,
+  triggerNodeId,
+  triggerNodeIndex,
+  actionNodeId,
+  branchNodeId,
   COMPACT_TILE,
   COMPACT_NODE_SIZE,
   buildWorkflowGraph

package/dist/dashboard.js

@@ -54,7 +54,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-H237JF3H.js";
+} from "./chunk-UB3V2YAZ.js";
 import {
   BillingDashboard,
   InfoPanel,

package/dist/globals.css

@@ -707,6 +707,10 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
   .size-11 {
     width: calc(var(--spacing) * 11);
     height: calc(var(--spacing) * 11);
@@ -714,6 +718,9 @@
   .\!h-2 {
     height: calc(var(--spacing) * 2) !important;
   }
+  .\!h-2\.5 {
+    height: calc(var(--spacing) * 2.5) !important;
+  }
   .h-1 {
     height: var(--spacing);
   }
@@ -792,6 +799,9 @@
   .h-\[24rem\] {
     height: 24rem;
   }
+  .h-\[26rem\] {
+    height: 26rem;
+  }
   .h-\[28rem\] {
     height: 28rem;
   }
@@ -963,6 +973,9 @@
   .\!w-2 {
     width: calc(var(--spacing) * 2) !important;
   }
+  .\!w-2\.5 {
+    width: calc(var(--spacing) * 2.5) !important;
+  }
   .w-0 {
     width: 0px;
   }
@@ -1206,6 +1219,9 @@
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
+  .max-w-40 {
+    max-width: calc(var(--spacing) * 40);
+  }
   .max-w-\[14rem\] {
     max-width: 14rem;
   }
@@ -1221,6 +1237,9 @@
   .max-w-\[85\%\] {
     max-width: 85%;
   }
+  .max-w-\[85vw\] {
+    max-width: 85vw;
+  }
   .max-w-\[90vw\] {
     max-width: 90vw;
   }
@@ -1445,6 +1464,9 @@
   .resize-y {
     resize: vertical;
   }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
   .\[scrollbar-gutter\:stable\] {
     scrollbar-gutter: stable;
   }
@@ -1685,6 +1707,12 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+  .\!rounded-full {
+    border-radius: calc(infinity * 1px) !important;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -1768,6 +1796,10 @@
   .rounded-bl-lg {
     border-bottom-left-radius: var(--radius-lg);
   }
+  .\!border {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
   .\!border-0 {
     border-style: var(--tw-border-style) !important;
     border-width: 0px !important;
@@ -1828,6 +1860,9 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .\!border-border {
+    border-color: var(--color-border) !important;
+  }
   .border-\[var\(--accent-text\)\] {
     border-color: var(--accent-text);
   }
@@ -2068,6 +2103,12 @@
   .border-b-primary {
     border-bottom-color: var(--color-primary);
   }
+  .\!bg-muted-foreground\/70 {
+    background-color: color-mix(in srgb, hsl(var(--muted-foreground)) 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent) !important;
+    }
+  }
   .\!bg-transparent {
     background-color: transparent !important;
   }
@@ -2287,6 +2328,12 @@
       background-color: color-mix(in oklab, var(--color-card) 80%, transparent);
     }
   }
+  .bg-card\/90 {
+    background-color: color-mix(in srgb, hsl(var(--card)) 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-card) 90%, transparent);
+    }
+  }
   .bg-destructive {
     background-color: var(--color-destructive);
   }
@@ -3476,6 +3523,10 @@
     --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-xl {
+    --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);
+  }
   .ring {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3654,6 +3705,9 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .\[-ms-overflow-style\:none\] {
+    -ms-overflow-style: none;
+  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -3873,6 +3927,9 @@
         border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
       }
     }
+    .hover\:\!bg-primary:hover {
+      background-color: var(--color-primary) !important;
+    }
     .hover\:bg-\[var\(--accent-surface-soft\)\]:hover {
       background-color: var(--accent-surface-soft);
     }
@@ -4569,6 +4626,9 @@
     .md\:flex {
       display: flex;
     }
+    .md\:hidden {
+      display: none;
+    }
     .md\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -4687,6 +4747,9 @@
   .\[\&\:\:-moz-range-track\]\:bg-border::-moz-range-track {
     background-color: var(--color-border);
   }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+    display: none;
+  }
   .\[\&\:\:-webkit-slider-runnable-track\]\:h-1\.5::-webkit-slider-runnable-track {
     height: calc(var(--spacing) * 1.5);
   }

package/dist/index.js

@@ -91,7 +91,7 @@ import {
   snapHarnessToModel,
   snapModelToHarness,
   validateComposerFiles
-} from "./chunk-QMY3XVH3.js";
+} from "./chunk-GUULFESL.js";
 import {
   TOOL_CATEGORY_ICONS,
   cn,
@@ -152,7 +152,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-S6J6JIIP.js";
+} from "./chunk-UKQOHN73.js";
 import {
   FileArtifactPane,
   FilePreview,
@@ -217,7 +217,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-H237JF3H.js";
+} from "./chunk-UB3V2YAZ.js";
 import {
   BillingDashboard,
   InfoPanel,

package/dist/styles.css

@@ -707,6 +707,10 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
   .size-11 {
     width: calc(var(--spacing) * 11);
     height: calc(var(--spacing) * 11);
@@ -714,6 +718,9 @@
   .\!h-2 {
     height: calc(var(--spacing) * 2) !important;
   }
+  .\!h-2\.5 {
+    height: calc(var(--spacing) * 2.5) !important;
+  }
   .h-1 {
     height: var(--spacing);
   }
@@ -792,6 +799,9 @@
   .h-\[24rem\] {
     height: 24rem;
   }
+  .h-\[26rem\] {
+    height: 26rem;
+  }
   .h-\[28rem\] {
     height: 28rem;
   }
@@ -963,6 +973,9 @@
   .\!w-2 {
     width: calc(var(--spacing) * 2) !important;
   }
+  .\!w-2\.5 {
+    width: calc(var(--spacing) * 2.5) !important;
+  }
   .w-0 {
     width: 0px;
   }
@@ -1206,6 +1219,9 @@
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
+  .max-w-40 {
+    max-width: calc(var(--spacing) * 40);
+  }
   .max-w-\[14rem\] {
     max-width: 14rem;
   }
@@ -1221,6 +1237,9 @@
   .max-w-\[85\%\] {
     max-width: 85%;
   }
+  .max-w-\[85vw\] {
+    max-width: 85vw;
+  }
   .max-w-\[90vw\] {
     max-width: 90vw;
   }
@@ -1445,6 +1464,9 @@
   .resize-y {
     resize: vertical;
   }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
   .\[scrollbar-gutter\:stable\] {
     scrollbar-gutter: stable;
   }
@@ -1685,6 +1707,12 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+  .\!rounded-full {
+    border-radius: calc(infinity * 1px) !important;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -1768,6 +1796,10 @@
   .rounded-bl-lg {
     border-bottom-left-radius: var(--radius-lg);
   }
+  .\!border {
+    border-style: var(--tw-border-style) !important;
+    border-width: 1px !important;
+  }
   .\!border-0 {
     border-style: var(--tw-border-style) !important;
     border-width: 0px !important;
@@ -1828,6 +1860,9 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .\!border-border {
+    border-color: var(--color-border) !important;
+  }
   .border-\[var\(--accent-text\)\] {
     border-color: var(--accent-text);
   }
@@ -2068,6 +2103,12 @@
   .border-b-primary {
     border-bottom-color: var(--color-primary);
   }
+  .\!bg-muted-foreground\/70 {
+    background-color: color-mix(in srgb, hsl(var(--muted-foreground)) 70%, transparent) !important;
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent) !important;
+    }
+  }
   .\!bg-transparent {
     background-color: transparent !important;
   }
@@ -2287,6 +2328,12 @@
       background-color: color-mix(in oklab, var(--color-card) 80%, transparent);
     }
   }
+  .bg-card\/90 {
+    background-color: color-mix(in srgb, hsl(var(--card)) 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-card) 90%, transparent);
+    }
+  }
   .bg-destructive {
     background-color: var(--color-destructive);
   }
@@ -3476,6 +3523,10 @@
     --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-xl {
+    --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);
+  }
   .ring {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3654,6 +3705,9 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .\[-ms-overflow-style\:none\] {
+    -ms-overflow-style: none;
+  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -3873,6 +3927,9 @@
         border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
       }
     }
+    .hover\:\!bg-primary:hover {
+      background-color: var(--color-primary) !important;
+    }
     .hover\:bg-\[var\(--accent-surface-soft\)\]:hover {
       background-color: var(--accent-surface-soft);
     }
@@ -4569,6 +4626,9 @@
     .md\:flex {
       display: flex;
     }
+    .md\:hidden {
+      display: none;
+    }
     .md\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -4687,6 +4747,9 @@
   .\[\&\:\:-moz-range-track\]\:bg-border::-moz-range-track {
     background-color: var(--color-border);
   }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+    display: none;
+  }
   .\[\&\:\:-webkit-slider-runnable-track\]\:h-1\.5::-webkit-slider-runnable-track {
     height: calc(var(--spacing) * 1.5);
   }

package/dist/workbench.js

@@ -12,9 +12,9 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-S6J6JIIP.js";
+} from "./chunk-UKQOHN73.js";
 import "./chunk-3J6FG3FJ.js";
-import "./chunk-H237JF3H.js";
+import "./chunk-UB3V2YAZ.js";
 import "./chunk-OMUIPJQZ.js";
 import "./chunk-WYMAC3T3.js";
 import "./chunk-KEYPUGS3.js";