feat(copilot): continue mothership chats from workflow panel

Switch the workflow-panel useChat options to the Mothership branch when
the selected chat has type 'mothership'. Sends from the workflow page
then go through the broader Mothership agent surface that originally
produced the chat, instead of the workflow-scoped copilot. Removes the
read-only fallback since both modes are now continuable; resources
spawned during continuation still only render in Mothership.

Author: stylessh

apps/sim/app/api/copilot/chats/route.ts

@@ -36,6 +36,7 @@ export const GET = withRouteHandler(async (_request: NextRequest) => {
         workspaceId: copilotChats.workspaceId,
         activeStreamId: copilotChats.conversationId,
         updatedAt: copilotChats.updatedAt,
+        type: copilotChats.type,
         resources: copilotChats.resources,
       })
       .from(copilotChats)

apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/mothership-chat.tsx

@@ -52,13 +52,6 @@ interface MothershipChatProps {
   animateInput?: boolean
   onInputAnimationEnd?: () => void
   className?: string
-  /**
-   * When true, hides the input footer so the conversation is shown as
-   * read-only history. Used when a chat is surfaced outside the context
-   * where it can be safely continued (e.g. a Mothership chat opened from
-   * a workflow page).
-   */
-  readOnly?: boolean
 }
 
 const LAYOUT_STYLES = {
@@ -107,7 +100,6 @@ export function MothershipChat({
   animateInput = false,
   onInputAnimationEnd,
   className,
-  readOnly = false,
 }: MothershipChatProps) {
   const styles = LAYOUT_STYLES[layout]
   const isStreamActive = isSending || isReconnecting
@@ -235,34 +227,32 @@ export function MothershipChat({
         )}
       </div>
 
-      {!readOnly && (
-        <div
-          className={cn(styles.footer, animateInput && 'animate-slide-in-bottom')}
-          onAnimationEnd={animateInput ? onInputAnimationEnd : undefined}
-        >
-          <div className={styles.footerInner}>
-            <QueuedMessages
-              messageQueue={messageQueue}
-              onRemove={onRemoveQueuedMessage}
-              onSendNow={onSendQueuedMessage}
-              onEdit={handleEditQueued}
-            />
-            <UserInput
-              ref={userInputRef}
-              onSubmit={onSubmit}
-              isSending={isStreamActive}
-              onStopGeneration={onStopGeneration}
-              isInitialView={false}
-              userId={userId}
-              onContextAdd={onContextAdd}
-              onContextRemove={onContextRemove}
-              onSendQueuedHead={handleSendQueuedHead}
-              onEditQueuedTail={handleEditQueuedTail}
-              draftScopeKey={draftScopeKey}
-            />
-          </div>
+      <div
+        className={cn(styles.footer, animateInput && 'animate-slide-in-bottom')}
+        onAnimationEnd={animateInput ? onInputAnimationEnd : undefined}
+      >
+        <div className={styles.footerInner}>
+          <QueuedMessages
+            messageQueue={messageQueue}
+            onRemove={onRemoveQueuedMessage}
+            onSendNow={onSendQueuedMessage}
+            onEdit={handleEditQueued}
+          />
+          <UserInput
+            ref={userInputRef}
+            onSubmit={onSubmit}
+            isSending={isStreamActive}
+            onStopGeneration={onStopGeneration}
+            isInitialView={false}
+            userId={userId}
+            onContextAdd={onContextAdd}
+            onContextRemove={onContextRemove}
+            onSendQueuedHead={handleSendQueuedHead}
+            onEditQueuedTail={handleEditQueuedTail}
+            draftScopeKey={draftScopeKey}
+          />
         </div>
-      )}
+      </div>
     </div>
   )
 }

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/panel.tsx

@@ -46,7 +46,11 @@ import { captureEvent } from '@/lib/posthog/client'
 import { generateWorkflowJson } from '@/lib/workflows/operations/import-export'
 import { ConversationListItem } from '@/app/workspace/[workspaceId]/components'
 import { MothershipChat } from '@/app/workspace/[workspaceId]/home/components'
-import { getWorkflowCopilotUseChatOptions, useChat } from '@/app/workspace/[workspaceId]/home/hooks'
+import {
+  getMothershipUseChatOptions,
+  getWorkflowCopilotUseChatOptions,
+  useChat,
+} from '@/app/workspace/[workspaceId]/home/hooks'
 import type { FileAttachmentForApi } from '@/app/workspace/[workspaceId]/home/types'
 import { useRegisterGlobalCommands } from '@/app/workspace/[workspaceId]/providers/global-commands-provider'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
@@ -252,26 +256,23 @@ export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: Panel
   )
   const [isCopilotHistoryOpen, setIsCopilotHistoryOpen] = useState(false)
 
-  const copilotChatTitle = useMemo(
-    () =>
-      copilotChatId ? (copilotChatList.find((c) => c.id === copilotChatId)?.title ?? null) : null,
+  const selectedCopilotChat = useMemo(
+    () => (copilotChatId ? (copilotChatList.find((c) => c.id === copilotChatId) ?? null) : null),
     [copilotChatId, copilotChatList]
   )
+  const copilotChatTitle = selectedCopilotChat?.title ?? null
 
   /**
-   * A chat is read-only on this workflow page when it doesn't natively
-   * belong to the active workflow — currently the case for Mothership
-   * chats whose `workflowId` is null but whose `resources` reference this
-   * workflow. Continuing the conversation would route through the
-   * workflow copilot agent rather than the original Mothership context,
-   * so we surface the history without the input.
+   * A selected chat is "foreign" to this workflow when it was started in
+   * Mothership (`type === 'mothership'`) but ended up referencing this
+   * workflow via `resources`. We keep the conversation continuable by
+   * routing sends through the Mothership branch — i.e. the request goes
+   * out without `workflowId`, so the server uses the broader Mothership
+   * agent surface that originally produced the chat. The trade-off is
+   * that resources spawned during continuation only show up in the
+   * Mothership view; this panel shows the conversation only.
    */
-  const isCopilotChatReadOnly = useMemo(() => {
-    if (!copilotChatId || !activeWorkflowId) return false
-    const chat = copilotChatList.find((c) => c.id === copilotChatId)
-    if (!chat) return false
-    return chat.workflowId !== activeWorkflowId
-  }, [copilotChatId, copilotChatList, activeWorkflowId])
+  const isMothershipChat = selectedCopilotChat?.type === 'mothership'
 
   const queryClient = useQueryClient()
   const loadCopilotChats = useCallback(() => {
@@ -359,6 +360,40 @@ export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: Panel
     [activeWorkflowId]
   )
 
+  const handleCopilotRequestStarted = useCallback(
+    ({ requestId, userMessageId }: { requestId: string; userMessageId: string }) => {
+      captureEvent(posthogRef.current, 'task_request_started', {
+        workspace_id: workspaceId,
+        view: 'copilot',
+        request_id: requestId,
+        user_message_id: userMessageId,
+      })
+    },
+    [workspaceId]
+  )
+
+  const copilotChatOptions = useMemo(
+    () =>
+      isMothershipChat
+        ? getMothershipUseChatOptions({
+            onStreamEnd: loadCopilotChats,
+            onRequestStarted: handleCopilotRequestStarted,
+          })
+        : getWorkflowCopilotUseChatOptions({
+            workflowId: activeWorkflowId || undefined,
+            onTitleUpdate: loadCopilotChats,
+            onToolResult: handleCopilotToolResult,
+            onRequestStarted: handleCopilotRequestStarted,
+          }),
+    [
+      isMothershipChat,
+      activeWorkflowId,
+      loadCopilotChats,
+      handleCopilotToolResult,
+      handleCopilotRequestStarted,
+    ]
+  )
+
   const {
     messages: copilotMessages,
     isSending: copilotIsSending,
@@ -371,23 +406,7 @@ export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: Panel
     sendNow: copilotSendNow,
     editQueuedMessage: copilotEditQueuedMessage,
     getCurrentRequestId: getCopilotCurrentRequestId,
-  } = useChat(
-    workspaceId,
-    copilotChatId,
-    getWorkflowCopilotUseChatOptions({
-      workflowId: activeWorkflowId || undefined,
-      onTitleUpdate: loadCopilotChats,
-      onToolResult: handleCopilotToolResult,
-      onRequestStarted: ({ requestId, userMessageId }) => {
-        captureEvent(posthogRef.current, 'task_request_started', {
-          workspace_id: workspaceId,
-          view: 'copilot',
-          request_id: requestId,
-          user_message_id: userMessageId,
-        })
-      },
-    })
-  )
+  } = useChat(workspaceId, copilotChatId, copilotChatOptions)
 
   const handleCopilotNewChat = useCallback(() => {
     if (!activeWorkflowId || !workspaceId) return
@@ -925,7 +944,6 @@ export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: Panel
                   userId={session?.user?.id}
                   chatId={copilotResolvedChatId}
                   layout='copilot-view'
-                  readOnly={isCopilotChatReadOnly}
                 />
               </div>
             )}

apps/sim/lib/api/contracts/copilot.ts

@@ -307,6 +307,7 @@ export const copilotChatListItemSchema = z.object({
   workspaceId: z.string().nullable().optional(),
   activeStreamId: z.string().nullable(),
   updatedAt: z.string().nullable(),
+  type: z.enum(['mothership', 'copilot']).optional(),
   resources: z.array(copilotChatResourceSchema).optional(),
 })
 export type CopilotChatListItem = z.output<typeof copilotChatListItemSchema>