@tangle-network/sandbox-ui 0.132.3 → 0.133.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chat-Cc6pWroz.js → chat-DRkKyE8E.js} +2 -2
- package/dist/chat.d.ts +2 -2
- package/dist/chat.js +2 -2
- package/dist/{dashboard-CGtJ8Q_h.js → dashboard-ByNeu9gf.js} +16 -9
- package/dist/dashboard.d.ts +1 -1
- package/dist/dashboard.js +1 -1
- package/dist/{embedded-app-view-CMRPEvon.js → embedded-app-view-CYb9hevq.js} +2 -2
- package/dist/globals.css +108 -17
- package/dist/{index-DeJpBMFX.d.ts → index-04xUKbln.d.ts} +2 -2
- package/dist/{index-DNClXEEe.d.ts → index-CpsuWqrT.d.ts} +1 -1
- package/dist/{index-D7zJLs_I.d.ts → index-Dm-tABpL.d.ts} +30 -6
- package/dist/{index-DTRXdurE.d.ts → index-DzxpFptj.d.ts} +1 -1
- package/dist/index.d.ts +7 -7
- package/dist/index.js +9 -9
- package/dist/markdown.d.ts +2 -2
- package/dist/markdown.js +2 -2
- package/dist/pages.js +11 -12
- package/dist/run.d.ts +2 -2
- package/dist/run.js +2 -2
- package/dist/shell-header-CTh3oV_e.js +41 -0
- package/dist/styles.css +108 -17
- package/dist/tailwind.css +19 -0
- package/dist/tokens.css +11 -0
- package/dist/workbench/embedded-app.js +1 -1
- package/dist/{workbench-C6h_DkVv.js → workbench-CPS8qGlD.js} +2 -2
- package/dist/workbench.d.ts +1 -1
- package/dist/workbench.js +2 -2
- package/dist/{workspace-DLlilck6.js → workspace-D3ABWOa9.js} +15 -13
- package/dist/workspace.d.ts +2 -2
- package/dist/workspace.js +3 -3
- package/package.json +5 -5
- package/dist/workspace-pane-header-Bg1cCcHX.js +0 -15
package/dist/tailwind.css
CHANGED
|
@@ -932,6 +932,25 @@
|
|
|
932
932
|
* column's min-content width alone, so it cannot squeeze a table. */
|
|
933
933
|
overflow-wrap: break-word;
|
|
934
934
|
}
|
|
935
|
+
/* Transcript text: the one size and leading for every chat message body, the
|
|
936
|
+
* person's and the agent's alike (Brand's `--transcript-*` tokens, applied by
|
|
937
|
+
* ui's `TRANSCRIPT_TEXT`). TRANSCRIPT_TEXT's own leading is a layered utility,
|
|
938
|
+
* and the unlayered `.tangle-prose` rule above beats any layered rule, so an
|
|
939
|
+
* agent message (`tangle-prose tangle-transcript-text`) read at 1.7 while the
|
|
940
|
+
* person's read at 1.6. These unlayered rules restore the one scale; they
|
|
941
|
+
* mirror Brand's globals.css, which consumers of this stylesheet do not load. */
|
|
942
|
+
.tangle-transcript-text,
|
|
943
|
+
.tangle-prose.tangle-transcript-text {
|
|
944
|
+
font-family: inherit;
|
|
945
|
+
font-size: var(--transcript-font-size);
|
|
946
|
+
line-height: var(--transcript-line-height);
|
|
947
|
+
}
|
|
948
|
+
/* Markdown inside a transcript container reads at the container's size and
|
|
949
|
+
* leading, not .tangle-prose's own 1.7. */
|
|
950
|
+
.tangle-transcript-text .tangle-prose {
|
|
951
|
+
font-size: inherit;
|
|
952
|
+
line-height: inherit;
|
|
953
|
+
}
|
|
935
954
|
/* Zero the browser's default block margins at zero specificity (:where) so the
|
|
936
955
|
* owl selector below owns all vertical rhythm — a plain `.tangle-prose p` reset
|
|
937
956
|
* (0,1,1) would outrank the owl (0,1,0) and collapse the gap between blocks. */
|
package/dist/tokens.css
CHANGED
|
@@ -455,6 +455,17 @@
|
|
|
455
455
|
--font-size-help: 0.75rem; /* 12px */
|
|
456
456
|
--panel-padding: 1rem;
|
|
457
457
|
--content-max-width: 80rem;
|
|
458
|
+
/* Shell: every header row in the app shell (sidebar rail, main pane, side
|
|
459
|
+
panels, drawers, the assistant) is this tall, so their bottom dividers
|
|
460
|
+
share one y. Header content fills the row; it never sets the height.
|
|
461
|
+
An inset pane sits one gutter plus its 1px border below the shell top, so
|
|
462
|
+
its header is shorter by exactly that amount (see ShellHeader). */
|
|
463
|
+
--shell-header-height: 3.5rem; /* 56px */
|
|
464
|
+
--shell-inset-gutter: 0.5rem; /* 8px */
|
|
465
|
+
/* Transcript: the person's and the agent's messages share one family, size
|
|
466
|
+
and leading; they differ only by alignment and surface. */
|
|
467
|
+
--transcript-font-size: var(--font-size-base);
|
|
468
|
+
--transcript-line-height: var(--line-height-base);
|
|
458
469
|
|
|
459
470
|
/* Typography scale — override per-app for custom type hierarchy.
|
|
460
471
|
Components reference these instead of hardcoded pixel values. */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as EmbeddedAppView } from "../embedded-app-view-
|
|
1
|
+
import { t as EmbeddedAppView } from "../embedded-app-view-CYb9hevq.js";
|
|
2
2
|
export { EmbeddedAppView };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { t as cn$1 } from "./utils-DzWbktWG.js";
|
|
2
|
-
import { a as PortsList } from "./dashboard-
|
|
2
|
+
import { a as PortsList } from "./dashboard-ByNeu9gf.js";
|
|
3
3
|
import { n as TerminalView } from "./terminal-DmSUfGha.js";
|
|
4
4
|
import { RichFileTree } from "./files.js";
|
|
5
|
-
import { n as PreviewView } from "./embedded-app-view-
|
|
5
|
+
import { n as PreviewView } from "./embedded-app-view-CYb9hevq.js";
|
|
6
6
|
import { Button, Skeleton, Textarea } from "@tangle-network/ui/primitives";
|
|
7
7
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
8
|
import * as React$1 from "react";
|
package/dist/workbench.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-
|
|
1
|
+
import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-CpsuWqrT.js";
|
|
2
2
|
import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
|
|
3
3
|
export { type ArtifactView, BRAND_PRISM_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage };
|
package/dist/workbench.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-
|
|
2
|
-
import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-
|
|
1
|
+
import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-CPS8qGlD.js";
|
|
2
|
+
import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CYb9hevq.js";
|
|
3
3
|
export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as cn$1 } from "./utils-DzWbktWG.js";
|
|
2
|
-
import {
|
|
2
|
+
import { r as ShellHeader } from "./shell-header-CTh3oV_e.js";
|
|
3
3
|
import { t as MOTION_CONTROL } from "./motion-DkyBRJb9.js";
|
|
4
4
|
import { i as VaultTree, n as filterFileNodes, t as fileTreeFromPaths } from "./tree-data-DtoCNNBJ.js";
|
|
5
5
|
import { ArtifactPane, ArtifactPane as ArtifactPane$1, Button, EmptyState, Input, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@tangle-network/ui/primitives";
|
|
@@ -171,7 +171,7 @@ function MobileDrawer({ side, title, header, onClose, onReturnFocus, theme, dens
|
|
|
171
171
|
className: "sr-only",
|
|
172
172
|
children: title
|
|
173
173
|
}),
|
|
174
|
-
/* @__PURE__ */ jsxs(
|
|
174
|
+
/* @__PURE__ */ jsxs(ShellHeader, {
|
|
175
175
|
className: "justify-between gap-3",
|
|
176
176
|
children: [/* @__PURE__ */ jsx("div", {
|
|
177
177
|
className: "min-w-0 flex-1",
|
|
@@ -248,7 +248,6 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
|
|
|
248
248
|
const inset = surface === "inset";
|
|
249
249
|
const showCenterHeader = inset || (centerHeaderVisibility === "auto" ? Boolean(centerHeader) : Boolean(centerHeader || left || right || bottom));
|
|
250
250
|
const paneControlClassName = inset ? `inline-flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}` : `rounded-[2px] p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`;
|
|
251
|
-
const insetHeaderClassName = inset ? "h-12 bg-transparent px-2" : void 0;
|
|
252
251
|
const reopenClassName = showCenterHeader ? paneControlClassName : `flex h-10 w-8 items-center justify-center rounded-md border border-border bg-card text-muted-foreground shadow-sm transition-colors hover:bg-accent hover:text-foreground ${focusRing}`;
|
|
253
252
|
const leftReopenControl = left && !leftOpen ? leftCollapsedControl ?? /* @__PURE__ */ jsx("button", {
|
|
254
253
|
type: "button",
|
|
@@ -442,9 +441,10 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
|
|
|
442
441
|
const centerPane = /* @__PURE__ */ jsxs("main", {
|
|
443
442
|
className: "relative flex min-w-0 flex-1 flex-col",
|
|
444
443
|
children: [
|
|
445
|
-
showCenterHeader && /* @__PURE__ */ jsxs(
|
|
444
|
+
showCenterHeader && /* @__PURE__ */ jsxs(ShellHeader, {
|
|
445
|
+
inset,
|
|
446
446
|
"data-workspace-header": "center",
|
|
447
|
-
className: cn$1("gap-2", inset && "gap-1"
|
|
447
|
+
className: cn$1("gap-2", inset && "gap-1"),
|
|
448
448
|
children: [
|
|
449
449
|
leftReopenControl && /* @__PURE__ */ jsx("div", {
|
|
450
450
|
ref: leftReopenRef,
|
|
@@ -530,8 +530,9 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
|
|
|
530
530
|
"data-workspace-pane": "right",
|
|
531
531
|
style: rightStyle,
|
|
532
532
|
className: cn$1("hidden shrink-0 lg:flex lg:flex-col", inset ? "bg-transparent" : "bg-card", !resizable && "border-l border-border"),
|
|
533
|
-
children: [/* @__PURE__ */ jsxs(
|
|
534
|
-
|
|
533
|
+
children: [/* @__PURE__ */ jsxs(ShellHeader, {
|
|
534
|
+
inset,
|
|
535
|
+
className: "justify-between gap-2",
|
|
535
536
|
children: [/* @__PURE__ */ jsx("div", {
|
|
536
537
|
className: "min-w-0 flex-1",
|
|
537
538
|
children: rightHeader ?? /* @__PURE__ */ jsx("span", {
|
|
@@ -575,7 +576,7 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
|
|
|
575
576
|
"aria-label": leftLabel,
|
|
576
577
|
style: leftStyle,
|
|
577
578
|
className: cn$1("hidden shrink-0 bg-card lg:flex lg:flex-col", !resizable && "border-r border-border"),
|
|
578
|
-
children: [leftHeader && /* @__PURE__ */ jsxs(
|
|
579
|
+
children: [leftHeader && /* @__PURE__ */ jsxs(ShellHeader, {
|
|
579
580
|
className: "justify-between gap-2",
|
|
580
581
|
children: [/* @__PURE__ */ jsx("div", {
|
|
581
582
|
className: "min-w-0 flex-1",
|
|
@@ -600,7 +601,7 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
|
|
|
600
601
|
onDragStart: (clientX) => startResize("left", clientX),
|
|
601
602
|
onStep: stepLeftWidth
|
|
602
603
|
})] }), inset ? /* @__PURE__ */ jsx("div", {
|
|
603
|
-
className: "flex min-h-0 min-w-0 flex-1 p-
|
|
604
|
+
className: "flex min-h-0 min-w-0 flex-1 p-[var(--shell-inset-gutter,0.5rem)]",
|
|
604
605
|
children: /* @__PURE__ */ jsxs("div", {
|
|
605
606
|
"data-workspace-surface": true,
|
|
606
607
|
className: "flex min-h-0 min-w-0 flex-1 overflow-hidden rounded-[var(--radius-lg)] border border-[var(--md3-outline-variant)] bg-background shadow-[var(--shadow-card)]",
|
|
@@ -1401,8 +1402,9 @@ function SessionSidebar({ title, subtitle, projectId = null, items, currentItemI
|
|
|
1401
1402
|
className: cn$1("relative flex shrink-0 flex-col border-r border-[var(--md3-outline-variant)] bg-surface-container-low", fillsParent && "h-full w-full", className),
|
|
1402
1403
|
style: fillsParent ? void 0 : { width: resizable ? resize.width : defaultWidth },
|
|
1403
1404
|
children: [
|
|
1404
|
-
quiet ? /* @__PURE__ */ jsxs(
|
|
1405
|
-
|
|
1405
|
+
quiet ? /* @__PURE__ */ jsxs(ShellHeader, {
|
|
1406
|
+
divider: false,
|
|
1407
|
+
className: "justify-between gap-2 bg-transparent",
|
|
1406
1408
|
children: [
|
|
1407
1409
|
/* @__PURE__ */ jsx("span", {
|
|
1408
1410
|
className: "sr-only",
|
|
@@ -1425,7 +1427,7 @@ function SessionSidebar({ title, subtitle, projectId = null, items, currentItemI
|
|
|
1425
1427
|
children: /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-4 w-4" })
|
|
1426
1428
|
})
|
|
1427
1429
|
]
|
|
1428
|
-
}) : /* @__PURE__ */ jsx(
|
|
1430
|
+
}) : /* @__PURE__ */ jsx(ShellHeader, { children: /* @__PURE__ */ jsxs("div", {
|
|
1429
1431
|
className: "flex w-full items-center justify-between gap-2",
|
|
1430
1432
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
1431
1433
|
className: "flex min-w-0 items-center gap-2",
|
|
@@ -1792,7 +1794,7 @@ function SandboxWorkbench({ title, subtitle, status, centerHeader: centerHeaderP
|
|
|
1792
1794
|
const paneSubtitle = subtitle ?? session.subtitle;
|
|
1793
1795
|
const center = quiet ? transcript : /* @__PURE__ */ jsxs("section", {
|
|
1794
1796
|
className: "flex h-full min-h-0 flex-col overflow-hidden bg-background text-foreground",
|
|
1795
|
-
children: [/* @__PURE__ */ jsxs(
|
|
1797
|
+
children: [/* @__PURE__ */ jsxs(ShellHeader, {
|
|
1796
1798
|
className: "gap-3",
|
|
1797
1799
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
1798
1800
|
className: "min-w-0 flex-1",
|
package/dist/workspace.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { $ as StatusBar, A as createShellShouldRevalidate, B as SessionSidebarVariant, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebarFilter, G as dispatchSessionCreated, H as SessionCreatedDetail, I as SessionSidebarGroupBy, J as RuntimePaneProps, K as useOptimisticSessionItems, L as SessionSidebarItem, M as formatRelativeAge, N as SessionSidebar, O as ShellShouldRevalidateArgs, P as SessionSidebarBadge, Q as ContextBadge, R as SessionSidebarLink, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SessionOptimisticController, V as SESSION_CREATED_EVENT, W as UseOptimisticSessionItemsOptions, X as TerminalPanel, Y as TerminalLine, Z as TerminalProps, _ as TaskBoardItem, a as WorkspaceFilesPane, at as DirectoryPaneProps, b as SandboxWorkbenchArtifact, c as ApprovalConfidenceStat, ct as
|
|
2
|
-
export { type ApprovalConfidenceStat, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, ArtifactPane, type ArtifactPaneProps, type BannerType, type CalendarEvent, CalendarView, type CalendarViewProps, type ContextBadge, DirectoryPane, type DirectoryPaneProps, RuntimePane, type RuntimePaneProps, SESSION_CREATED_EVENT, SandboxWorkbench, type SandboxWorkbenchArtifact, type SandboxWorkbenchCustomArtifact, type SandboxWorkbenchFileArtifact, type SandboxWorkbenchLayoutOptions, type SandboxWorkbenchMarkdownArtifact, type SandboxWorkbenchOpenUIArtifact, type SandboxWorkbenchProps, type SandboxWorkbenchSessionProps, type SessionCreatedDetail, type SessionOptimisticController, SessionSidebar, type SessionSidebarBadge, type SessionSidebarFilter, type SessionSidebarGroupBy, type SessionSidebarItem, type SessionSidebarLink, type SessionSidebarProps, type SessionSidebarVariant, type ShellShouldRevalidateArgs, type ShellShouldRevalidateOptions, StatusBanner, type StatusBannerProps, StatusBar, type StatusBarProps, TaskBoard, type TaskBoardColumn, type TaskBoardItem, type TaskBoardProps, type TerminalLine, TerminalPanel, type TerminalProps, type UseOptimisticSessionItemsOptions, WorkspaceArtifactView, type WorkspaceArtifactViewProps, WorkspaceFilesPane, type WorkspaceFilesPaneProps, type WorkspaceFilesPreview, WorkspaceLayout, type WorkspaceLayoutProps, WorkspacePaneHeader, type WorkspacePaneHeaderProps, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems };
|
|
1
|
+
import { $ as StatusBar, A as createShellShouldRevalidate, B as SessionSidebarVariant, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebarFilter, G as dispatchSessionCreated, H as SessionCreatedDetail, I as SessionSidebarGroupBy, J as RuntimePaneProps, K as useOptimisticSessionItems, L as SessionSidebarItem, M as formatRelativeAge, N as SessionSidebar, O as ShellShouldRevalidateArgs, P as SessionSidebarBadge, Q as ContextBadge, R as SessionSidebarLink, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SessionOptimisticController, V as SESSION_CREATED_EVENT, W as UseOptimisticSessionItemsOptions, X as TerminalPanel, Y as TerminalLine, Z as TerminalProps, _ as TaskBoardItem, a as WorkspaceFilesPane, at as DirectoryPaneProps, b as SandboxWorkbenchArtifact, c as ApprovalConfidenceStat, ct as ShellHeader, d as ApprovalQueueProps, dt as WorkspacePaneHeaderProps, et as StatusBarProps, f as CalendarEvent, ft as WorkspaceLayout, g as TaskBoardColumn, h as TaskBoard, i as WorkspaceArtifactViewProps, it as DirectoryPane, j as shellShouldRevalidate, k as ShellShouldRevalidateOptions, l as ApprovalItem, lt as ShellHeaderProps, m as CalendarViewProps, n as ArtifactPaneProps, nt as StatusBanner, o as WorkspaceFilesPaneProps, ot as SHELL_HEADER_HEIGHT, p as CalendarView, pt as WorkspaceLayoutProps, q as RuntimePane, r as WorkspaceArtifactView, rt as StatusBannerProps, s as WorkspaceFilesPreview, st as SHELL_INSET_GUTTER, t as ArtifactPane, tt as BannerType, u as ApprovalQueue, ut as WorkspacePaneHeader, v as TaskBoardProps, w as SandboxWorkbenchMarkdownArtifact, x as SandboxWorkbenchCustomArtifact, y as SandboxWorkbench, z as SessionSidebarProps } from "./index-Dm-tABpL.js";
|
|
2
|
+
export { type ApprovalConfidenceStat, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, ArtifactPane, type ArtifactPaneProps, type BannerType, type CalendarEvent, CalendarView, type CalendarViewProps, type ContextBadge, DirectoryPane, type DirectoryPaneProps, RuntimePane, type RuntimePaneProps, SESSION_CREATED_EVENT, SHELL_HEADER_HEIGHT, SHELL_INSET_GUTTER, SandboxWorkbench, type SandboxWorkbenchArtifact, type SandboxWorkbenchCustomArtifact, type SandboxWorkbenchFileArtifact, type SandboxWorkbenchLayoutOptions, type SandboxWorkbenchMarkdownArtifact, type SandboxWorkbenchOpenUIArtifact, type SandboxWorkbenchProps, type SandboxWorkbenchSessionProps, type SessionCreatedDetail, type SessionOptimisticController, SessionSidebar, type SessionSidebarBadge, type SessionSidebarFilter, type SessionSidebarGroupBy, type SessionSidebarItem, type SessionSidebarLink, type SessionSidebarProps, type SessionSidebarVariant, ShellHeader, type ShellHeaderProps, type ShellShouldRevalidateArgs, type ShellShouldRevalidateOptions, StatusBanner, type StatusBannerProps, StatusBar, type StatusBarProps, TaskBoard, type TaskBoardColumn, type TaskBoardItem, type TaskBoardProps, type TerminalLine, TerminalPanel, type TerminalProps, type UseOptimisticSessionItemsOptions, WorkspaceArtifactView, type WorkspaceArtifactViewProps, WorkspaceFilesPane, type WorkspaceFilesPaneProps, type WorkspaceFilesPreview, WorkspaceLayout, type WorkspaceLayoutProps, WorkspacePaneHeader, type WorkspacePaneHeaderProps, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems };
|
package/dist/workspace.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { _ as StatusBar, a as TaskBoard, b as WorkspaceLayout, c as createShellShouldRevalidate, d as SESSION_CREATED_EVENT, f as dispatchSessionCreated, g as TerminalPanel, h as RuntimePane, i as CalendarView, l as shellShouldRevalidate, m as formatRelativeAge, n as WorkspaceFilesPane, o as SandboxWorkbench, p as useOptimisticSessionItems, r as ApprovalQueue, s as WorkspaceArtifactView, t as ArtifactPane, u as SessionSidebar, v as StatusBanner, y as DirectoryPane } from "./workspace-
|
|
3
|
-
export { ApprovalQueue, ArtifactPane, CalendarView, DirectoryPane, RuntimePane, SESSION_CREATED_EVENT, SandboxWorkbench, SessionSidebar, StatusBanner, StatusBar, TaskBoard, TerminalPanel, WorkspaceArtifactView, WorkspaceFilesPane, WorkspaceLayout, WorkspacePaneHeader, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems };
|
|
1
|
+
import { i as WorkspacePaneHeader, n as SHELL_INSET_GUTTER, r as ShellHeader, t as SHELL_HEADER_HEIGHT } from "./shell-header-CTh3oV_e.js";
|
|
2
|
+
import { _ as StatusBar, a as TaskBoard, b as WorkspaceLayout, c as createShellShouldRevalidate, d as SESSION_CREATED_EVENT, f as dispatchSessionCreated, g as TerminalPanel, h as RuntimePane, i as CalendarView, l as shellShouldRevalidate, m as formatRelativeAge, n as WorkspaceFilesPane, o as SandboxWorkbench, p as useOptimisticSessionItems, r as ApprovalQueue, s as WorkspaceArtifactView, t as ArtifactPane, u as SessionSidebar, v as StatusBanner, y as DirectoryPane } from "./workspace-D3ABWOa9.js";
|
|
3
|
+
export { ApprovalQueue, ArtifactPane, CalendarView, DirectoryPane, RuntimePane, SESSION_CREATED_EVENT, SHELL_HEADER_HEIGHT, SHELL_INSET_GUTTER, SandboxWorkbench, SessionSidebar, ShellHeader, StatusBanner, StatusBar, TaskBoard, TerminalPanel, WorkspaceArtifactView, WorkspaceFilesPane, WorkspaceLayout, WorkspacePaneHeader, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tangle-network/sandbox-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.133.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
|
|
6
6
|
"repository": {
|
|
@@ -133,8 +133,8 @@
|
|
|
133
133
|
"@hocuspocus/provider": ">=2.15.0 <5.0.0",
|
|
134
134
|
"@nanostores/react": ">=0.8.4 <2.0.0",
|
|
135
135
|
"@tangle-network/agent-interface": "^1.0.0 || ^2.0.0 || ^3.0.0",
|
|
136
|
-
"@tangle-network/brand": "^1.
|
|
137
|
-
"@tangle-network/ui": "^11.
|
|
136
|
+
"@tangle-network/brand": "^1.21.0",
|
|
137
|
+
"@tangle-network/ui": "^11.32.0",
|
|
138
138
|
"@tanstack/react-query": "^5.0.0",
|
|
139
139
|
"@tiptap/core": ">=3.20.4 <4.0.0",
|
|
140
140
|
"@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
|
|
@@ -223,8 +223,8 @@
|
|
|
223
223
|
"@storybook/react-vite": "^10.6.0",
|
|
224
224
|
"@tailwindcss/postcss": "^4.3.3",
|
|
225
225
|
"@tangle-network/agent-interface": "3.0.0",
|
|
226
|
-
"@tangle-network/brand": "1.
|
|
227
|
-
"@tangle-network/ui": "11.
|
|
226
|
+
"@tangle-network/brand": "1.21.0",
|
|
227
|
+
"@tangle-network/ui": "11.32.0",
|
|
228
228
|
"@tanstack/react-query": "^5.104.0",
|
|
229
229
|
"@testing-library/dom": "^10.4.2",
|
|
230
230
|
"@testing-library/jest-dom": "^7.0.1",
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { t as cn } from "./utils-DzWbktWG.js";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
//#region src/workspace/workspace-pane-header.tsx
|
|
4
|
-
/**
|
|
5
|
-
* The shared 56px header row for top-level workspace panes and drawers.
|
|
6
|
-
* Bottom runtime panels intentionally use their own compact header.
|
|
7
|
-
*/
|
|
8
|
-
function WorkspacePaneHeader({ className, ...props }) {
|
|
9
|
-
return /* @__PURE__ */ jsx("div", {
|
|
10
|
-
className: cn("flex h-14 shrink-0 items-center border-b border-border bg-card px-3", className),
|
|
11
|
-
...props
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
//#endregion
|
|
15
|
-
export { WorkspacePaneHeader as t };
|