Add mothership tools

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table/cells/cell-content.tsx

@@ -108,9 +108,13 @@ export function CellContent({
     } else {
       displayContent = <span className='text-[var(--text-tertiary)]'>—</span>
     }
-    return displayContent
-  }
-  if (column.type === 'boolean') {
+    // Workflow-output cells are hand-editable: hide the status content under
+    // the InlineEditor when the user opts to edit, then fall through to the
+    // common return that renders the editor overlay.
+    if (isEditing) {
+      displayContent = <div className='invisible'>{displayContent}</div>
+    }
+  } else if (column.type === 'boolean') {
     displayContent = (
       <div
         className={cn('flex min-h-[20px] items-center justify-center', isEditing && 'invisible')}

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table/cells/expanded-cell-popover.tsx

@@ -1,14 +1,11 @@
 'use client'
 
-import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'
+import type React from 'react'
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'
 import { Button } from '@/components/emcn'
 import type { TableRow as TableRowType } from '@/lib/table'
 import type { EditingCell, SaveReason } from '../../../types'
-import {
-  cleanCellValue,
-  displayToStorage,
-  formatValueForInput,
-} from '../../../utils'
+import { cleanCellValue, displayToStorage, formatValueForInput } from '../../../utils'
 import type { DisplayColumn } from '../types'
 
 interface ExpandedCellPopoverProps {
@@ -61,9 +58,11 @@ export function ExpandedCellPopover({
     return { row, column, colIndex, value: row.data[column.name] }
   }, [expandedCell, rows, columns])
 
-  const isWorkflowCell = !!target?.column.workflowGroupId
   const isBooleanCell = target?.column.type === 'boolean'
-  const isEditable = Boolean(target) && canEdit && !isWorkflowCell && !isBooleanCell
+  // Workflow-output cells are editable in the expanded view too — the user
+  // can override the workflow's value. Booleans toggle inline; the expanded
+  // popover only handles text-shaped inputs.
+  const isEditable = Boolean(target) && canEdit && !isBooleanCell
 
   const displayText = useMemo(() => {
     if (!target) return ''

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table/headers/workflow-group-meta-cell.tsx

@@ -12,14 +12,7 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
 } from '@/components/emcn'
-import {
-  ArrowLeft,
-  ArrowRight,
-  EyeOff,
-  Pencil,
-  PlayOutline,
-  Trash,
-} from '@/components/emcn/icons'
+import { ArrowLeft, ArrowRight, EyeOff, Pencil, PlayOutline, Trash } from '@/components/emcn/icons'
 import { cn } from '@/lib/core/utils/cn'
 import type { WorkflowMetadata } from '@/stores/workflows/registry/types'
 import { SELECTION_TINT_BG } from '../constants'

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table/table.tsx

@@ -1,21 +1,12 @@
 'use client'
 
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { Circle, Square } from 'lucide-react'
+import { Square } from 'lucide-react'
 import { useParams, useRouter } from 'next/navigation'
 import { usePostHog } from 'posthog-js/react'
 import {
   Button,
   Checkbox,
-  DatePicker,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
   Modal,
   ModalBody,
   ModalContent,
@@ -25,32 +16,17 @@ import {
   Upload,
 } from '@/components/emcn'
 import {
-  ArrowLeft,
-  ArrowRight,
-  Calendar as CalendarIcon,
-  ChevronDown,
-  EyeOff,
   Pencil,
   PlayOutline,
   Plus,
   Table as TableIcon,
   TableX,
   Trash,
-  TypeBoolean,
-  TypeJson,
-  TypeNumber,
-  TypeText,
 } from '@/components/emcn/icons'
 import { Loader } from '@/components/emcn/icons/loader'
 import { cn } from '@/lib/core/utils/cn'
 import { captureEvent } from '@/lib/posthog/client'
-import type {
-  ColumnDefinition,
-  Filter,
-  SortDirection,
-  TableRow as TableRowType,
-  WorkflowGroup,
-} from '@/lib/table'
+import type { ColumnDefinition, Filter, SortDirection, TableRow as TableRowType } from '@/lib/table'
 import type { ColumnOption, SortConfig } from '@/app/workspace/[workspaceId]/components'
 import { ResourceHeader, ResourceOptionsBar } from '@/app/workspace/[workspaceId]/components'
 import { LogDetails } from '@/app/workspace/[workspaceId]/logs/components'
@@ -77,7 +53,6 @@ import { useInlineRename } from '@/hooks/use-inline-rename'
 import { extractCreatedRowId, useTableUndo } from '@/hooks/use-table-undo'
 import { useLogDetailsUIStore } from '@/stores/logs/store'
 import type { DeletedRowSnapshot } from '@/stores/table/types'
-import type { WorkflowMetadata } from '@/stores/workflows/registry/types'
 import { useContextMenu, useRowExecution, useTable } from '../../hooks'
 import type { EditingCell, QueryOptions, SaveReason } from '../../types'
 import { cleanCellValue, storageToDisplay } from '../../utils'
@@ -89,17 +64,16 @@ import { CellContent } from './cells/cell-content'
 import { ExpandedCellPopover } from './cells/expanded-cell-popover'
 import { COL_WIDTH, SELECTION_TINT_BG } from './constants'
 import { ColumnHeaderMenu } from './headers/column-header-menu'
-import { COLUMN_TYPE_ICONS, ColumnTypeIcon } from './headers/column-type-icon'
+import { COLUMN_TYPE_ICONS } from './headers/column-type-icon'
 import { WorkflowGroupMetaCell } from './headers/workflow-group-meta-cell'
-import type { BlockIconInfo, ColumnSourceInfo, DisplayColumn } from './types'
+import type { DisplayColumn } from './types'
 import {
   areRowDepsSatisfied,
   buildHeaderGroups,
   type CellCoord,
   collectRowSnapshots,
   computeNormalizedSelection,
   expandToDisplayColumns,
-  type HeaderGroup,
   moveCell,
   type NormalizedSelection,
   readExecution,
@@ -1558,7 +1532,10 @@ export function Table({
       if (e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey) {
         if (!canEditRef.current) return
         const col = cols[anchor.colIndex]
-        if (!col || col.type === 'boolean' || col.workflowGroupId) return
+        // Workflow-output cells are editable: the user can override the
+        // workflow's value if they want. Booleans toggle on space/click —
+        // typeahead doesn't apply to them.
+        if (!col || col.type === 'boolean') return
         if (col.type === 'number' && !/[\d.-]/.test(e.key)) return
         if (col.type === 'date' && !/[\d\-/]/.test(e.key)) return
         e.preventDefault()
@@ -2347,7 +2324,6 @@ export function Table({
   )
   const hasWorkflowColumns = workflowColumnNames.length > 0
 
-
   const { runningByRowId, totalRunning } = useMemo(() => {
     const byRow = new Map<string, number>()
     let total = 0
@@ -3298,7 +3274,6 @@ const DataRow = React.memo(function DataRow({
   )
 }, dataRowPropsAreEqual)
 
-
 const TableBodySkeleton = React.memo(function TableBodySkeleton({
   colCount,
 }: {
@@ -3331,8 +3306,6 @@ const TableBodySkeleton = React.memo(function TableBodySkeleton({
   )
 })
 
-
-
 interface RunStatusControlProps {
   running: number
   onStopAll: () => void
@@ -3437,7 +3410,6 @@ const AddRowButton = React.memo(function AddRowButton({ onClick }: { onClick: ()
   )
 })
 
-
 /**
  * Reuses the logs page's `LogDetails` slideout inside the tables view so a user
  * can inspect a workflow run for a cell without leaving the table. The query is

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/hooks/use-table.ts

@@ -1,22 +1,14 @@
 'use client'
 
 import { useMemo } from 'react'
-import type {
-  ColumnDefinition,
-  TableDefinition,
-  TableRow,
-  WorkflowGroup,
-} from '@/lib/table'
+import type { ColumnDefinition, TableDefinition, TableRow, WorkflowGroup } from '@/lib/table'
 import type { FlattenOutputsBlockInput } from '@/lib/workflows/blocks/flatten-outputs'
-import type { WorkflowState } from '@/stores/workflows/workflow/types'
+import { getBlock } from '@/blocks'
 import { useTable as useTableQuery, useTableRows } from '@/hooks/queries/tables'
-import { useWorkflows, useWorkflowStates } from '@/hooks/queries/workflows'
+import { useWorkflowStates, useWorkflows } from '@/hooks/queries/workflows'
 import type { WorkflowMetadata } from '@/stores/workflows/registry/types'
-import { getBlock } from '@/blocks'
-import type {
-  BlockIconInfo,
-  ColumnSourceInfo,
-} from '../components/table/types'
+import type { WorkflowState } from '@/stores/workflows/workflow/types'
+import type { BlockIconInfo, ColumnSourceInfo } from '../components/table/types'
 import type { QueryOptions } from '../types'
 
 const EMPTY_COLUMNS: ColumnDefinition[] = []
@@ -101,8 +93,7 @@ export function useTable({ workspaceId, tableId, queryOptions }: UseTableParams)
     const map = new Map<string, ColumnSourceInfo>()
     for (const group of tableWorkflowGroups) {
       const state = workflowStates.get(group.workflowId)
-      const blocks = (state as { blocks?: Record<string, FlattenOutputsBlockInput> } | null)
-        ?.blocks
+      const blocks = (state as { blocks?: Record<string, FlattenOutputsBlockInput> } | null)?.blocks
       for (const out of group.outputs) {
         const block = blocks?.[out.blockId]
         const blockConfig = block?.type ? getBlock(block.type) : undefined