Use text-only Workspaces launcher and tab

Author: emir-karabeg

apps/sim/platform/AGENTS.md

@@ -24,7 +24,7 @@ Use `design-system/styles/rhythm.css` for title/detail, list and action gaps (2p
 
 Home and Chat share a centered, border-box reading column (maximum width and inline gutter). Align the resting Home greeting with the Home navigation row using the shell’s shared row origin **inside** the moving content. The unpadded viewport keeps the fade at the window edge. The web opener sits at the expanded sidebar toolbar’s 12px top inset on every route. On Home it scrolls with the page. Electron keeps both controls in its native titlebar. Keep the same shell inset immediately above and below the footer. Major dashboard/sidebar sections are independently spaced at 24px. Responsive layouts can wrap, collapse or split panels; button height, padding and type stay stable.
 
-Use `ControlRow` for the sidebar, identity controls, panel tabs, recent links, wrapping workspace choices and horizontal destination links. The row owns its 30px height, 8px inset and the placement and hover of a 24px action, including a leading remove button that replaces an existing glyph. Named workspace rows are text-only; a recent without a glyph keeps its remove action at the end. The Workspaces destination may have an icon. Keep the link, tab or button semantics on the rendered element, with sibling actions outside it. Whole section headers reveal their chevron on hover; identity controls need none. Ordinary text and icon triggers use `Button` / `IconButton`, including Base UI menu triggers. Pass icons and labels through their slots. Binary switches stay pill-shaped; clicking the selected half of a two-choice segment switches to the other half. Native keyboard choice navigation still selects its destination.
+Use `ControlRow` for the sidebar, identity controls, panel tabs, recent links, wrapping workspace choices and horizontal destination links. The row owns its 30px height, 8px inset and the placement and hover of a 24px action, including a leading remove button that replaces an existing glyph. Workspace names, the Workspaces launcher and its tab title are text-only. A recent without a glyph keeps its remove action at the end. Keep the link, tab or button semantics on the rendered element, with sibling actions outside it. Whole section headers reveal their chevron on hover; identity controls need none. Ordinary text and icon triggers use `Button` / `IconButton`, including Base UI menu triggers. Pass icons and labels through their slots. Binary switches stay pill-shaped; clicking the selected half of a two-choice segment switches to the other half. Native keyboard choice navigation still selects its destination.
 
 Use `ActivityRow` for a first-line glyph or avatar, title/detail and centered trailing metadata. Use the chart, calendar, composer or attachment owner when those parts have a different interaction. See the [component ownership map](docs/component-ownership.md) before adding another family.
 

apps/sim/platform/app/(shell)/chat/_components/panel/chat-panels.tsx

@@ -9,6 +9,7 @@ import { PanelContent } from '@/platform/app/(shell)/chat/_components/panel/pane
 import { PanelTabs } from '@/platform/app/(shell)/chat/_components/panel/panel-tabs'
 import styles from '@/platform/app/(shell)/chat/_components/panel/panels.module.css'
 import { IconButton } from '@/platform/design-system/components/button/button'
+import type { TabItem } from '@/platform/design-system/components/tabs/tabs'
 import { platformHref } from '@/platform/design-system/navigation'
 
 export type PanelDestination = 'start' | 'workspaces' | 'terminal' | 'file' | 'website'
@@ -18,13 +19,13 @@ interface PanelTab {
   resource?: PanelRecent
 }
 
-const tabs = {
+const tabs: Record<PanelDestination, Pick<TabItem, 'label' | 'icon'>> = {
   start: { label: 'New tab', icon: 'I041' },
-  workspaces: { label: 'Workspaces', icon: 'I025' },
+  workspaces: { label: 'Workspaces' },
   terminal: { label: 'Terminal', icon: 'I107' },
   file: { label: 'File', icon: 'I015' },
   website: { label: 'Browser', icon: 'I041' },
-} as const
+}
 
 const OpenPanel = createContext<((element: HTMLButtonElement) => void) | null>(null)
 

apps/sim/platform/app/(shell)/chat/_components/panel/panel-content.tsx

@@ -113,7 +113,6 @@ export function PanelContent({
               onOpen={() => onVisit('terminal')}
             />
             <ActivityRow
-              leading={<Icon name='I025' />}
               title='Workspaces'
               detail='Open a workspace'
               showChevron={false}

apps/sim/platform/design-system/components/activity-row/activity-row.tsx

@@ -4,7 +4,7 @@ import { Icon } from '@/platform/design-system/components/icon/icon'
 import { OverflowText } from '@/platform/design-system/components/overflow-text/overflow-text'
 
 interface ActivityRowProps {
-  leading: ReactNode
+  leading?: ReactNode
   title: string
   count?: number
   detail: string
@@ -27,9 +27,11 @@ export function ActivityRow({
   return (
     <li>
       <button type='button' className={styles.row} onClick={onOpen}>
-        <span className={styles.leading} aria-hidden='true'>
-          {leading}
-        </span>
+        {leading && (
+          <span className={styles.leading} aria-hidden='true'>
+            {leading}
+          </span>
+        )}
         <span className={styles.copy}>
           <span className={styles.title} data-type='T059'>
             <OverflowText text={count ? `${title} ${count}` : title}>

apps/sim/platform/design-system/components/tabs/tabs.tsx

@@ -11,7 +11,7 @@ import styles from '@/platform/design-system/components/tabs/tabs.module.css'
 export interface TabItem {
   id: string
   label: string
-  icon: IconName
+  icon?: IconName
   content: ReactNode
 }