@tangle-network/sandbox-ui 0.111.2 → 0.113.0

package/dist/{chunk-5M67IFVI.js → chunk-ISTJTUHJ.js}

@@ -325,8 +325,8 @@ function GitStatusBadge({ status }) {
     }
   );
 }
-function DiffStatsBadge({ stats }) {
-  return /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-1.5 font-mono text-xs", children: [
+function DiffStatsBadge({ stats, className }) {
+  return /* @__PURE__ */ jsxs2("span", { className: cn("inline-flex items-center gap-1.5 font-mono text-xs", className), children: [
     /* @__PURE__ */ jsxs2("span", { className: "text-[var(--code-success,#10B981)]", children: [
       "+",
       stats.added
@@ -7280,15 +7280,19 @@ var DIFF_OPTIONS = {
   themeType: "dark",
   stickyHeader: true
 };
-function DiffView({ filename, baseline, current, className }) {
+function DiffView({ filename, baseline, current, showFileHeader = true, className }) {
   const patch = React7.useMemo(
     () => buildUnifiedPatch(filename, baseline, current),
     [filename, baseline, current]
   );
+  const options = React7.useMemo(
+    () => showFileHeader ? DIFF_OPTIONS : { ...DIFF_OPTIONS, disableFileHeader: true },
+    [showFileHeader]
+  );
   if (!patch) {
     return /* @__PURE__ */ jsx7("div", { className: cn("flex h-full items-center justify-center bg-surface-container", className), children: /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: "No changes \u2014 baseline and working copy are identical." }) });
   }
-  return /* @__PURE__ */ jsx7("div", { className: cn("h-full min-h-0 overflow-auto bg-surface-container text-[13px]", className), children: /* @__PURE__ */ jsx7(PatchDiff, { patch, options: DIFF_OPTIONS }) });
+  return /* @__PURE__ */ jsx7("div", { className: cn("h-full min-h-0 overflow-auto bg-surface-container text-[13px]", className), children: /* @__PURE__ */ jsx7(PatchDiff, { patch, options }) });
 }
 
 // src/workbench/preview-view.tsx
@@ -7511,9 +7515,322 @@ function SandboxArtifactPane({
   );
 }
 
+// src/workbench/changes-pane.tsx
+import * as React10 from "react";
+import { GitBranch, RefreshCw } from "lucide-react";
+import { Button, Skeleton, Textarea } from "@tangle-network/ui/primitives";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+var BORDER = "border-[var(--md3-outline-variant)]";
+function splitPath(path) {
+  const at = path.lastIndexOf("/");
+  if (at < 0) return { dir: "", base: path };
+  return { dir: path.slice(0, at + 1), base: path.slice(at + 1) };
+}
+function resolveContents(file) {
+  const { status, baseline, current } = file;
+  if (status === "added" || status === "untracked") {
+    return current == null ? null : { baseline: baseline ?? "", current };
+  }
+  if (status === "deleted") {
+    return baseline == null ? null : { baseline, current: current ?? "" };
+  }
+  return baseline == null || current == null ? null : { baseline, current };
+}
+function errorText(err) {
+  if (err instanceof Error && err.message) return err.message;
+  return String(err);
+}
+var SKELETON_ROWS = [0, 1, 2, 3];
+function ChangesPane({
+  branch,
+  ahead = 0,
+  behind = 0,
+  files,
+  selectedPath,
+  onSelectFile,
+  loading = false,
+  error,
+  onRefresh,
+  onCommit,
+  onPush,
+  busy,
+  onOpenFile,
+  className
+}) {
+  const idPrefix = React10.useId();
+  const listRef = React10.useRef(null);
+  const rowRefs = React10.useRef(/* @__PURE__ */ new Map());
+  const [message, setMessage] = React10.useState("");
+  const [actionError, setActionError] = React10.useState(null);
+  const [pending, setPending] = React10.useState(null);
+  const inFlight = busy ?? pending;
+  const totals = React10.useMemo(() => {
+    let added = 0;
+    let removed = 0;
+    for (const f of files) {
+      added += f.additions;
+      removed += f.deletions;
+    }
+    return { added, removed };
+  }, [files]);
+  const selectedIndex = selectedPath == null ? -1 : files.findIndex((f) => f.path === selectedPath);
+  const selected = selectedIndex >= 0 ? files[selectedIndex] : void 0;
+  React10.useEffect(() => {
+    const list = listRef.current;
+    if (!list || selected == null) return;
+    if (!list.contains(document.activeElement)) return;
+    rowRefs.current.get(selected.path)?.focus();
+  }, [selected]);
+  const handleListKeyDown = React10.useCallback(
+    (event) => {
+      if (files.length === 0 || !onSelectFile) return;
+      const last = files.length - 1;
+      let next = null;
+      switch (event.key) {
+        case "ArrowDown":
+          next = selectedIndex < 0 ? 0 : Math.min(selectedIndex + 1, last);
+          break;
+        case "ArrowUp":
+          next = selectedIndex < 0 ? last : Math.max(selectedIndex - 1, 0);
+          break;
+        case "Home":
+          next = 0;
+          break;
+        case "End":
+          next = last;
+          break;
+        case "Enter":
+        case " ":
+          next = selectedIndex < 0 ? 0 : selectedIndex;
+          break;
+        default:
+          return;
+      }
+      event.preventDefault();
+      const file = files[next];
+      if (file) onSelectFile(file.path);
+    },
+    [files, onSelectFile, selectedIndex]
+  );
+  const runCommit = React10.useCallback(async () => {
+    const text = message.trim();
+    if (!onCommit || !text || inFlight) return;
+    setActionError(null);
+    setPending("commit");
+    try {
+      await onCommit(text);
+      setMessage("");
+    } catch (err) {
+      setActionError(errorText(err));
+    } finally {
+      setPending(null);
+    }
+  }, [message, onCommit, inFlight]);
+  const runPush = React10.useCallback(async () => {
+    if (!onPush || inFlight) return;
+    setActionError(null);
+    setPending("push");
+    try {
+      await onPush();
+    } catch (err) {
+      setActionError(errorText(err));
+    } finally {
+      setPending(null);
+    }
+  }, [onPush, inFlight]);
+  const handleMessageKeyDown = React10.useCallback(
+    (event) => {
+      if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        void runCommit();
+      }
+    },
+    [runCommit]
+  );
+  const canCommit = files.length > 0 && message.trim().length > 0 && inFlight == null;
+  const canPush = ahead > 0 && inFlight == null;
+  const contents = React10.useMemo(() => selected ? resolveContents(selected) : null, [selected]);
+  const stats = React10.useMemo(
+    () => contents ? computeDiffStats(contents.baseline, contents.current) : void 0,
+    [contents]
+  );
+  const patch = React10.useMemo(
+    () => selected && contents ? buildUnifiedPatch(selected.path, contents.baseline, contents.current) : void 0,
+    [selected, contents]
+  );
+  const showList = !loading && files.length > 0;
+  const showEmpty = !loading && files.length === 0 && !error;
+  return /* @__PURE__ */ jsxs7("div", { className: cn("flex h-full min-h-0 flex-col text-foreground", className), children: [
+    /* @__PURE__ */ jsxs7(
+      "div",
+      {
+        className: cn(
+          "flex min-h-[38px] shrink-0 items-center gap-2 border-b bg-surface-container-low px-3 py-1",
+          BORDER
+        ),
+        children: [
+          /* @__PURE__ */ jsx10(GitBranch, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true }),
+          loading && branch == null ? /* @__PURE__ */ jsx10(Skeleton, { className: "h-4 w-24 rounded-full" }) : branch == null ? /* @__PURE__ */ jsx10("span", { className: "text-xs text-muted-foreground", children: "no commits yet" }) : /* @__PURE__ */ jsx10("span", { className: "truncate rounded-full bg-surface-container-high px-2 py-0.5 font-mono text-xs text-foreground", children: branch }),
+          (ahead > 0 || behind > 0) && /* @__PURE__ */ jsxs7("span", { className: "flex items-center gap-1.5 font-mono text-xs text-muted-foreground", children: [
+            ahead > 0 && /* @__PURE__ */ jsxs7("span", { "aria-label": `${ahead} ahead`, children: [
+              "\u2191",
+              ahead
+            ] }),
+            behind > 0 && /* @__PURE__ */ jsxs7("span", { "aria-label": `${behind} behind`, children: [
+              "\u2193",
+              behind
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs7("div", { className: "ml-auto flex items-center gap-3", children: [
+            files.length > 0 && /* @__PURE__ */ jsx10(DiffStatsBadge, { stats: totals }),
+            onRefresh && /* @__PURE__ */ jsx10(
+              "button",
+              {
+                type: "button",
+                onClick: onRefresh,
+                "aria-label": "Refresh",
+                className: "rounded-md p-1 text-muted-foreground transition-colors hover:bg-surface-container-high hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+                children: /* @__PURE__ */ jsx10(RefreshCw, { className: cn("h-3.5 w-3.5", loading && "animate-spin") })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs7("div", { className: cn("flex max-h-[40%] shrink-0 flex-col border-b", BORDER), "aria-busy": loading || void 0, children: [
+      error && /* @__PURE__ */ jsx10("p", { role: "alert", className: "px-3 py-2 text-xs text-[var(--surface-danger-text)]", children: error }),
+      loading && /* @__PURE__ */ jsxs7("div", { className: "space-y-1 px-3 py-2", "data-testid": "changes-skeleton", children: [
+        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Loading changes\u2026" }),
+        SKELETON_ROWS.map((row) => /* @__PURE__ */ jsx10(Skeleton, { className: "h-6 w-full" }, row))
+      ] }),
+      showEmpty && /* @__PURE__ */ jsx10("p", { className: "px-3 py-6 text-center text-xs text-muted-foreground", children: "No changes in the working tree." }),
+      showList && /* @__PURE__ */ jsx10(
+        "ul",
+        {
+          ref: listRef,
+          role: "listbox",
+          "aria-label": "Changed files",
+          "aria-activedescendant": selected ? `${idPrefix}-${selectedIndex}` : void 0,
+          onKeyDown: handleListKeyDown,
+          className: "min-h-0 overflow-y-auto py-1 focus:outline-none",
+          children: files.map((file, index) => {
+            const isSelected = index === selectedIndex;
+            const { dir, base } = splitPath(file.path);
+            const tabbable = isSelected || selectedIndex < 0 && index === 0;
+            return /* @__PURE__ */ jsxs7(
+              "li",
+              {
+                id: `${idPrefix}-${index}`,
+                ref: (el) => {
+                  if (el) rowRefs.current.set(file.path, el);
+                  else rowRefs.current.delete(file.path);
+                },
+                role: "option",
+                "aria-selected": isSelected,
+                tabIndex: tabbable ? 0 : -1,
+                onClick: () => onSelectFile?.(file.path),
+                className: cn(
+                  "flex cursor-pointer items-center gap-2 px-3 py-1.5 text-xs transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-primary/60",
+                  isSelected ? "bg-surface-container-high" : "hover:bg-surface-container"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs7("span", { className: "min-w-0 flex-1 truncate font-mono", title: file.path, children: [
+                    dir && /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground", children: dir }),
+                    /* @__PURE__ */ jsx10("span", { className: "text-foreground", children: base })
+                  ] }),
+                  /* @__PURE__ */ jsx10(GitStatusBadge, { status: file.status }),
+                  /* @__PURE__ */ jsx10(
+                    DiffStatsBadge,
+                    {
+                      stats: { added: file.additions, removed: file.deletions },
+                      className: "w-[5.5rem] justify-end tabular-nums"
+                    }
+                  )
+                ]
+              },
+              file.path
+            );
+          })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx10("div", { className: "flex min-h-0 flex-1 flex-col", children: selected ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+      /* @__PURE__ */ jsx10(PanelHeader, { filename: selected.path, gitStatus: selected.status, stats, copyText: patch, children: onOpenFile && /* @__PURE__ */ jsx10(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-7 px-2",
+          onClick: () => onOpenFile(selected.path),
+          children: "Open"
+        }
+      ) }),
+      contents ? /* @__PURE__ */ jsx10(
+        DiffView,
+        {
+          filename: selected.path,
+          baseline: contents.baseline,
+          current: contents.current,
+          showFileHeader: false,
+          className: "flex-1"
+        }
+      ) : /* @__PURE__ */ jsx10("p", { className: "px-3 py-3 text-xs text-muted-foreground", role: "status", children: "Loading diff\u2026" })
+    ] }) : showList && /* @__PURE__ */ jsx10("p", { className: "px-3 py-3 text-xs text-muted-foreground", children: "Select a file to read its diff." }) }),
+    (onCommit || onPush) && /* @__PURE__ */ jsxs7("div", { className: cn("shrink-0 space-y-2 border-t bg-surface-container-low p-3", BORDER), children: [
+      onCommit && /* @__PURE__ */ jsx10(
+        Textarea,
+        {
+          "aria-label": "Commit message",
+          placeholder: "Commit message",
+          rows: 2,
+          value: message,
+          onChange: (event) => setMessage(event.target.value),
+          onKeyDown: handleMessageKeyDown,
+          disabled: inFlight != null,
+          className: "min-h-[3.5rem] resize-none px-3 py-2 text-xs"
+        }
+      ),
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+        onCommit && /* @__PURE__ */ jsx10(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            disabled: !canCommit,
+            loading: inFlight === "commit",
+            onClick: () => void runCommit(),
+            children: "Commit"
+          }
+        ),
+        onPush && /* @__PURE__ */ jsxs7(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "secondary",
+            disabled: !canPush,
+            loading: inFlight === "push",
+            onClick: () => void runPush(),
+            children: [
+              "Push",
+              ahead > 0 && /* @__PURE__ */ jsxs7("span", { className: "font-mono text-muted-foreground", children: [
+                "\u2191",
+                ahead
+              ] })
+            ]
+          }
+        )
+      ] }),
+      actionError && /* @__PURE__ */ jsx10("p", { role: "alert", className: "text-xs text-[var(--surface-danger-text)]", children: actionError })
+    ] })
+  ] });
+}
+
 export {
   PillTabs,
   GitStatusBadge,
+  DiffStatsBadge,
   PanelHeader,
   resolveLanguage,
   BRAND_PRISM_THEME,
@@ -7524,5 +7841,6 @@ export {
   buildUnifiedPatch,
   DiffView,
   PreviewView,
-  SandboxArtifactPane
+  SandboxArtifactPane,
+  ChangesPane
 };

package/dist/globals.css

@@ -368,6 +368,9 @@
   .top-full {
     top: 100%;
   }
+  .-right-0\.5 {
+    right: calc(var(--spacing) * -0.5);
+  }
   .-right-1 {
     right: calc(var(--spacing) * -1);
   }
@@ -389,6 +392,9 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
+  .-bottom-0\.5 {
+    bottom: calc(var(--spacing) * -0.5);
+  }
   .bottom-0 {
     bottom: 0px;
   }
@@ -847,6 +853,9 @@
   .h-\[640px\] {
     height: 640px;
   }
+  .h-\[720px\] {
+    height: 720px;
+  }
   .h-\[var\(--avatar-size\)\] {
     height: var(--avatar-size);
   }
@@ -898,6 +907,9 @@
   .max-h-96 {
     max-height: calc(var(--spacing) * 96);
   }
+  .max-h-\[40\%\] {
+    max-height: 40%;
+  }
   .max-h-\[70vh\] {
     max-height: 70vh;
   }
@@ -913,12 +925,18 @@
   .min-h-0 {
     min-height: 0px;
   }
+  .min-h-8 {
+    min-height: calc(var(--spacing) * 8);
+  }
   .min-h-24 {
     min-height: calc(var(--spacing) * 24);
   }
   .min-h-\[2px\] {
     min-height: 2px;
   }
+  .min-h-\[3\.5rem\] {
+    min-height: 3.5rem;
+  }
   .min-h-\[6rem\] {
     min-height: 6rem;
   }
@@ -1102,6 +1120,9 @@
   .w-\[3px\] {
     width: 3px;
   }
+  .w-\[5\.5rem\] {
+    width: 5.5rem;
+  }
   .w-\[17px\] {
     width: 17px;
   }
@@ -1135,6 +1156,9 @@
   .w-\[420px\] {
     width: 420px;
   }
+  .w-\[440px\] {
+    width: 440px;
+  }
   .w-\[480px\] {
     width: 480px;
   }
@@ -2691,6 +2715,9 @@
   .px-\[var\(--tool-card-px\)\] {
     padding-inline: var(--tool-card-px);
   }
+  .py-0 {
+    padding-block: 0px;
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -2796,6 +2823,9 @@
   .pr-2\.5 {
     padding-right: calc(var(--spacing) * 2.5);
   }
+  .pr-3 {
+    padding-right: calc(var(--spacing) * 3);
+  }
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
@@ -2965,6 +2995,10 @@
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
   }
+  .leading-5 {
+    --tw-leading: calc(var(--spacing) * 5);
+    line-height: calc(var(--spacing) * 5);
+  }
   .leading-6 {
     --tw-leading: calc(var(--spacing) * 6);
     line-height: calc(var(--spacing) * 6);
@@ -3300,6 +3334,12 @@
       color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
     }
   }
+  .text-foreground\/75 {
+    color: color-mix(in srgb, hsl(var(--foreground)) 75%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-foreground) 75%, transparent);
+    }
+  }
   .text-foreground\/80 {
     color: color-mix(in srgb, hsl(var(--foreground)) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3471,6 +3511,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-\[0_1px_2px_rgba\(0\,0\,0\,0\.2\)\] {
+    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.2));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0_1px_2px_rgba\(15\,23\,42\,0\.04\)\] {
     --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(15,23,42,0.04));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3724,6 +3768,9 @@
         border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
       }
     }
+    .group-hover\:text-foreground:is(:where(.group):hover *) {
+      color: var(--color-foreground);
+    }
     .group-hover\:text-foreground\/40:is(:where(.group):hover *) {
       color: color-mix(in srgb, hsl(var(--foreground)) 40%, transparent);
     }
@@ -4124,6 +4171,9 @@
     .hover\:bg-red-700:hover {
       background-color: var(--color-red-700);
     }
+    .hover\:bg-surface-container:hover {
+      background-color: var(--color-surface-container);
+    }
     .hover\:bg-surface-container-high:hover {
       background-color: var(--color-surface-container-high);
     }
@@ -4327,6 +4377,9 @@
       background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
     }
   }
+  .focus-visible\:bg-surface-container:focus-visible {
+    background-color: var(--color-surface-container);
+  }
   .focus-visible\:bg-transparent:focus-visible {
     background-color: transparent;
   }
@@ -4696,6 +4749,9 @@
     .lg\:items-center {
       align-items: center;
     }
+    .lg\:p-0 {
+      padding: 0px;
+    }
     .lg\:p-4 {
       padding: calc(var(--spacing) * 4);
     }

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 export { ArtifactPane, ArtifactPaneProps, Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CodeBlock, CodeBlockProps, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropZone, DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateProps, FilterField, FilterFieldProps, InlineCode, InlineCodeProps, Input, InputProps, Label, Metric, MetricProps, MetricStrip, MetricStripProps, Progress, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatCardProps, StatusPill, StatusPillProps, StatusTone, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TerminalDisplay, TerminalCursor as TerminalDisplayCursor, TerminalInput as TerminalDisplayInput, TerminalLine as TerminalDisplayLine, Textarea, TextareaProps, ThemeToggle, Toast, ToastContainer, ToastProvider, Toolbar, ToolbarProps, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, buttonVariants, useTheme, useToast } from '@tangle-network/ui/primitives';
 export { L as Logo, a as LogoProps, T as TangleKnot } from './logo-CaIvk3J1.js';
 export { CodeBlock as CodeBlockDisplay, Markdown, MarkdownProps } from '@tangle-network/ui/markdown';
-export { AgentWorkbench, ApprovalConfidenceStat, ApprovalItem, ApprovalQueue, ApprovalQueueProps, AuditCheck, AuditResults, AuditResultsProps, BannerType, CalendarEvent, CalendarView, CalendarViewProps, ContextBadge, DirectoryPane, DirectoryPaneProps, FormAudit, RuntimePane, RuntimePaneProps, SESSION_CREATED_EVENT, SandboxWorkbench, SandboxWorkbenchArtifact, SandboxWorkbenchCustomArtifact, SandboxWorkbenchFileArtifact, SandboxWorkbenchLayoutOptions, SandboxWorkbenchMarkdownArtifact, SandboxWorkbenchOpenUIArtifact, SandboxWorkbenchProps, SandboxWorkbenchSessionProps, SessionActivityMonitor, SessionActivityMonitorProps, SessionCreatedDetail, SessionOptimisticController, SessionSidebar, SessionSidebarBadge, SessionSidebarFilter, SessionSidebarItem, SessionSidebarLink, SessionSidebarProps, ShellShouldRevalidateArgs, ShellShouldRevalidateOptions, StatusBanner, StatusBannerProps, StatusBar, StatusBarProps, TaskBoard, TaskBoardColumn, TaskBoardItem, TaskBoardProps, TerminalLine, TerminalPanel, TerminalProps, UseOptimisticSessionItemsOptions, WorkspaceLayout, WorkspaceLayoutProps, WorkspacePaneHeader, WorkspacePaneHeaderProps, createShellShouldRevalidate, dispatchSessionCreated, shellShouldRevalidate, useOptimisticSessionItems } from './workspace.js';
-export { ArtifactView, BRAND_PRISM_THEME, CodeSurface, CodeSurfaceProps, CodeView, CodeViewProps, DiffStats, DiffView, DiffViewProps, FileBreadcrumb, FileBreadcrumbProps, GitStatusBadge, PanelHeader, PanelHeaderProps, PillTabItem, PillTabs, PillTabsProps, PreviewView, PreviewViewProps, SandboxArtifact, SandboxArtifactPane, SandboxArtifactPaneProps, SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage } from './workbench.js';
+export { AgentWorkbench, ApprovalConfidenceStat, ApprovalItem, ApprovalQueue, ApprovalQueueProps, AuditCheck, AuditResults, AuditResultsProps, BannerType, CalendarEvent, CalendarView, CalendarViewProps, ContextBadge, DirectoryPane, DirectoryPaneProps, FormAudit, RuntimePane, RuntimePaneProps, SESSION_CREATED_EVENT, SandboxWorkbench, SandboxWorkbenchArtifact, SandboxWorkbenchCustomArtifact, SandboxWorkbenchFileArtifact, SandboxWorkbenchLayoutOptions, SandboxWorkbenchMarkdownArtifact, SandboxWorkbenchOpenUIArtifact, SandboxWorkbenchProps, SandboxWorkbenchSessionProps, SessionActivityMonitor, SessionActivityMonitorProps, SessionCreatedDetail, SessionOptimisticController, SessionSidebar, SessionSidebarBadge, SessionSidebarFilter, SessionSidebarGroupBy, SessionSidebarItem, SessionSidebarLink, SessionSidebarProps, SessionSidebarVariant, ShellShouldRevalidateArgs, ShellShouldRevalidateOptions, StatusBanner, StatusBannerProps, StatusBar, StatusBarProps, TaskBoard, TaskBoardColumn, TaskBoardItem, TaskBoardProps, TerminalLine, TerminalPanel, TerminalProps, UseOptimisticSessionItemsOptions, WorkspaceLayout, WorkspaceLayoutProps, WorkspacePaneHeader, WorkspacePaneHeaderProps, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems } from './workspace.js';
+export { ArtifactView, BRAND_PRISM_THEME, ChangedFile, ChangesPane, ChangesPaneProps, CodeSurface, CodeSurfaceProps, CodeView, CodeViewProps, DiffStats, DiffStatsBadge, DiffView, DiffViewProps, FileBreadcrumb, FileBreadcrumbProps, GitStatusBadge, PanelHeader, PanelHeaderProps, PillTabItem, PillTabs, PillTabsProps, PreviewView, PreviewViewProps, SandboxArtifact, SandboxArtifactPane, SandboxArtifactPaneProps, SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage } from './workbench.js';
 export { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from '@tangle-network/ui/openui';
 export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatContainer, ChatContainerProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from '@tangle-network/ui/chat';
 export { AgentProfileCapability, AgentProfileDraft, AgentProfileOption, AgentProfilePicker, AgentProfilePickerProps, ArtifactAgentDock, ArtifactAgentDockProps, ArtifactAgentDockTransport, ArtifactDockMessage, ArtifactDockStreamEvent, ArtifactKind, ArtifactScope, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, ReasoningLevel, ReasoningLevelOption, ReasoningLevelPicker, ReasoningLevelPickerProps, createFetchTransport } from './chat.js';
@@ -25,6 +25,7 @@ export { AgentBranding, CustomToolRenderer, DisplayVariant, FinalTextPart, Group
 export { Session } from './types.js';
 export { TOOL_CATEGORY_ICONS, cn, copyText, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, timeAgo, truncateText } from '@tangle-network/ui/utils';
 import 'react';
+import 'lucide-react';
 import '@radix-ui/react-dropdown-menu';
 import '@tanstack/react-query';
 import '@tangle-network/ui/sdk-hooks';

package/dist/index.js

@@ -130,13 +130,16 @@ import {
   WorkspacePaneHeader,
   createShellShouldRevalidate,
   dispatchSessionCreated,
+  formatRelativeAge,
   shellShouldRevalidate,
   useOptimisticSessionItems
-} from "./chunk-D5VXCWUG.js";
+} from "./chunk-2Q3KDQX7.js";
 import {
   BRAND_PRISM_THEME,
+  ChangesPane,
   CodeSurface,
   CodeView,
+  DiffStatsBadge,
   DiffView,
   FileBreadcrumb,
   GitStatusBadge,
@@ -147,7 +150,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-5M67IFVI.js";
+} from "./chunk-ISTJTUHJ.js";
 import {
   FileArtifactPane,
   FilePreview,
@@ -383,6 +386,7 @@ export {
   CardFooter,
   CardHeader,
   CardTitle,
+  ChangesPane,
   ChatContainer,
   ChatMessage,
   ClusterStatusBar,
@@ -406,6 +410,7 @@ export {
   DialogTitle,
   DialogTrigger,
   DiffPreview,
+  DiffStatsBadge,
   DiffView,
   DirectoryPane,
   DropZone,
@@ -604,6 +609,7 @@ export {
   formatBytes,
   formatDuration,
   formatPrice,
+  formatRelativeAge,
   formatUptime,
   getActiveSession,
   getAllActiveSessions,