v0.6.23: MCP fixes, remove local state in favor of server state, mothership workflow edits via sockets, ui improvements

apps/sim/app/_styles/globals.css

@@ -10,7 +10,7 @@
  * @see stores/constants.ts for the source of truth
  */
 :root {
- --sidebar-width: 248px; /* SIDEBAR_WIDTH.DEFAULT */
+ --sidebar-width: 0px; /* 0 outside workspace; blocking script always sets actual value on workspace pages */
  --panel-width: 320px; /* PANEL_WIDTH.DEFAULT */
  --toolbar-triggers-height: 300px; /* TOOLBAR_TRIGGERS_HEIGHT.DEFAULT */
  --editor-connections-height: 172px; /* EDITOR_CONNECTIONS_HEIGHT.DEFAULT */

apps/sim/app/api/copilot/checkpoints/revert/route.test.ts

@@ -304,7 +304,6 @@ describe('Copilot Checkpoints Revert API Route', () => {
  loops: {},
  parallels: {},
  isDeployed: true,
- deploymentStatuses: { production: 'deployed' },
  },
  }
 
@@ -349,7 +348,6 @@ describe('Copilot Checkpoints Revert API Route', () => {
  loops: {},
  parallels: {},
  isDeployed: true,
- deploymentStatuses: { production: 'deployed' },
  lastSaved: 1640995200000,
  },
  },
@@ -370,7 +368,6 @@ describe('Copilot Checkpoints Revert API Route', () => {
  loops: {},
  parallels: {},
  isDeployed: true,
- deploymentStatuses: { production: 'deployed' },
  lastSaved: 1640995200000,
  }),
  }
@@ -473,7 +470,6 @@ describe('Copilot Checkpoints Revert API Route', () => {
  edges: undefined,
  loops: null,
  parallels: undefined,
- deploymentStatuses: null,
  },
  }
 
@@ -508,7 +504,6 @@ describe('Copilot Checkpoints Revert API Route', () => {
  loops: {},
  parallels: {},
  isDeployed: false,
- deploymentStatuses: {},
  lastSaved: 1640995200000,
  })
  })
@@ -768,10 +763,6 @@ describe('Copilot Checkpoints Revert API Route', () => {
  parallel1: { branches: ['branch1', 'branch2'] },
  },
  isDeployed: true,
- deploymentStatuses: {
- production: 'deployed',
- staging: 'pending',
- },
  deployedAt: '2024-01-01T10:00:00.000Z',
  },
  }
@@ -816,10 +807,6 @@ describe('Copilot Checkpoints Revert API Route', () => {
  parallel1: { branches: ['branch1', 'branch2'] },
  },
  isDeployed: true,
- deploymentStatuses: {
- production: 'deployed',
- staging: 'pending',
- },
  deployedAt: '2024-01-01T10:00:00.000Z',
  lastSaved: 1640995200000,
  })

apps/sim/app/api/copilot/checkpoints/revert/route.ts

@@ -82,7 +82,6 @@ export async function POST(request: NextRequest) {
  loops: checkpointState?.loops || {},
  parallels: checkpointState?.parallels || {},
  isDeployed: checkpointState?.isDeployed || false,
- deploymentStatuses: checkpointState?.deploymentStatuses || {},
  lastSaved: Date.now(),
  ...(checkpointState?.deployedAt &&
  checkpointState.deployedAt !== null &&

apps/sim/app/api/workflows/[id]/deployments/[version]/revert/route.ts

@@ -79,7 +79,6 @@ export async function POST(
  loops: deployedState.loops || {},
  parallels: deployedState.parallels || {},
  lastSaved: Date.now(),
- deploymentStatuses: deployedState.deploymentStatuses || {},
  })
 
  if (!saveResult.success) {

apps/sim/app/api/workflows/[id]/route.ts

@@ -89,7 +89,6 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
  const finalWorkflowData = {
  ...workflowData,
  state: {
- deploymentStatuses: {},
  blocks: normalizedData.blocks,
  edges: normalizedData.edges,
  loops: normalizedData.loops,
@@ -115,7 +114,6 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
  const emptyWorkflowData = {
  ...workflowData,
  state: {
- deploymentStatuses: {},
  blocks: {},
  edges: [],
  loops: {},

apps/sim/app/api/workflows/[id]/variables/route.ts

@@ -8,7 +8,7 @@ import { AuditAction, AuditResourceType, recordAudit } from '@/lib/audit/log'
 import { checkSessionOrInternalAuth } from '@/lib/auth/hybrid'
 import { generateRequestId } from '@/lib/core/utils/request'
 import { authorizeWorkflowByWorkspacePermission } from '@/lib/workflows/utils'
-import type { Variable } from '@/stores/panel/variables/types'
+import type { Variable } from '@/stores/variables/types'
 
 const logger = createLogger('WorkflowVariablesAPI')
 

apps/sim/app/layout.tsx

@@ -90,6 +90,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
  }
 
  // Sidebar width
+ var defaultSidebarWidth = '248px';
  try {
  var stored = localStorage.getItem('sidebar-state');
  if (stored) {
@@ -108,11 +109,15 @@ export default function RootLayout({ children }: { children: React.ReactNode })
  document.documentElement.style.setProperty('--sidebar-width', width + 'px');
  } else if (width > maxSidebarWidth) {
  document.documentElement.style.setProperty('--sidebar-width', maxSidebarWidth + 'px');
+ } else {
+ document.documentElement.style.setProperty('--sidebar-width', defaultSidebarWidth);
  }
  }
+ } else {
+ document.documentElement.style.setProperty('--sidebar-width', defaultSidebarWidth);
  }
  } catch (e) {
-// Fallback handled by CSS defaults
+document.documentElement.style.setProperty('--sidebar-width', defaultSidebarWidth);
  }
 
  // Panel width and active tab

apps/sim/app/templates/components/template-card.tsx

@@ -108,8 +108,6 @@ function normalizeWorkflowState(input?: any): WorkflowState | null {
  lastUpdate: input.lastUpdate,
  metadata: input.metadata,
  variables: input.variables,
- deploymentStatuses: input.deploymentStatuses,
- needsRedeployment: input.needsRedeployment,
  dragStartPosition: input.dragStartPosition ?? null,
  }
 

apps/sim/app/workspace/[workspaceId]/components/oauth-modal.tsx

@@ -16,7 +16,7 @@ import {
 } from '@/components/emcn'
 import { client, useSession } from '@/lib/auth/auth-client'
 import type { OAuthReturnContext } from '@/lib/credentials/client-state'
-import { writeOAuthReturnContext } from '@/lib/credentials/client-state'
+import { ADD_CONNECTOR_SEARCH_PARAM, writeOAuthReturnContext } from '@/lib/credentials/client-state'
 import {
  getCanonicalScopesForProvider,
  getProviderIdFromServiceId,
@@ -59,8 +59,8 @@ type OAuthModalConnectProps = OAuthModalBaseProps & {
  workspaceId: string
  credentialCount: number
 } & (
- | { workflowId: string; knowledgeBaseId?: never }
- | { workflowId?: never; knowledgeBaseId: string }
+ | { workflowId: string; knowledgeBaseId?: never; connectorType?: never }
+ | { workflowId?: never; knowledgeBaseId: string; connectorType?: string }
  )
 
 interface OAuthModalReauthorizeProps extends OAuthModalBaseProps {
@@ -81,6 +81,7 @@ export function OAuthModal(props: OAuthModalProps) {
  const workspaceId = isConnect ? props.workspaceId : ''
  const workflowId = isConnect ? props.workflowId : undefined
  const knowledgeBaseId = isConnect ? props.knowledgeBaseId : undefined
+ const connectorType = isConnect ? props.connectorType : undefined
  const toolName = !isConnect ? props.toolName : ''
  const requiredScopes = !isConnect ? (props.requiredScopes ?? EMPTY_SCOPES) : EMPTY_SCOPES
  const newScopes = !isConnect ? (props.newScopes ?? EMPTY_SCOPES) : EMPTY_SCOPES
@@ -172,7 +173,7 @@ export function OAuthModal(props: OAuthModalProps) {
  }
 
  const returnContext: OAuthReturnContext = knowledgeBaseId
- ? { ...baseContext, origin: 'kb-connectors' as const, knowledgeBaseId }
+ ? { ...baseContext, origin: 'kb-connectors' as const, knowledgeBaseId, connectorType }
  : { ...baseContext, origin: 'workflow' as const, workflowId: workflowId! }
 
  writeOAuthReturnContext(returnContext)
@@ -205,7 +206,11 @@ export function OAuthModal(props: OAuthModalProps) {
  return
  }
 
- await client.oauth2.link({ providerId, callbackURL: window.location.href })
+ const callbackURL = new URL(window.location.href)
+ if (connectorType) {
+ callbackURL.searchParams.set(ADD_CONNECTOR_SEARCH_PARAM, connectorType)
+ }
+ await client.oauth2.link({ providerId, callbackURL: callbackURL.toString() })
  handleClose()
  } catch (err) {
  logger.error('Failed to initiate OAuth connection', { error: err })

apps/sim/app/workspace/[workspaceId]/home/hooks/use-chat.ts

@@ -1407,17 +1407,6 @@ export function useChat(
  const output = tc.result?.output as Record<string, unknown> | undefined
  const deployedWorkflowId = (output?.workflowId as string) ?? undefined
  if (deployedWorkflowId && typeof output?.isDeployed === 'boolean') {
- const isDeployed = output.isDeployed as boolean
- const serverDeployedAt = output.deployedAt
- ? new Date(output.deployedAt as string)
- : undefined
- useWorkflowRegistry
- .getState()
- .setDeploymentStatus(
- deployedWorkflowId,
- isDeployed,
- isDeployed ? (serverDeployedAt ?? new Date()) : undefined
- )
  queryClient.invalidateQueries({
  queryKey: deploymentKeys.info(deployedWorkflowId),
  })

apps/sim/app/workspace/[workspaceId]/knowledge/[id]/base.tsx

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { createLogger } from '@sim/logger'
 import { format } from 'date-fns'
 import { AlertCircle, Loader2, Pencil, Plus, Tag, X } from 'lucide-react'
-import { useParams, useRouter } from 'next/navigation'
+import { useParams, usePathname, useRouter, useSearchParams } from 'next/navigation'
 import { usePostHog } from 'posthog-js/react'
 import {
  Badge,
@@ -25,6 +25,7 @@ import {
 import { Database, DatabaseX } from '@/components/emcn/icons'
 import { SearchHighlight } from '@/components/ui/search-highlight'
 import { cn } from '@/lib/core/utils/cn'
+import { ADD_CONNECTOR_SEARCH_PARAM } from '@/lib/credentials/client-state'
 import { ALL_TAG_SLOTS, type AllTagSlot, getFieldTypeForSlot } from '@/lib/knowledge/constants'
 import type { DocumentSortField, SortOrder } from '@/lib/knowledge/documents/types'
 import { type FilterFieldType, getOperatorsForFieldType } from '@/lib/knowledge/filters/types'
@@ -192,6 +193,10 @@ export function KnowledgeBase({
 }: KnowledgeBaseProps) {
  const params = useParams()
  const workspaceId = propWorkspaceId || (params.workspaceId as string)
+ const router = useRouter()
+ const searchParams = useSearchParams()
+ const pathname = usePathname()
+ const addConnectorParam = searchParams.get(ADD_CONNECTOR_SEARCH_PARAM)
  const posthog = usePostHog()
 
  useEffect(() => {
@@ -278,7 +283,29 @@ export function KnowledgeBase({
  const [contextMenuDocument, setContextMenuDocument] = useState<DocumentData | null>(null)
  const [showRenameModal, setShowRenameModal] = useState(false)
  const [documentToRename, setDocumentToRename] = useState<DocumentData | null>(null)
- const [showAddConnectorModal, setShowAddConnectorModal] = useState(false)
+ const showAddConnectorModal = addConnectorParam != null
+ const searchParamsRef = useRef(searchParams)
+ searchParamsRef.current = searchParams
+ const updateAddConnectorParam = useCallback(
+ (value: string | null) => {
+ const current = searchParamsRef.current
+ const currentValue = current.get(ADD_CONNECTOR_SEARCH_PARAM)
+ if (value === currentValue || (value === null && currentValue === null)) return
+ const next = new URLSearchParams(current.toString())
+ if (value === null) {
+ next.delete(ADD_CONNECTOR_SEARCH_PARAM)
+ } else {
+ next.set(ADD_CONNECTOR_SEARCH_PARAM, value)
+ }
+ const qs = next.toString()
+ router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false })
+ },
+ [pathname, router]
+ )
+ const setShowAddConnectorModal = useCallback(
+ (open: boolean) => updateAddConnectorParam(open ? '' : null),
+ [updateAddConnectorParam]
+ )
 
  const {
  isOpen: isContextMenuOpen,
@@ -340,8 +367,6 @@ export function KnowledgeBase({
  prevHadSyncingRef.current = hasSyncingConnectors
  }, [hasSyncingConnectors, refreshKnowledgeBase, refreshDocuments])
 
- const router = useRouter()
-
  const knowledgeBaseName = knowledgeBase?.name || passedKnowledgeBaseName || 'Knowledge Base'
  const error = knowledgeBaseError || documentsError
 
@@ -1254,7 +1279,13 @@ export function KnowledgeBase({
  />
 
  {showAddConnectorModal && (
- <AddConnectorModal open onOpenChange={setShowAddConnectorModal} knowledgeBaseId={id} />
+ <AddConnectorModal
+ open
+ onOpenChange={setShowAddConnectorModal}
+ onConnectorTypeChange={updateAddConnectorParam}
+ knowledgeBaseId={id}
+ initialConnectorType={addConnectorParam || undefined}
+ />
  )}
 
  {documentToRename && (

apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-connector-modal/add-connector-modal.tsx

@@ -44,14 +44,22 @@ const CONNECTOR_ENTRIES = Object.entries(CONNECTOR_REGISTRY)
 interface AddConnectorModalProps {
  open: boolean
  onOpenChange: (open: boolean) => void
+ onConnectorTypeChange?: (connectorType: string | null) => void
  knowledgeBaseId: string
+ initialConnectorType?: string | null
 }
 
 type Step = 'select-type' | 'configure'
 
-export function AddConnectorModal({ open, onOpenChange, knowledgeBaseId }: AddConnectorModalProps) {
- const [step, setStep] = useState<Step>('select-type')
- const [selectedType, setSelectedType] = useState<string | null>(null)
+export function AddConnectorModal({
+ open,
+ onOpenChange,
+ onConnectorTypeChange,
+ knowledgeBaseId,
+ initialConnectorType,
+}: AddConnectorModalProps) {
+ const [step, setStep] = useState<Step>(() => (initialConnectorType ? 'configure' : 'select-type'))
+ const [selectedType, setSelectedType] = useState<string | null>(initialConnectorType ?? null)
  const [sourceConfig, setSourceConfig] = useState<Record<string, string>>({})
  const [syncInterval, setSyncInterval] = useState(1440)
  const [selectedCredentialId, setSelectedCredentialId] = useState<string | null>(null)
@@ -151,6 +159,7 @@ export function AddConnectorModal({ open, onOpenChange, knowledgeBaseId }: AddCo
  setError(null)
  setSearchTerm('')
  setStep('configure')
+ onConnectorTypeChange?.(type)
  }
 
  const handleFieldChange = useCallback(
@@ -286,7 +295,10 @@ export function AddConnectorModal({ open, onOpenChange, knowledgeBaseId }: AddCo
  <Button
  variant='ghost'
  className='mr-2 h-6 w-6 p-0'
- onClick={() => setStep('select-type')}
+ onClick={() => {
+ setStep('select-type')
+ onConnectorTypeChange?.('')
+ }}
  >
  <ArrowLeft className='h-4 w-4' />
  </Button>
@@ -565,6 +577,7 @@ export function AddConnectorModal({ open, onOpenChange, knowledgeBaseId }: AddCo
  workspaceId={workspaceId}
  knowledgeBaseId={knowledgeBaseId}
  credentialCount={credentials.length}
+ connectorType={selectedType ?? undefined}
  />
  )}
  </>