@tangle-network/sandbox-ui 0.94.2 → 0.95.0

package/dist/hooks.js

@@ -19,15 +19,19 @@ import {
   useToolCallStream
 } from "./chunk-SOKKTB7W.js";
 import {
+  SESSION_STREAM_RECONNECT_DELAY_MS,
+  SessionStreamError,
   useSessionStream,
   useSidecarAuth
-} from "./chunk-TIEOKIMX.js";
+} from "./chunk-3GX5BSD4.js";
 import {
   usePtySession
 } from "./chunk-KEYPUGS3.js";
 import "./chunk-CZ7CSFO4.js";
 export {
   RealtimeSessionRegistry,
+  SESSION_STREAM_RECONNECT_DELAY_MS,
+  SessionStreamError,
   createAuthFetcher,
   useApiKey,
   useAuth,

package/dist/index.d.ts

@@ -16,7 +16,7 @@ export { AuthHeader, AuthHeaderProps, GitHubLoginButton, GitHubLoginButtonProps,
 export { TangleLoginButton, TangleLoginButtonProps } from './auth.js';
 export { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AuthUser, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, TaskStreamEvent, TerminalStreamEvent, UseAuthOptions, UseAuthResult, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useLiveTime, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from '@tangle-network/ui/hooks';
 export { SandboxMetrics, SidecarMetricsPayload, UsePtySessionOptions, UsePtySessionReturn, UseSandboxMetricsOptions, UseSandboxMetricsResult, useCreateSession, useDeleteSession, usePtySession, useRenameSession, useSandboxMetrics, useSessions } from './hooks.js';
-export { S as SessionInfo, a as SidecarAuth, U as UseSessionStreamOptions, b as UseSessionStreamResult, c as UseSidecarAuthOptions, u as useSessionStream, d as useSidecarAuth } from './sdk-hooks-VtiMwKa6.js';
+export { S as SessionInfo, a as SidecarAuth, U as UseSessionStreamOptions, b as UseSessionStreamResult, c as UseSidecarAuthOptions, u as useSessionStream, d as useSidecarAuth } from './sdk-hooks-Cjt_Wq7g.js';
 export { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, RegisterActiveSessionOptions, SessionProjectKey, activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions } from '@tangle-network/ui/stores';
 export { ChatSession, connectSession, disconnectSession, sessionAtom } from './stores.js';
 export { AgentBranding, CustomToolRenderer, DisplayVariant, FinalTextPart, GroupedMessage, MessageRun, MessageUser, ReasoningPart, Run, RunStats, SessionMessage, SessionPart, TextPart, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime } from '@tangle-network/ui/types';

package/dist/index.js

@@ -21,7 +21,7 @@ import {
 import {
   useSessionStream,
   useSidecarAuth
-} from "./chunk-TIEOKIMX.js";
+} from "./chunk-3GX5BSD4.js";
 import {
   activeSessionsAtom,
   addMessage,

package/dist/{sdk-hooks-VtiMwKa6.d.ts → sdk-hooks-Cjt_Wq7g.d.ts}

@@ -56,6 +56,12 @@ interface UseSessionStreamResult {
     /** Whether the SSE connection is active. */
     connected: boolean;
 }
+declare class SessionStreamError extends Error {
+    readonly code: string;
+    readonly status?: number;
+    constructor(code: string, message: string, status?: number);
+}
+declare const SESSION_STREAM_RECONNECT_DELAY_MS = 1000;
 /**
  * Streams chat messages from a sidecar session gateway via SSE.
  *
@@ -96,4 +102,4 @@ interface SidecarAuth {
  */
 declare function useSidecarAuth({ resourceId, apiUrl, signMessage }: UseSidecarAuthOptions): SidecarAuth;
 
-export { type SessionInfo as S, type UseSessionStreamOptions as U, type SidecarAuth as a, type UseSessionStreamResult as b, type UseSidecarAuthOptions as c, useSidecarAuth as d, type SendMessageOptions as e, useSessionStream as u };
+export { type SessionInfo as S, type UseSessionStreamOptions as U, type SidecarAuth as a, type UseSessionStreamResult as b, type UseSidecarAuthOptions as c, useSidecarAuth as d, SESSION_STREAM_RECONNECT_DELAY_MS as e, type SendMessageOptions as f, SessionStreamError as g, useSessionStream as u };

package/dist/sdk-hooks.d.ts

@@ -1,4 +1,4 @@
 export { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, ConnectionState, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, TaskStreamEvent, TerminalStreamEvent, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from '@tangle-network/ui/sdk-hooks';
-export { S as SessionInfo, a as SidecarAuth, U as UseSessionStreamOptions, b as UseSessionStreamResult, c as UseSidecarAuthOptions, u as useSessionStream, d as useSidecarAuth } from './sdk-hooks-VtiMwKa6.js';
+export { S as SessionInfo, a as SidecarAuth, U as UseSessionStreamOptions, b as UseSessionStreamResult, c as UseSidecarAuthOptions, u as useSessionStream, d as useSidecarAuth } from './sdk-hooks-Cjt_Wq7g.js';
 import '@tangle-network/agent-interface';
 import '@tangle-network/ui/types';

package/dist/sdk-hooks.js

@@ -1,7 +1,7 @@
 import {
   useSessionStream,
   useSidecarAuth
-} from "./chunk-TIEOKIMX.js";
+} from "./chunk-3GX5BSD4.js";
 import "./chunk-CZ7CSFO4.js";
 
 // src/sdk-hooks.ts

package/dist/styles.css

@@ -643,6 +643,24 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
   }
+  .line-clamp-4 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 4;
+  }
+  .line-clamp-5 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 5;
+  }
+  .line-clamp-6 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 6;
+  }
   .block {
     display: block;
   }
@@ -805,6 +823,9 @@
   .h-\[28rem\] {
     height: 28rem;
   }
+  .h-\[30rem\] {
+    height: 30rem;
+  }
   .h-\[32rem\] {
     height: 32rem;
   }

package/dist/workflows.d.ts

@@ -106,6 +106,9 @@ interface WfNodeData extends Record<string, unknown> {
     /** Live run state, merged in by the host at render time (never from YAML). */
     state?: WfNodeState;
 }
+/** Which edge of a node box an edge attaches to. Named in plain compass terms
+ *  rather than React Flow's `Position` so the layouter stays free of it. */
+type WfSide = "left" | "right" | "top" | "bottom";
 interface WfNode {
     id: string;
     position: {
@@ -118,6 +121,15 @@ interface WfNode {
     width: number;
     height: number;
     data: WfNodeData;
+    /**
+     * Where this node's edges attach, when the LAYOUT decides rather than the
+     * flow direction. A straight layer flow has one answer for every node (edges
+     * enter the leading edge and leave the trailing one, per `direction`), so it
+     * sets neither and the renderer derives both. A folded layout does not — a row
+     * that runs right-to-left mirrors them. Absent ⇒ derive from `direction`.
+     */
+    sourceSide?: WfSide;
+    targetSide?: WfSide;
 }
 /**
  * Node ids are PUBLIC contract, not an internal detail. A host keys its live
@@ -217,6 +229,13 @@ interface BuildWorkflowGraphOptions {
     /** Collapse every node to the fixed icon-tile size, and pitch the layers for
      *  it. Defaults to `false` (the full, expanded card). */
     compact?: boolean;
+    /**
+     * Fold a long single-file pipeline into rows instead of one unbounded line,
+     * so it occupies both axes of the panel rather than running off one edge.
+     * Only a straight chain folds — a graph with any fan-out keeps its layered
+     * flow, whose branches need the cross axis. "LR" only. Defaults to `false`.
+     */
+    wrap?: boolean;
     /**
      * The graph's DECLARED topology. Omit — the default — and edges are inferred
      * from `do`-list order: a linear spine, which is exactly right for a workflow
@@ -250,14 +269,25 @@ interface WorkflowGraphProps {
     /** Flow direction: "LR" (default) reads left-to-right — best for the wide/short
      *  run-detail panel; "TB" is a vertical column. */
     direction?: WfDirection;
-    /** Start collapsed (compact icon tiles) rather than expanded. Defaults to
-     *  `true`: a graph is read structure-first, and the tiles are what make the
-     *  shape of the run legible at a glance — the per-node detail is one density
-     *  toggle (or one node click) away. The full variant exposes the toggle; the
-     *  preview variant is always compact. */
+    /**
+     * Start collapsed (compact icon tiles) rather than expanded.
+     *
+     * Defaults to whether the graph has a RUN: a definition is read
+     * structure-first, so it opens as tiles, while a run is read result-first and
+     * opens as cards — the answers are the reason the reader opened it. Passing
+     * the prop pins the density either way; the full variant still exposes the
+     * toggle, and the preview variant is always compact.
+     */
     defaultCompact?: boolean;
     /** Sizing for the wrapper; the caller controls height. */
     className?: string;
+    /**
+     * Fold a long single-file pipeline into rows instead of one unbounded line,
+     * so it uses both axes of the panel rather than running off one edge. Only a
+     * straight chain folds; anything with fan-out keeps its layered flow. "LR"
+     * only. Defaults to `false`.
+     */
+    wrap?: boolean;
     /**
      * Live per-node run state, keyed by graph node id (`trigger`, `a0`, `a0-b1`).
      * Absent ⇒ the static definition view (the proposal-card preview passes

package/dist/workflows.js

@@ -5,7 +5,7 @@ import {
   buildWorkflowGraph,
   triggerNodeId,
   triggerNodeIndex
-} from "./chunk-7QKAVIZX.js";
+} from "./chunk-O7MHUR4U.js";
 import {
   ModelBrandStack,
   modelBrandFor
@@ -36,7 +36,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 function lazyWorkflowGraph() {
   return lazy(
     () => retryImport(
-      () => import("./WorkflowGraph-4TQFLY3E.js").then((m) => ({ default: m.WorkflowGraph }))
+      () => import("./WorkflowGraph-MPNVC5FE.js").then((m) => ({ default: m.WorkflowGraph }))
     )
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.94.2",
+  "version": "0.95.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -179,6 +179,7 @@
     "@tiptap/starter-kit": "^3.28.0",
     "@tiptap/suggestion": "^3.28.0",
     "diff": "^9.0.0",
+    "eventsource-parser": "3.1.0",
     "lucide-react": "^1.25.0",
     "nanostores": "^1.4.1",
     "yaml": "^2.5.0"