@mcp-b/react-components 0.36.0 → 0.38.0

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

@@ -1,14 +1,14 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as PlusIcon, J as SpinnerIcon, b as EllipsisIcon, o as ArrowUpRightIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
-import { AppIcon } from "../foundations/AppIcon.js";
+import { H as PlusIcon, J as SpinnerIcon, b as EllipsisIcon, o as ArrowUpRightIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
+import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { Separator } from "../foundations/Separator.js";
-import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
-import { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.js";
+import { AppIcon } from "../foundations/AppIcon.js";
 import { SearchField } from "../foundations/SearchField.js";
+import { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/McpPluginCatalog.tsx

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

@@ -1,9 +1,9 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, P as MinusIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
+import { J as SpinnerIcon, P as MinusIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
 import { buttonVariants } from "../foundations/Button.js";
+import { Menu } from "../foundations/Menu.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { Menu } from "../foundations/Menu.js";
 import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "../ai-sdk/PromptInput.js";
 import { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.js";
 import { McpConnectorForm } from "./McpConnectorForm.js";

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { G as SearchIcon, f as ChevronDownIcon } from "../../icons-B1Qw05te.js";
+import { G as SearchIcon, f as ChevronDownIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
+import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { o as titleCase } from "../../format-DB2mX9DA.js";
 import { Separator } from "../foundations/Separator.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { Autocomplete } from "../foundations/Autocomplete.js";
 import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
 import { ToolApproval } from "../ai-sdk/ToolApproval.js";
+import { ThinkExecutionApproval, ThinkPendingApproval, getPausedExecution } from "./ThinkPendingApproval.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { isToolUIPart } from "ai";

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

@@ -1,4 +1,4 @@
-import { c as BoxIcon, j as McpIcon } from "../../icons-B1Qw05te.js";
+import { c as BoxIcon, j as McpIcon } from "../../icons-B4mGvCvc.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx
 /** Project whole upstream Agents MCP state into composer mention commands. */

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, X as StopIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
+import { J as SpinnerIcon, X as StopIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunIndicator.tsx

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { l as BrainIcon } from "../../icons-B1Qw05te.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { l as BrainIcon } from "../../icons-B4mGvCvc.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip } from "./SubagentRunIndicator.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -3,9 +3,10 @@ import { K as PromptInputMessage } from "../../PromptInput-BRX7FhjH.js";
 import { r as AgentChatProps } from "../../AgentChat-CVO7xyLC.js";
 import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-BCVqCtJ1.js";
 import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
-import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-Dkmm2pIj.js";
+import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-D6-_5Phw.js";
 import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
 import { t as ThinkRecoveryNotice } from "../../ThinkRecoveryNotice-DGWr94rk.js";
+import { n as WorkspaceHtmlArtifactRenderer } from "../../WorkspaceMessageResponse-Cy28WGSz.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";
@@ -67,7 +68,8 @@ type ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> = Omit<Agent
    * that does not exist yet.
    */
   draft?: ThinkChatDraft<MessageT>; /** Whole `useSessionCompaction` result for built-in progress and error notices. */
-  sessionCompaction?: UseSessionCompactionResult;
+  sessionCompaction?: UseSessionCompactionResult; /** Promotes assistant-authored workspace HTML links through a host runtime hydrator. */
+  renderWorkspaceHtmlArtifact?: WorkspaceHtmlArtifactRenderer;
 };
 /** Shared pending-approval options for components and TanStack Router loaders. */
 declare function thinkPendingExecutionApprovalsQueryOptions(stub: AgentStub<Think>, sourceKey: string): ThinkPendingExecutionApprovalsQueryOptions;
@@ -128,6 +130,7 @@ declare function ThinkChatMessages<State = unknown, MessageT extends UIMessage =
   renderPart,
   excludeTools,
   renderAgentToolRunLink,
+  renderWorkspaceHtmlArtifact,
   toolRenderers,
   thinkStub,
   onExecutionSettled,

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

@@ -1,2 +1,2 @@
-import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-ByR-QT_D.js";
+import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-DkA4Wr71.js";
 export { ThinkChat, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

@@ -1,2 +1,2 @@
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../../ThinkChatActivity-Dkmm2pIj.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../../ThinkChatActivity-D6-_5Phw.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, renderThinkChatActivityPart };

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

@@ -1,10 +1,10 @@
-import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { useExpansionState } from "../ai-sdk/ExpansionState.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { Button } from "../foundations/Button.js";
 import { MessageResponse } from "../ai-sdk/Message.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { SubagentRunList } from "./SubagentRunList.js";
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { useOptionalThinkChatLive } from "./ThinkChatContext.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";

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

@@ -1,2 +1,2 @@
-import { a as ThinkChatToolLifecycleSnapshot, c as deriveThinkChatActivityHeader, d as summarizeActivitySteps, i as ThinkChatToolDescribers, l as deriveThinkChatToolLifecycleHeader, n as ThinkChatActivityHeader, o as activityPartIconKind, r as ThinkChatToolDescriber, s as activityPartUrl, t as ThinkChatActivityDescription, u as describeThinkChatActivityPart } from "../../ThinkChatActivitySummary-teRjrPxW.js";
+import { a as ThinkChatToolLifecycleSnapshot, c as deriveThinkChatActivityHeader, d as summarizeActivitySteps, i as ThinkChatToolDescribers, l as deriveThinkChatToolLifecycleHeader, n as ThinkChatActivityHeader, o as activityPartIconKind, r as ThinkChatToolDescriber, s as activityPartUrl, t as ThinkChatActivityDescription, u as describeThinkChatActivityPart } from "../../ThinkChatActivitySummary-BtBQgMg6.js";
 export { ThinkChatActivityDescription, ThinkChatActivityHeader, ThinkChatToolDescriber, ThinkChatToolDescribers, ThinkChatToolLifecycleSnapshot, activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, deriveThinkChatToolLifecycleHeader, describeThinkChatActivityPart, summarizeActivitySteps };

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

@@ -1,8 +1,8 @@
 import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
-import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
 import { Tabs } from "../foundations/Tabs.js";
+import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
+import { t as CodeBlock } from "../../CodeBlock-DO4Hdu1R.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
-import { t as CodeBlock } from "../../CodeBlock-Bk4nn7l-.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import * as React from "react";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TerminalIcon, C as FileIcon, O as InfoIcon, W as RefreshIcon, d as CheckIcon, n as ArrowDownIcon, rt as XIcon } from "../../icons-B1Qw05te.js";
+import { $ as TerminalIcon, C as FileIcon, O as InfoIcon, W as RefreshIcon, d as CheckIcon, n as ArrowDownIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
 import { EmptyState } from "../foundations/EmptyState.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, O as InfoIcon, d as CheckIcon, rt as XIcon, z as PauseIcon } from "../../icons-B1Qw05te.js";
+import { J as SpinnerIcon, O as InfoIcon, d as CheckIcon, rt as XIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunSubtitle, getThinkExecutionRunTitle } from "./ThinkExecutionRun.js";
 import "react";

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

@@ -1,15 +1,15 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as RefreshIcon, b as EllipsisIcon } from "../../icons-B1Qw05te.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { W as RefreshIcon, b as EllipsisIcon } from "../../icons-B4mGvCvc.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
+import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
-import { Menu } from "../foundations/Menu.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isSameThinkExecutionRun, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import { ThinkExecutionDetail } from "./ThinkExecutionDetail.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { queryOptions, useMutation, useSuspenseQuery } from "@tanstack/react-query";

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

@@ -1,4 +1,4 @@
-import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-DQogVe8E.js";
+import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
 import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-BCVqCtJ1.js";
 import { McpPluginCatalogProps } from "./McpPluginCatalog.js";
 import { ThinkChatMessagesProps } from "./ThinkChat.js";

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

@@ -1,14 +1,14 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TerminalIcon, C as FileIcon, J as SpinnerIcon, c as BoxIcon, f as ChevronDownIcon } from "../../icons-B1Qw05te.js";
+import { $ as TerminalIcon, C as FileIcon, J as SpinnerIcon, c as BoxIcon, f as ChevronDownIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
-import { ScrollArea } from "../foundations/ScrollArea.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
-import { McpPluginCatalog } from "./McpPluginCatalog.js";
-import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-DZeLe_jN.js";
-import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-ByR-QT_D.js";
+import { ScrollArea } from "../foundations/ScrollArea.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
 import { ResizableSidePanel } from "../general-purpose/ResizableSidePanel.js";
+import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-DtH66bAY.js";
+import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-DkA4Wr71.js";
+import { McpPluginCatalog } from "./McpPluginCatalog.js";
+import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
 import { ThinkFullAppViewSwitch } from "./ThinkFullAppViewSwitch.js";
 import { ThinkThreadStatusIndicators } from "./ThinkThreadPicker.js";
 import { ThinkThreadShell } from "./ThinkThreadShell.js";

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

@@ -1,4 +1,4 @@
-import { r as ToggleGroupProps } from "../../ToggleGroup-BrQZOQn_.js";
+import { r as ToggleGroupProps } from "../../ToggleGroup-_pQMyHGM.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/ThinkFullAppViewSwitch.d.ts

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

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkFullAppViewSwitch.tsx

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

@@ -1,5 +1,5 @@
-import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { AgentChatTurnError } from "../ai-sdk/AgentChatTurnError.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRecoveryNotice.tsx
 function connectionReason(error) {

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

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as PlusIcon } from "../../icons-B1Qw05te.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { H as PlusIcon } from "../../icons-B4mGvCvc.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-DB2mX9DA.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { SearchField } from "../foundations/SearchField.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Badge } from "../foundations/Badge.js";
-import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import { Switch } from "../foundations/Switch.js";
+import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import { ThinkRoutineRuns } from "./ThinkRoutineRuns.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon } from "../../icons-B1Qw05te.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
 import { Textarea } from "../foundations/Textarea.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { Select } from "../foundations/Select.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, V as PlayIcon, b as EllipsisIcon, f as ChevronDownIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
-import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { J as SpinnerIcon, V as PlayIcon, b as EllipsisIcon, f as ChevronDownIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
+import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import { EmptyState } from "../foundations/EmptyState.js";
-import { Menu } from "../foundations/Menu.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { ThinkRoutineBrowser } from "./ThinkRoutineBrowser.js";
 import { ThinkRoutineDetail } from "./ThinkRoutineDetail.js";

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { Badge } from "../foundations/Badge.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/ThinkThreadPicker.js

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as PlusIcon, J as SpinnerIcon, t as ArchiveIcon, tt as WarningIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
-import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { H as PlusIcon, J as SpinnerIcon, t as ArchiveIcon, tt as WarningIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { SearchField } from "../foundations/SearchField.js";
 import { AlertDialog } from "../foundations/AlertDialog.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { SearchField } from "../foundations/SearchField.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/WorkspaceBrowser.js

@@ -1,5 +1,5 @@
 import { SearchField } from "../foundations/SearchField.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-4WP4Uc_m.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-DbQMpvxV.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,4 +1,4 @@
-import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-DQogVe8E.js";
+import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
 import { WorkspaceState } from "./Workspace.js";
 import * as React from "react";
 

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

@@ -1,8 +1,8 @@
 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-DZeLe_jN.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-DTHJLKW_.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-DeGzWwhK.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceExplorer.tsx

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

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

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

@@ -1,4 +1,4 @@
-import { W as RefreshIcon } from "../../icons-B1Qw05te.js";
+import { W as RefreshIcon } from "../../icons-B4mGvCvc.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,2 +1,2 @@
-import { a as WorkspaceFileLinkProps, c as WorkspaceLinkResolution, d as WorkspaceNavigationProvider, f as WorkspaceNavigationProviderProps, i as WorkspaceFileLink, l as WorkspaceNavigationAdapter, n as WorkspaceDestination, o as WorkspaceInvalidDestination, p as resolveWorkspaceLink, r as WorkspaceExternalDestination, s as WorkspaceLinkBase, t as ResolveWorkspaceLinkOptions, u as WorkspaceNavigationEntry } from "../../WorkspaceLink-DQogVe8E.js";
+import { a as WorkspaceFileLinkProps, c as WorkspaceLinkResolution, d as WorkspaceNavigationProvider, f as WorkspaceNavigationProviderProps, i as WorkspaceFileLink, l as WorkspaceNavigationAdapter, n as WorkspaceDestination, o as WorkspaceInvalidDestination, p as resolveWorkspaceLink, r as WorkspaceExternalDestination, s as WorkspaceLinkBase, t as ResolveWorkspaceLinkOptions, u as WorkspaceNavigationEntry } from "../../WorkspaceLink-Bh9-Jo1r.js";
 export { ResolveWorkspaceLinkOptions, WorkspaceDestination, WorkspaceExternalDestination, WorkspaceFileLink, WorkspaceFileLinkProps, WorkspaceInvalidDestination, WorkspaceLinkBase, WorkspaceLinkResolution, WorkspaceNavigationAdapter, WorkspaceNavigationEntry, WorkspaceNavigationProvider, WorkspaceNavigationProviderProps, resolveWorkspaceLink };

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

@@ -1,2 +1,2 @@
-import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../../WorkspaceLink-DZeLe_jN.js";
+import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../../WorkspaceLink-DtH66bAY.js";
 export { WorkspaceFileLink, WorkspaceNavigationProvider, resolveWorkspaceLink };

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

@@ -1,12 +1,2 @@
-import { MessageResponseProps } from "../ai-sdk/Message.js";
-import * as React from "react";
-
-//#region src/components/agents-sdk/WorkspaceMessageResponse.d.ts
-/** Adds workspace-aware Markdown links when rendered inside a workspace provider. */
-declare const WorkspaceMessageResponse: React.MemoExoticComponent<({
-  components,
-  rehypePlugins,
-  ...props
-}: MessageResponseProps) => React.JSX.Element>;
-//#endregion
-export { WorkspaceMessageResponse };
+import { i as WorkspaceMessageResponseProps, n as WorkspaceHtmlArtifactRenderer, r as WorkspaceMessageResponse, t as WorkspaceHtmlArtifactRenderInput } from "../../WorkspaceMessageResponse-Cy28WGSz.js";
+export { WorkspaceHtmlArtifactRenderInput, WorkspaceHtmlArtifactRenderer, WorkspaceMessageResponse, WorkspaceMessageResponseProps };

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

@@ -1,2 +1,2 @@
-import { t as WorkspaceMessageResponse } from "../../WorkspaceMessageResponse-BWbkIELl.js";
+import { t as WorkspaceMessageResponse } from "../../WorkspaceMessageResponse-CJCmGvTx.js";
 export { WorkspaceMessageResponse };

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

@@ -1,10 +1,10 @@
-import { R as PaperclipIcon } from "../../icons-B1Qw05te.js";
+import { R as PaperclipIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
 import { Popover } from "../foundations/Popover.js";
+import { Card, CardAction, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { StatusPill } from "../foundations/StatusPill.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

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
 import { Collapsible } from "../foundations/Collapsible.js";
 import { useExpansionState } from "./ExpansionState.js";
+import { m as ChevronRightIcon } from "../../icons-B4mGvCvc.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 { rt as XIcon } from "../../icons-B1Qw05te.js";
+import { rt as XIcon } from "../../icons-B4mGvCvc.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 { B as PencilIcon } from "../../icons-B1Qw05te.js";
+import { B as PencilIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
-import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
 import { Kbd } from "../foundations/Kbd.js";
+import { a as formatUnknownValue } from "../../format-DB2mX9DA.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.d.ts

@@ -118,5 +118,48 @@ declare function ArtifactContent({
 }: ArtifactContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+/** Host error messages render verbatim and must be user-readable rather than raw diagnostics.
+ * Sandbox policy is a host concern the preview never mediates: a host that blocks a resource
+ * reports it through the error states, so there is no approval state here. */
+type ArtifactPreviewState = {
+  status: "loading";
+} | {
+  message: string;
+  onRetry: () => void;
+  status: "error";
+} | {
+  content: React.ReactNode;
+  status: "ready";
+} | {
+  content: React.ReactNode;
+  message: string;
+  onRetry: () => void;
+  status: "runtime-error";
+};
+interface ArtifactPreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+  /** Accessible artifact name, usually derived from the source link label. */
+  label: string;
+  /** Navigation element for the source artifact. */
+  sourceLink: React.ReactElement;
+  /** Host-resolved artifact lifecycle facts and callables. */
+  state: ArtifactPreviewState;
+}
+/**
+ * Controlled inline preview for host-hydrated generated UI runtimes.
+ *
+ * The design system owns artifact chrome, status copy, disclosure, responsive
+ * layout, and accessible announcements. The host owns source reads, sandbox
+ * policy, runtime messaging, and the rendered content element.
+ */
+declare function ArtifactPreview({
+  className,
+  label,
+  sourceLink,
+  state,
+  ref,
+  ...props
+}: ArtifactPreviewProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
 //#endregion
-export { Artifact, ArtifactAction, ArtifactActionProps, ArtifactActions, ArtifactActionsProps, ArtifactClose, ArtifactCloseProps, ArtifactContent, ArtifactContentProps, ArtifactDescription, ArtifactDescriptionProps, ArtifactHeader, ArtifactHeaderProps, ArtifactProps, ArtifactTitle, ArtifactTitleProps };
+export { Artifact, ArtifactAction, ArtifactActionProps, ArtifactActions, ArtifactActionsProps, ArtifactClose, ArtifactCloseProps, ArtifactContent, ArtifactContentProps, ArtifactDescription, ArtifactDescriptionProps, ArtifactHeader, ArtifactHeaderProps, ArtifactPreview, ArtifactPreviewProps, ArtifactPreviewState, ArtifactProps, ArtifactTitle, ArtifactTitleProps };

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

@@ -1,8 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { rt as XIcon } from "../../icons-B1Qw05te.js";
+import { J as SpinnerIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { Button, buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Artifact.tsx
 /**
 * A container for generated content (code, documents, outputs) with a header
@@ -107,5 +109,79 @@ function ArtifactContent({ className, children, ref, ...props }) {
 		children
 	});
 }
+/**
+* Controlled inline preview for host-hydrated generated UI runtimes.
+*
+* The design system owns artifact chrome, status copy, disclosure, responsive
+* layout, and accessible announcements. The host owns source reads, sandbox
+* policy, runtime messaging, and the rendered content element.
+*/
+function ArtifactPreview({ className, label, sourceLink, state, ref, ...props }) {
+	const liveMessage = state.status === "loading" ? "Loading interactive UI." : state.status === "error" ? `Interactive UI failed to load: ${state.message}` : state.status === "runtime-error" ? `Interactive UI error: ${state.message}` : "Interactive UI loaded.";
+	return /* @__PURE__ */ jsxs(Artifact, {
+		ref,
+		...props,
+		"aria-busy": state.status === "loading" || void 0,
+		"aria-label": props["aria-label"] ?? label,
+		className: cx("artifact-preview", className),
+		"data-state": state.status,
+		role: props.role ?? "region",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "sigvelo-visually-hidden",
+				role: "status",
+				"aria-atomic": "true",
+				children: liveMessage
+			}),
+			/* @__PURE__ */ jsx(ArtifactHeader, {
+				className: "artifact-preview__header",
+				children: /* @__PURE__ */ jsx(NavigationLink, {
+					render: sourceLink,
+					className: buttonVariants({
+						variant: "ghost",
+						color: "neutral",
+						size: "xs"
+					}),
+					children: "View source"
+				})
+			}),
+			state.status === "loading" ? /* @__PURE__ */ jsxs(ArtifactContent, {
+				className: "artifact-preview__status",
+				children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), "Loading interactive UI…"]
+			}) : state.status === "error" ? /* @__PURE__ */ jsx(ArtifactPreviewError, {
+				message: state.message,
+				onRetry: state.onRetry
+			}) : /* @__PURE__ */ jsxs(ArtifactContent, {
+				className: "artifact-preview__frame-shell",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "artifact-preview__runtime",
+					inert: state.status === "runtime-error" || void 0,
+					children: state.content
+				}), state.status === "runtime-error" ? /* @__PURE__ */ jsx(ArtifactPreviewError, {
+					message: state.message,
+					onRetry: state.onRetry,
+					overlay: true
+				}) : null]
+			})
+		]
+	});
+}
+function ArtifactPreviewError({ message, onRetry, overlay = false }) {
+	return /* @__PURE__ */ jsxs(ArtifactContent, {
+		className: cx("artifact-preview__status", overlay && "artifact-preview__status--overlay"),
+		children: [
+			/* @__PURE__ */ jsx(WarningIcon, {}),
+			/* @__PURE__ */ jsx("span", { children: message }),
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				color: "neutral",
+				size: "sm",
+				onClick: onRetry,
+				children: "Retry"
+			})
+		]
+	});
+}
 //#endregion
-export { Artifact, ArtifactAction, ArtifactActions, ArtifactClose, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle };
+export { Artifact, ArtifactAction, ArtifactActions, ArtifactClose, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactPreview, ArtifactTitle };