@tangle-network/sandbox-ui 0.2.2 → 0.3.4

package/dist/openui.d.ts

@@ -0,0 +1,115 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type OpenUIPrimitive = string | number | boolean | null | undefined;
+interface OpenUIAction {
+    id: string;
+    label: string;
+    tone?: "default" | "secondary" | "outline" | "ghost" | "destructive";
+    disabled?: boolean;
+    onPress?: () => void;
+}
+interface OpenUIBaseNode {
+    id?: string;
+}
+interface OpenUIHeadingNode extends OpenUIBaseNode {
+    type: "heading";
+    text: string;
+    level?: 1 | 2 | 3 | 4;
+    kicker?: string;
+    meta?: string;
+}
+interface OpenUITextNode extends OpenUIBaseNode {
+    type: "text";
+    text: string;
+    tone?: "default" | "muted" | "success" | "warning" | "error";
+    mono?: boolean;
+}
+interface OpenUIBadgeNode extends OpenUIBaseNode {
+    type: "badge";
+    label: string;
+    tone?: "default" | "secondary" | "success" | "warning" | "error" | "info" | "sandbox";
+}
+interface OpenUIStatNode extends OpenUIBaseNode {
+    type: "stat";
+    label: string;
+    value: string;
+    change?: string;
+    tone?: "default" | "success" | "warning" | "error" | "info";
+}
+interface OpenUIKeyValueNode extends OpenUIBaseNode {
+    type: "key_value";
+    items: Array<{
+        id?: string;
+        label: string;
+        value: ReactNode | OpenUIPrimitive;
+        tone?: "default" | "muted";
+    }>;
+}
+interface OpenUICodeNode extends OpenUIBaseNode {
+    type: "code";
+    code: string;
+    language?: string;
+    title?: string;
+    showLineNumbers?: boolean;
+}
+interface OpenUIMarkdownNode extends OpenUIBaseNode {
+    type: "markdown";
+    content: string;
+}
+interface OpenUITableNode extends OpenUIBaseNode {
+    type: "table";
+    columns: Array<{
+        key: string;
+        header: string;
+        align?: "left" | "right";
+    }>;
+    rows: Array<Record<string, ReactNode | OpenUIPrimitive>>;
+    caption?: string;
+}
+interface OpenUIActionsNode extends OpenUIBaseNode {
+    type: "actions";
+    actions: OpenUIAction[];
+}
+interface OpenUISeparatorNode extends OpenUIBaseNode {
+    type: "separator";
+    label?: string;
+}
+interface OpenUIStackNode extends OpenUIBaseNode {
+    type: "stack";
+    direction?: "row" | "column";
+    gap?: "sm" | "md" | "lg";
+    align?: "start" | "center" | "end" | "stretch";
+    wrap?: boolean;
+    children: OpenUIComponentNode[];
+}
+interface OpenUIGridNode extends OpenUIBaseNode {
+    type: "grid";
+    columns?: 1 | 2 | 3 | 4;
+    gap?: "sm" | "md" | "lg";
+    children: OpenUIComponentNode[];
+}
+interface OpenUICardNode extends OpenUIBaseNode {
+    type: "card";
+    title?: string;
+    description?: string;
+    eyebrow?: string;
+    badge?: OpenUIBadgeNode;
+    actions?: OpenUIAction[];
+    children?: OpenUIComponentNode[];
+}
+type OpenUIComponentNode = OpenUIActionsNode | OpenUIBadgeNode | OpenUICardNode | OpenUICodeNode | OpenUIGridNode | OpenUIHeadingNode | OpenUIKeyValueNode | OpenUIMarkdownNode | OpenUISeparatorNode | OpenUIStackNode | OpenUIStatNode | OpenUITableNode | OpenUITextNode;
+interface OpenUIArtifactRendererProps {
+    schema: OpenUIComponentNode | OpenUIComponentNode[];
+    onAction?: (action: OpenUIAction) => void;
+    className?: string;
+}
+/**
+ * OpenUIArtifactRenderer — contained renderer for OpenUI-like structured
+ * artifact payloads using sandbox-ui primitives and theme tokens. This is an
+ * extension surface for generated inspectors/results, not a replacement for
+ * the sandbox shell.
+ */
+declare function OpenUIArtifactRenderer({ schema, onAction, className, }: OpenUIArtifactRendererProps): react_jsx_runtime.JSX.Element;
+
+export { type OpenUIAction, type OpenUIActionsNode, OpenUIArtifactRenderer, type OpenUIArtifactRendererProps, type OpenUIBadgeNode, type OpenUICardNode, type OpenUICodeNode, type OpenUIComponentNode, type OpenUIGridNode, type OpenUIHeadingNode, type OpenUIKeyValueNode, type OpenUIMarkdownNode, type OpenUIPrimitive, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode };

package/dist/openui.js

@@ -0,0 +1,11 @@
+import {
+  OpenUIArtifactRenderer
+} from "./chunk-YDBXQQLC.js";
+import "./chunk-TQN3VR4F.js";
+import "./chunk-LTFK464G.js";
+import "./chunk-MXCSSOGH.js";
+import "./chunk-HWLX5NME.js";
+import "./chunk-RQHJBTEU.js";
+export {
+  OpenUIArtifactRenderer
+};

package/dist/pages.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BillingSubscription, a as BillingBalance, b as BillingUsage, U as UsageDataPoint, P as PricingTier } from './usage-chart-DINgSVL5.js';
+import { B as BillingSubscription, a as BillingBalance, b as BillingUsage, U as UsageDataPoint, P as PricingTier } from './usage-chart-CY9xo3KX.js';
 
 type ProductVariant$1 = "sandbox";
 interface BillingPageData {
@@ -29,8 +29,9 @@ interface StandalonePricingPageProps {
     fetchTiers?: () => Promise<PricingTier[]>;
     title?: string;
     subtitle?: string;
+    className?: string;
 }
-declare function StandalonePricingPage({ variant, initialTiers, apiBasePath, onSelectTier, fetchTiers, title, subtitle, }: StandalonePricingPageProps): react_jsx_runtime.JSX.Element;
+declare function StandalonePricingPage({ variant, initialTiers, apiBasePath, onSelectTier, fetchTiers, title, subtitle, className, }: StandalonePricingPageProps): react_jsx_runtime.JSX.Element;
 
 interface ProfileMetrics {
     total_runs: number;

package/dist/pages.js

@@ -5,27 +5,31 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-  EmptyState,
-  Input,
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger
-} from "./chunk-NI2EI43H.js";
+} from "./chunk-PDV7W4NY.js";
+import {
+  EmptyState,
+  Input
+} from "./chunk-MUOL44AE.js";
 import {
   BillingDashboard,
   PricingPage,
   UsageChart
-} from "./chunk-4EIWPJMJ.js";
+} from "./chunk-ZP6GSX4D.js";
 import {
-  Badge,
-  Card,
   Skeleton,
   SkeletonCard
-} from "./chunk-2UHPE5T7.js";
+} from "./chunk-FRGMMANX.js";
+import {
+  Badge,
+  Card
+} from "./chunk-MXCSSOGH.js";
 import {
   Button
-} from "./chunk-E6FS7R4X.js";
+} from "./chunk-HWLX5NME.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -292,9 +296,8 @@ import * as React2 from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var variantColors = {
   sandbox: {
-    accent: "text-purple-400",
-    gradientFrom: "from-purple-600",
-    gradientTo: "to-purple-400"
+    accent: "text-[var(--accent-text)]",
+    gradient: "bg-[image:var(--accent-gradient-strong)]"
   }
 };
 async function fetchTiersFromApi(apiBasePath) {
@@ -364,7 +367,8 @@ function StandalonePricingPage({
   onSelectTier,
   fetchTiers,
   title = "Simple, transparent pricing",
-  subtitle = "Choose the plan that fits your needs. Upgrade or downgrade at any time."
+  subtitle = "Choose the plan that fits your needs. Upgrade or downgrade at any time.",
+  className
 }) {
   const colors = variantColors[variant];
   const [state, setState] = React2.useState({
@@ -433,16 +437,15 @@ function StandalonePricingPage({
     },
     []
   );
-  return /* @__PURE__ */ jsxs2("div", { className: "w-full space-y-12", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: cn("w-full space-y-12", className), children: [
     /* @__PURE__ */ jsxs2("div", { className: "space-y-4 text-center", children: [
       /* @__PURE__ */ jsx2(
         "h1",
         {
           className: cn(
             "font-bold text-4xl tracking-tight sm:text-5xl",
-            "bg-gradient-to-r bg-clip-text text-transparent",
-            colors.gradientFrom,
-            colors.gradientTo
+            "bg-clip-text text-transparent",
+            colors.gradient
           ),
           children: title
         }

package/dist/primitives.js

@@ -12,14 +12,6 @@ import {
   SelectValue,
   StatCard,
   Switch,
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow,
   TerminalCursor,
   TerminalDisplay,
   TerminalInput,
@@ -27,7 +19,7 @@ import {
   ToastContainer,
   ToastProvider,
   useToast
-} from "./chunk-SOT2V7TX.js";
+} from "./chunk-TXI4MZAZ.js";
 import {
   Avatar,
   AvatarFallback,
@@ -44,14 +36,26 @@ import {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
-  EmptyState,
-  Input,
   Tabs,
   TabsContent,
   TabsList,
-  TabsTrigger,
+  TabsTrigger
+} from "./chunk-PDV7W4NY.js";
+import {
+  EmptyState,
+  Input,
   Textarea
-} from "./chunk-NI2EI43H.js";
+} from "./chunk-MUOL44AE.js";
+import {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "./chunk-TQN3VR4F.js";
 import {
   Logo,
   TangleKnot
@@ -73,6 +77,12 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
 } from "./chunk-MCGKDCOR.js";
+import {
+  Progress,
+  Skeleton,
+  SkeletonCard,
+  SkeletonTable
+} from "./chunk-FRGMMANX.js";
 import {
   Badge,
   Card,
@@ -81,16 +91,12 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
-  Progress,
-  Skeleton,
-  SkeletonCard,
-  SkeletonTable,
   badgeVariants
-} from "./chunk-2UHPE5T7.js";
+} from "./chunk-MXCSSOGH.js";
 import {
   Button,
   buttonVariants
-} from "./chunk-E6FS7R4X.js";
+} from "./chunk-HWLX5NME.js";
 import "./chunk-RQHJBTEU.js";
 export {
   Avatar,

package/dist/run.d.ts

@@ -1,11 +1,11 @@
-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-OkXGqTHe.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-BDi_h_dZ.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-D5Ume-Pt.js';
 import 'react';
 import './run-CtFZ6s-D.js';
 import './parts-CyGkM6Fp.js';
 import './branding-DCi5VEik.js';
-import './tool-display-BvsVW_Ur.js';
+import './tool-display-Ct9nFAzJ.js';
 
 declare function LiveDuration({ startTime }: {
     startTime: number;

package/dist/run.js

@@ -1,20 +1,21 @@
 import {
   ToolCallFeed,
-  ToolCallGroup,
-  ToolCallStep,
   parseToolEvent
-} from "./chunk-M6VLC32S.js";
+} from "./chunk-CCKNIAS7.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
   InlineToolItem,
   LiveDuration,
   RunGroup
-} from "./chunk-6MQIDUPA.js";
-import "./chunk-LTFK464G.js";
-import "./chunk-M34OA6PQ.js";
+} from "./chunk-WUR652Y3.js";
 import "./chunk-HRMUF35V.js";
-import "./chunk-QSQBDR3N.js";
+import {
+  ToolCallGroup,
+  ToolCallStep
+} from "./chunk-CJ2RYVZH.js";
+import "./chunk-BX6AQMUS.js";
+import "./chunk-LTFK464G.js";
 import "./chunk-RQHJBTEU.js";
 export {
   ExpandedToolDetail,

package/dist/{use-sidecar-auth-Bb0-w3lX.d.ts → sdk-hooks.d.ts}

@@ -1,8 +1,9 @@
-import { F as FeedSegment } from './tool-call-feed-D5Ume-Pt.js';
-import { S as SessionMessage, a as SessionPart } from './parts-CyGkM6Fp.js';
-import { G as GroupedMessage, R as Run } from './run-CtFZ6s-D.js';
 import * as React from 'react';
 import { RefObject } from 'react';
+import { G as GroupedMessage, R as Run } from './run-CtFZ6s-D.js';
+import { S as SessionMessage, a as SessionPart } from './parts-CyGkM6Fp.js';
+import { F as FeedSegment } from './tool-call-feed-D5Ume-Pt.js';
+import 'react/jsx-runtime';
 
 /**
  * useToolCallStream — parses SSE events into ToolCallFeed segments.
@@ -32,45 +33,6 @@ interface UseToolCallStreamReturn {
 }
 declare function useToolCallStream(): UseToolCallStreamReturn;
 
-interface AuthUser {
-    customer_id: string;
-    email: string;
-    name?: string;
-    tier: string;
-    github?: {
-        login: string;
-        connected: boolean;
-    } | null;
-    session_expires_at?: string;
-}
-interface UseAuthOptions {
-    apiBaseUrl: string;
-    revalidateOnFocus?: boolean;
-    shouldRetryOnError?: boolean;
-}
-interface UseAuthResult {
-    user: AuthUser | null;
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | null;
-    mutate: () => Promise<void>;
-}
-/**
- * Hook for managing authentication state.
- * Fetches user session from the API and provides loading/error states.
- */
-declare function useAuth({ apiBaseUrl, revalidateOnFocus, shouldRetryOnError, }: UseAuthOptions): UseAuthResult;
-/**
- * Creates a fetcher function that includes auth credentials.
- * Uses both cookie-based session and localStorage API key for backwards compatibility.
- */
-declare function createAuthFetcher(_apiBaseUrl: string): <T = unknown>(url: string, options?: RequestInit) => Promise<T>;
-/**
- * Hook to get the API key from localStorage.
- * For backwards compatibility with API key-based auth.
- */
-declare function useApiKey(): string | null;
-
 /**
  * SSE Event data structure
  */
@@ -194,6 +156,62 @@ interface BotStreamEvent {
     timestamp: number;
 }
 
+interface SdkSessionAttachment {
+    name: string;
+    size?: number;
+}
+interface SdkSessionSeed {
+    id: string;
+    role: SessionMessage["role"];
+    createdAt?: number | string | Date;
+    content?: string;
+    attachments?: SdkSessionAttachment[];
+    parts?: SessionPart[];
+}
+interface SdkSessionEvent {
+    type: string;
+    data?: Record<string, unknown>;
+}
+interface BeginAssistantMessageOptions {
+    id?: string;
+    role?: Extract<SessionMessage["role"], "assistant" | "system">;
+    createdAt?: number | string | Date;
+}
+interface AppendUserMessageOptions {
+    id?: string;
+    role?: Extract<SessionMessage["role"], "user" | "system">;
+    content: string;
+    createdAt?: number | string | Date;
+    attachments?: SdkSessionAttachment[];
+}
+interface CompleteAssistantMessageOptions {
+    messageId?: string;
+    finalText?: string;
+}
+interface ApplySdkEventOptions {
+    messageId?: string;
+}
+interface UseSdkSessionOptions {
+    initialMessages?: SdkSessionSeed[];
+}
+interface UseSdkSessionReturn {
+    messages: SessionMessage[];
+    partMap: Record<string, SessionPart[]>;
+    isStreaming: boolean;
+    activeAssistantMessageId: string | null;
+    replaceHistory: (messages: SdkSessionSeed[]) => void;
+    appendUserMessage: (message: AppendUserMessageOptions) => string;
+    beginAssistantMessage: (options?: BeginAssistantMessageOptions) => string;
+    applySdkEvent: (event: SdkSessionEvent, options?: ApplySdkEventOptions) => void;
+    completeAssistantMessage: (options?: CompleteAssistantMessageOptions) => void;
+    failAssistantMessage: (error: string, options?: {
+        messageId?: string;
+    }) => void;
+    setStreaming: (value: boolean) => void;
+    reset: () => void;
+}
+declare function useSdkSession({ initialMessages, }?: UseSdkSessionOptions): UseSdkSessionReturn;
+
 interface UseRunGroupsOptions {
     messages: SessionMessage[];
     partMap: Record<string, SessionPart[]>;
@@ -276,35 +294,6 @@ declare function useDropdownMenu(options?: UseDropdownMenuOptions): {
     close: () => void;
 };
 
-interface UsePtySessionOptions {
-    /** Base URL of the sidecar (e.g. "http://localhost:9100"). */
-    apiUrl: string;
-    /** Bearer token for authentication. */
-    token: string;
-    /** Called with raw PTY output (may contain ANSI escape codes). */
-    onData: (data: string) => void;
-}
-interface UsePtySessionReturn {
-    /** Whether the SSE stream is connected and receiving data. */
-    isConnected: boolean;
-    /** Connection or API error, if any. */
-    error: string | null;
-    /** Send a command to the PTY session. */
-    sendCommand: (command: string) => Promise<void>;
-    /** Tear down and reconnect. */
-    reconnect: () => void;
-}
-/**
- * Manages a PTY session against the sidecar terminal API.
- *
- * Protocol:
- * - POST /terminals              → create session → { data: { sessionId } }
- * - GET  /terminals/{id}/stream  → SSE output (raw PTY with ANSI codes)
- * - POST /terminals/{id}/execute → send command   { command: "..." }
- * - DELETE /terminals/{id}       → close session
- */
-declare function usePtySession({ apiUrl, token, onData }: UsePtySessionOptions): UsePtySessionReturn;
-
 interface UseSidecarAuthOptions {
     /** Scoping key for token storage (e.g. botId, sandboxId). */
     resourceId: string;
@@ -336,4 +325,4 @@ interface SidecarAuth {
  */
 declare function useSidecarAuth({ resourceId, apiUrl, signMessage }: UseSidecarAuthOptions): SidecarAuth;
 
-export { type AgentStreamEvent as A, type BotStreamEvent as B, type ConnectionState as C, useToolCallStream as D, type SSEEvent as S, type TaskStreamEvent as T, type UseAuthOptions as U, type AuthUser as a, type AutomationStreamEvent as b, type SessionInfo as c, type SidecarAuth as d, type TerminalStreamEvent as e, type UseAuthResult as f, type UsePtySessionOptions as g, type UsePtySessionReturn as h, type UseRunGroupsOptions as i, type UseSSEStreamOptions as j, type UseSSEStreamResult as k, type UseSessionStreamOptions as l, type UseSessionStreamResult as m, type UseSidecarAuthOptions as n, type UseToolCallStreamReturn as o, createAuthFetcher as p, useAuth as q, useAutoScroll as r, useDropdownMenu as s, usePtySession as t, useApiKey as u, useRunCollapseState as v, useRunGroups as w, useSSEStream as x, useSessionStream as y, useSidecarAuth as z };
+export { type AgentStreamEvent, type AppendUserMessageOptions, type ApplySdkEventOptions, type AutomationStreamEvent, type BeginAssistantMessageOptions, type BotStreamEvent, type CompleteAssistantMessageOptions, type ConnectionState, type SSEEvent, type SdkSessionAttachment, type SdkSessionEvent, type SdkSessionSeed, type SessionInfo, type SidecarAuth, type TaskStreamEvent, type TerminalStreamEvent, type UseRunGroupsOptions, type UseSSEStreamOptions, type UseSSEStreamResult, type UseSdkSessionOptions, type UseSdkSessionReturn, type UseSessionStreamOptions, type UseSessionStreamResult, type UseSidecarAuthOptions, type UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream };

package/dist/sdk-hooks.js

@@ -0,0 +1,29 @@
+import {
+  useDropdownMenu,
+  useSSEStream,
+  useSdkSession,
+  useSessionStream,
+  useSidecarAuth,
+  useToolCallStream
+} from "./chunk-5LV6DZZF.js";
+import "./chunk-CCKNIAS7.js";
+import {
+  useAutoScroll,
+  useRunCollapseState,
+  useRunGroups
+} from "./chunk-CNWVHQFY.js";
+import "./chunk-CJ2RYVZH.js";
+import "./chunk-BX6AQMUS.js";
+import "./chunk-LTFK464G.js";
+import "./chunk-RQHJBTEU.js";
+export {
+  useAutoScroll,
+  useDropdownMenu,
+  useRunCollapseState,
+  useRunGroups,
+  useSSEStream,
+  useSdkSession,
+  useSessionStream,
+  useSidecarAuth,
+  useToolCallStream
+};