feat(web-ui): Skills marketplace scene and nav refinements

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

@@ -271,12 +271,12 @@ $content-max: 1480px;
   font-weight: $font-weight-medium;
 
   &--primary {
-    color: var(--color-accent-500);
+    color: var(--color-text-primary);
     background: color-mix(in srgb, var(--color-accent-500) 10%, var(--element-bg-soft));
 
     &:hover:not(:disabled) {
       background: color-mix(in srgb, var(--color-accent-500) 16%, var(--element-bg-medium));
-      color: var(--color-accent-400);
+      color: var(--color-text-primary);
     }
   }
 }

src/web-ui/src/app/components/NavPanel/MainNav.tsx

@@ -13,7 +13,7 @@
 
 import React, { useCallback, useState, useMemo, useEffect, useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { Plus, FolderOpen, FolderPlus, History, Check, BotMessageSquare, Users, Puzzle, Blocks, ChevronDown, Search } from 'lucide-react';
+import { Plus, FolderOpen, FolderPlus, History, Check, User, Users, Puzzle, Blocks, ChevronDown, Search } from 'lucide-react';
 import { Tooltip } from '@/component-library';
 import { useApp } from '../../hooks/useApp';
 import { useSceneManager } from '../../hooks/useSceneManager';
@@ -438,7 +438,7 @@ const MainNav: React.FC<MainNavProps> = ({
             aria-label={assistantTooltip}
           >
             <span className="bitfun-nav-panel__top-action-icon-slot" aria-hidden="true">
-              <BotMessageSquare size={15} />
+              <User size={15} />
             </span>
             <span>{t('nav.items.persona')}</span>
           </button>

src/web-ui/src/app/components/NavPanel/NavSearchDialog.scss

@@ -71,8 +71,16 @@
     }
   }
 
-  .search__input {
+  &.search .search__input {
     font-size: $font-size-sm;
+
+    &::placeholder {
+      color: var(--color-text-disabled);
+    }
+
+    &:focus::placeholder {
+      color: color-mix(in srgb, var(--color-text-disabled) 72%, transparent);
+    }
   }
 }
 
@@ -223,6 +231,11 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  color: var(--color-text-disabled);
+
+  .bitfun-nav-panel__search-trigger:hover & {
+    color: var(--color-text-secondary);
+  }
 }
 
 .bitfun-nav-panel__search-trigger__kbd {

src/web-ui/src/app/components/NavPanel/NavSearchDialog.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { FolderOpen, Bot, MessageSquare } from 'lucide-react';
+import { FolderOpen, User, MessageSquare } from 'lucide-react';
 import { Search } from '@/component-library';
 import { useI18n } from '@/infrastructure/i18n';
 import { useWorkspaceContext } from '@/infrastructure/contexts/WorkspaceContext';
@@ -239,7 +239,7 @@ const NavSearchDialog: React.FC<NavSearchDialogProps> = ({ open, onClose }) => {
           ) : (
             <>
               {renderGroup(t('nav.search.groupWorkspaces'), workspaceItems, () => <FolderOpen size={14} />)}
-              {renderGroup(t('nav.search.groupAssistants'), assistantItems, () => <Bot size={14} />)}
+              {renderGroup(t('nav.search.groupAssistants'), assistantItems, () => <User size={14} />)}
               {renderGroup(t('nav.search.groupSessions'), sessionItems, () => <MessageSquare size={14} />)}
             </>
           )}

src/web-ui/src/app/components/NavPanel/sections/sessions/SessionsSection.scss

@@ -96,13 +96,13 @@
     &.is-child {
       min-height: 24px;
       font-size: 12px;
-      padding-left: calc(#{$size-gap-1} + 8px);
+      padding-left: calc(#{$size-gap-1} + 14px);
       position: relative;
 
       &::before {
         content: '';
         position: absolute;
-        left: 6px;
+        left: 8px;
         top: 0;
         width: 1px;
         height: 50%;
@@ -113,9 +113,9 @@
       &::after {
         content: '';
         position: absolute;
-        left: 6px;
+        left: 8px;
         top: 50%;
-        width: 6px;
+        width: 10px;
         height: 1px;
         background: color-mix(in srgb, var(--border-subtle) 92%, transparent);
         opacity: 0.95;

src/web-ui/src/app/components/NavPanel/sections/sessions/SessionsSection.tsx

@@ -7,7 +7,7 @@
 
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { Pencil, Trash2, Check, X, Bot, Code2, Users, MoreHorizontal, Loader2 } from 'lucide-react';
+import { Pencil, Trash2, Check, X, Bot, Code2, ClipboardList, Panda, MoreHorizontal, Loader2 } from 'lucide-react';
 import { IconButton, Input, Tooltip } from '@/component-library';
 import { useI18n } from '@/infrastructure/i18n';
 import { flowChatStore } from '../../../../../flow_chat/store/FlowChatStore';
@@ -380,9 +380,11 @@ const SessionsSection: React.FC<SessionsSectionProps> = ({
           );
           const SessionIcon =
             sessionModeKey === 'cowork'
-              ? Users
+              ? ClipboardList
               : sessionModeKey === 'claw'
-                ? Bot
+                ? showAssistantInTooltip
+                  ? Panda
+                  : Bot
                 : Code2;
           const isRunning = runningSessionIds.has(session.sessionId);
           const isRowActive = activeBtwSessionData?.childSessionId
@@ -401,18 +403,18 @@ const SessionsSection: React.FC<SessionsSectionProps> = ({
                 .join(' ')}
               onClick={() => handleSwitch(session.sessionId)}
             >
-              {showSessionModeIcon ? (
+              {showSessionModeIcon && !isBtwChild ? (
                 isRunning ? (
                   <Loader2
-                    size={12}
+                    size={14}
                     className={[
                       'bitfun-nav-panel__inline-item-icon',
                       'is-running',
                     ].join(' ')}
                   />
                 ) : (
                   <SessionIcon
-                    size={12}
+                    size={14}
                     className={[
                       'bitfun-nav-panel__inline-item-icon',
                       sessionModeKey === 'cowork'

src/web-ui/src/app/scenes/registry.ts

@@ -19,7 +19,7 @@ import {
   Boxes,
   Globe,
   Network,
-  BotMessageSquare,
+  User,
   BarChart3,
 } from 'lucide-react';
 import type { SceneTabDef, SceneTabId } from '../components/SceneBar/types';
@@ -135,7 +135,7 @@ export const SCENE_TAB_REGISTRY: SceneTabDef[] = [
     id: 'assistant' as SceneTabId,
     label: 'Assistant',
     labelKey: 'scenes.assistant',
-    Icon: BotMessageSquare,
+    Icon: User,
     pinned: false,
     singleton: true,
     defaultOpen: false,