feat(copilot): preserve mothership chat when opening workflow

Clicking "Open Workflow" from a Mothership task now deep-links the
originating chat into the workflow page's copilot panel as read-only
history, so users don't lose the conversation that produced the
workflow.

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,
+        resources: copilotChats.resources,
       })
       .from(copilotChats)
       .leftJoin(workflow, eq(copilotChats.workflowId, workflow.id))

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

@@ -52,6 +52,13 @@ 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 = {
@@ -100,6 +107,7 @@ export function MothershipChat({
   animateInput = false,
   onInputAnimationEnd,
   className,
+  readOnly = false,
 }: MothershipChatProps) {
   const styles = LAYOUT_STYLES[layout]
   const isStreamActive = isSending || isReconnecting
@@ -227,32 +235,34 @@ export function MothershipChat({
         )}
       </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}
-          />
+      {!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>
-      </div>
+      )}
     </div>
   )
 }

apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/resource-content.tsx

@@ -211,12 +211,19 @@ export const ResourceContent = memo(function ResourceContent({
 interface ResourceActionsProps {
   workspaceId: string
   resource: MothershipResource
+  chatId?: string
 }
 
-export function ResourceActions({ workspaceId, resource }: ResourceActionsProps) {
+export function ResourceActions({ workspaceId, resource, chatId }: ResourceActionsProps) {
   switch (resource.type) {
     case 'workflow':
-      return <EmbeddedWorkflowActions workspaceId={workspaceId} workflowId={resource.id} />
+      return (
+        <EmbeddedWorkflowActions
+          workspaceId={workspaceId}
+          workflowId={resource.id}
+          chatId={chatId}
+        />
+      )
     case 'file':
       return <EmbeddedFileActions workspaceId={workspaceId} fileId={resource.id} />
     case 'knowledgebase':
@@ -244,9 +251,14 @@ export function ResourceActions({ workspaceId, resource }: ResourceActionsProps)
 interface EmbeddedWorkflowActionsProps {
   workspaceId: string
   workflowId: string
+  chatId?: string
 }
 
-export function EmbeddedWorkflowActions({ workspaceId, workflowId }: EmbeddedWorkflowActionsProps) {
+export function EmbeddedWorkflowActions({
+  workspaceId,
+  workflowId,
+  chatId,
+}: EmbeddedWorkflowActionsProps) {
   const router = useRouter()
   const { navigateToSettings } = useSettingsNavigation()
   const { userPermissions: effectivePermissions } = useWorkspacePermissionsContext()
@@ -284,7 +296,10 @@ export function EmbeddedWorkflowActions({ workspaceId, workflowId }: EmbeddedWor
   }
 
   const handleOpenWorkflow = () => {
-    window.open(`/workspace/${workspaceId}/w/${workflowId}`, '_blank')
+    const url = chatId
+      ? `/workspace/${workspaceId}/w/${workflowId}?chatId=${encodeURIComponent(chatId)}`
+      : `/workspace/${workspaceId}/w/${workflowId}`
+    window.open(url, '_blank')
   }
 
   return (

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

@@ -117,7 +117,9 @@ export const MothershipView = memo(
             onReorderResources={onReorderResources}
             onCollapse={onCollapse}
             actions={
-              active ? <ResourceActions workspaceId={workspaceId} resource={active} /> : null
+              active ? (
+                <ResourceActions workspaceId={workspaceId} resource={active} chatId={chatId} />
+              ) : null
             }
             previewMode={isActivePreviewable ? previewMode : undefined}
             onCyclePreviewMode={isActivePreviewable ? handleCyclePreview : undefined}

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

@@ -5,7 +5,7 @@ import { createLogger } from '@sim/logger'
 import { toError } from '@sim/utils/errors'
 import { useQueryClient } from '@tanstack/react-query'
 import { History, Plus } from 'lucide-react'
-import { useParams, useRouter } from 'next/navigation'
+import { useParams, useRouter, useSearchParams } from 'next/navigation'
 import { usePostHog } from 'posthog-js/react'
 import { useShallow } from 'zustand/react/shallow'
 import {
@@ -118,7 +118,9 @@ interface PanelProps {
 export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: PanelProps = {}) {
   const router = useRouter()
   const params = useParams()
+  const searchParams = useSearchParams()
   const workspaceId = propWorkspaceId ?? (params.workspaceId as string)
+  const urlChatIdParam = searchParams?.get('chatId') ?? null
 
   const posthog = usePostHog()
   const posthogRef = useRef(posthog)
@@ -256,6 +258,21 @@ export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: Panel
     [copilotChatId, copilotChatList]
   )
 
+  /**
+   * 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.
+   */
+  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 queryClient = useQueryClient()
   const loadCopilotChats = useCallback(() => {
     if (!activeWorkflowId) return
@@ -264,7 +281,10 @@ export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: Panel
 
   // Auto-select most recent on first list arrival per workflow, and drop a
   // selection that no longer matches anything in the current list (e.g. the
-  // chat was deleted in another tab).
+  // chat was deleted in another tab). When a `?chatId=` param is present in
+  // the URL (e.g. after clicking "Open Workflow" from a Mothership task),
+  // prefer that chat over the most recent so the original conversation is
+  // shown right away.
   const autoSelectAttemptedForRef = useRef<Set<string>>(new Set())
   useEffect(() => {
     if (!activeWorkflowId) return
@@ -278,8 +298,12 @@ export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: Panel
     if (autoSelectAttemptedForRef.current.has(activeWorkflowId)) return
     if (copilotChatList.length === 0) return
     autoSelectAttemptedForRef.current.add(activeWorkflowId)
-    setCopilotChatId(copilotChatList[0].id)
-  }, [copilotChatList, copilotChatId, activeWorkflowId, setCopilotChatId])
+    const preferred =
+      urlChatIdParam && copilotChatList.find((c) => c.id === urlChatIdParam)
+        ? urlChatIdParam
+        : copilotChatList[0].id
+    setCopilotChatId(preferred)
+  }, [copilotChatList, copilotChatId, activeWorkflowId, setCopilotChatId, urlChatIdParam])
 
   useEffect(() => {
     posthogRef.current = posthog
@@ -444,6 +468,17 @@ export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: Panel
     setHasHydrated(true)
   }, [setHasHydrated])
 
+  /**
+   * If the workflow page was opened with `?chatId=`, surface the copilot
+   * tab so the linked conversation is visible without an extra click.
+   */
+  const chatIdParamHandledRef = useRef(false)
+  useEffect(() => {
+    if (chatIdParamHandledRef.current || !urlChatIdParam) return
+    chatIdParamHandledRef.current = true
+    setActiveTab('copilot')
+  }, [urlChatIdParam, setActiveTab])
+
   useEffect(() => {
     const handler = (e: Event) => {
       const message = (e as CustomEvent<{ message: string }>).detail?.message
@@ -890,6 +925,7 @@ export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: Panel
                   userId={session?.user?.id}
                   chatId={copilotResolvedChatId}
                   layout='copilot-view'
+                  readOnly={isCopilotChatReadOnly}
                 />
               </div>
             )}

apps/sim/hooks/queries/copilot-chats.ts

@@ -17,7 +17,11 @@ async function fetchCopilotChats(
 ): Promise<CopilotChatListItem[]> {
   try {
     const data = await requestJson(listCopilotChatsContract, { signal })
-    return data.chats.filter((c) => c.workflowId === workflowId)
+    return data.chats.filter(
+      (c) =>
+        c.workflowId === workflowId ||
+        c.resources?.some((r) => r.type === 'workflow' && r.id === workflowId)
+    )
   } catch (error) {
     if (error instanceof ApiClientError) return []
     throw error

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

@@ -112,6 +112,12 @@ const copilotResourceTypeSchema = z.enum([
   'log',
 ])
 
+const copilotChatResourceSchema = z.object({
+  type: copilotResourceTypeSchema,
+  id: z.string(),
+  title: z.string(),
+})
+
 export const addCopilotChatResourceBodySchema = z.object({
   chatId: z.string(),
   resource: z.object({
@@ -301,6 +307,7 @@ export const copilotChatListItemSchema = z.object({
   workspaceId: z.string().nullable().optional(),
   activeStreamId: z.string().nullable(),
   updatedAt: z.string().nullable(),
+  resources: z.array(copilotChatResourceSchema).optional(),
 })
 export type CopilotChatListItem = z.output<typeof copilotChatListItemSchema>
 
@@ -378,12 +385,6 @@ const copilotCheckpointSchema = z.object({
   updatedAt: z.string().nullable(),
 })
 
-const copilotChatResourceSchema = z.object({
-  type: copilotResourceTypeSchema,
-  id: z.string(),
-  title: z.string(),
-})
-
 const copilotAvailableModelSchema = z.object({
   id: z.string(),
   friendlyName: z.string(),