@tangle-network/sandbox-ui 3.0.2 → 4.0.0

package/dist/workspace.js

@@ -1,4 +1,4 @@
 import { i as WorkspacePaneHeader, n as SHELL_INSET_GUTTER, r as ShellHeader, t as SHELL_HEADER_HEIGHT } from "./shell-header-CwqDzC4I.js";
-import { S as WorkspaceSurfaceTitle, _ as StatusBanner, a as SandboxWorkbench, b as WorkspaceSurface, c as shellShouldRevalidate, d as dispatchSessionCreated, f as useOptimisticSessionItems, g as StatusBar, h as TerminalPanel, i as TaskBoard, l as SessionSidebar, m as RuntimePane, n as ApprovalQueue, o as WorkspaceArtifactView, p as formatRelativeAge, r as CalendarView, s as createShellShouldRevalidate, t as ArtifactPane, u as SESSION_CREATED_EVENT, v as DirectoryPane, x as WorkspaceSurfaceFrame, y as WorkspaceLayout } from "./workspace-BrS_rHWN.js";
-import { t as WorkspaceFilesPane } from "./workspace-files-pane-Di_rn4FL.js";
+import { S as WorkspaceSurfaceTitle, _ as StatusBanner, a as SandboxWorkbench, b as WorkspaceSurface, c as shellShouldRevalidate, d as dispatchSessionCreated, f as useOptimisticSessionItems, g as StatusBar, h as TerminalPanel, i as TaskBoard, l as SessionSidebar, m as RuntimePane, n as ApprovalQueue, o as WorkspaceArtifactView, p as formatRelativeAge, r as CalendarView, s as createShellShouldRevalidate, t as ArtifactPane, u as SESSION_CREATED_EVENT, v as DirectoryPane, x as WorkspaceSurfaceFrame, y as WorkspaceLayout } from "./workspace-CJD7oOEa.js";
+import { t as WorkspaceFilesPane } from "./workspace-files-pane-D24G7H_Z.js";
 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, WorkspaceSurface, WorkspaceSurfaceFrame, WorkspaceSurfaceTitle, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "3.0.2",
+  "version": "4.0.0",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
@@ -87,10 +87,6 @@
       "import": "./dist/integrations.js",
       "types": "./dist/integrations.d.ts"
     },
-    "./connections": {
-      "import": "./dist/connections.js",
-      "types": "./dist/connections.d.ts"
-    },
     "./connectors": {
       "import": "./dist/connectors.js",
       "types": "./dist/connectors.d.ts"
@@ -161,7 +157,7 @@
     "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0 || ^3.0.0 || ^5.2.0",
     "@tangle-network/brand": "^1.31.3",
     "@tangle-network/charts": "^4.0.2",
-    "@tangle-network/ui": "^11.51.11",
+    "@tangle-network/ui": "^11.51.12",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -242,7 +238,7 @@
     "@radix-ui/react-dialog": "^1.3.1",
     "@radix-ui/react-dropdown-menu": "^2.2.1",
     "@radix-ui/react-select": "^2.4.1",
-    "@tangle-network/ui": "^11.51.11",
+    "@tangle-network/ui": "^11.51.12",
     "diff": "^9.0.0",
     "eventsource-parser": "4.1.2",
     "lucide-react": "^1.61.0",
@@ -302,7 +298,8 @@
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
     "yjs": "^13.6.33",
-    "@drewstone/agent-record": "https://github.com/drewstone/agent-record/releases/download/v3.0.3/drewstone-agent-record-3.0.3.tgz"
+    "@drewstone/agent-record": "https://github.com/drewstone/agent-record/releases/download/v3.0.3/drewstone-agent-record-3.0.3.tgz",
+    "@tangle-network/ui": "^11.51.12"
   },
   "scripts": {
     "build": "tsdown",

package/dist/connections-DymjzHe_.js

@@ -1,179 +0,0 @@
-import { Button } from "@tangle-network/ui/primitives";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as React$1 from "react";
-import { AlertCircle, CheckCircle2, Loader2, MessageSquare, ShieldCheck } from "lucide-react";
-import { cn } from "@tangle-network/ui/utils";
-// src/connections/agent-messaging-connection.tsx
-function AgentStatus({ enrollment }) {
-	switch (enrollment.status) {
-		case "checking": return /* @__PURE__ */ jsx("span", { children: "Checking access…" });
-		case "eligible": return /* @__PURE__ */ jsx("span", { children: "Not connected" });
-		case "enrolling": return /* @__PURE__ */ jsx("span", { children: "Connecting your agent…" });
-		case "enrolled": return /* @__PURE__ */ jsxs("span", { children: [
-			"Connected to ",
-			/* @__PURE__ */ jsx("strong", {
-				className: "font-medium text-foreground",
-				children: enrollment.target.agentLabel
-			}),
-			enrollment.target.workspaceLabel && /* @__PURE__ */ jsxs(Fragment, { children: [" in ", enrollment.target.workspaceLabel] })
-		] });
-		case "forbidden": return /* @__PURE__ */ jsx("span", { children: enrollment.message ?? "You cannot connect this agent." });
-		case "error": return /* @__PURE__ */ jsx("span", { children: enrollment.message ?? "Could not check agent access." });
-	}
-}
-function RouteStatus({ enrollment, route }) {
-	switch (route.status) {
-		case "checking": return /* @__PURE__ */ jsx("span", { children: "Checking messaging…" });
-		case "pending": return /* @__PURE__ */ jsx("span", { children: route.message ?? "Setting up messaging…" });
-		case "ready": return enrollment.status === "enrolled" ? /* @__PURE__ */ jsxs("span", { children: [
-			"Ready on ",
-			/* @__PURE__ */ jsx("strong", {
-				className: "font-medium text-foreground",
-				children: route.channelLabel
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "block break-words",
-				children: route.destinationLabel
-			})
-		] }) : enrollment.status === "eligible" ? /* @__PURE__ */ jsx("span", { children: "Connect your agent to use messaging." }) : /* @__PURE__ */ jsx("span", { children: "Agent connection is unconfirmed." });
-		case "unavailable": return /* @__PURE__ */ jsx("span", { children: route.message ?? "Messaging is unavailable right now." });
-		case "forbidden": return /* @__PURE__ */ jsx("span", { children: route.message ?? "You cannot use messaging in this app." });
-		case "error": return /* @__PURE__ */ jsx("span", { children: route.message ?? "Could not check messaging." });
-	}
-}
-function AgentMessagingConnection({ enrollment, route, onEnroll, onOpenMessages, onRetry, className }) {
-	const [submitting, setSubmitting] = React$1.useState(false);
-	const [actionError, setActionError] = React$1.useState(null);
-	const submittingRef = React$1.useRef(false);
-	const canMessage = enrollment.status === "enrolled" && route.status === "ready";
-	const canRetry = enrollment.status === "error" || route.status === "error";
-	React$1.useEffect(() => {
-		setActionError(null);
-	}, [enrollment.status, route.status]);
-	async function enroll() {
-		if (enrollment.status !== "eligible" || submittingRef.current) return;
-		submittingRef.current = true;
-		setSubmitting(true);
-		setActionError(null);
-		try {
-			await onEnroll();
-		} catch {
-			setActionError("Could not connect the agent. Try again.");
-		} finally {
-			submittingRef.current = false;
-			setSubmitting(false);
-		}
-	}
-	async function retry() {
-		if (!onRetry || submittingRef.current) return;
-		submittingRef.current = true;
-		setSubmitting(true);
-		setActionError(null);
-		try {
-			await onRetry();
-		} catch {
-			setActionError("Could not check messaging. Try again.");
-		} finally {
-			submittingRef.current = false;
-			setSubmitting(false);
-		}
-	}
-	return /* @__PURE__ */ jsxs("section", {
-		"aria-label": "Agent messaging connection",
-		className: cn("rounded-xl border border-border bg-card p-4 text-sm text-foreground sm:p-5", className),
-		children: [
-			/* @__PURE__ */ jsx("h2", {
-				className: "mb-4 text-base font-semibold",
-				children: "Agent messaging"
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "divide-y divide-border rounded-lg border border-border",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex gap-3 p-3 sm:p-4",
-					children: [
-						/* @__PURE__ */ jsx(ShieldCheck, {
-							"aria-hidden": "true",
-							className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground"
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ jsx("p", {
-								className: "font-medium",
-								children: "Private agent"
-							}), /* @__PURE__ */ jsx("p", {
-								"aria-live": "polite",
-								className: "mt-0.5 break-words text-muted-foreground",
-								children: /* @__PURE__ */ jsx(AgentStatus, { enrollment })
-							})]
-						}),
-						enrollment.status === "enrolled" && /* @__PURE__ */ jsx(CheckCircle2, {
-							"aria-label": "Connected",
-							className: "ml-auto h-4 w-4 shrink-0 text-[var(--code-success)]"
-						})
-					]
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex gap-3 p-3 sm:p-4",
-					children: [
-						/* @__PURE__ */ jsx(MessageSquare, {
-							"aria-hidden": "true",
-							className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground"
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ jsx("p", {
-								className: "font-medium",
-								children: "Messaging"
-							}), /* @__PURE__ */ jsx("p", {
-								"aria-live": "polite",
-								className: "mt-0.5 break-words text-muted-foreground",
-								children: /* @__PURE__ */ jsx(RouteStatus, {
-									enrollment,
-									route
-								})
-							})]
-						}),
-						canMessage && /* @__PURE__ */ jsx(CheckCircle2, {
-							"aria-label": "Ready",
-							className: "ml-auto h-4 w-4 shrink-0 text-[var(--code-success)]"
-						})
-					]
-				})]
-			}),
-			(enrollment.status === "eligible" || canMessage || canRetry && onRetry) && /* @__PURE__ */ jsxs("div", {
-				className: "mt-4 flex flex-wrap items-center gap-3",
-				children: [
-					enrollment.status === "eligible" && /* @__PURE__ */ jsxs(Button, {
-						type: "button",
-						onClick: enroll,
-						disabled: submitting,
-						children: [submitting ? /* @__PURE__ */ jsx(Loader2, {
-							"aria-hidden": "true",
-							className: "mr-2 h-4 w-4 animate-spin"
-						}) : null, submitting ? "Connecting agent…" : "Connect agent"]
-					}),
-					canMessage && onOpenMessages && /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						onClick: onOpenMessages,
-						children: "Open messages"
-					}),
-					canRetry && onRetry && /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "outline",
-						onClick: retry,
-						disabled: submitting,
-						children: submitting ? "Checking…" : "Check again"
-					})
-				]
-			}),
-			actionError && /* @__PURE__ */ jsxs("p", {
-				role: "alert",
-				className: "mt-3 flex items-center gap-2 text-[var(--code-error)]",
-				children: [/* @__PURE__ */ jsx(AlertCircle, {
-					"aria-hidden": "true",
-					className: "h-4 w-4 shrink-0"
-				}), actionError]
-			})
-		]
-	});
-}
-export { AgentMessagingConnection as t };

package/dist/connections.d.ts

@@ -1,2 +0,0 @@
-import { a as SharedMessagingRouteViewState, i as AgentTargetSummary, n as AgentMessagingConnection, r as AgentMessagingConnectionProps, t as AgentEnrollmentViewState } from "./index-DLX35YAa.js";
-export { type AgentEnrollmentViewState, AgentMessagingConnection, type AgentMessagingConnectionProps, type AgentTargetSummary, type SharedMessagingRouteViewState };

package/dist/connections.js

@@ -1 +0,0 @@
-export { t as AgentMessagingConnection } from "./connections-DymjzHe_.js";

package/dist/index-DLX35YAa.d.ts

@@ -1,59 +0,0 @@
-import * as React$1 from "react";
-/** Safe display fields for a host-resolved, authorized private agent target. */
-interface AgentTargetSummary {
-  agentLabel: string;
-  workspaceLabel?: string;
-}
-/** The host must recheck the member grant before reporting `eligible` or `enrolled`. */
-type AgentEnrollmentViewState = {
-  status: "checking";
-} | {
-  status: "eligible";
-} | {
-  status: "enrolling";
-} | {
-  status: "enrolled";
-  target: AgentTargetSummary;
-} | {
-  status: "forbidden";
-  message?: string;
-} | {
-  status: "error";
-  message?: string;
-};
-/**
- * `ready` means the host verified this application's route for this member.
- * A globally attached provider line alone is not enough to report readiness.
- */
-type SharedMessagingRouteViewState = {
-  status: "checking";
-} | {
-  status: "pending";
-  message?: string;
-} | {
-  status: "ready";
-  channelLabel: string;
-  destinationLabel: string;
-} | {
-  status: "forbidden";
-  message?: string;
-} | {
-  status: "unavailable";
-  message?: string;
-} | {
-  status: "error";
-  message?: string;
-};
-interface AgentMessagingConnectionProps {
-  enrollment: AgentEnrollmentViewState;
-  route: SharedMessagingRouteViewState;
-  /** The host performs authenticated, idempotent enrollment and reloads the result. */
-  onEnroll: () => void | Promise<void>;
-  /** Open the host's authorized conversation. Shown only when both states are ready. */
-  onOpenMessages?: () => void;
-  /** Recheck a failed host read. This does not enroll or mutate a provider route. */
-  onRetry?: () => void | Promise<void>;
-  className?: string;
-}
-declare function AgentMessagingConnection({ enrollment, route, onEnroll, onOpenMessages, onRetry, className }: AgentMessagingConnectionProps): React$1.JSX.Element;
-export { SharedMessagingRouteViewState as a, AgentTargetSummary as i, AgentMessagingConnection as n, AgentMessagingConnectionProps as r, AgentEnrollmentViewState as t };

package/dist/use-follow-tail-Ht7fZGQQ.js

@@ -1 +0,0 @@
-export { useFollowTail as t } from "@tangle-network/ui/hooks/use-follow-tail";