@mcp-b/react-components 0.44.0 → 0.45.0

package/dist/components/agents-sdk/ThinkRoutineRuns.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import * as React from "react";

package/dist/components/agents-sdk/ThinkSidepanel.d.ts

@@ -5,6 +5,7 @@ import { ThinkRoutine } from "./ThinkRoutine.js";
 import { SetupChecklistEntry } from "../general-purpose/SetupChecklist.js";
 import * as React from "react";
 import { UIMessage } from "ai";
+import { AgentToolRunState } from "agents/agent-tools";
 
 //#region src/components/agents-sdk/ThinkSidepanel.d.ts
 type ThinkSidepanelView = "chat" | "files" | "plugins" | "schedules" | "live";
@@ -86,11 +87,28 @@ interface ThinkSidepanelSchedules<TRoutine extends ThinkRoutine = ThinkRoutine>
   /** Host-owned create/edit form. The side panel only frames it. */
   editor?: React.ReactNode;
 }
-interface ThinkSidepanelAgentRun {
-  title: string;
-  running?: boolean;
+/**
+ * The delegated run the panel is drilled into, in one of the three states a
+ * drill-in can be in. A `ready` run carries the whole retained record out of
+ * the dispatching thread's `useAgentToolEvents` projection
+ * (`runsById[runId]`), which the host keeps mounted beside the run's own
+ * socket: status, progress, and report are the dispatching thread's facts,
+ * never the child's own state.
+ *
+ * The host decides which state applies. Detecting an `unavailable` run is the
+ * host's concern — the run's transcript load throws above this panel, in
+ * whatever boundary the host mounts around it — so the host maps that failure
+ * onto this state, and the panel owns only what it looks like.
+ */
+type ThinkSidepanelAgentRun = {
+  state: "ready";
+  run: AgentToolRunState; /** Cancels the run. The bar shows it only while `run.status` is `running`. */
   onCancel?: () => void;
-}
+} /** The dispatching thread's replay has not seeded this run yet. */ | {
+  state: "loading";
+} /** The run's transcript could not be loaded: it was retired or never existed. */ | {
+  state: "unavailable";
+};
 interface ThinkSidepanelIdentity {
   email?: string;
   liveProfile: string;

package/dist/components/agents-sdk/ThinkSidepanel.js

@@ -1,26 +1,27 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { A as McpIcon, C as FolderIcon, H as QueueIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, Q as TerminalIcon, S as FileIcon, T as InfoIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, g as DiscordIcon, o as ArrowUpRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-Dw-im7lg.js";
+import { A as McpIcon, C as FolderIcon, H as QueueIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, Q as TerminalIcon, S as FileIcon, T as InfoIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, g as DiscordIcon, o as ArrowUpRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { Dialog } from "../foundations/Dialog.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { Menu } from "../foundations/Menu.js";
+import { Dialog } from "../foundations/Dialog.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
 import { Avatar } from "../foundations/Avatar.js";
 import { AppIcon } from "../foundations/AppIcon.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { Switch } from "../foundations/Switch.js";
+import { useTheme } from "../foundations/ThemeProvider.js";
 import "../foundations/icons.js";
+import { ActionGuide } from "../general-purpose/ActionGuide.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
-import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
+import { t as SetupChecklistAction } from "../../SetupChecklist-CZeToAbu.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
+import { SubagentRunLabel } from "./SubagentRunIndicator.js";
+import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { getThinkExecutionRunId } from "./ThinkExecutionRun.js";
 import { ThinkThreadPicker, summarizeThinkThreads } from "./ThinkThreadPicker.js";
 import { ThinkFullApp } from "./ThinkFullApp.js";
-import { Switch } from "../foundations/Switch.js";
 import { ThinkRoutineLibrary } from "./ThinkRoutineLibrary.js";
-import { ActionGuide } from "../general-purpose/ActionGuide.js";
-import { t as SetupChecklistAction } from "../../SetupChecklist-DOp-zqjh.js";
-import { useTheme } from "../foundations/ThemeProvider.js";
-import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkSidepanel.tsx
@@ -535,6 +536,22 @@ function employeeMessages({ agentRun, brandName, guideOpen, hasConversation, hos
 	};
 }
 /**
+* The drilled-in run's name over its live status line — the same label its
+* selector chip wears in the parent transcript, so what the person clicked
+* and what they land on read the same. Before the replay seeds the run there
+* is only the fact that it is a run.
+*/
+function ThinkSidepanelRunTitle({ agentRun }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "think-sidepanel-run-title",
+		className: "think-sidepanel__run-title",
+		children: agentRun.state === "ready" ? /* @__PURE__ */ jsx(SubagentRunLabel, { run: agentRun.run }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NaniteMark, {}), /* @__PURE__ */ jsx("span", {
+			className: "sigvelo-truncate",
+			children: "Delegated run"
+		})] })
+	});
+}
+/**
 * The employee side panel: icon-and-tooltip chrome, start screen, schedules,
 * conversation plus workbench. Hosts hydrate conversation, workspace,
 * plugins, and callables. Storybook is the place to iterate the chrome.
@@ -650,6 +667,44 @@ function ThinkSidepanel({ agentRun, appBarLeading, brand, className, companion,
 		}), identityDialog]
 	});
 	const workbenchView = view === "plugins" ? "plugins" : view === "files" ? "files" : "chat";
+	const cancelRun = agentRun?.state === "ready" && agentRun.run.status === "running" ? agentRun.onCancel : void 0;
+	const backToThread = agentRun ? /* @__PURE__ */ jsx(AppTopBar.Link, {
+		label: "Back to parent conversation",
+		render: thread ? renderLink({
+			kind: "thread",
+			threadId: thread.id
+		}) : renderLink({
+			kind: "view",
+			view: "chat"
+		}),
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	}) : null;
+	if (agentRun?.state === "unavailable") return /* @__PURE__ */ jsxs("div", {
+		ref: rootRef,
+		className: cx("think-sidepanel", className),
+		"data-view": view,
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs(AppTopBar.Root, {
+				"aria-label": "Delegated run controls",
+				children: [
+					/* @__PURE__ */ jsx(AppTopBar.Leading, { children: backToThread }),
+					/* @__PURE__ */ jsx(AppTopBar.Title, { children: "Delegated run" }),
+					/* @__PURE__ */ jsx(AppTopBar.Trailing, { children: overflow })
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "think-sidepanel__gate",
+				role: "alert",
+				children: /* @__PURE__ */ jsx(EmptyState, {
+					icon: /* @__PURE__ */ jsx(WarningIcon, {}),
+					title: "Run unavailable",
+					description: "This delegated run is no longer available. Its report stays in the parent conversation."
+				})
+			}),
+			identityDialog
+		]
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		ref: rootRef,
 		className: cx("think-sidepanel", className),
@@ -662,27 +717,11 @@ function ThinkSidepanel({ agentRun, appBarLeading, brand, className, companion,
 				runId: run.runId
 			}),
 			bar: {
-				title: agentRun ? /* @__PURE__ */ jsxs("span", {
-					className: "think-sidepanel__run-title",
-					children: [/* @__PURE__ */ jsx(NaniteMark, {}), /* @__PURE__ */ jsx("span", {
-						className: "sigvelo-truncate",
-						children: agentRun.title
-					})]
-				}) : thread?.title ?? "New chat",
-				leading: agentRun ? /* @__PURE__ */ jsx(AppTopBar.Link, {
-					label: "Back to parent conversation",
-					render: thread ? renderLink({
-						kind: "thread",
-						threadId: thread.id
-					}) : renderLink({
-						kind: "view",
-						view: "chat"
-					}),
-					children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
-				}) : workbenchLeading,
-				actions: agentRun?.running && agentRun.onCancel ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
+				title: agentRun ? /* @__PURE__ */ jsx(ThinkSidepanelRunTitle, { agentRun }) : thread?.title ?? "New chat",
+				leading: agentRun ? backToThread : workbenchLeading,
+				actions: cancelRun ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
 					label: "Cancel run",
-					onClick: agentRun.onCancel,
+					onClick: cancelRun,
 					children: /* @__PURE__ */ jsx(SquareIcon, {})
 				}), workspaceLinks] }) : workspaceLinks,
 				primary: overflow,

package/dist/components/agents-sdk/ThinkThreadPicker.js

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlusIcon, _ as DotIcon, et as WarningIcon, q as SpinnerIcon, t as ArchiveIcon } from "../../icons-Dw-im7lg.js";
+import { V as PlusIcon, _ as DotIcon, et as WarningIcon, q as SpinnerIcon, t as ArchiveIcon } from "../../icons-DbrksZyY.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { EmptyState } from "../foundations/EmptyState.js";
-import { ScrollArea } from "../foundations/ScrollArea.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { ScrollArea } from "../foundations/ScrollArea.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { LinkButton } from "../foundations/LinkButton.js";
 import { SearchField } from "../foundations/SearchField.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkThreadPicker.tsx

package/dist/components/agents-sdk/Workspace.d.ts

@@ -1,2 +1,2 @@
-import { A as workspaceQueryKey, C as workspaceBinaryFileQueryOptions, D as workspaceFileAssetQueryOptions, E as workspaceDirectoryQueryPrefix, O as workspaceFileStatQueryOptions, S as useWorkspace, T as workspaceDirectoryQueryOptions, _ as WorkspaceResolvedAsset, a as WorkspaceDirectoryQueryOptions, b as WorkspaceTextFileQueryKey, c as WorkspaceFileQueryKey, d as WorkspaceFileStatQueryOptions, f as WorkspaceFileVersion, g as WorkspaceQueryKey, h as WorkspaceInfoQueryOptions, i as WorkspaceDirectoryQueryKey, j as workspaceTextFileQueryOptions, k as workspaceInfoQueryOptions, l as WorkspaceFileReadTarget, m as WorkspaceInfoQueryKey, n as WorkspaceBinaryFileQueryKey, o as WorkspaceFileAssetQueryKey, p as WorkspaceInfo, r as WorkspaceBinaryFileQueryOptions, s as WorkspaceFileAssetQueryOptions, t as UseWorkspaceOptions, u as WorkspaceFileStatQueryKey, v as WorkspaceSource, w as workspaceDirectoryQueryKey, x as WorkspaceTextFileQueryOptions, y as WorkspaceState } from "../../Workspace-F3raHdYV.js";
+import { A as workspaceQueryKey, C as workspaceBinaryFileQueryOptions, D as workspaceFileAssetQueryOptions, E as workspaceDirectoryQueryPrefix, O as workspaceFileStatQueryOptions, S as useWorkspace, T as workspaceDirectoryQueryOptions, _ as WorkspaceResolvedAsset, a as WorkspaceDirectoryQueryOptions, b as WorkspaceTextFileQueryKey, c as WorkspaceFileQueryKey, d as WorkspaceFileStatQueryOptions, f as WorkspaceFileVersion, g as WorkspaceQueryKey, h as WorkspaceInfoQueryOptions, i as WorkspaceDirectoryQueryKey, j as workspaceTextFileQueryOptions, k as workspaceInfoQueryOptions, l as WorkspaceFileReadTarget, m as WorkspaceInfoQueryKey, n as WorkspaceBinaryFileQueryKey, o as WorkspaceFileAssetQueryKey, p as WorkspaceInfo, r as WorkspaceBinaryFileQueryOptions, s as WorkspaceFileAssetQueryOptions, t as UseWorkspaceOptions, u as WorkspaceFileStatQueryKey, v as WorkspaceSource, w as workspaceDirectoryQueryKey, x as WorkspaceTextFileQueryOptions, y as WorkspaceState } from "../../Workspace-jdVZ9S0a.js";
 export { UseWorkspaceOptions, WorkspaceBinaryFileQueryKey, WorkspaceBinaryFileQueryOptions, WorkspaceDirectoryQueryKey, WorkspaceDirectoryQueryOptions, WorkspaceFileAssetQueryKey, WorkspaceFileAssetQueryOptions, WorkspaceFileQueryKey, WorkspaceFileReadTarget, WorkspaceFileStatQueryKey, WorkspaceFileStatQueryOptions, WorkspaceFileVersion, WorkspaceInfo, WorkspaceInfoQueryKey, WorkspaceInfoQueryOptions, WorkspaceQueryKey, WorkspaceResolvedAsset, WorkspaceSource, WorkspaceState, WorkspaceTextFileQueryKey, WorkspaceTextFileQueryOptions, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

package/dist/components/agents-sdk/Workspace.js

@@ -1,5 +1,5 @@
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { getWorkspaceBasename, inferWorkspaceMedia } from "./WorkspaceFile.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { getWorkspaceBasename, inferWorkspaceMedia, isWorkspaceTextPath } from "./WorkspaceFile.js";
 import { n as isWorkspacePathWithinRoot, t as canonicalizeAbsoluteWorkspacePath } from "../../workspace-path-L_KmjRjq.js";
 import * as React from "react";
 import { queryOptions, useQueries, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -245,6 +245,7 @@ async function refreshWorkspaceFile(queryClient, { source, sourceKey, root, sele
 		});
 		return;
 	}
+	if (!isWorkspaceTextPath(target.readPath, target.info.mimeType)) return;
 	const options = workspaceTextFileQueryOptions(source, sourceKey, root, target);
 	if (queryClient.getQueryState(options.queryKey)) await queryClient.fetchQuery({
 		...options,
@@ -284,6 +285,7 @@ function useWorkspace({ source, sourceKey, root = "/", selectedPath, onSelectedP
 		info: INACTIVE_FILE_INFO,
 		media: null
 	};
+	const targetIsText = target ? isWorkspaceTextPath(target.readPath, target.info.mimeType) : false;
 	const assetQuery = useQuery({
 		...workspaceFileAssetQueryOptions(sourceKey, root, queryTarget, resolveFileAsset ?? INACTIVE_FILE_ASSET_RESOLVER),
 		enabled: statSettled && resolveFileAsset !== void 0
@@ -292,7 +294,7 @@ function useWorkspace({ source, sourceKey, root = "/", selectedPath, onSelectedP
 	const resolverSettled = !resolveFileAsset || assetQuery.isSuccess && !assetQuery.isFetching;
 	const textQuery = useQuery({
 		...workspaceTextFileQueryOptions(source, sourceKey, root, queryTarget),
-		enabled: statSettled && resolverSettled && !resolvedAsset && !target.media
+		enabled: statSettled && resolverSettled && !resolvedAsset && !target.media && targetIsText
 	});
 	const binaryQuery = useQuery({
 		...workspaceBinaryFileQueryOptions(source, sourceKey, root, queryTarget, normalizedMaxInlineAssetBytes),
@@ -349,7 +351,7 @@ function useWorkspace({ source, sourceKey, root = "/", selectedPath, onSelectedP
 			info: target.info,
 			error: null
 		};
-		else if (!target.media && textQuery.isSuccess) selectedFile = {
+		else if (targetIsText && textQuery.isSuccess) selectedFile = {
 			path: selectedPath,
 			name: getWorkspaceBasename(selectedPath),
 			content: textQuery.data,
@@ -357,6 +359,14 @@ function useWorkspace({ source, sourceKey, root = "/", selectedPath, onSelectedP
 			info: target.info,
 			error: null
 		};
+		else if (!target.media && !targetIsText) selectedFile = {
+			path: selectedPath,
+			name: getWorkspaceBasename(selectedPath),
+			content: null,
+			asset: null,
+			info: target.info,
+			error: null
+		};
 	}
 	const loadingPaths = React.useMemo(() => {
 		const paths = /* @__PURE__ */ new Set();

package/dist/components/agents-sdk/WorkspaceBrowser.d.ts

@@ -1,4 +1,4 @@
-import { y as WorkspaceState } from "../../Workspace-F3raHdYV.js";
+import { y as WorkspaceState } from "../../Workspace-jdVZ9S0a.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceBrowser.d.ts

package/dist/components/agents-sdk/WorkspaceBrowser.js

@@ -1,5 +1,5 @@
 import { SearchField } from "../foundations/SearchField.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-Uu3ZnW1u.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-QTP57Qz4.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/agents-sdk/WorkspaceExplorer.d.ts

@@ -1,5 +1,5 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
-import { y as WorkspaceState } from "../../Workspace-F3raHdYV.js";
+import { y as WorkspaceState } from "../../Workspace-jdVZ9S0a.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceExplorer.d.ts

package/dist/components/agents-sdk/WorkspaceExplorer.js

@@ -2,7 +2,7 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink } from "../../WorkspaceLink-DtH66bAY.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-BublZXky.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-DJ8Oxz57.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceExplorer.tsx

package/dist/components/agents-sdk/WorkspaceFile.d.ts

@@ -1,2 +1,2 @@
-import { _ as parseWorkspaceSkill, a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as isWorkspaceSkillPath, h as isWorkspaceMediaPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMarkdownPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as inferWorkspaceMimeType, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename } from "../../WorkspaceFile-BLaFmMrt.js";
-export { WorkspaceFileAsset, WorkspaceFileAssetRequest, WorkspaceFileAssetResolver, WorkspaceFileState, WorkspaceMediaInfo, WorkspaceMediaKind, WorkspaceMediaTrack, WorkspaceMediaTrackKind, WorkspaceSkillDocument, getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, inferWorkspaceMimeType, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill };
+import { _ as isWorkspaceTextPath, a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as isWorkspaceSkillPath, h as isWorkspaceMediaPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMarkdownPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as inferWorkspaceMimeType, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename, v as parseWorkspaceSkill } from "../../WorkspaceFile-Dq-GC0_T.js";
+export { WorkspaceFileAsset, WorkspaceFileAssetRequest, WorkspaceFileAssetResolver, WorkspaceFileState, WorkspaceMediaInfo, WorkspaceMediaKind, WorkspaceMediaTrack, WorkspaceMediaTrackKind, WorkspaceSkillDocument, getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, inferWorkspaceMimeType, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, isWorkspaceTextPath, parseWorkspaceSkill };

package/dist/components/agents-sdk/WorkspaceFile.js

@@ -135,6 +135,17 @@ const GENERIC_MEDIA_MIME_TYPES = /* @__PURE__ */ new Set([
 	"application/binary",
 	"binary/octet-stream"
 ]);
+const TEXT_APPLICATION_MIME_TYPES = /* @__PURE__ */ new Set([
+	"application/ecmascript",
+	"application/javascript",
+	"application/json",
+	"application/sql",
+	"application/toml",
+	"application/x-sh",
+	"application/x-yaml",
+	"application/xml",
+	"application/yaml"
+]);
 function normalizeWorkspaceMimeType(mimeType) {
 	return mimeType?.split(";", 1)[0]?.trim().toLowerCase() || null;
 }
@@ -209,6 +220,12 @@ function inferWorkspaceMimeType(path) {
 function isWorkspaceMediaPath(path, mimeType) {
 	return inferWorkspaceMedia(path, mimeType) !== null;
 }
+/** Identify files that are safe to decode and render as text. */
+function isWorkspaceTextPath(path, mimeType) {
+	const normalizedMimeType = normalizeWorkspaceMimeType(mimeType);
+	if (!normalizedMimeType || GENERIC_MEDIA_MIME_TYPES.has(normalizedMimeType)) return LANGUAGE_BY_EXTENSION[workspaceExtension(path)] !== void 0;
+	return normalizedMimeType.startsWith("text/") || TEXT_APPLICATION_MIME_TYPES.has(normalizedMimeType) || normalizedMimeType.endsWith("+json") || normalizedMimeType.endsWith("+xml");
+}
 /** Parse and validate a workspace skill with the canonical Agent Skills SDK. */
 function parseWorkspaceSkill(content) {
 	const validationErrors = validateSkillContent(content);
@@ -229,4 +246,4 @@ function inferWorkspaceLanguage(path) {
 	return LANGUAGE_BY_EXTENSION[workspaceExtension(path)] ?? "text";
 }
 //#endregion
-export { getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, inferWorkspaceMimeType, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill };
+export { getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, inferWorkspaceMimeType, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, isWorkspaceTextPath, parseWorkspaceSkill };

package/dist/components/agents-sdk/WorkspaceFileView.d.ts

@@ -1,4 +1,4 @@
-import { i as WorkspaceFileState } from "../../WorkspaceFile-BLaFmMrt.js";
+import { i as WorkspaceFileState } from "../../WorkspaceFile-Dq-GC0_T.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceFileView.d.ts

package/dist/components/agents-sdk/WorkspaceFileView.js

@@ -1,2 +1,2 @@
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-BublZXky.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-DJ8Oxz57.js";
 export { WorkspaceFileView };

package/dist/components/agents-sdk/WorkspaceHeader.js

@@ -1,4 +1,4 @@
-import { U as RefreshIcon } from "../../icons-Dw-im7lg.js";
+import { U as RefreshIcon } from "../../icons-DbrksZyY.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/agents-sdk/WorkspaceMountManager.js

@@ -1,24 +1,12 @@
-import { L as PaperclipIcon, T as InfoIcon, d as CheckIcon, et as WarningIcon, nt as XIcon } from "../../icons-Dw-im7lg.js";
+import { L as PaperclipIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
+import { Card, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import { Popover } from "../foundations/Popover.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { Card, CardAction, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceMountManager.tsx
-function permissionLabel(permission) {
-	if (permission === "granted") return "Read/write connected";
-	if (permission === "prompt") return "Permission needed";
-	if (permission === "denied") return "Access denied";
-	return "Unavailable";
-}
-function permissionIcon(permission) {
-	if (permission === "granted") return /* @__PURE__ */ jsx(CheckIcon, {});
-	if (permission === "prompt") return /* @__PURE__ */ jsx(InfoIcon, {});
-	if (permission === "denied") return /* @__PURE__ */ jsx(XIcon, {});
-	return /* @__PURE__ */ jsx(WarningIcon, {});
-}
 /** Controlled local-mount presentation; native handles and persistence stay in the host. */
 function WorkspaceMountManager({ mounts, adding = false, busyMountId = null, error, onAdd, onReconnect, onRemove, triggerLabel = "Attach local folders" }) {
 	const busy = adding || busyMountId !== null;
@@ -51,15 +39,10 @@ function WorkspaceMountManager({ mounts, adding = false, busyMountId = null, err
 						return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Card, {
 							size: "sm",
 							"aria-busy": busyMountId === mount.id || void 0,
-							children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, {
+							children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
 								className: "workspace-mount-manager__path",
 								children: /* @__PURE__ */ jsx("code", { children: mount.path })
-							}), /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsxs("span", {
-								className: "workspace-mount-manager__permission",
-								"data-permission": mount.permission,
-								role: "status",
-								children: [permissionIcon(mount.permission), permissionLabel(mount.permission)]
-							}) })] }), /* @__PURE__ */ jsxs(CardFooter, { children: [mount.permission !== "granted" ? /* @__PURE__ */ jsx(Button, {
+							}) }), /* @__PURE__ */ jsxs(CardFooter, { children: [mount.permission !== "granted" ? /* @__PURE__ */ jsx(Button, {
 								type: "button",
 								size: "sm",
 								disabled: busy,

package/dist/components/ai-sdk/Activity.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { p as ChevronRightIcon } from "../../icons-Dw-im7lg.js";
 import { Collapsible } from "../foundations/Collapsible.js";
 import { useExpansionState } from "./ExpansionState.js";
+import { p as ChevronRightIcon } from "../../icons-DbrksZyY.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Activity.tsx

package/dist/components/ai-sdk/AgentChatStartScreen.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { nt as XIcon } from "../../icons-Dw-im7lg.js";
+import { nt as XIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { PromptInputTray } from "./PromptInput.js";

package/dist/components/ai-sdk/Approval.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { z as PencilIcon } from "../../icons-Dw-im7lg.js";
+import { z as PencilIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
-import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
 import { Kbd } from "../foundations/Kbd.js";
+import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Approval.tsx

package/dist/components/ai-sdk/Artifact.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { et as WarningIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
+import { et as WarningIcon, nt as XIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";

package/dist/components/ai-sdk/ChainOfThought.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { _ as DotIcon, d as CheckIcon, p as ChevronRightIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
 import { Collapsible } from "../foundations/Collapsible.js";
+import { _ as DotIcon, d as CheckIcon, p as ChevronRightIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/ChainOfThought.tsx

package/dist/components/ai-sdk/Checkpoint.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { s as BookmarkIcon } from "../../icons-Dw-im7lg.js";
+import { s as BookmarkIcon } from "../../icons-DbrksZyY.js";
 import { Marker, MarkerIcon } from "../foundations/Marker.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/ai-sdk/CodeBlock.js

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-Dl7a3Wqo.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-8K1p1BDU.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle };

package/dist/components/ai-sdk/ConnectedAppCards.js

@@ -1,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SlackIcon, O as MailIcon, _ as DotIcon, d as CheckIcon, nt as XIcon, u as CalendarIcon } from "../../icons-Dw-im7lg.js";
+import { K as SlackIcon, O as MailIcon, _ as DotIcon, d as CheckIcon, nt as XIcon, u as CalendarIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
 import { Field } from "../foundations/Field.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { Input } from "../foundations/Input.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
 import { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { Input } from "../foundations/Input.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/ConnectedAppCards.tsx

package/dist/components/ai-sdk/Context.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Popover } from "../foundations/Popover.js";
 import { Separator } from "../foundations/Separator.js";
-import { t as ProgressRing } from "../../progress-ring-BEocM1e3.js";
+import { t as ProgressRing } from "../../progress-ring-Cgii90dC.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Context.tsx

package/dist/components/ai-sdk/Conversation.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-Dw-im7lg.js";
+import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-DbrksZyY.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as assignRef } from "../../merge-refs-DF_7w2x_.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";

package/dist/components/ai-sdk/Goal.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TrashIcon, B as PlayIcon, R as PauseIcon, Z as TargetIcon } from "../../icons-Dw-im7lg.js";
+import { $ as TrashIcon, B as PlayIcon, R as PauseIcon, Z as TargetIcon } from "../../icons-DbrksZyY.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Goal.tsx

package/dist/components/ai-sdk/InlineCitation.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Popover } from "../foundations/Popover.js";
 import { PreviewCard } from "../foundations/PreviewCard.js";
+import { Popover } from "../foundations/Popover.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/InlineCitation.tsx

package/dist/components/ai-sdk/MediaPreviewCard.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlayIcon } from "../../icons-Dw-im7lg.js";
+import { B as PlayIcon } from "../../icons-DbrksZyY.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { Card } from "../foundations/Card.js";
 import * as React from "react";

package/dist/components/ai-sdk/Message.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-Dw-im7lg.js";
+import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
-import { n as clamp } from "../../format-DB2mX9DA.js";
+import { n as clamp } from "../../format-COCyV98Z.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cjk } from "@streamdown/cjk";

package/dist/components/ai-sdk/MessageScroller.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-Dw-im7lg.js";
+import { n as ArrowDownIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import "react";

package/dist/components/ai-sdk/MessageScrollerVirtual.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-Dw-im7lg.js";
+import { n as ArrowDownIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import * as React from "react";

package/dist/components/ai-sdk/Plan.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { _ as DotIcon, d as CheckIcon, i as ArrowRightIcon } from "../../icons-Dw-im7lg.js";
+import { _ as DotIcon, d as CheckIcon, i as ArrowRightIcon } from "../../icons-DbrksZyY.js";
 import { Popover } from "../foundations/Popover.js";
-import { t as ProgressRing } from "../../progress-ring-BEocM1e3.js";
+import { t as ProgressRing } from "../../progress-ring-Cgii90dC.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Plan.tsx

package/dist/components/ai-sdk/PromptInput.js

@@ -1,15 +1,15 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { C as FolderIcon, J as SquareIcon, L as PaperclipIcon, M as MicrophoneIcon, P as MonitorIcon, S as FileIcon, V as PlusIcon, Y as StopIcon, a as ArrowUpIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, nt as XIcon, q as SpinnerIcon, tt as WrenchIcon } from "../../icons-Dw-im7lg.js";
+import { C as FolderIcon, J as SquareIcon, L as PaperclipIcon, M as MicrophoneIcon, P as MonitorIcon, S as FileIcon, V as PlusIcon, Y as StopIcon, a as ArrowUpIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, nt as XIcon, q as SpinnerIcon, tt as WrenchIcon } from "../../icons-DbrksZyY.js";
 import { Button } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
-import { i as formatErrorMessage, n as clamp, r as formatClock } from "../../format-DB2mX9DA.js";
 import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Kbd } from "../foundations/Kbd.js";
 import { Menu } from "../foundations/Menu.js";
 import { PreviewCard } from "../foundations/PreviewCard.js";
 import { Tabs } from "../foundations/Tabs.js";
+import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
+import { a as formatErrorMessage, i as formatClock, n as clamp } from "../../format-COCyV98Z.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";