@tutti-os/agent-gui 0.0.5 → 0.0.7

package/dist/index.js

@@ -7,7 +7,7 @@ import {
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   normalizeOptionalWorkspaceAgentStatus,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-7ICAFTA2.js";
+} from "./chunk-DHOAJJ3K.js";
 import {
   AgentActivityHostProvider,
   AgentActivityRuntimeProvider,
@@ -27,7 +27,6 @@ import {
   getOptionalAgentHostApi,
   managedAgentRoundedIconUrl,
   normalizeManagedAgentProvider,
-  normalizeWorkspaceAgentActivityDisplayStatus,
   resetAgentActivityRuntimeForTests,
   resolveWebsiteNavigationUrl,
   resolveWorkspaceLinkAction,
@@ -39,7 +38,7 @@ import {
   useOptionalAgentHostApi,
   user_avatar_placeholder_default,
   workspaceAgentActivityStatusLabel
-} from "./chunk-F55LU7IJ.js";
+} from "./chunk-VBNWIBNV.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs,
   workspaceAgentProviderLabel
@@ -57,7 +56,7 @@ import {
   getActiveUiLanguage,
   translate,
   useTranslation
-} from "./chunk-BHCCGKOP.js";
+} from "./chunk-ZAVQMGAX.js";
 import {
   resolveAgentMentionFileThumbnailUrl,
   resolveAgentMentionFileVisualKind
@@ -161,7 +160,7 @@ function agentHostSessionFromCore(session, id, presenceId) {
     title: session.title || void 0,
     turnPhase: agentHostTurnPhaseFromCore(session.status),
     updatedAtUnixMs: session.updatedAtUnixMs ?? session.lastEventUnixMs,
-    userId: "local",
+    userId: session.userId?.trim() || "local",
     workspaceId: session.workspaceId
   };
 }
@@ -12399,6 +12398,7 @@ function useAgentGUINodeController({
   workspacePath,
   avoidGroupingEdits,
   data,
+  previewMode = false,
   onDataChange,
   onShowMessage
 }) {
@@ -12608,6 +12608,9 @@ function useAgentGUINodeController({
     setRetainedBackgroundConversationIds
   ] = useState5([]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     setRetainedBackgroundConversationIds((current) => {
       const next = new Set(current);
       for (const conversationId of backgroundBusyConversationIds) {
@@ -12623,15 +12626,24 @@ function useAgentGUINodeController({
         (conversationId, index) => conversationId === current[index]
       ) ? current : nextIds;
     });
-  }, [activeConversationId, backgroundBusyConversationIds, conversations]);
+  }, [
+    activeConversationId,
+    backgroundBusyConversationIds,
+    conversations,
+    previewMode
+  ]);
   const backgroundWatchedConversationIds = useMemo4(
-    () => [
+    () => previewMode ? [] : [
       .../* @__PURE__ */ new Set([
         ...backgroundBusyConversationIds,
         ...retainedBackgroundConversationIds
       ])
     ].sort(),
-    [backgroundBusyConversationIds, retainedBackgroundConversationIds]
+    [
+      backgroundBusyConversationIds,
+      previewMode,
+      retainedBackgroundConversationIds
+    ]
   );
   const accountProfilesByUserId = useAccountStore(
     (state) => state.profilesByUserId
@@ -12725,6 +12737,9 @@ function useAgentGUINodeController({
     []
   );
   useEffect5(() => {
+    if (previewMode) {
+      return void 0;
+    }
     const api = agentHostApi.userProjects;
     let disposed = false;
     const loadUserProjects = async () => {
@@ -12754,8 +12769,11 @@ function useAgentGUINodeController({
       disposed = true;
       unsubscribe?.();
     };
-  }, [agentHostApi.userProjects, setUserProjectsSnapshot]);
+  }, [agentHostApi.userProjects, previewMode, setUserProjectsSnapshot]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     if (!conversationListQuery || agentActivitySnapshot.sessions.length === 0) {
       return;
     }
@@ -12821,6 +12839,7 @@ function useAgentGUINodeController({
     agentActivitySnapshot,
     conversationListQuery,
     data.provider,
+    previewMode,
     updateConversationList,
     userProjects
   ]);
@@ -12836,6 +12855,9 @@ function useAgentGUINodeController({
     []
   );
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     updateConversationList(
       (current) => applyAgentGUIConversationProjects(current, userProjects)
     );
@@ -12844,6 +12866,7 @@ function useAgentGUINodeController({
     );
   }, [
     conversations,
+    previewMode,
     setTransientConversation,
     updateConversationList,
     userProjects
@@ -12902,6 +12925,9 @@ function useAgentGUINodeController({
     isCreatingConversationRef.current = isCreatingConversation;
   }, [isCreatingConversation]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     setPendingCreateConversationId(resolvePendingCreateConversationId());
     if (!conversationListQuery || !pendingCreateOwnerKey) {
       return;
@@ -12912,9 +12938,13 @@ function useAgentGUINodeController({
   }, [
     conversationListQuery,
     pendingCreateOwnerKey,
+    previewMode,
     resolvePendingCreateConversationId
   ]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     setIsPendingSubmit(resolvePendingSubmit());
     if (!conversationListQuery || activeConversationId === null) {
       return;
@@ -12922,10 +12952,18 @@ function useAgentGUINodeController({
     return subscribeAgentGUIConversationListStore(() => {
       setIsPendingSubmit(resolvePendingSubmit());
     });
-  }, [activeConversationId, conversationListQuery, resolvePendingSubmit]);
+  }, [
+    activeConversationId,
+    conversationListQuery,
+    previewMode,
+    resolvePendingSubmit
+  ]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     ensureOpenclawGateway();
-  }, [data.provider, ensureOpenclawGateway]);
+  }, [data.provider, ensureOpenclawGateway, previewMode]);
   useEffect5(() => {
     onDataChangeRef.current = onDataChange;
   }, [onDataChange]);
@@ -12956,6 +12994,9 @@ function useAgentGUINodeController({
     );
   }, [conversations]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     const previousSnapshot = previousConversationListSnapshotRef.current;
     const previousQuery = previousSnapshot.query;
     const previousQueryKey = previousQuery ? createAgentGUIConversationListQueryKey(previousQuery) : null;
@@ -12971,7 +13012,7 @@ function useAgentGUINodeController({
       query: conversationListQuery,
       conversations
     };
-  }, [conversationListQuery, conversations]);
+  }, [conversationListQuery, conversations, previewMode]);
   const persistActiveConversation = useCallback4(
     (agentSessionId) => {
       if (persistedActiveConversationIdRef.current === agentSessionId) {
@@ -13006,6 +13047,9 @@ function useAgentGUINodeController({
     [agentActivityRuntime, workspaceId]
   );
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     if (!hasLoadedConversations) {
       return;
     }
@@ -13016,7 +13060,12 @@ function useAgentGUINodeController({
     onDataChangeRef.current(
       (current) => current.conversationCount === nextConversationCount ? current : { ...current, conversationCount: nextConversationCount }
     );
-  }, [conversations.length, hasLoadedConversations, transientConversation]);
+  }, [
+    conversations.length,
+    hasLoadedConversations,
+    previewMode,
+    transientConversation
+  ]);
   const isCurrentConversation = useCallback4((agentSessionId) => {
     return isMountedRef.current && activeConversationIdRef.current === agentSessionId.trim();
   }, []);
@@ -13536,6 +13585,9 @@ function useAgentGUINodeController({
     ]
   );
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     if (!supports.model && !supports.reasoning && !supports.permission) {
       return;
     }
@@ -13549,12 +13601,16 @@ function useAgentGUINodeController({
   }, [
     data.provider,
     loadDraftComposerOptions,
+    previewMode,
     selectedProjectPath,
     supports.model,
     supports.permission,
     supports.reasoning
   ]);
   useEffect5(() => {
+    if (previewMode) {
+      return void 0;
+    }
     if (!supports.model && !supports.reasoning && !supports.permission) {
       return void 0;
     }
@@ -13587,18 +13643,23 @@ function useAgentGUINodeController({
   }, [
     loadDraftComposerOptions,
     loadSessionState,
+    previewMode,
     workspaceId,
     supports.model,
     supports.permission,
     supports.reasoning
   ]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     loadDraftComposerOptions();
   }, [
     activeConversationId,
     data.provider,
     isComposerHome,
-    loadDraftComposerOptions
+    loadDraftComposerOptions,
+    previewMode
   ]);
   const clearPendingSessionStateReload = useCallback4(() => {
     if (stateReloadTimerRef.current !== null) {
@@ -13936,11 +13997,22 @@ function useAgentGUINodeController({
     [applyStatePatch, handleActivityStreamEvent]
   );
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     void syncConversationListProjection(
       dataRef.current.lastActiveAgentSessionId
     );
-  }, [currentUserId, data.provider, syncConversationListProjection]);
+  }, [
+    currentUserId,
+    data.provider,
+    previewMode,
+    syncConversationListProjection
+  ]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     if (!activeConversationId) {
       setDetailError(null);
       return;
@@ -13955,11 +14027,11 @@ function useAgentGUINodeController({
       reloadConversations: false,
       reloadDetail: true
     });
-  }, [activeConversationId, reloadSelectedConversation]);
+  }, [activeConversationId, previewMode, reloadSelectedConversation]);
   useAgentSessionDurableRefresh({
     agentSessionId: activeConversationId,
     sessionView: activeSessionView,
-    blockControlStateRefresh: activeConversationId === null || blockedActivityStreamStateReloadSessionIdsRef.current.has(
+    blockControlStateRefresh: previewMode || activeConversationId === null || blockedActivityStreamStateReloadSessionIdsRef.current.has(
       activeConversationId
     ),
     onControlStateRefresh: () => {
@@ -13977,7 +14049,7 @@ function useAgentGUINodeController({
   useWatchAgentSession({
     workspaceId,
     agentSessionId: activeConversationId,
-    enabled: activeConversationId !== null,
+    enabled: !previewMode && activeConversationId !== null,
     onSubscribe: () => {
       if (!activeConversationId) {
         return;
@@ -15191,6 +15263,9 @@ function useAgentGUINodeController({
     ]
   );
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     if (!activeConversationId) {
       return;
     }
@@ -15222,10 +15297,14 @@ function useAgentGUINodeController({
     isRespondingApproval,
     isSubmitting,
     failedQueuedPromptIdBySessionId,
+    previewMode,
     queuedPromptRetryBlockBySessionId,
     queuedPromptsBySessionId
   ]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     if (!activeConversationId) {
       return;
     }
@@ -15314,6 +15393,7 @@ function useAgentGUINodeController({
     syncConversationListProjection,
     loadSessionState,
     refreshMessagesFromSnapshot,
+    previewMode,
     queuedPromptsBySessionId,
     runtimeSessionsBySessionId,
     workspaceId,
@@ -27830,6 +27910,9 @@ import {
   useRef as useRef18,
   useState as useState24
 } from "react";
+import {
+  normalizeAgentActivityDisplayStatus
+} from "@tutti-os/agent-activity-core";
 
 // app/renderer/components/icons/FolderFailedFilledIcon.tsx
 import { jsx as jsx80 } from "react/jsx-runtime";
@@ -27880,19 +27963,6 @@ function KeyboardFilledIcon(props) {
 // app/renderer/components/ui/underline-tabs.tsx
 import { UnderlineTabs } from "@tutti-os/ui-system";
 
-// shared/workspaceAgentActivityStatusClassName.ts
-var STATUS_CLASS_BY_STATUS = {
-  working: "working",
-  waiting: "waiting",
-  idle: "idle",
-  completed: "done",
-  canceled: "done",
-  failed: "failed"
-};
-function workspaceAgentActivityStatusClassName(status) {
-  return STATUS_CLASS_BY_STATUS[status];
-}
-
 // shared/roomIssueStatusLabel.ts
 function roomIssueStatusLabel(status, t) {
   const translateFn = t ?? translate;
@@ -27919,7 +27989,7 @@ function roomIssueStatusLabel(status, t) {
 }
 
 // agent-gui/agentGuiNode/AgentFileMentionPalette.tsx
-import { Badge, menuItemClassName as menuItemClassName2 } from "@tutti-os/ui-system";
+import { Badge, StatusDot as StatusDot2, menuItemClassName as menuItemClassName2 } from "@tutti-os/ui-system";
 import { Fragment as Fragment12, jsx as jsx82, jsxs as jsxs53 } from "react/jsx-runtime";
 var paletteStyles2 = {
   palette: "agent-gui-node__mention-palette nodrag grid h-full max-h-[320px] min-h-0 grid-rows-[auto_minmax(0,1fr)_auto] overflow-hidden text-[13px] [-webkit-app-region:no-drag]",
@@ -28650,8 +28720,8 @@ function renderMentionRow(item) {
   }
   if (item.kind === "session") {
     const statusTag = renderSessionMentionStatusTag(item.status);
-    return /* @__PURE__ */ jsxs53("span", { className: "flex min-w-0 items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs53("span", { className: "flex min-w-0 items-center gap-2", children: [
+    return /* @__PURE__ */ jsxs53("span", { className: "grid w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-3", children: [
+      /* @__PURE__ */ jsxs53("span", { className: "flex min-w-0 items-center gap-2 overflow-hidden", children: [
         /* @__PURE__ */ jsx82(MentionSessionAvatarStack, { item }),
         /* @__PURE__ */ jsx82("span", { className: "min-w-0 truncate text-[13px] font-semibold leading-[16px] text-[var(--text-primary)]", children: /* @__PURE__ */ jsx82(MentionSessionTitle, { item }) })
       ] }),
@@ -28833,19 +28903,33 @@ function MentionSessionTitle({
 }
 function MentionStatusTag({ status }) {
   "use memo";
-  const activityStatus = normalizeWorkspaceAgentActivityDisplayStatus(status);
-  const statusClass = workspaceAgentActivityStatusClassName(activityStatus);
-  return /* @__PURE__ */ jsx82(
+  const activityStatus = normalizeAgentActivityDisplayStatus(status);
+  const statusTone = mentionStatusTone(activityStatus);
+  const statusLabel = workspaceAgentActivityStatusLabel(activityStatus);
+  return /* @__PURE__ */ jsxs53(
     Badge,
     {
       variant: "secondary",
       className: cn(
-        "shrink-0 text-[13px]",
-        mentionStatusBadgeClassName(statusClass)
+        "inline-flex h-5 shrink-0 items-center gap-1.5 rounded-[4px] px-2 text-[11px] font-semibold leading-none",
+        mentionStatusBadgeClassName(activityStatus)
       ),
       "data-agent-mention-status-tag": "true",
       "data-status": activityStatus,
-      children: workspaceAgentActivityStatusLabel(activityStatus)
+      "data-tone": statusTone,
+      title: statusLabel,
+      children: [
+        /* @__PURE__ */ jsx82(
+          StatusDot2,
+          {
+            tone: statusTone,
+            pulse: activityStatus === "working" || activityStatus === "waiting",
+            size: "xs",
+            title: statusLabel
+          }
+        ),
+        /* @__PURE__ */ jsx82("span", { children: statusLabel })
+      ]
     }
   );
 }
@@ -28853,10 +28937,7 @@ function renderSessionMentionStatusTag(status) {
   if (!status) {
     return null;
   }
-  const activityStatus = normalizeWorkspaceAgentActivityDisplayStatus(status);
-  if (activityStatus !== "working" && activityStatus !== "waiting" && activityStatus !== "canceled" && activityStatus !== "failed") {
-    return null;
-  }
+  const activityStatus = normalizeAgentActivityDisplayStatus(status);
   return /* @__PURE__ */ jsx82(MentionStatusTag, { status: activityStatus });
 }
 function IssueMentionStatusTag({
@@ -28878,11 +28959,32 @@ function IssueMentionStatusTag({
     }
   );
 }
-function mentionStatusBadgeClassName(statusClass) {
-  if (statusClass === "working" || statusClass === "done") {
-    return "bg-[color:color-mix(in_srgb,var(--state-success)_12%,transparent)] text-[var(--state-success)]";
+function mentionStatusTone(status) {
+  if (status === "working") {
+    return "blue";
+  }
+  if (status === "waiting" || status === "canceled") {
+    return "amber";
   }
-  if (statusClass === "failed") {
+  if (status === "completed" || status === "idle") {
+    return "green";
+  }
+  if (status === "failed") {
+    return "red";
+  }
+  return "neutral";
+}
+function mentionStatusBadgeClassName(status) {
+  if (status === "working") {
+    return "bg-sky-500/10 text-sky-700";
+  }
+  if (status === "waiting" || status === "canceled") {
+    return "bg-[color:color-mix(in_srgb,var(--color-amber-500)_12%,transparent)] text-[var(--color-amber-500)]";
+  }
+  if (status === "completed" || status === "idle") {
+    return "bg-[var(--tsh-ui-pill-success-bg)] text-[var(--tsh-ui-pill-success-fg)]";
+  }
+  if (status === "failed") {
     return "bg-[var(--on-danger)] text-[var(--state-danger)]";
   }
   return "bg-[var(--transparency-block)] text-[var(--text-secondary)]";
@@ -30292,6 +30394,7 @@ function AgentComposer({
               ref: inputShellRef,
               className: cn(inputShellClassName, "relative"),
               "data-input-disabled": inputDisabled ? "true" : void 0,
+              title: inputDisabled && disabledReasonText ? disabledReasonText : void 0,
               style: inputShellStyle,
               children: [
                 /* @__PURE__ */ jsxs54(
@@ -31012,8 +31115,11 @@ function AttentionGlyph() {
 import { Fragment as Fragment16, jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
 var AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX = 24;
 var AGENT_GUI_TIMELINE_SCROLL_AREA_CONTENT_STYLE = {
+  width: "100%",
   minWidth: "100%",
   display: "grid",
+  gridTemplateColumns: "minmax(0, min(100%, var(--agent-gui-detail-flow-max-width)))",
+  justifyContent: "center",
   gap: "24px"
 };
 var EMPTY_WORKSPACE_APP_ICONS4 = [];
@@ -31034,6 +31140,14 @@ function agentGuiPerfNowMs() {
 function roundAgentGuiPerfMs(value) {
   return Math.round(value * 100) / 100;
 }
+function isDifferentKnownConversationOwner(input) {
+  const conversationUserId = input.conversationUserId?.trim() ?? "";
+  const currentUserId = input.currentUserId?.trim() ?? "";
+  if (!conversationUserId || !currentUserId || conversationUserId === "local" || currentUserId === "local") {
+    return false;
+  }
+  return conversationUserId !== currentUserId;
+}
 function isContextCanceledMessage(message) {
   const normalized = message?.trim().toLowerCase() ?? "";
   return normalized === "context canceled";
@@ -31228,6 +31342,7 @@ function AgentGUINodeView({
   isAgentProviderReady,
   slashStatusLimits = [],
   slashStatusLimitsLoading = false,
+  previewMode = false,
   showProjectSelector = true,
   onAgentProviderLogin,
   actions,
@@ -31256,6 +31371,9 @@ function AgentGUINodeView({
   ] = useState26(0);
   const workspaceReferencePickerResolverRef = useRef20(null);
   const requestWorkspaceReferences = useCallback18(async () => {
+    if (previewMode) {
+      return [];
+    }
     if (!workspaceFileReferenceAdapter || !workspaceFileReferenceCopy) {
       return [];
     }
@@ -31263,7 +31381,7 @@ function AgentGUINodeView({
     return await new Promise((resolve) => {
       workspaceReferencePickerResolverRef.current = resolve;
     });
-  }, [workspaceFileReferenceAdapter, workspaceFileReferenceCopy]);
+  }, [previewMode, workspaceFileReferenceAdapter, workspaceFileReferenceCopy]);
   const closeWorkspaceReferencePicker = useCallback18(() => {
     workspaceReferencePickerResolverRef.current?.([]);
     workspaceReferencePickerResolverRef.current = null;
@@ -31286,6 +31404,9 @@ function AgentGUINodeView({
   const detailComposerFocusRequestSequence = localComposerFocusRequestSequence === 0 ? composerFocusRequestSequence : (composerFocusRequestSequence ?? 0) + localComposerFocusRequestSequence;
   const requestCreateConversation = useCallback18(
     (options) => {
+      if (previewMode) {
+        return;
+      }
       if (options) {
         actions.createConversation(options);
       } else {
@@ -31293,7 +31414,7 @@ function AgentGUINodeView({
       }
       setLocalComposerFocusRequestSequence((current) => current + 1);
     },
-    [actions]
+    [actions, previewMode]
   );
   const effectiveWorkspaceAppIcons = useMemo15(
     () => mergeWorkspaceAppIconsFromCommands({
@@ -31312,6 +31433,9 @@ function AgentGUINodeView({
   );
   const handleConversationRailResizePointerDown = useCallback18(
     (event) => {
+      if (previewMode) {
+        return;
+      }
       if (conversationRailCollapsed || event.button !== 0) {
         return;
       }
@@ -31324,10 +31448,13 @@ function AgentGUINodeView({
       };
       setIsRailResizing(true);
     },
-    [conversationRailCollapsed, conversationRailWidthPx]
+    [conversationRailCollapsed, conversationRailWidthPx, previewMode]
   );
   const handleConversationRailResizePointerMove = useCallback18(
     (event) => {
+      if (previewMode) {
+        return;
+      }
       const resizeState = railResizeInteractionRef.current;
       if (!resizeState || resizeState.pointerId !== event.pointerId) {
         return;
@@ -31337,7 +31464,7 @@ function AgentGUINodeView({
       );
       onConversationRailWidthChanged(nextWidthPx);
     },
-    [clampConversationRailWidth, onConversationRailWidthChanged]
+    [clampConversationRailWidth, onConversationRailWidthChanged, previewMode]
   );
   const endConversationRailResize = useCallback18(
     (event) => {
@@ -31351,6 +31478,9 @@ function AgentGUINodeView({
   );
   const handleConversationRailResizeKeyDown = useCallback18(
     (event) => {
+      if (previewMode) {
+        return;
+      }
       if (conversationRailCollapsed) {
         return;
       }
@@ -31368,7 +31498,8 @@ function AgentGUINodeView({
       clampConversationRailWidth,
       conversationRailCollapsed,
       conversationRailWidthPx,
-      onConversationRailWidthChanged
+      onConversationRailWidthChanged,
+      previewMode
     ]
   );
   const layoutStyle = {
@@ -31377,90 +31508,99 @@ function AgentGUINodeView({
     gridTemplateColumns: conversationRailCollapsed ? "0 minmax(var(--agent-gui-detail-min-width), 1fr)" : "var(--agent-gui-conversation-rail-width) minmax(var(--agent-gui-detail-min-width), 1fr)"
   };
   return /* @__PURE__ */ jsxs56(TooltipProvider2, { children: [
-    /* @__PURE__ */ jsxs56("div", { className: AgentGUINode_styles_default.layout, style: layoutStyle, children: [
-      /* @__PURE__ */ jsx86(
-        "aside",
-        {
-          id: "agent-gui-conversation-rail",
-          className: `${AgentGUINode_styles_default.railPanel}${conversationRailCollapsed ? ` ${AgentGUINode_styles_default.railPanelCollapsed}` : ""}`,
-          "aria-hidden": conversationRailCollapsed ? "true" : void 0,
-          inert: conversationRailCollapsed ? true : void 0,
-          children: /* @__PURE__ */ jsx86(
-            AgentGUIConversationRailPane,
+    /* @__PURE__ */ jsxs56(
+      "div",
+      {
+        className: AgentGUINode_styles_default.layout,
+        "data-agent-gui-preview": previewMode ? "true" : void 0,
+        inert: previewMode ? true : void 0,
+        style: layoutStyle,
+        children: [
+          /* @__PURE__ */ jsx86(
+            "aside",
+            {
+              id: "agent-gui-conversation-rail",
+              className: `${AgentGUINode_styles_default.railPanel}${conversationRailCollapsed ? ` ${AgentGUINode_styles_default.railPanelCollapsed}` : ""}`,
+              "aria-hidden": conversationRailCollapsed ? "true" : void 0,
+              inert: conversationRailCollapsed ? true : void 0,
+              children: /* @__PURE__ */ jsx86(
+                AgentGUIConversationRailPane,
+                {
+                  conversations: viewModel.conversations,
+                  userProjects: viewModel.userProjects,
+                  activeConversationId: viewModel.activeConversationId,
+                  pendingDeleteConversationId: viewModel.pendingDeleteConversation?.id ?? null,
+                  isLoadingConversations: viewModel.isLoadingConversations,
+                  isDeletingConversation: viewModel.isDeletingConversation,
+                  isDeletingProjectConversations: viewModel.isDeletingProjectConversations,
+                  labels,
+                  workspaceUserProjectI18n,
+                  uiLanguage,
+                  showProjectSelector,
+                  createConversationDisabled,
+                  openclawGateway,
+                  isCollapsed: conversationRailCollapsed,
+                  onCreateConversation: requestCreateConversation,
+                  onRetryOpenclawGateway: actions.retryOpenclawGateway,
+                  onSelectConversation: actions.selectConversation,
+                  onToggleConversationPinned: actions.toggleConversationPinned,
+                  onRemoveProject: actions.removeProject,
+                  onConfirmDeleteProjectConversations: actions.confirmDeleteProjectConversations,
+                  onRequestDeleteConversation: actions.requestDeleteConversation,
+                  onCancelDeleteConversation: actions.cancelDeleteConversation,
+                  onConfirmDeleteConversation: actions.confirmDeleteConversation
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx86(
+            "div",
             {
-              conversations: viewModel.conversations,
-              userProjects: viewModel.userProjects,
-              activeConversationId: viewModel.activeConversationId,
-              pendingDeleteConversationId: viewModel.pendingDeleteConversation?.id ?? null,
-              isLoadingConversations: viewModel.isLoadingConversations,
-              isDeletingConversation: viewModel.isDeletingConversation,
-              isDeletingProjectConversations: viewModel.isDeletingProjectConversations,
+              id: "agent-gui-conversation-rail-resize",
+              className: conversationRailCollapsed ? `${AgentGUINode_styles_default.railResizeHandle} ${AgentGUINode_styles_default.railResizeHandleCollapsed} nodrag pointer-events-none opacity-0` : `${AgentGUINode_styles_default.railResizeHandle} nodrag`,
+              role: "separator",
+              "aria-label": labels.conversationRailResizeAria,
+              "aria-hidden": conversationRailCollapsed ? "true" : void 0,
+              "aria-orientation": "vertical",
+              "aria-valuemin": conversationRailMinWidthPx,
+              "aria-valuemax": conversationRailMaxWidthPx,
+              "aria-valuenow": conversationRailCollapsed ? void 0 : conversationRailWidthPx,
+              "data-resizing": isRailResizing ? "true" : void 0,
+              "data-testid": "agent-gui-conversation-rail-resize-handle",
+              tabIndex: conversationRailCollapsed ? -1 : 0,
+              onBlur: () => endConversationRailResize(),
+              onKeyDown: handleConversationRailResizeKeyDown,
+              onPointerCancel: endConversationRailResize,
+              onPointerDown: handleConversationRailResizePointerDown,
+              onLostPointerCapture: endConversationRailResize,
+              onPointerMove: handleConversationRailResizePointerMove,
+              onPointerUp: endConversationRailResize
+            }
+          ),
+          /* @__PURE__ */ jsx86("section", { id: "agent-gui-detail", className: AgentGUINode_styles_default.detailPanel, children: /* @__PURE__ */ jsx86(
+            AgentGUIDetailPane,
+            {
+              viewModel,
+              actions,
               labels,
-              workspaceUserProjectI18n,
               uiLanguage,
+              isActive,
+              composerFocusRequestSequence: detailComposerFocusRequestSequence,
+              isAgentProviderReady,
+              slashStatusLimits,
+              slashStatusLimitsLoading,
               showProjectSelector,
-              createConversationDisabled,
-              openclawGateway,
-              isCollapsed: conversationRailCollapsed,
-              onCreateConversation: requestCreateConversation,
-              onRetryOpenclawGateway: actions.retryOpenclawGateway,
-              onSelectConversation: actions.selectConversation,
-              onToggleConversationPinned: actions.toggleConversationPinned,
-              onRemoveProject: actions.removeProject,
-              onConfirmDeleteProjectConversations: actions.confirmDeleteProjectConversations,
-              onRequestDeleteConversation: actions.requestDeleteConversation,
-              onCancelDeleteConversation: actions.cancelDeleteConversation,
-              onConfirmDeleteConversation: actions.confirmDeleteConversation
+              onLinkAction,
+              onAgentProviderLogin,
+              onRequestWorkspaceReferences: requestWorkspaceReferences,
+              richTextAtProviders,
+              workspaceAppIcons: effectiveWorkspaceAppIcons,
+              workspaceUserProjectI18n
             }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx86(
-        "div",
-        {
-          id: "agent-gui-conversation-rail-resize",
-          className: conversationRailCollapsed ? `${AgentGUINode_styles_default.railResizeHandle} ${AgentGUINode_styles_default.railResizeHandleCollapsed} nodrag pointer-events-none opacity-0` : `${AgentGUINode_styles_default.railResizeHandle} nodrag`,
-          role: "separator",
-          "aria-label": labels.conversationRailResizeAria,
-          "aria-hidden": conversationRailCollapsed ? "true" : void 0,
-          "aria-orientation": "vertical",
-          "aria-valuemin": conversationRailMinWidthPx,
-          "aria-valuemax": conversationRailMaxWidthPx,
-          "aria-valuenow": conversationRailCollapsed ? void 0 : conversationRailWidthPx,
-          "data-resizing": isRailResizing ? "true" : void 0,
-          "data-testid": "agent-gui-conversation-rail-resize-handle",
-          tabIndex: conversationRailCollapsed ? -1 : 0,
-          onBlur: () => endConversationRailResize(),
-          onKeyDown: handleConversationRailResizeKeyDown,
-          onPointerCancel: endConversationRailResize,
-          onPointerDown: handleConversationRailResizePointerDown,
-          onLostPointerCapture: endConversationRailResize,
-          onPointerMove: handleConversationRailResizePointerMove,
-          onPointerUp: endConversationRailResize
-        }
-      ),
-      /* @__PURE__ */ jsx86("section", { id: "agent-gui-detail", className: AgentGUINode_styles_default.detailPanel, children: /* @__PURE__ */ jsx86(
-        AgentGUIDetailPane,
-        {
-          viewModel,
-          actions,
-          labels,
-          uiLanguage,
-          isActive,
-          composerFocusRequestSequence: detailComposerFocusRequestSequence,
-          isAgentProviderReady,
-          slashStatusLimits,
-          slashStatusLimitsLoading,
-          showProjectSelector,
-          onLinkAction,
-          onAgentProviderLogin,
-          onRequestWorkspaceReferences: requestWorkspaceReferences,
-          richTextAtProviders,
-          workspaceAppIcons: effectiveWorkspaceAppIcons,
-          workspaceUserProjectI18n
-        }
-      ) })
-    ] }),
+          ) })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx86(
       WorkspaceFileReferencePicker,
       {
@@ -31637,11 +31777,15 @@ var AgentGUIDetailPane = memo5(function AgentGUIDetailPane2({
   const displayConversationStatus = viewModel.isSubmitting ? "working" : derivedBusyStatus ?? viewModel.activeConversation?.status;
   const activeConversationTurnBusy = viewModel.isSubmitting || derivedBusyStatus !== null;
   const isComposerSending = viewModel.isSubmitting || activeConversationTurnBusy || !hasActiveConversation && viewModel.isCreatingConversation;
-  const canQueueWhileBusy = viewModel.canQueueWhileBusy && isAgentProviderReady;
-  const composerDisabledReason = isAgentProviderReady ? null : labels.installRequiredPlaceholder;
-  const submitDisabled = !isAgentProviderReady || !viewModel.canSubmit && !canQueueWhileBusy || viewModel.draftPrompt.trim() === "";
+  const isCollaboratorConversation = isDifferentKnownConversationOwner({
+    conversationUserId: viewModel.activeConversation?.userId,
+    currentUserId: viewModel.currentUserId
+  });
+  const canQueueWhileBusy = viewModel.canQueueWhileBusy && isAgentProviderReady && !isCollaboratorConversation;
+  const composerDisabledReason = isCollaboratorConversation ? labels.collaboratorSessionReadOnlyPlaceholder : isAgentProviderReady ? null : labels.installRequiredPlaceholder;
+  const submitDisabled = isCollaboratorConversation || !isAgentProviderReady || !viewModel.canSubmit && !canQueueWhileBusy || viewModel.draftPrompt.trim() === "";
   const hasNonRetryableRecoveryFailure = sessionChrome.recovery?.kind === "failed" && sessionChrome.recovery.canRetry === false;
-  const composerDisabled = hasNonRetryableRecoveryFailure || !isAgentProviderReady || !canQueueWhileBusy && (viewModel.pendingApproval !== null || viewModel.pendingInteractivePrompt !== null || viewModel.isSubmitting || viewModel.isInterrupting || viewModel.isCreatingConversation);
+  const composerDisabled = hasNonRetryableRecoveryFailure || isCollaboratorConversation || !isAgentProviderReady || !canQueueWhileBusy && (viewModel.pendingApproval !== null || viewModel.pendingInteractivePrompt !== null || viewModel.isSubmitting || viewModel.isInterrupting || viewModel.isCreatingConversation);
   const showStopButton = !viewModel.isSubmitting && viewModel.activeLiveState !== "failed" && sessionChrome.auth === null && (activeConversationTurnBusy || viewModel.pendingApproval !== null || viewModel.pendingInteractivePrompt !== null || viewModel.isInterrupting) && !(canQueueWhileBusy && viewModel.draftPrompt.trim() !== "");
   const syncStatus = resolveSyncIndicatorStatus(
     viewModel.activeConversation?.syncState?.status
@@ -33710,7 +33854,7 @@ function areAgentGUINodePropsEqual(previous, next) {
     previous.workspaceAgentProbes,
     next.workspaceAgentProbes,
     previous.state.provider
-  ) && previous.onAgentProbeDemandChange === next.onAgentProbeDemandChange && previous.managedAgentsState === next.managedAgentsState && previous.richTextAtProviders === next.richTextAtProviders && previous.workspaceAppIcons === next.workspaceAppIcons && previous.embedded === next.embedded && previous.isActive === next.isActive && previous.showProjectSelector === next.showProjectSelector && previous.composerFocusRequestSequence === next.composerFocusRequestSequence;
+  ) && previous.onAgentProbeDemandChange === next.onAgentProbeDemandChange && previous.managedAgentsState === next.managedAgentsState && previous.richTextAtProviders === next.richTextAtProviders && previous.workspaceAppIcons === next.workspaceAppIcons && previous.embedded === next.embedded && previous.previewMode === next.previewMode && previous.isActive === next.isActive && previous.showProjectSelector === next.showProjectSelector && previous.composerFocusRequestSequence === next.composerFocusRequestSequence;
 }
 var AgentGUINode = memo6(function AgentGUINode2({
   nodeId,
@@ -33744,7 +33888,8 @@ var AgentGUINode = memo6(function AgentGUINode2({
   managedAgentsState,
   richTextAtProviders,
   workspaceAppIcons,
-  embedded = false
+  embedded = false,
+  previewMode = false
 }) {
   "use memo";
   const { i18n, locale, t } = useTranslation();
@@ -33780,12 +33925,18 @@ var AgentGUINode = memo6(function AgentGUINode2({
   );
   const handleDataChange = useCallback20(
     (updater) => {
+      if (previewMode) {
+        return;
+      }
       onUpdateNode(updater);
     },
-    [onUpdateNode]
+    [onUpdateNode, previewMode]
   );
   const handleConversationRailWidthChanged = useCallback20(
     (widthPx) => {
+      if (previewMode) {
+        return;
+      }
       onUpdateNode((current) => {
         const nextWidthPx = resolveNextAgentGUIConversationRailWidthPx({
           currentWidthPx: current.conversationRailWidthPx,
@@ -33801,7 +33952,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
         };
       });
     },
-    [onUpdateNode, width]
+    [onUpdateNode, previewMode, width]
   );
   const isConversationRailManuallyCollapsed = state.conversationRailCollapsed === true;
   const isConversationRailAutoCollapsed = shouldAutoCollapseAgentGUIConversationRail(width);
@@ -33814,12 +33965,18 @@ var AgentGUINode = memo6(function AgentGUINode2({
     []
   );
   const toggleConversationRailCollapsed = useCallback20(() => {
+    if (previewMode) {
+      return;
+    }
     onUpdateNode((current) => ({
       ...current,
       conversationRailCollapsed: current.conversationRailCollapsed !== true
     }));
-  }, [onUpdateNode]);
+  }, [onUpdateNode, previewMode]);
   const handleConversationRailToggle = useCallback20(() => {
+    if (previewMode) {
+      return;
+    }
     if (!isConversationRailAutoCollapsed) {
       toggleConversationRailCollapsed();
       return;
@@ -33849,6 +34006,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
     onResize,
     onUpdateNode,
     position,
+    previewMode,
     state.conversationRailWidthPx,
     toggleConversationRailCollapsed,
     width
@@ -33860,6 +34018,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
     workspacePath,
     avoidGroupingEdits: agentSettings.avoidGroupingEdits,
     data: state,
+    previewMode,
     onDataChange: handleDataChange,
     onShowMessage
   });
@@ -33885,6 +34044,9 @@ var AgentGUINode = memo6(function AgentGUINode2({
           provider: displayProviderLabel
         }
       ),
+      collaboratorSessionReadOnlyPlaceholder: t(
+        "agentHost.agentGui.collaboratorSessionReadOnlyPlaceholder"
+      ),
       send: t("agentHost.agentGui.send"),
       modelLabel: t("agentHost.agentGui.modelLabel"),
       modelSelectionLabel: t("agentHost.agentGui.modelSelectionLabel"),
@@ -34208,7 +34370,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
     t
   ]);
   useEffect23(() => {
-    if (!onAgentProbeDemandChange) {
+    if (previewMode || !onAgentProbeDemandChange) {
       return;
     }
     const probeSourceId = `agent-gui:${nodeId}`;
@@ -34216,7 +34378,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
     return () => {
       onAgentProbeDemandChange(null, probeSourceId);
     };
-  }, [activeProbeProvider, nodeId, onAgentProbeDemandChange]);
+  }, [activeProbeProvider, nodeId, onAgentProbeDemandChange, previewMode]);
   return /* @__PURE__ */ jsx88(
     WorkspaceNodeWindow,
     {
@@ -34284,6 +34446,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
             isAgentProviderReady: isActiveAgentProviderReady,
             slashStatusLimits,
             slashStatusLimitsLoading: workspaceAgentProbes?.isLoadingUsage ?? false,
+            previewMode,
             showProjectSelector,
             onLinkAction: handleLinkAction,
             onAgentProviderLogin: onAgentProviderLogin ? handleAgentProviderLogin : void 0,