@tutti-os/agent-gui 0.0.6 → 0.0.8

package/dist/index.js

@@ -7,7 +7,7 @@ import {
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   normalizeOptionalWorkspaceAgentStatus,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-KGFWU4FL.js";
+} from "./chunk-DHOAJJ3K.js";
 import {
   AgentActivityHostProvider,
   AgentActivityRuntimeProvider,
@@ -38,7 +38,7 @@ import {
   useOptionalAgentHostApi,
   user_avatar_placeholder_default,
   workspaceAgentActivityStatusLabel
-} from "./chunk-FKCXHCPO.js";
+} from "./chunk-3D3TO2MH.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs,
   workspaceAgentProviderLabel
@@ -56,7 +56,7 @@ import {
   getActiveUiLanguage,
   translate,
   useTranslation
-} from "./chunk-JWVLIF5R.js";
+} from "./chunk-ZAVQMGAX.js";
 import {
   resolveAgentMentionFileThumbnailUrl,
   resolveAgentMentionFileVisualKind
@@ -12398,6 +12398,7 @@ function useAgentGUINodeController({
   workspacePath,
   avoidGroupingEdits,
   data,
+  previewMode = false,
   onDataChange,
   onShowMessage
 }) {
@@ -12607,6 +12608,9 @@ function useAgentGUINodeController({
     setRetainedBackgroundConversationIds
   ] = useState5([]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     setRetainedBackgroundConversationIds((current) => {
       const next = new Set(current);
       for (const conversationId of backgroundBusyConversationIds) {
@@ -12622,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
@@ -12724,6 +12737,9 @@ function useAgentGUINodeController({
     []
   );
   useEffect5(() => {
+    if (previewMode) {
+      return void 0;
+    }
     const api = agentHostApi.userProjects;
     let disposed = false;
     const loadUserProjects = async () => {
@@ -12753,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;
     }
@@ -12820,6 +12839,7 @@ function useAgentGUINodeController({
     agentActivitySnapshot,
     conversationListQuery,
     data.provider,
+    previewMode,
     updateConversationList,
     userProjects
   ]);
@@ -12835,6 +12855,9 @@ function useAgentGUINodeController({
     []
   );
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     updateConversationList(
       (current) => applyAgentGUIConversationProjects(current, userProjects)
     );
@@ -12843,6 +12866,7 @@ function useAgentGUINodeController({
     );
   }, [
     conversations,
+    previewMode,
     setTransientConversation,
     updateConversationList,
     userProjects
@@ -12901,6 +12925,9 @@ function useAgentGUINodeController({
     isCreatingConversationRef.current = isCreatingConversation;
   }, [isCreatingConversation]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     setPendingCreateConversationId(resolvePendingCreateConversationId());
     if (!conversationListQuery || !pendingCreateOwnerKey) {
       return;
@@ -12911,9 +12938,13 @@ function useAgentGUINodeController({
   }, [
     conversationListQuery,
     pendingCreateOwnerKey,
+    previewMode,
     resolvePendingCreateConversationId
   ]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     setIsPendingSubmit(resolvePendingSubmit());
     if (!conversationListQuery || activeConversationId === null) {
       return;
@@ -12921,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]);
@@ -12955,6 +12994,9 @@ function useAgentGUINodeController({
     );
   }, [conversations]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     const previousSnapshot = previousConversationListSnapshotRef.current;
     const previousQuery = previousSnapshot.query;
     const previousQueryKey = previousQuery ? createAgentGUIConversationListQueryKey(previousQuery) : null;
@@ -12970,7 +13012,7 @@ function useAgentGUINodeController({
       query: conversationListQuery,
       conversations
     };
-  }, [conversationListQuery, conversations]);
+  }, [conversationListQuery, conversations, previewMode]);
   const persistActiveConversation = useCallback4(
     (agentSessionId) => {
       if (persistedActiveConversationIdRef.current === agentSessionId) {
@@ -13005,6 +13047,9 @@ function useAgentGUINodeController({
     [agentActivityRuntime, workspaceId]
   );
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     if (!hasLoadedConversations) {
       return;
     }
@@ -13015,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();
   }, []);
@@ -13535,6 +13585,9 @@ function useAgentGUINodeController({
     ]
   );
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     if (!supports.model && !supports.reasoning && !supports.permission) {
       return;
     }
@@ -13548,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;
     }
@@ -13586,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) {
@@ -13935,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;
@@ -13954,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: () => {
@@ -13976,7 +14049,7 @@ function useAgentGUINodeController({
   useWatchAgentSession({
     workspaceId,
     agentSessionId: activeConversationId,
-    enabled: activeConversationId !== null,
+    enabled: !previewMode && activeConversationId !== null,
     onSubscribe: () => {
       if (!activeConversationId) {
         return;
@@ -15190,6 +15263,9 @@ function useAgentGUINodeController({
     ]
   );
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     if (!activeConversationId) {
       return;
     }
@@ -15221,10 +15297,14 @@ function useAgentGUINodeController({
     isRespondingApproval,
     isSubmitting,
     failedQueuedPromptIdBySessionId,
+    previewMode,
     queuedPromptRetryBlockBySessionId,
     queuedPromptsBySessionId
   ]);
   useEffect5(() => {
+    if (previewMode) {
+      return;
+    }
     if (!activeConversationId) {
       return;
     }
@@ -15313,6 +15393,7 @@ function useAgentGUINodeController({
     syncConversationListProjection,
     loadSessionState,
     refreshMessagesFromSnapshot,
+    previewMode,
     queuedPromptsBySessionId,
     runtimeSessionsBySessionId,
     workspaceId,
@@ -25461,6 +25542,7 @@ function AgentProjectDropdown({
         }
       ),
       selectedProjectPath: composerSettings.selectedProjectPath,
+      service: agentHostApi.userProjects?.service ?? null,
       showCreateProjectAction: true,
       onProjectMissingChange,
       onProjectPathChange
@@ -30313,6 +30395,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(
@@ -31058,6 +31141,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";
@@ -31218,6 +31309,9 @@ function conversationHasActiveWork2(conversation) {
     return false;
   }) ?? false;
 }
+function isSettledConversationStatus2(status) {
+  return status === "completed" || status === "failed" || status === "canceled";
+}
 function resolveActiveConversationBusyStatus(input) {
   if (input.conversationStatus === "waiting" || input.detailStatus === "waiting") {
     return "waiting";
@@ -31225,6 +31319,9 @@ function resolveActiveConversationBusyStatus(input) {
   if (input.conversationStatus === "working" || input.detailStatus === "working") {
     return "working";
   }
+  if (isSettledConversationStatus2(input.conversationStatus) || isSettledConversationStatus2(input.detailStatus)) {
+    return null;
+  }
   if (conversationHasActiveWork2(input.conversation)) {
     return "working";
   }
@@ -31252,6 +31349,7 @@ function AgentGUINodeView({
   isAgentProviderReady,
   slashStatusLimits = [],
   slashStatusLimitsLoading = false,
+  previewMode = false,
   showProjectSelector = true,
   onAgentProviderLogin,
   actions,
@@ -31280,6 +31378,9 @@ function AgentGUINodeView({
   ] = useState26(0);
   const workspaceReferencePickerResolverRef = useRef20(null);
   const requestWorkspaceReferences = useCallback18(async () => {
+    if (previewMode) {
+      return [];
+    }
     if (!workspaceFileReferenceAdapter || !workspaceFileReferenceCopy) {
       return [];
     }
@@ -31287,7 +31388,7 @@ function AgentGUINodeView({
     return await new Promise((resolve) => {
       workspaceReferencePickerResolverRef.current = resolve;
     });
-  }, [workspaceFileReferenceAdapter, workspaceFileReferenceCopy]);
+  }, [previewMode, workspaceFileReferenceAdapter, workspaceFileReferenceCopy]);
   const closeWorkspaceReferencePicker = useCallback18(() => {
     workspaceReferencePickerResolverRef.current?.([]);
     workspaceReferencePickerResolverRef.current = null;
@@ -31310,6 +31411,9 @@ function AgentGUINodeView({
   const detailComposerFocusRequestSequence = localComposerFocusRequestSequence === 0 ? composerFocusRequestSequence : (composerFocusRequestSequence ?? 0) + localComposerFocusRequestSequence;
   const requestCreateConversation = useCallback18(
     (options) => {
+      if (previewMode) {
+        return;
+      }
       if (options) {
         actions.createConversation(options);
       } else {
@@ -31317,7 +31421,7 @@ function AgentGUINodeView({
       }
       setLocalComposerFocusRequestSequence((current) => current + 1);
     },
-    [actions]
+    [actions, previewMode]
   );
   const effectiveWorkspaceAppIcons = useMemo15(
     () => mergeWorkspaceAppIconsFromCommands({
@@ -31336,6 +31440,9 @@ function AgentGUINodeView({
   );
   const handleConversationRailResizePointerDown = useCallback18(
     (event) => {
+      if (previewMode) {
+        return;
+      }
       if (conversationRailCollapsed || event.button !== 0) {
         return;
       }
@@ -31348,10 +31455,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;
@@ -31361,7 +31471,7 @@ function AgentGUINodeView({
       );
       onConversationRailWidthChanged(nextWidthPx);
     },
-    [clampConversationRailWidth, onConversationRailWidthChanged]
+    [clampConversationRailWidth, onConversationRailWidthChanged, previewMode]
   );
   const endConversationRailResize = useCallback18(
     (event) => {
@@ -31375,6 +31485,9 @@ function AgentGUINodeView({
   );
   const handleConversationRailResizeKeyDown = useCallback18(
     (event) => {
+      if (previewMode) {
+        return;
+      }
       if (conversationRailCollapsed) {
         return;
       }
@@ -31392,7 +31505,8 @@ function AgentGUINodeView({
       clampConversationRailWidth,
       conversationRailCollapsed,
       conversationRailWidthPx,
-      onConversationRailWidthChanged
+      onConversationRailWidthChanged,
+      previewMode
     ]
   );
   const layoutStyle = {
@@ -31401,90 +31515,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,
       {
@@ -31661,11 +31784,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
@@ -33012,6 +33139,7 @@ function AgentGUIProjectRailHeader({
             }
           ),
           selectedProjectPath: null,
+          service: agentHostApi.userProjects?.service ?? null,
           shouldApplyPreparedSelection: false,
           showCreateProjectAction: true,
           showKnownProjectOptions: false,
@@ -33734,7 +33862,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,
@@ -33768,7 +33896,8 @@ var AgentGUINode = memo6(function AgentGUINode2({
   managedAgentsState,
   richTextAtProviders,
   workspaceAppIcons,
-  embedded = false
+  embedded = false,
+  previewMode = false
 }) {
   "use memo";
   const { i18n, locale, t } = useTranslation();
@@ -33804,12 +33933,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,
@@ -33825,7 +33960,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
         };
       });
     },
-    [onUpdateNode, width]
+    [onUpdateNode, previewMode, width]
   );
   const isConversationRailManuallyCollapsed = state.conversationRailCollapsed === true;
   const isConversationRailAutoCollapsed = shouldAutoCollapseAgentGUIConversationRail(width);
@@ -33838,12 +33973,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;
@@ -33873,6 +34014,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
     onResize,
     onUpdateNode,
     position,
+    previewMode,
     state.conversationRailWidthPx,
     toggleConversationRailCollapsed,
     width
@@ -33884,6 +34026,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
     workspacePath,
     avoidGroupingEdits: agentSettings.avoidGroupingEdits,
     data: state,
+    previewMode,
     onDataChange: handleDataChange,
     onShowMessage
   });
@@ -33909,6 +34052,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"),
@@ -34232,7 +34378,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
     t
   ]);
   useEffect23(() => {
-    if (!onAgentProbeDemandChange) {
+    if (previewMode || !onAgentProbeDemandChange) {
       return;
     }
     const probeSourceId = `agent-gui:${nodeId}`;
@@ -34240,7 +34386,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
     return () => {
       onAgentProbeDemandChange(null, probeSourceId);
     };
-  }, [activeProbeProvider, nodeId, onAgentProbeDemandChange]);
+  }, [activeProbeProvider, nodeId, onAgentProbeDemandChange, previewMode]);
   return /* @__PURE__ */ jsx88(
     WorkspaceNodeWindow,
     {
@@ -34308,6 +34454,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
             isAgentProviderReady: isActiveAgentProviderReady,
             slashStatusLimits,
             slashStatusLimitsLoading: workspaceAgentProbes?.isLoadingUsage ?? false,
+            previewMode,
             showProjectSelector,
             onLinkAction: handleLinkAction,
             onAgentProviderLogin: onAgentProviderLogin ? handleAgentProviderLogin : void 0,