fix(web): align overflow test contracts

Author: GCWing

src/web-ui/src/app/components/AgentCompanionDesktopPet/AgentCompanionDesktopPetStyles.test.ts

@@ -80,7 +80,7 @@ describe('AgentCompanionDesktopPet styles', () => {
     const overlay = extractBlock(stylesheet, '&__overlay');
     const menuItem = extractBlock(stylesheet, '&__menu-item');
 
-    expect(source).toContain('import { Menu, MenuItem, ScrollArea } from \'@openbitfun/ui\'');
+    expect(source).toContain('import { OverflowText, Menu, MenuItem, ScrollArea } from \'@openbitfun/ui\'');
     expect(source).not.toContain('triggerClassName');
     expect(overlay).not.toMatch(/\b(?:color|background|border|box-shadow|backdrop-filter)\s*:/);
     expect(menuItem).toBe('');

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

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 import { Icon, Tooltip } from '@openbitfun/ui';
-import { CircleAlert, CircleCheck, CirclePause, CircleStop, Clock3, CloudOff, Hand, Loader2, MessageCircleQuestion } from 'lucide-react';
+import { CircleAlert, CircleCheck, CirclePause, CircleStop, CloudOff, Hand, Loader2, MessageCircleQuestion } from 'lucide-react';
 import { useI18n } from '@/infrastructure/i18n';
 import { useSessionNavStatus } from '@/flow_chat/hooks/useSessionNavStatus';
 import './SessionStatusIndicator.scss';
@@ -13,7 +13,7 @@ const presentation = {
   unread: { glyph: CircleCheck, tone: 'success', label: 'nav.sessions.status.unread' },
   paused: { glyph: CirclePause, tone: 'secondary', label: 'nav.sessions.status.paused' },
   stopped: { glyph: CircleStop, tone: 'secondary', label: 'shared:statuses.cancelled' },
-  queued: { glyph: Clock3, tone: 'secondary', label: 'nav.sessions.status.queued' },
+  queued: { name: 'clock', tone: 'secondary', label: 'nav.sessions.status.queued' },
   syncing: { glyph: CloudOff, tone: 'secondary', label: 'nav.sessions.status.syncing' },
 } as const;
 
@@ -40,7 +40,14 @@ export const SessionStatusIndicator = memo(function SessionStatusIndicator({ ses
             aria-label={label}
             tabIndex={0}
           >
-            <Icon glyph={appearance.glyph} size="xs" tone={appearance.tone} aria-hidden="true" />
+            <Icon
+              {...('glyph' in appearance
+                ? { glyph: appearance.glyph }
+                : { name: appearance.name })}
+              size="xs"
+              tone={appearance.tone}
+              aria-hidden="true"
+            />
           </span>
         </Tooltip>
       ) : null}

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

@@ -22,7 +22,7 @@ vi.mock('@openbitfun/ui', () => {
   return {
     Dialog: Box, DialogBody: Box, DialogHeader: Box, DialogHeading: Box,
     DialogTitle: Box, DialogDescription: Box, DialogFooter: Box, ScrollArea: Box,
-    DialogClose: () => null, Icon: () => null, Spinner: () => null,
+    DialogClose: () => null, Icon: () => null, Spinner: () => null, OverflowText: Box,
     Button: ({ children, onClick, disabled }: React.ComponentProps<'button'>) => (
       <button onClick={onClick} disabled={disabled}>{children}</button>
     ),

src/web-ui/src/features/market-account/MarketAccountControls.test.tsx

@@ -48,6 +48,7 @@ vi.mock('@/shared/notification-system', () => ({
 vi.mock('@openbitfun/ui', () => ({
   Avatar: ({ src, alt }: any) => <img src={src} alt={alt} />,
   Icon: ({ name, ...props }: { name: string } & React.HTMLAttributes<HTMLSpanElement>) => <span data-icon={name} {...props} />,
+  OverflowText: ({ children, behavior: _behavior, marqueeActive: _marqueeActive, ...props }: any) => <span {...props}>{children}</span>,
   Button: ({ children, ...props }: any) => <button {...props}>{children}</button>,
   Menu: ({ children, ...props }: any) => <div role="menu" {...props}>{children}</div>,
   MenuItem: ({ children, leading, ...props }: any) => (

src/web-ui/src/features/ssh-remote/SSHConnectionDialog.test.tsx

@@ -54,6 +54,7 @@ vi.mock('./SSHAuthPromptDialog', () => ({
 vi.mock('@openbitfun/ui', () => ({
   Alert: () => null,
   Icon: ({ name, ...props }: { name: string } & React.HTMLAttributes<HTMLSpanElement>) => <span data-icon={name} {...props} />,
+  OverflowText: ({ children, behavior: _behavior, marqueeActive: _marqueeActive, ...props }: any) => <span {...props}>{children}</span>,
   Dialog: ({
     open,
     children,

src/web-ui/src/flow_chat/components/PendingQueuePanel.test.tsx

@@ -23,6 +23,7 @@ vi.mock('react-i18next', () => ({
 
 vi.mock('@openbitfun/ui', () => ({
   Icon: ({ name }: { name: string }) => <span data-openbitfun-component="icon" data-openbitfun-name={name} />,
+  OverflowText: ({ children, behavior: _behavior, marqueeActive: _marqueeActive, ...props }: any) => <span {...props}>{children}</span>,
   IconButton: ({ icon, loading: _loading, size: _size, variant: _variant, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & {
     icon?: ReactNode;
     loading?: boolean;

src/web-ui/src/flow_chat/components/modern/FlowChatTurnRail.test.tsx

@@ -24,6 +24,7 @@ vi.mock('react-i18next', () => ({
 
 vi.mock('@openbitfun/ui', () => ({
   Icon: ({ name }: { name: string }) => <span data-testid={`icon-${name}`} />,
+  OverflowText: ({ children, behavior: _behavior, marqueeActive: _marqueeActive, ...props }: any) => <span {...props}>{children}</span>,
   Tooltip: ({
     children,
     content,

src/web-ui/src/flow_chat/components/modern/RuntimeStatusSlot.test.tsx

@@ -8,6 +8,7 @@ import { useRuntimeStatusStore } from '../../store/runtimeStatusStore';
 
 vi.mock('@openbitfun/ui', () => ({
   Spinner: () => <span data-testid="dot-matrix" />,
+  OverflowText: ({ children, behavior: _behavior, marqueeActive: _marqueeActive, ...props }: any) => <span {...props}>{children}</span>,
 }));
 
 vi.mock('react-i18next', () => ({

src/web-ui/src/flow_chat/components/modern/SessionFileModificationsBar.test.tsx

@@ -41,6 +41,7 @@ vi.mock('react-i18next', () => ({
 
 vi.mock('@openbitfun/ui', () => ({
   Icon: ({ name }: { name: string }) => <span data-openbitfun-component="icon" data-openbitfun-name={name} />,
+  OverflowText: ({ children, behavior: _behavior, marqueeActive: _marqueeActive, ...props }: any) => <span {...props}>{children}</span>,
   Tooltip: ({ children }: { children: React.ReactNode }) => <>{children}</>,
 }));
 

src/web-ui/src/flow_chat/components/modern/TurnFailureNoticeItem.test.tsx

@@ -29,6 +29,7 @@ vi.mock('@/infrastructure/i18n', () => ({
 
 vi.mock('@openbitfun/ui', () => ({
   Icon: ({ name }: { name: string }) => <span data-openbitfun-component="icon" data-openbitfun-name={name} />,
+  OverflowText: ({ children, behavior: _behavior, marqueeActive: _marqueeActive, ...props }: any) => <span {...props}>{children}</span>,
   Tooltip: ({ content, children }: { content: string; children: React.ReactElement }) => (
     <span data-tooltip={content}>{children}</span>
   ),