feat(web-ui): polish workspace nav, agents scene, and flow chat header

src/web-ui/src/app/components/AboutDialog/AboutDialog.scss

@@ -31,7 +31,7 @@
 .bitfun-about-dialog__title {
   font-family: var(--font-family-sans);
   font-size: 28px;
-  font-weight: 700;
+  font-weight: 800;
   margin: 0 0 10px 0;
   letter-spacing: -0.03em;
   color: var(--color-text-primary);
@@ -176,15 +176,14 @@
 
 .bitfun-about-dialog__info-label {
   flex-shrink: 0;
-  font-size: 11px;
-  color: var(--color-text-muted);
-  font-weight: 400;
-  opacity: 0.7;
+  font-size: 12px;
+  color: var(--color-text-secondary);
+  font-weight: 500;
 }
 
 .bitfun-about-dialog__info-value {
-  font-size: 11px;
-  color: var(--color-text-muted);
+  font-size: 12px;
+  color: var(--color-text-primary);
   font-weight: 400;
   text-align: right;
   overflow: hidden;
@@ -193,8 +192,8 @@
 
   &--mono {
     font-family: 'Consolas', 'Monaco', monospace;
-    font-size: 10px;
-    opacity: 0.8;
+    font-size: 11px;
+    font-weight: 500;
   }
 }
 

src/web-ui/src/app/components/NavPanel/sections/workspaces/DotMatrixArrowRightIcon.tsx

@@ -0,0 +1,56 @@
+import React from 'react';
+
+/**
+ * Right-pointing filled triangle rendered as a 3-column × 5-row dot grid (▶ style).
+ *
+ * Grid (col 0 = left, col 2 = tip on the right):
+ *   •  .  .
+ *   •  •  .
+ *   •  •  •   ← rightmost tip
+ *   •  •  .
+ *   •  .  .
+ */
+export const DotMatrixArrowRightIcon: React.FC<{
+  size?: number;
+  className?: string;
+}> = ({ size = 14, className }) => {
+  const rows = [
+    '100',
+    '110',
+    '111',
+    '110',
+    '100',
+  ];
+
+  const cell = 4;
+  const dotR = 1.5;
+  const w = rows[0].length * cell;
+  const h = rows.length * cell;
+
+  const dots: React.ReactNode[] = [];
+  rows.forEach((row, y) => {
+    for (let x = 0; x < row.length; x += 1) {
+      if (row[x] !== '1') continue;
+      dots.push(
+        <circle
+          key={`${x}-${y}`}
+          cx={x * cell + cell / 2}
+          cy={y * cell + cell / 2}
+          r={dotR}
+        />
+      );
+    }
+  });
+
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox={`0 0 ${w} ${h}`}
+      className={className}
+      aria-hidden="true"
+    >
+      <g fill="currentColor">{dots}</g>
+    </svg>
+  );
+};

src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceItem.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { Folder, FolderOpen, MoreHorizontal, GitBranch, FolderSearch, Plus, ChevronDown, Trash2, RotateCcw, Copy, FileText } from 'lucide-react';
+import { Folder, FolderOpen, MoreHorizontal, FolderSearch, Plus, ChevronDown, Trash2, RotateCcw, Copy, FileText, GitBranch } from 'lucide-react';
+import { DotMatrixArrowRightIcon } from './DotMatrixArrowRightIcon';
 import { ConfirmDialog, Tooltip } from '@/component-library';
 import { useI18n } from '@/infrastructure/i18n';
 import { i18nService } from '@/infrastructure/i18n';
@@ -56,7 +57,7 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
   } = useWorkspaceContext();
   const { switchLeftPanelTab } = useApp();
   const openNavScene = useNavSceneStore(s => s.openNavScene);
-  const { isRepository, currentBranch } = useGitBasicInfo(workspace.rootPath);
+  const { isRepository } = useGitBasicInfo(workspace.rootPath);
   const [menuOpen, setMenuOpen] = useState(false);
   const [worktreeModalOpen, setWorktreeModalOpen] = useState(false);
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
@@ -401,6 +402,7 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
         sessionsCollapsed && 'is-sessions-collapsed',
         isSingle && 'is-single',
       ].filter(Boolean).join(' ')}
+      aria-current={isActive ? 'location' : undefined}
       aria-grabbed={draggable ? isDragging : undefined}>
         <div
           className="bitfun-nav-panel__assistant-item-card"
@@ -416,9 +418,15 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
             aria-expanded={!sessionsCollapsed}
           >
             <span className="bitfun-nav-panel__assistant-item-avatar" aria-hidden="true">
-              <span className="bitfun-nav-panel__assistant-item-avatar-letter">
-                {workspaceDisplayName.charAt(0)}
-              </span>
+              {isActive ? (
+                <span className="bitfun-nav-panel__assistant-item-active-icon">
+                  <DotMatrixArrowRightIcon size={14} />
+                </span>
+              ) : (
+                <span className="bitfun-nav-panel__assistant-item-avatar-letter">
+                  {workspaceDisplayName.charAt(0)}
+                </span>
+              )}
               <span className={`bitfun-nav-panel__assistant-item-icon-toggle${sessionsCollapsed ? ' is-collapsed' : ''}`}>
                 <ChevronDown size={12} />
               </span>
@@ -568,6 +576,7 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
       sessionsCollapsed && 'is-sessions-collapsed',
       isSingle && 'is-single',
     ].filter(Boolean).join(' ')}
+    aria-current={isActive ? 'location' : undefined}
     aria-grabbed={draggable ? isDragging : undefined}>
       <div
         className="bitfun-nav-panel__workspace-item-card"
@@ -584,7 +593,13 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
         >
           <span className="bitfun-nav-panel__workspace-item-icon" aria-hidden="true">
             <span className="bitfun-nav-panel__workspace-item-icon-default">
-              <FolderOpen size={14} />
+              {isActive ? (
+                <span className="bitfun-nav-panel__workspace-item-active-icon">
+                  <DotMatrixArrowRightIcon size={14} />
+                </span>
+              ) : (
+                <FolderOpen size={14} />
+              )}
             </span>
             <span className={`bitfun-nav-panel__workspace-item-icon-toggle${sessionsCollapsed ? ' is-collapsed' : ''}`}>
               <ChevronDown size={14} />
@@ -608,12 +623,6 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
               </span>
             )}
           </span>
-          {!isRemoteWorkspace(workspace) && currentBranch ? (
-            <span className="bitfun-nav-panel__workspace-item-branch">
-              <GitBranch size={11} />
-              <span>{currentBranch}</span>
-            </span>
-          ) : null}
         </button>
 
         <div className="bitfun-nav-panel__workspace-item-menu" ref={menuRef}>