fix(tables): resource-cell icons, embedded filters, run-count + queued fixes

- table-grid: render in-workspace resource URLs (workflow/table/KB/file) as
  tagged-resource cells reusing ContextMentionIcon (colored square for
  workflows), matching @-mention chips; only the matching list is fetched.
- table-grid: fix row-number sticky cell overflow — reserve the full run/stop
  button area (30px, not 16px) so wide row indices don't clip.
- table-grid: show an infinite-scroll loading spinner while the next page
  loads instead of looking like the end of the table.
- table: surface sort + filter (and run/stop via the options-bar extras slot)
  in the embedded mothership table resource view.
- table-grid/utils: stop the dispatch overlay from optimistically painting
  autoRun=false cells Queued for auto-fire dispatches — the dispatcher skips
  those groups ('autoRun-off'); manual runs still show Queued (manual-bypass).
- dispatcher: exclude orphan pre-stamps (pending + executionId null) from
  countRunningCells so the "X running" badge doesn't stick above zero.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: TheodoreSpeaks

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

@@ -10,6 +10,9 @@ interface CellContentProps {
   value: unknown
   exec?: RowExecutionMetadata
   column: DisplayColumn
+  /** Current workspace id — lets string cells holding an in-workspace resource
+   *  URL render as a tagged-resource chip instead of a plain external link. */
+  workspaceId: string
   isEditing: boolean
   initialCharacter?: string | null
   onSave: (value: unknown, reason: SaveReason) => void
@@ -34,14 +37,22 @@ export function CellContent({
   value,
   exec,
   column,
+  workspaceId,
   isEditing,
   initialCharacter,
   onSave,
   onCancel,
   waitingOnLabels,
   isEnrichmentOutput,
 }: CellContentProps) {
-  const kind = resolveCellRender({ value, exec, column, waitingOnLabels, isEnrichmentOutput })
+  const kind = resolveCellRender({
+    value,
+    exec,
+    column,
+    waitingOnLabels,
+    isEnrichmentOutput,
+    currentWorkspaceId: workspaceId,
+  })
 
   return (
     <>

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

@@ -9,6 +9,7 @@ import type { RowExecutionMetadata } from '@/lib/table'
 import { StatusBadge } from '@/app/workspace/[workspaceId]/logs/utils'
 import { storageToDisplay } from '../../../utils'
 import type { DisplayColumn } from '../types'
+import { SimResourceCell, type SimResourceType } from './sim-resource-cell'
 
 export type CellRenderKind =
   // Workflow-output cells
@@ -26,6 +27,13 @@ export type CellRenderKind =
   | { kind: 'json'; text: string }
   | { kind: 'date'; text: string }
   | { kind: 'url'; text: string; href: string; domain: string }
+  | {
+      kind: 'sim-resource'
+      workspaceId: string
+      resourceType: SimResourceType
+      resourceId: string
+      href: string
+    }
   | { kind: 'text'; text: string }
   // Universal fallback
   | { kind: 'empty' }
@@ -38,6 +46,9 @@ interface ResolveCellRenderInput {
   /** Column is an enrichment-group output — a completed-but-empty cell renders
    *  "Not found" rather than a blank, since the enrichment ran and matched nothing. */
   isEnrichmentOutput?: boolean
+  /** Current workspace id — a URL pointing to a resource in this workspace
+   *  renders as a tagged-resource chip rather than a plain external link. */
+  currentWorkspaceId?: string
 }
 
 export function resolveCellRender({
@@ -46,6 +57,7 @@ export function resolveCellRender({
   column,
   waitingOnLabels,
   isEnrichmentOutput,
+  currentWorkspaceId,
 }: ResolveCellRenderInput): CellRenderKind {
   const isNull = value === null || value === undefined
   const isEmpty = isNull || value === ''
@@ -97,6 +109,18 @@ export function resolveCellRender({
   if (column.type === 'date') return { kind: 'date', text: String(value) }
   if (column.type === 'string') {
     const text = stringifyValue(value)
+    if (currentWorkspaceId) {
+      const resource = extractSimResourceInfo(text)
+      if (resource && resource.workspaceId === currentWorkspaceId) {
+        return {
+          kind: 'sim-resource',
+          workspaceId: resource.workspaceId,
+          resourceType: resource.resourceType,
+          resourceId: resource.resourceId,
+          href: resource.href,
+        }
+      }
+    }
     const urlInfo = extractUrlInfo(text)
     if (urlInfo) return { kind: 'url', text, href: urlInfo.href, domain: urlInfo.domain }
     return { kind: 'text', text }
@@ -131,6 +155,43 @@ function extractUrlInfo(text: string): { href: string; domain: string } | null {
   return null
 }
 
+/** Maps a workspace route section to the sim resource kind it addresses. */
+const SIM_RESOURCE_SECTIONS: Record<string, SimResourceType> = {
+  w: 'workflow',
+  tables: 'table',
+  knowledge: 'knowledge',
+  files: 'file',
+}
+
+/**
+ * Recognizes a `/workspace/{id}/{section}/{resourceId}` URL (absolute or
+ * relative) pointing to a sim resource and returns its descriptor. The href is
+ * the pathname so the link stays within the current deployment. Returns null
+ * for anything that isn't a single-segment resource route.
+ */
+function extractSimResourceInfo(
+  text: string
+): { workspaceId: string; resourceType: SimResourceType; resourceId: string; href: string } | null {
+  const trimmed = text.trim()
+  if (!trimmed) return null
+  let pathname: string
+  if (/^https?:\/\//i.test(trimmed)) {
+    try {
+      pathname = new URL(trimmed).pathname
+    } catch {
+      return null
+    }
+  } else if (trimmed.startsWith('/')) {
+    pathname = trimmed.split(/[?#]/)[0]
+  } else {
+    return null
+  }
+  const match = pathname.match(/^\/workspace\/([^/]+)\/(w|tables|knowledge|files)\/([^/]+)\/?$/)
+  if (!match) return null
+  const [, workspaceId, section, resourceId] = match
+  return { workspaceId, resourceType: SIM_RESOURCE_SECTIONS[section], resourceId, href: pathname }
+}
+
 interface CellRenderProps {
   kind: CellRenderKind
   isEditing: boolean
@@ -270,6 +331,17 @@ export function CellRender({ kind, isEditing }: CellRenderProps): React.ReactEle
         </span>
       )
 
+    case 'sim-resource':
+      return (
+        <SimResourceCell
+          workspaceId={kind.workspaceId}
+          resourceType={kind.resourceType}
+          resourceId={kind.resourceId}
+          href={kind.href}
+          isEditing={isEditing}
+        />
+      )
+
     case 'text':
       return (
         <span

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

@@ -0,0 +1,102 @@
+'use client'
+
+import { useMemo } from 'react'
+import { cn } from '@/lib/core/utils/cn'
+import { ContextMentionIcon } from '@/app/workspace/[workspaceId]/home/components/context-mention-icon'
+import type { ChatMessageContext } from '@/app/workspace/[workspaceId]/home/types'
+import { useKnowledgeBasesQuery } from '@/hooks/queries/kb/knowledge'
+import { useTablesList } from '@/hooks/queries/tables'
+import { useWorkflows } from '@/hooks/queries/workflows'
+import { useWorkspaceFiles } from '@/hooks/queries/workspace-files'
+
+/** Sim resource kinds a table cell URL can point to within the current workspace. */
+export type SimResourceType = 'workflow' | 'table' | 'knowledge' | 'file'
+
+const FALLBACK_LABEL: Record<SimResourceType, string> = {
+  workflow: 'Workflow',
+  table: 'Table',
+  knowledge: 'Knowledge base',
+  file: 'File',
+}
+
+interface SimResourceCellProps {
+  /** Always the current workspace — the resolver only emits this kind for same-workspace URLs. */
+  workspaceId: string
+  resourceType: SimResourceType
+  resourceId: string
+  /** In-app pathname the resource link navigates to. */
+  href: string
+  isEditing: boolean
+}
+
+/**
+ * Renders a cell whose value is a URL pointing to a sim resource in the current
+ * workspace as a tagged-resource chip — the same icon (and per-workflow colored
+ * square) used for @-style resource mentions, plus the resource's name as a link.
+ * Only the list matching `resourceType` is fetched; the other queries stay
+ * disabled so a sim-resource cell subscribes to a single shared list.
+ */
+export function SimResourceCell({
+  workspaceId,
+  resourceType,
+  resourceId,
+  href,
+  isEditing,
+}: SimResourceCellProps) {
+  const { data: workflows = [] } = useWorkflows(
+    resourceType === 'workflow' ? workspaceId : undefined
+  )
+  const { data: tables = [] } = useTablesList(resourceType === 'table' ? workspaceId : undefined)
+  const { data: knowledgeBases = [] } = useKnowledgeBasesQuery(workspaceId, {
+    enabled: resourceType === 'knowledge',
+  })
+  const { data: files = [] } = useWorkspaceFiles(resourceType === 'file' ? workspaceId : '')
+
+  const workflow =
+    resourceType === 'workflow' ? workflows.find((w) => w.id === resourceId) : undefined
+
+  const name = useMemo(() => {
+    switch (resourceType) {
+      case 'workflow':
+        return workflow?.name
+      case 'table':
+        return tables.find((t) => t.id === resourceId)?.name
+      case 'knowledge':
+        return knowledgeBases.find((kb) => kb.id === resourceId)?.name
+      case 'file':
+        return files.find((f) => f.id === resourceId)?.name
+    }
+  }, [resourceType, resourceId, workflow, tables, knowledgeBases, files])
+
+  const label = name ?? FALLBACK_LABEL[resourceType]
+
+  const context: ChatMessageContext =
+    resourceType === 'workflow'
+      ? { kind: 'workflow', label, workflowId: resourceId }
+      : resourceType === 'table'
+        ? { kind: 'table', label, tableId: resourceId }
+        : resourceType === 'knowledge'
+          ? { kind: 'knowledge', label, knowledgeId: resourceId }
+          : { kind: 'file', label, fileId: resourceId }
+
+  return (
+    <span className={cn('flex min-w-0 items-center gap-1.5', isEditing && 'invisible')}>
+      <ContextMentionIcon
+        context={context}
+        workflowColor={workflow?.color ?? null}
+        className='size-[14px] shrink-0 text-[var(--text-icon)]'
+      />
+      <a
+        href={href}
+        className={cn(
+          'min-w-0 overflow-clip text-ellipsis text-[var(--text-primary)] underline underline-offset-2 hover:opacity-70',
+          isEditing && 'pointer-events-none'
+        )}
+        onClick={(e) => e.stopPropagation()}
+        onDoubleClick={(e) => e.stopPropagation()}
+      >
+        {label}
+      </a>
+    </span>
+  )
+}

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/data-row.tsx

@@ -23,6 +23,9 @@ import { type NormalizedSelection, resolveCellExec } from './utils'
 export interface DataRowProps {
   row: TableRowType
   columns: DisplayColumn[]
+  /** Current workspace id — forwarded to cells so in-workspace resource URLs
+   *  render as tagged-resource chips. */
+  workspaceId: string
   rowIndex: number
   isFirstRow: boolean
   editingColumnName: string | null
@@ -94,6 +97,7 @@ function dataRowPropsAreEqual(prev: DataRowProps, next: DataRowProps): boolean {
   if (
     prev.row !== next.row ||
     prev.columns !== next.columns ||
+    prev.workspaceId !== next.workspaceId ||
     prev.rowIndex !== next.rowIndex ||
     prev.isFirstRow !== next.isFirstRow ||
     prev.editingColumnName !== next.editingColumnName ||
@@ -135,6 +139,7 @@ function dataRowPropsAreEqual(prev: DataRowProps, next: DataRowProps): boolean {
 export const DataRow = React.memo(function DataRow({
   row,
   columns,
+  workspaceId,
   rowIndex,
   isFirstRow,
   editingColumnName,
@@ -310,6 +315,7 @@ export const DataRow = React.memo(function DataRow({
             )}
             <div className={CELL_CONTENT}>
               <CellContent
+                workspaceId={workspaceId}
                 value={
                   pendingCellValue && column.name in pendingCellValue
                     ? pendingCellValue[column.name]

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

@@ -7,7 +7,7 @@ import { useVirtualizer } from '@tanstack/react-virtual'
 import { useParams } from 'next/navigation'
 import { usePostHog } from 'posthog-js/react'
 import { Skeleton, toast, useToast } from '@/components/emcn'
-import { TableX } from '@/components/emcn/icons'
+import { Loader, TableX } from '@/components/emcn/icons'
 import type { RunLimit, RunMode } from '@/lib/api/contracts/tables'
 import { cn } from '@/lib/core/utils/cn'
 import { captureEvent } from '@/lib/posthog/client'
@@ -3331,6 +3331,7 @@ export function TableGrid({
                               key={row.id}
                               row={row}
                               columns={displayColumns}
+                              workspaceId={workspaceId}
                               rowIndex={index}
                               isFirstRow={index === 0}
                               editingColumnName={
@@ -3372,6 +3373,18 @@ export function TableGrid({
                             />
                           </tr>
                         )}
+                        {isFetchingNextPage && (
+                          <tr>
+                            <td colSpan={displayColumns.length + 1} className='h-[35px] p-0'>
+                              <div className='flex items-center justify-center'>
+                                <Loader
+                                  animate
+                                  className='size-[14px] shrink-0 text-[var(--text-tertiary)]'
+                                />
+                              </div>
+                            </td>
+                          </tr>
+                        )}
                       </>
                     )
                   })()

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/utils.ts

@@ -49,7 +49,10 @@ export function checkboxColLayout(
 ): { colWidth: number; numDivWidth: number } {
   const digits = maxRows > 0 ? Math.floor(Math.log10(maxRows)) + 1 : 1
   const numDivWidth = Math.max(20, digits * 8 + 4)
-  const colWidth = Math.max(32, numDivWidth + 8) + (hasWorkflowCols ? 16 : 0)
+  // When workflow columns are present a 20px run/stop button sits to the right of
+  // the number, separated by a 6px gap and a 4px right pad — 30px total. Reserving
+  // only the button width clipped the number on tables with many (wide) row indices.
+  const colWidth = Math.max(32, numDivWidth + 8) + (hasWorkflowCols ? 30 : 0)
   return { colWidth, numDivWidth }
 }
 
@@ -196,6 +199,12 @@ export function resolveCellExec(
     // cell SSE) cover the actual rows instead.
     if (d.limit) continue
     if (!d.scope.groupIds.includes(group.id)) continue
+    // Auto-fire dispatches (row writes / schema changes) scope every group but
+    // the dispatcher honors `autoRun: false` per-cell ('autoRun-off'), so those
+    // cells never actually run — don't optimistically paint them Queued. Manual
+    // runs (Run all / Run column) bypass autoRun and DO run them, so keep the
+    // overlay's Queued there.
+    if (!d.isManualRun && group.autoRun === false) continue
     if (d.scope.rowIds && !d.scope.rowIds.includes(row.id)) continue
     if (row.position <= d.cursor) continue
     return {