@@ -27,6 +27,7 @@ import {
   buildResourceFolderTree,
   type ResourceTreeNode,
 } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/resource-folder-tree'
+import { resourceFromItem } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/resource-from-item'
 import {
   byResourceMenuOrder,
   getResourceConfig,
@@ -39,7 +40,11 @@ import type {
   MothershipResource,
   MothershipResourceType,
 } from '@/app/workspace/[workspaceId]/home/types'
-import { formatDate } from '@/app/workspace/[workspaceId]/logs/utils'
+import {
+  formatDate,
+  getDisplayStatus,
+  STATUS_CONFIG,
+} from '@/app/workspace/[workspaceId]/logs/utils'
 import { listIntegrations } from '@/blocks/integration-matcher'
 import { useFolders } from '@/hooks/queries/folders'
 import { useKnowledgeBasesQuery } from '@/hooks/queries/kb/knowledge'
@@ -116,6 +121,13 @@ const NO_RESOURCE_GROUPS: AvailableItemsByType[] = []
 
 const LOG_DROPDOWN_LIMIT = 50
 
+/**
+ * Log rows are named after their workflow, so nothing in them says "log".
+ * Carrying the family name makes `@logs` reach them the way `@browser` reaches
+ * the browser panel.
+ */
+const LOG_MENTION_FAMILY = 'Logs'
+
 /** Hide Radix's still-mounted exit surface before a full-screen effect paints. */
 function hideMountedMenuSurfaces(): void {
   for (const menu of document.querySelectorAll<HTMLElement>(
@@ -269,8 +281,21 @@ export function useAvailableResources(
         type: 'log' as const,
         items: logs.map((log) => {
           const workflowName = log.workflow?.name ?? log.workflowId ?? 'Unknown'
-          const time = formatDate(log.createdAt).compact
-          return { id: log.id, name: `${workflowName} · ${time}`, workflowName, time }
+          const when = formatDate(log.createdAt)
+          const status = getDisplayStatus(log.status)
+          return {
+            id: log.id,
+            // The chip keeps the absolute timestamp: it is persisted with the
+            // chat, where "2m ago" would age into a lie. The row renders the
+            // relative form instead, which is what reads at a glance.
+            name: `${workflowName} · ${when.compact}`,
+            mentionFamily: LOG_MENTION_FAMILY,
+            executionId: log.executionId ?? undefined,
+            workflowName,
+            time: when.relative,
+            // `info` is a plain success — only a run that ended otherwise gets a dot.
+            statusColor: status === 'info' ? null : STATUS_CONFIG[status].color,
+          }
         }),
       },
     ]
@@ -364,7 +389,7 @@ export function ResourceFolderTreeItems({
         node.kind === 'item' ? (
           <DropdownMenuItem
             key={node.id}
-            onClick={() => onSelect({ type, id: node.id, title: node.item.name })}
+            onClick={() => onSelect(resourceFromItem(type, node.item))}
           >
             {config.renderDropdownItem({ item: node.item })}
           </DropdownMenuItem>
@@ -518,10 +543,7 @@ export function ResourceMenuSections({
         if (!section && (type === 'browser' || type === 'terminal')) {
           const item = items[0]
           return (
-            <DropdownMenuItem
-              key={type}
-              onClick={() => onSelect({ type, id: item.id, title: item.name })}
-            >
+            <DropdownMenuItem key={type} onClick={() => onSelect(resourceFromItem(type, item))}>
               <Icon className='size-[14px]' />
               <span>{config.label}</span>
             </DropdownMenuItem>
@@ -546,7 +568,7 @@ export function ResourceMenuSections({
                 items.map((item) => (
                   <DropdownMenuItem
                     key={item.id}
-                    onClick={() => onSelect({ type, id: item.id, title: item.name })}
+                    onClick={() => onSelect(resourceFromItem(type, item))}
                   >
                     {config.renderDropdownItem({ item })}
                   </DropdownMenuItem>
@@ -642,7 +664,7 @@ export function AddResourceDropdown({
       if (filtered.length > 0 && filtered[activeIndex]) {
         e.preventDefault()
         const { type, item } = filtered[activeIndex]
-        select({ type, id: item.id, title: item.name })
+        select(resourceFromItem(type, item))
       }
     }
   }
@@ -694,7 +716,7 @@ export function AddResourceDropdown({
                     key={`${type}:${item.id}`}
                     className={cn(index === activeIndex && 'bg-[var(--surface-hover)]')}
                     onMouseEnter={() => setActiveIndex(index)}
-                    onClick={() => select({ type, id: item.id, title: item.name })}
+                    onClick={() => select(resourceFromItem(type, item))}
                   >
                     {config.renderDropdownItem({ item })}
                   </DropdownMenuItem>
 
@@ -6,3 +6,4 @@ export {
   useAvailableResources,
   useResourceTreeSections,
 } from './add-resource-dropdown'
+export { resourceFromItem } from './resource-from-item'
@@ -0,0 +1,34 @@
+/**
+ * @vitest-environment node
+ */
+import { describe, expect, it } from 'vitest'
+import { resourceFromItem } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/resource-from-item'
+
+describe('resourceFromItem', () => {
+  it('carries a log item execution id onto the resource', () => {
+    expect(
+      resourceFromItem('log', {
+        id: 'log-row-1',
+        name: 'Nightly sync · Aug 21 11:03:46',
+        executionId: 'exec-9',
+      })
+    ).toEqual({
+      type: 'log',
+      id: 'log-row-1',
+      title: 'Nightly sync · Aug 21 11:03:46',
+      executionId: 'exec-9',
+    })
+  })
+
+  it('omits the execution id when the item has none, rather than emitting undefined', () => {
+    const resource = resourceFromItem('workflow', { id: 'wf-1', name: 'Nightly sync' })
+    expect(resource).toEqual({ type: 'workflow', id: 'wf-1', title: 'Nightly sync' })
+    expect('executionId' in resource).toBe(false)
+  })
+
+  it('ignores a non-string execution id', () => {
+    expect(
+      'executionId' in resourceFromItem('log', { id: 'l1', name: 'l1', executionId: 42 })
+    ).toBe(false)
+  })
+})
@@ -0,0 +1,18 @@
+import type { MothershipResource, MothershipResourceType } from '@/lib/copilot/resources/types'
+import type { AvailableItem } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/resource-folder-tree'
+
+/**
+ * Builds the resource a picker row stands for.
+ *
+ * Every menu that selects a candidate goes through here so the type-specific
+ * fields an item carries reach the resource. Constructing the literal inline
+ * silently drops them — a log selected that way loses the execution id its chat
+ * context is addressed by, and resolves to nothing.
+ */
+export function resourceFromItem(
+  type: MothershipResourceType,
+  item: AvailableItem
+): MothershipResource {
+  const executionId = typeof item.executionId === 'string' ? item.executionId : undefined
+  return { type, id: item.id, title: item.name, ...(executionId ? { executionId } : {}) }
+}
@@ -40,6 +40,12 @@ export interface ResourceTypeConfig {
   icon: ElementType
   renderTabIcon: (resource: MothershipResource, className: string) => ReactNode
   renderDropdownItem: (props: DropdownItemRenderProps) => ReactNode
+  /**
+   * How many of this family's candidates an unfiltered `@` list shows.
+   * Uncapped by default; capped for families whose near-identical rows would
+   * otherwise bury every other family. A non-empty query lifts the cap.
+   */
+  mentionPreviewLimit?: number
 }
 
 function WorkflowDropdownItem({ item }: DropdownItemRenderProps) {
@@ -91,18 +97,28 @@ function IntegrationDropdownItem({ item }: DropdownItemRenderProps) {
   )
 }
 
+/**
+ * A run, not the workflow it ran — the Logs icon is what says so, and it is the
+ * same one the sidebar, the search palette, and the resulting chip already use.
+ */
 function LogDropdownItem({ item }: DropdownItemRenderProps) {
   const workflowName = (item.workflowName as string) ?? item.name
   const time = (item.time as string) ?? ''
+  const statusColor = (item.statusColor as string | null) ?? null
   return (
     <>
-      <Workflow className='size-[14px] flex-shrink-0 text-[var(--text-icon)]' />
+      <Library className='size-[14px] flex-shrink-0 text-[var(--text-icon)]' />
       <span className='truncate'>{workflowName}</span>
-      {time && (
-        <span className='ml-auto flex-shrink-0 text-[var(--text-tertiary)] text-caption'>
-          {time}
-        </span>
-      )}
+      <span className='ml-auto flex flex-shrink-0 items-center gap-1.5'>
+        {statusColor && (
+          <span
+            aria-hidden
+            className='size-[5px] rounded-full'
+            style={{ backgroundColor: statusColor }}
+          />
+        )}
+        {time && <span className='text-[var(--text-tertiary)] text-caption'>{time}</span>}
+      </span>
     </>
   )
 }
@@ -189,6 +205,7 @@ export const RESOURCE_REGISTRY: Record<MothershipResourceType, ResourceTypeConfi
       <Library className={cn(className, 'text-[var(--text-icon)]')} />
     ),
     renderDropdownItem: (props) => <LogDropdownItem {...props} />,
+    mentionPreviewLimit: 3,
   },
   integration: {
     type: 'integration',
 
@@ -125,7 +125,9 @@ const RESOURCE_TO_CONTEXT: Record<
   folder: (r) => ({ kind: 'folder', folderId: r.id, label: r.title }),
   filefolder: (r) => ({ kind: 'filefolder', fileFolderId: r.id, label: r.title }),
   task: (r) => ({ kind: 'past_chat', chatId: r.id, label: r.title }),
-  log: (r) => ({ kind: 'logs', executionId: r.id, label: r.title }),
+  // Addressed by run, not by log row: `id` is the row's key, and the server
+  // resolves this context against `workflow_execution_logs.execution_id`.
+  log: (r) => ({ kind: 'logs', executionId: r.executionId ?? r.id, label: r.title }),
   integration: (r) => ({ kind: 'integration', blockType: r.id, label: r.title }),
   generic: (r) => ({ kind: 'docs', label: r.title }),
 }
 
@@ -10,6 +10,7 @@ import {
 } from '@sim/emcn'
 import {
   ResourceMenuSections,
+  resourceFromItem,
   useAvailableResources,
   useResourceTreeSections,
 } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown'
@@ -127,10 +128,13 @@ export const PlusMenuDropdown = React.memo(
     const filteredItems = useMemo(() => {
       const rawQuery = isMention ? (mentionQuery ?? '') : search
       const q = rawQuery.toLowerCase().trim()
-      // In mention mode always render a flat filtered list — empty query = show everything.
       if (!isMention && !q) return null
       if (isMention && !q) {
-        return visibleResources.flatMap(({ type, items }) => items.map((item) => ({ type, item })))
+        return visibleResources.flatMap(({ type, items }) => {
+          const limit = getResourceConfig(type).mentionPreviewLimit
+          const previewed = limit === undefined ? items : items.slice(0, limit)
+          return previewed.map((item) => ({ type, item }))
+        })
       }
       return visibleResources.flatMap(({ type, items }) =>
         items.filter((item) => resourceMentionMatches(item, q)).map((item) => ({ type, item }))
@@ -181,11 +185,7 @@ export const PlusMenuDropdown = React.memo(
           const items = filteredItemsRef.current
           const target = items?.length ? (items[activeIndexRef.current] ?? items[0]) : undefined
           if (!target) return isHydratingRef.current ? 'hydrating' : 'empty'
-          handleSelectRef.current({
-            type: target.type,
-            id: target.item.id,
-            title: target.item.name,
-          })
+          handleSelectRef.current(resourceFromItem(target.type, target.item))
           return 'selected'
         },
       }),
@@ -224,7 +224,7 @@ export const PlusMenuDropdown = React.memo(
       } else if (e.key === 'Enter' || (e.key === 'Tab' && !e.shiftKey)) {
         e.preventDefault()
         const target = filteredItems[activeIndex] ?? filteredItems[0]
-        if (target) handleSelect({ type: target.type, id: target.item.id, title: target.item.name })
+        if (target) handleSelect(resourceFromItem(target.type, target.item))
       }
     }
 
@@ -342,7 +342,7 @@ export const PlusMenuDropdown = React.memo(
                       data-filtered-idx={index}
                       onMouseEnter={() => setActiveIndex(index)}
                       onClick={() => {
-                        handleSelect({ type, id: item.id, title: item.name })
+                        handleSelect(resourceFromItem(type, item))
                       }}
                       className={cn(
                         'relative flex w-full min-w-0 cursor-pointer select-none items-center gap-2 rounded-[5px] px-2 py-1.5 text-left text-[var(--text-body)] text-caption outline-none transition-colors duration-0 [&>span]:min-w-0 [&>span]:truncate [&_svg]:pointer-events-none [&_svg]:size-[14px] [&_svg]:shrink-0 [&_svg]:text-[var(--text-icon)]',
 
@@ -22,6 +22,12 @@ export interface MothershipResource {
   path?: string
   /** Saved table view to open pinned (type "table" only). */
   viewId?: string
+  /**
+   * The run this log row records (type "log" only). Distinct from `id`, which
+   * is the log row's own key: the tab loads by row id, while chat context and
+   * the logs deep-link address the run itself.
+   */
+  executionId?: string
 }
 
 /**