@tangle-network/sandbox-ui 0.5.2 → 0.6.1

package/dist/index.js

@@ -15,7 +15,7 @@ import {
   useEditorConnection,
   useEditorContext,
   useYjsState
-} from "./chunk-FFOXUHOF.js";
+} from "./chunk-FNYJFCGU.js";
 import {
   AuthHeader,
   GitHubLoginButton,
@@ -39,7 +39,7 @@ import {
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-5F4NX5R2.js";
+} from "./chunk-MXRQ4MJE.js";
 import {
   DropZone,
   Label,
@@ -85,11 +85,11 @@ import {
 } from "./chunk-Q56BYXQF.js";
 import {
   ChatMessage
-} from "./chunk-5CEMHKBP.js";
+} from "./chunk-GW4GRAWJ.js";
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-XBR3IP7B.js";
+} from "./chunk-33W2TLUL.js";
 import {
   AgentWorkbench,
   AuditResults,
@@ -102,7 +102,7 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-P24K22CV.js";
+} from "./chunk-E2XT3G52.js";
 import "./chunk-OEX7NZE3.js";
 import {
   EmptyState,
@@ -116,7 +116,7 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-R3IU37AW.js";
+} from "./chunk-RKXIRRKQ.js";
 import {
   useAutoScroll,
   useRunCollapseState,
@@ -134,7 +134,7 @@ import {
   RunGroup,
   WebSearchPreview,
   WriteFilePreview
-} from "./chunk-WC7QTWPN.js";
+} from "./chunk-ZMWWE5RF.js";
 import {
   formatDuration,
   truncateText
@@ -142,7 +142,7 @@ import {
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-NTSRY4GW.js";
+} from "./chunk-MJUDMVRU.js";
 import {
   TOOL_CATEGORY_ICONS,
   getToolCategory,
@@ -152,7 +152,7 @@ import {
 import {
   InlineCode,
   OpenUIArtifactRenderer
-} from "./chunk-VBWY44UU.js";
+} from "./chunk-OVNLOE3Y.js";
 import {
   Table,
   TableBody,
@@ -169,7 +169,7 @@ import {
   FileTabs,
   FileTree,
   filterFileTree
-} from "./chunk-WQH233GF.js";
+} from "./chunk-KH5UDAJ2.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";
@@ -177,7 +177,7 @@ import {
   CodeBlock,
   CopyButton,
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   BackendSelector,
   ClusterStatusBar,
@@ -210,7 +210,7 @@ import {
   SidebarRailNav,
   VariantList,
   useSidebar
-} from "./chunk-STHB4N22.js";
+} from "./chunk-6V4XVKFY.js";
 import {
   BillingDashboard,
   PricingPage,

package/dist/markdown.js

@@ -2,7 +2,7 @@ import {
   CodeBlock,
   CopyButton,
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 export {
   CodeBlock,

package/dist/openui.js

@@ -1,8 +1,8 @@
 import {
   OpenUIArtifactRenderer
-} from "./chunk-VBWY44UU.js";
+} from "./chunk-OVNLOE3Y.js";
 import "./chunk-JP725R4W.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-TDYQBLL5.js";
 import "./chunk-TSE423UF.js";
 import "./chunk-RQHJBTEU.js";

package/dist/run.d.ts

@@ -1,4 +1,4 @@
-export { E as ExpandedToolDetail, a as ExpandedToolDetailProps, I as InlineThinkingItem, b as InlineThinkingItemProps, c as InlineToolItem, d as InlineToolItemProps, R as RunGroup, e as RunGroupProps } from './expanded-tool-detail-DM5M_T9h.js';
+export { E as ExpandedToolDetail, a as ExpandedToolDetailProps, I as InlineThinkingItem, b as InlineThinkingItemProps, c as InlineToolItem, d as InlineToolItemProps, R as RunGroup, e as RunGroupProps } from './expanded-tool-detail-Dh99mcbY.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { F as FeedSegment, T as ToolCallData, a as ToolCallFeed, b as ToolCallFeedProps, c as ToolCallGroup, d as ToolCallGroupProps, e as ToolCallStatus, f as ToolCallStep, g as ToolCallStepProps, h as ToolCallType, p as parseToolEvent } from './tool-call-feed-Bs3MyQMT.js';
 import 'react';

package/dist/run.js

@@ -1,21 +1,21 @@
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-XBR3IP7B.js";
+} from "./chunk-33W2TLUL.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
   InlineToolItem,
   LiveDuration,
   RunGroup
-} from "./chunk-WC7QTWPN.js";
+} from "./chunk-ZMWWE5RF.js";
 import "./chunk-HRMUF35V.js";
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-NTSRY4GW.js";
+} from "./chunk-MJUDMVRU.js";
 import "./chunk-BX6AQMUS.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 export {
   ExpandedToolDetail,

package/dist/sdk-hooks.js

@@ -7,17 +7,17 @@ import {
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-5F4NX5R2.js";
-import "./chunk-XBR3IP7B.js";
+} from "./chunk-MXRQ4MJE.js";
+import "./chunk-33W2TLUL.js";
 import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-CNWVHQFY.js";
-import "./chunk-NTSRY4GW.js";
+import "./chunk-MJUDMVRU.js";
 import "./chunk-BX6AQMUS.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 export {
   RealtimeSessionRegistry,

package/dist/tokens.css

@@ -47,7 +47,7 @@
   --hsl-secondary: 243 25% 19%;
   --hsl-secondary-foreground: 240 16% 90%;
   --hsl-muted: 242 22% 16%;
-  --hsl-muted-foreground: 233 17% 55%;
+  --hsl-muted-foreground: 233 17% 62%;
   --hsl-accent: 245 28% 21%;
   --hsl-accent-foreground: 240 16% 92%;
   --hsl-destructive: 348 90% 60%;
@@ -169,9 +169,9 @@
 
   /* Text */
   --text-primary: hsl(var(--hsl-foreground));
-  --text-secondary: hsl(244 18% 86%);
-  --text-muted: #6B7094;
-  --text-dim: #4A4D6A;
+  --text-secondary: hsl(244 18% 88%);
+  --text-muted: #8B90B8;
+  --text-dim: #6B70A0;
 
   /* Brand accents — Tangle exact */
   --brand-primary: #4a3aff;
@@ -227,6 +227,19 @@
   --panel-padding: 1rem;
   --content-max-width: 80rem;
 
+  /* Component sizing — override per-app for tighter/looser layouts */
+  --code-padding-x: 0.75rem;
+  --code-padding-y: 0.625rem;
+  --code-font-size: 0.8125rem;
+  --code-line-height: 1.5;
+  --chat-message-px: 0.875rem;
+  --chat-message-py: 0.5rem;
+  --chat-input-py: 0.625rem;
+  --card-padding: 1.25rem;
+  --tool-card-px: 0.75rem;
+  --tool-card-py: 0.5rem;
+  --tool-icon-size: 1.75rem;
+
   /* Transitions */
   --transition-fast: 0.1s ease;
   --transition-default: 0.16s ease;
@@ -412,4 +425,16 @@
   --radius-xl: 12px;
   --control-height: 2rem;
   --panel-padding: 0.625rem;
+
+  --code-padding-x: 0.625rem;
+  --code-padding-y: 0.5rem;
+  --code-font-size: 0.75rem;
+  --code-line-height: 1.4;
+  --chat-message-px: 0.75rem;
+  --chat-message-py: 0.375rem;
+  --chat-input-py: 0.5rem;
+  --card-padding: 1rem;
+  --tool-card-px: 0.625rem;
+  --tool-card-py: 0.375rem;
+  --tool-icon-size: 1.5rem;
 }

package/dist/workspace.d.ts

@@ -214,12 +214,17 @@ interface SessionSidebarProps {
     activityMonitor?: ReactNode;
     filters?: SessionSidebarFilter[];
     defaultFilterId?: string;
+    resizable?: boolean;
+    defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    onWidthChange?: (width: number) => void;
     renderItemActions?: (item: SessionSidebarItem, options: {
         session: ActiveSessionRecord | null;
         isActive: boolean;
     }) => ReactNode;
 }
-declare function SessionSidebar({ title, subtitle, projectId, items, currentItemId, createLabel, onCreate, onSelectItem, onSelectLink, links, className, emptyMessage, searchPlaceholder, enableSearch, activityMonitor, filters, defaultFilterId, renderItemActions, }: SessionSidebarProps): react_jsx_runtime.JSX.Element;
+declare function SessionSidebar({ title, subtitle, projectId, items, currentItemId, createLabel, onCreate, onSelectItem, onSelectLink, links, className, emptyMessage, searchPlaceholder, enableSearch, activityMonitor, filters, defaultFilterId, resizable, defaultWidth, minWidth, maxWidth, onWidthChange, renderItemActions, }: SessionSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface SessionActivityMonitorProps {
     className?: string;

package/dist/workspace.js

@@ -10,22 +10,22 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-P24K22CV.js";
+} from "./chunk-E2XT3G52.js";
 import "./chunk-OEX7NZE3.js";
 import "./chunk-BRBTD7RH.js";
-import "./chunk-R3IU37AW.js";
+import "./chunk-RKXIRRKQ.js";
 import "./chunk-CNWVHQFY.js";
-import "./chunk-WC7QTWPN.js";
+import "./chunk-ZMWWE5RF.js";
 import "./chunk-HRMUF35V.js";
-import "./chunk-NTSRY4GW.js";
+import "./chunk-MJUDMVRU.js";
 import "./chunk-BX6AQMUS.js";
-import "./chunk-VBWY44UU.js";
+import "./chunk-OVNLOE3Y.js";
 import "./chunk-JP725R4W.js";
-import "./chunk-WQH233GF.js";
+import "./chunk-KH5UDAJ2.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-TDYQBLL5.js";
 import "./chunk-TSE423UF.js";
 import "./chunk-RQHJBTEU.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.5.2",
+  "version": "0.6.1",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",