@flamingo-stack/openframe-frontend-core 0.0.685-snapshot.20260929164409 → 0.0.685

package/src/components/chat/chat-message-list.tsx

@@ -14,12 +14,10 @@ import { useStickToBottom } from 'use-stick-to-bottom';
 import { cn } from '../../utils/cn';
 import { DotsLoaderIcon, Arrow02DownIcon } from '../icons-v2-generated';
 import { OverlayOpenRegistryProvider } from '../ui/overlay-open-registry';
-import { ChatAppearanceContext } from './chat-appearance-context';
 import { ChatMessageEnhanced } from './chat-message-enhanced';
 import { ChatMessageListSkeleton } from './chat-message-skeleton';
 import { CyclingPhrase } from './cycling-phrase';
 import type { ChatMessageListProps } from './types';
-import { CHAT_APPEARANCE } from './types/chat.types';
 import { SCROLL_ANCHOR } from './types/message.types';
 import type { MessageContent } from './types/message.types';
 
@@ -130,7 +128,6 @@ const ChatMessageList = forwardRef<HTMLDivElement, ChatMessageListProps>(
       contentClassName,
       assistantType,
       approvalVariant,
-      appearance = CHAT_APPEARANCE.CLASSIC,
       assistantIcon,
       pendingApprovals,
       hasNextPage,
@@ -918,119 +915,118 @@ const ChatMessageList = forwardRef<HTMLDivElement, ChatMessageListProps>(
     const showStreamingLoader = isTyping && !isPausedOnApproval && !(pendingApprovals && pendingApprovals.length > 0);
 
     return (
-      <ChatAppearanceContext.Provider value={appearance}>
-        <OverlayOpenRegistryProvider onOpenChange={handleOverlayOpenChange}>
-          <div className="flex min-h-0 flex-1 flex-col">
-            {/* Positioning box for the jump-to-bottom button: it wraps ONLY the
+      <OverlayOpenRegistryProvider onOpenChange={handleOverlayOpenChange}>
+        <div className="flex min-h-0 flex-1 flex-col">
+          {/* Positioning box for the jump-to-bottom button: it wraps ONLY the
             scroller, so `absolute bottom-…` really is the scroller's lower
             edge. The outer flex column also holds the streaming loader and the
             approvals bar, and anchoring against THAT box put the button over
             the loader for the whole of every stream — precisely when it is
             most likely to be visible. */}
-            <div className="relative flex min-h-0 flex-1 flex-col">
+          <div className="relative flex min-h-0 flex-1 flex-col">
+            <div
+              ref={setScrollRef}
+              className={cn(
+                'flex h-full w-full flex-1 flex-col overflow-y-auto overflow-x-hidden',
+                // `overscroll-contain` (default ON, opt-out via `overscrollContain={false}`):
+                // reaching the top/bottom of the thread must NOT chain the wheel/
+                // touch scroll to the page behind the chat — e.g. the company-hub
+                // deck (native body scroll + sticky slide panels) would otherwise
+                // advance slides while you scroll the chat (fixed in #1501; kept as
+                // the prop default here). Passive in-page DEMO chats disable it so
+                // the surrounding page keeps scrolling normally when the pointer is
+                // over the (non-interactive) thread.
+                overscrollContain && 'overscroll-contain',
+                'scrollbar-thin scrollbar-track-transparent scrollbar-thumb-ods-border/30 hover:scrollbar-thumb-ods-text-secondary/30',
+                className,
+              )}
+              {...props}
+            >
               <div
-                ref={setScrollRef}
+                ref={setContentRef}
                 className={cn(
-                  'flex h-full w-full flex-1 flex-col overflow-y-auto overflow-x-hidden',
-                  // `overscroll-contain` (default ON, opt-out via `overscrollContain={false}`):
-                  // reaching the top/bottom of the thread must NOT chain the wheel/
-                  // touch scroll to the page behind the chat — e.g. the company-hub
-                  // deck (native body scroll + sticky slide panels) would otherwise
-                  // advance slides while you scroll the chat (fixed in #1501; kept as
-                  // the prop default here). Passive in-page DEMO chats disable it so
-                  // the surrounding page keeps scrolling normally when the pointer is
-                  // over the (non-interactive) thread.
-                  overscrollContain && 'overscroll-contain',
-                  'scrollbar-thin scrollbar-track-transparent scrollbar-thumb-ods-border/30 hover:scrollbar-thumb-ods-text-secondary/30',
-                  className,
+                  // `fullWidth=true` drops the centered-narrow column for
+                  // side-panel hosts (e.g. multi-platform-hub Mingo). Same
+                  // semantics as ChatHeader / ChatInput / ChatFooter.
+                  fullWidth
+                    ? 'flex w-full min-w-0 flex-col pb-[var(--spacing-system-xs)]'
+                    : 'mx-auto flex w-full min-w-0 max-w-ods-content-narrow flex-col pb-[var(--spacing-system-xs)]',
+                  contentClassName ?? 'px-[var(--spacing-system-m)]',
                 )}
-                {...props}
+                style={{ minHeight: '100%' }}
               >
-                <div
-                  ref={setContentRef}
-                  className={cn(
-                    // `fullWidth=true` drops the centered-narrow column for
-                    // side-panel hosts (e.g. multi-platform-hub Mingo). Same
-                    // semantics as ChatHeader / ChatInput / ChatFooter.
-                    fullWidth
-                      ? 'flex w-full min-w-0 flex-col pb-[var(--spacing-system-xs)]'
-                      : 'mx-auto flex w-full min-w-0 max-w-ods-content-narrow flex-col pb-[var(--spacing-system-xs)]',
-                    contentClassName ?? 'px-[var(--spacing-system-m)]',
-                  )}
-                  style={{ minHeight: '100%' }}
-                >
-                  {hasNextPage && <div ref={sentinelRef} className="h-px" />}
-                  <div className="flex-1" />
-                  {messages.map((message, index) => {
-                    // Hidden messages (synthetic continuation prompts the host
-                    // injects after an approval card) are part of the API
-                    // conversation history but never render. Skipping here
-                    // keeps the visible thread coherent — see
-                    // `Message.hidden` doc-comment in message.types.ts.
-                    if (message.hidden) return null;
-                    // ONE OWNER for the pending turn. Both send paths mint an empty
-                    // assistant placeholder (the accumulation target — it MUST stay
-                    // in state) and flip the phase to 'thinking'. Rendering it here
-                    // too would put an author label with no body in the transcript
-                    // WHILE the footer loader below already represents the same
-                    // pending turn — two owners, and an `aria-live` log that
-                    // announces a bare "Mingo". The footer loader wins (it is
-                    // already `role="status" aria-live="polite"`, sits outside the
-                    // scroller so it can't jitter the thread, and cycles the
-                    // progress phrase), so the placeholder is not rendered AT ALL
-                    // until it carries something visible — removed from the live
-                    // region, not merely hidden. Mirrors `endSseTurn`, which prunes
-                    // an empty trailing assistant AFTER a turn; this closes the same
-                    // window BEFORE the first token. Any non-text segment (tool
-                    // execution, approval card, thinking) counts as visible.
-                    const isEmptyPendingTurn =
-                      index === messages.length - 1 &&
-                      isTyping &&
-                      message.role === 'assistant' &&
-                      !hasNonEmptyContent(message.content) &&
-                      (!Array.isArray(message.content) || message.content.every(s => s.type === 'text'));
-                    if (isEmptyPendingTurn) return null;
-                    const ownedContent = renderAfterMessage?.(message, index);
-                    const row = (
-                      <ChatMessageEnhanced
-                        key={message.id}
-                        ref={getRegisterMessageEl(message.id)}
-                        role={message.role}
-                        name={message.name}
-                        content={message.content}
-                        timestamp={message.timestamp}
-                        isTyping={index === messages.length - 1 && isTyping && message.role === 'assistant'}
-                        avatar={showAvatars ? message.avatar : null}
-                        showAvatar={showAvatars}
-                        assistantType={message.assistantType || assistantType}
-                        approvalVariant={approvalVariant}
-                        authorType={message.authorType}
-                        assistantIcon={message.role !== 'user' ? assistantIcon : undefined}
-                        contextItems={message.contextItems}
-                        resolveContextIcon={resolveContextIcon}
-                        renderContextItem={renderContextItem}
-                        renderMention={renderMention}
-                        renderEntityCard={renderEntityCard}
-                        refs={message.refs}
-                        onAskSelect={index > lastUserMessageIndex ? onAskSelect : undefined}
-                        NavLinkAnchor={NavLinkAnchor}
-                      />
-                    );
-                    // Only wrap when there IS owned content: the bare row keeps
-                    // its own key and its place as a direct flex child, so a
-                    // thread without any stays byte-identical to before.
-                    if (!ownedContent) return row;
-                    return (
-                      <div key={message.id} className="grid w-full min-w-0 grid-cols-1">
-                        {row}
-                        {ownedContent}
-                      </div>
-                    );
-                  })}
-                </div>
+                {hasNextPage && <div ref={sentinelRef} className="h-px" />}
+                <div className="flex-1" />
+                {messages.map((message, index) => {
+                  // Hidden messages (synthetic continuation prompts the host
+                  // injects after an approval card) are part of the API
+                  // conversation history but never render. Skipping here
+                  // keeps the visible thread coherent — see
+                  // `Message.hidden` doc-comment in message.types.ts.
+                  if (message.hidden) return null;
+                  // ONE OWNER for the pending turn. Both send paths mint an empty
+                  // assistant placeholder (the accumulation target — it MUST stay
+                  // in state) and flip the phase to 'thinking'. Rendering it here
+                  // too would put an author label with no body in the transcript
+                  // WHILE the footer loader below already represents the same
+                  // pending turn — two owners, and an `aria-live` log that
+                  // announces a bare "Mingo". The footer loader wins (it is
+                  // already `role="status" aria-live="polite"`, sits outside the
+                  // scroller so it can't jitter the thread, and cycles the
+                  // progress phrase), so the placeholder is not rendered AT ALL
+                  // until it carries something visible — removed from the live
+                  // region, not merely hidden. Mirrors `endSseTurn`, which prunes
+                  // an empty trailing assistant AFTER a turn; this closes the same
+                  // window BEFORE the first token. Any non-text segment (tool
+                  // execution, approval card, thinking) counts as visible.
+                  const isEmptyPendingTurn =
+                    index === messages.length - 1 &&
+                    isTyping &&
+                    message.role === 'assistant' &&
+                    !hasNonEmptyContent(message.content) &&
+                    (!Array.isArray(message.content) || message.content.every(s => s.type === 'text'));
+                  if (isEmptyPendingTurn) return null;
+                  const ownedContent = renderAfterMessage?.(message, index);
+                  const row = (
+                    <ChatMessageEnhanced
+                      key={message.id}
+                      ref={getRegisterMessageEl(message.id)}
+                      role={message.role}
+                      name={message.name}
+                      content={message.content}
+                      timestamp={message.timestamp}
+                      isTyping={index === messages.length - 1 && isTyping && message.role === 'assistant'}
+                      avatar={showAvatars ? message.avatar : null}
+                      showAvatar={showAvatars}
+                      assistantType={message.assistantType || assistantType}
+                      approvalVariant={approvalVariant}
+                      authorType={message.authorType}
+                      assistantIcon={message.role !== 'user' ? assistantIcon : undefined}
+                      contextItems={message.contextItems}
+                      resolveContextIcon={resolveContextIcon}
+                      renderContextItem={renderContextItem}
+                      renderMention={renderMention}
+                      renderEntityCard={renderEntityCard}
+                      refs={message.refs}
+                      onAskSelect={index > lastUserMessageIndex ? onAskSelect : undefined}
+                      NavLinkAnchor={NavLinkAnchor}
+                    />
+                  );
+                  // Only wrap when there IS owned content: the bare row keeps
+                  // its own key and its place as a direct flex child, so a
+                  // thread without any stays byte-identical to before.
+                  if (!ownedContent) return row;
+                  return (
+                    <div key={message.id} className="grid w-full min-w-0 grid-cols-1">
+                      {row}
+                      {ownedContent}
+                    </div>
+                  );
+                })}
               </div>
+            </div>
 
-              {/* Jump to bottom. The manual escape hatch from auto-scroll that
+            {/* Jump to bottom. The manual escape hatch from auto-scroll that
               every 2026 chat surface ships (AI Elements calls it
               `ConversationScrollButton`) and the WCAG 2.2.2 counterpart to
               moving content: the reader can always get back to the live
@@ -1041,80 +1037,79 @@ const ChatMessageList = forwardRef<HTMLDivElement, ChatMessageListProps>(
               height either way — a sibling would shrink the scroller and
               move the very bottom it points at. Hidden while at the bottom
               and in passive demo hosts. */}
-              {autoScroll && !atBottom && messages.length > 0 && (
-                <button
-                  type="button"
-                  onClick={() => {
-                    // Clicking IS the intent to return to the live end, so it
-                    // re-arms the follow lock a scroll-up had released.
-                    followBottomRef.current = true;
-                    void scrollToBottom({ animation: 'smooth' });
-                  }}
-                  aria-label="Scroll to latest message"
-                  className={cn(
-                    'absolute bottom-[var(--spacing-system-s)] left-1/2 z-10 -translate-x-1/2',
-                    'flex size-9 items-center justify-center rounded-full',
-                    'border border-ods-border bg-ods-card text-ods-text-primary shadow-lg',
-                    'transition-colors hover:bg-ods-bg-hover',
-                  )}
-                >
-                  <Arrow02DownIcon size={16} />
-                </button>
-              )}
-            </div>
-
-            {/* Footer-pinned streaming loader — outside the scroller so it
-            doesn't jitter as the streaming message grows. Color is set
-            via inline style (CSS var) rather than a Tailwind class so it
-            is JIT-independent when this lib is consumed via yalc. */}
-            {showStreamingLoader && (
-              <div
+            {autoScroll && !atBottom && messages.length > 0 && (
+              <button
+                type="button"
+                onClick={() => {
+                  // Clicking IS the intent to return to the live end, so it
+                  // re-arms the follow lock a scroll-up had released.
+                  followBottomRef.current = true;
+                  void scrollToBottom({ animation: 'smooth' });
+                }}
+                aria-label="Scroll to latest message"
                 className={cn(
-                  fullWidth
-                    ? 'flex w-full items-center gap-[var(--spacing-system-xxs)] py-[var(--spacing-system-xs)]'
-                    : 'mx-auto flex w-full max-w-ods-content-narrow items-center gap-[var(--spacing-system-xxs)] py-[var(--spacing-system-xs)]',
-                  contentClassName ?? 'px-[var(--spacing-system-m)]',
+                  'absolute bottom-[var(--spacing-system-s)] left-1/2 z-10 -translate-x-1/2',
+                  'flex size-9 items-center justify-center rounded-full',
+                  'border border-ods-border bg-ods-card text-ods-text-primary shadow-lg',
+                  'transition-colors hover:bg-ods-bg-hover',
                 )}
-                style={{ color: 'var(--color-text-muted)' }}
-                role="status"
-                aria-live="polite"
               >
-                <DotsLoaderIcon className="h-6 w-6" />
-                <CyclingPhrase words={STREAMING_WORDS} className="text-h6" />
-              </div>
+                <Arrow02DownIcon size={16} />
+              </button>
             )}
+          </div>
 
-            {/* Sticky Pending Approvals — outside the scroller; same
+          {/* Footer-pinned streaming loader — outside the scroller so it
+            doesn't jitter as the streaming message grows. Color is set
+            via inline style (CSS var) rather than a Tailwind class so it
+            is JIT-independent when this lib is consumed via yalc. */}
+          {showStreamingLoader && (
+            <div
+              className={cn(
+                fullWidth
+                  ? 'flex w-full items-center gap-[var(--spacing-system-xxs)] py-[var(--spacing-system-xs)]'
+                  : 'mx-auto flex w-full max-w-ods-content-narrow items-center gap-[var(--spacing-system-xxs)] py-[var(--spacing-system-xs)]',
+                contentClassName ?? 'px-[var(--spacing-system-m)]',
+              )}
+              style={{ color: 'var(--color-text-muted)' }}
+              role="status"
+              aria-live="polite"
+            >
+              <DotsLoaderIcon className="h-6 w-6" />
+              <CyclingPhrase words={STREAMING_WORDS} className="text-h6" />
+            </div>
+          )}
+
+          {/* Sticky Pending Approvals — outside the scroller; same
             structure as the v1 baseline. The library's RO watches
             `contentRef` (INSIDE the scroller), so height changes to
             this sibling don't trigger the library directly. If a
             future UX requires snapping to bottom when approvals
             appear, that hookup goes here. */}
-            {pendingApprovals && pendingApprovals.length > 0 && (
-              <div
-                className={cn(
-                  'border-t border-ods-border bg-ods-bg/95 backdrop-blur-sm',
-                  fullWidth ? 'w-full' : 'mx-auto w-full max-w-ods-content-narrow',
-                  contentClassName ?? 'px-[var(--spacing-system-m)]',
-                )}
-              >
-                <ChatMessageEnhanced
-                  role="assistant"
-                  name={assistantType === 'mingo' ? 'Mingo' : 'Fae'}
-                  content={pendingApprovals}
-                  timestamp={new Date()}
-                  showAvatar={showAvatars}
-                  assistantType={assistantType}
-                  approvalVariant={approvalVariant}
-                  assistantIcon={assistantIcon}
-                  NavLinkAnchor={NavLinkAnchor}
-                  className="py-3"
-                />
-              </div>
-            )}
-          </div>
-        </OverlayOpenRegistryProvider>
-      </ChatAppearanceContext.Provider>
+          {pendingApprovals && pendingApprovals.length > 0 && (
+            <div
+              className={cn(
+                'border-t border-ods-border bg-ods-bg/95 backdrop-blur-sm',
+                fullWidth ? 'w-full' : 'mx-auto w-full max-w-ods-content-narrow',
+                contentClassName ?? 'px-[var(--spacing-system-m)]',
+              )}
+            >
+              <ChatMessageEnhanced
+                role="assistant"
+                name={assistantType === 'mingo' ? 'Mingo' : 'Fae'}
+                content={pendingApprovals}
+                timestamp={new Date()}
+                showAvatar={showAvatars}
+                assistantType={assistantType}
+                approvalVariant={approvalVariant}
+                assistantIcon={assistantIcon}
+                NavLinkAnchor={NavLinkAnchor}
+                className="py-3"
+              />
+            </div>
+          )}
+        </div>
+      </OverlayOpenRegistryProvider>
     );
   },
 );

package/src/components/chat/error-message-display.tsx

@@ -3,11 +3,9 @@
 import { forwardRef, useState } from 'react';
 import { cn } from '../../utils/cn';
 import { AlertCircleIcon } from '../icons-v2-generated';
-import { useChatAppearance } from './chat-appearance-context';
 import { ExpandChevron } from './expand-chevron';
 import { useCollapsible } from './hooks/use-collapsible';
 import type { ErrorMessageDisplayProps } from './types';
-import { CHAT_APPEARANCE } from './types/chat.types';
 
 const iconTint = {
   error: 'text-ods-error',
@@ -20,20 +18,11 @@ const ErrorMessageDisplay = forwardRef<HTMLDivElement, ErrorMessageDisplayProps>
     const [expanded, setExpanded] = useState(false);
     const { innerRef, containerStyle } = useCollapsible({ expanded });
     const hasDetails = Boolean(details);
-    // v2 (fae chat `chat-info-block`): outlined on the page surface, the title
-    // always reads as a heading, and the row spacing comes from the thread.
-    const isV2 = useChatAppearance() === CHAT_APPEARANCE.V2;
 
     return (
       <div
         ref={ref}
-        className={cn(
-          'rounded-md',
-          isV2
-            ? 'border border-ods-border bg-ods-bg p-[var(--spacing-system-xs)]'
-            : 'mb-[var(--spacing-system-xsf)] bg-ods-card p-[var(--spacing-system-xsf)]',
-          className,
-        )}
+        className={cn('mb-[var(--spacing-system-xsf)] rounded-md bg-ods-card p-[var(--spacing-system-xsf)]', className)}
         {...props}
       >
         <button
@@ -51,8 +40,7 @@ const ErrorMessageDisplay = forwardRef<HTMLDivElement, ErrorMessageDisplayProps>
           <span
             className={cn(
               'min-w-0 flex-1 text-h5',
-              expanded || isV2 ? 'text-ods-text-primary' : 'text-ods-text-secondary',
-              !expanded && 'truncate',
+              expanded ? 'text-ods-text-primary' : 'truncate text-ods-text-secondary',
             )}
           >
             {title}
@@ -62,13 +50,7 @@ const ErrorMessageDisplay = forwardRef<HTMLDivElement, ErrorMessageDisplayProps>
 
         {hasDetails && (
           <div style={containerStyle}>
-            <div
-              ref={innerRef}
-              className={cn(
-                'px-[var(--spacing-system-lf)]',
-                isV2 ? 'pt-[var(--spacing-system-xs)]' : 'pt-[var(--spacing-system-xsf)]',
-              )}
-            >
+            <div ref={innerRef} className="px-[var(--spacing-system-lf)] pt-[var(--spacing-system-xsf)]">
               <p className="text-ods-text-primary text-h6">{details}</p>
             </div>
           </div>

package/src/components/chat/index.ts

@@ -6,9 +6,7 @@ export * from './approval-batch-message';
 export * from './escalation-offer-message';
 export * from './ticket-escalated-message';
 export * from './ticket-event-message';
-export * from './system-event-message';
 export * from './ai-assistant-info';
-export * from './chat-appearance-context';
 export * from './context-compaction-display';
 export * from './expand-chevron';
 export * from './thinking-display';
@@ -49,10 +47,6 @@ export * from './context-items-list';
 export * from './chat-archive-page';
 export * from './model-display';
 export * from './chat-sidebar';
-export * from './chat-nav-sidebar';
-export * from './chat-list-empty-state';
-export * from './chat-top-navigation';
-export * from './onboarding-carousel';
 export type { ChatRef } from './chat-ref.types';
 export { remarkCardLinks } from './remark-card-links';
 export { remarkMentionChips } from './remark-mention-chips';

package/src/components/chat/msp-organization-card.tsx

@@ -22,12 +22,6 @@ export interface MspOrganizationCardProps {
   href?: string;
   /** Click handler for the trailing action (used when `href` is not set). */
   onOpenWebsite?: () => void;
-  /**
-   * `card` (default): the welcome-screen card, title with the website beneath.
-   * `footer`: the compact sidebar footer of the fae chat v2 layout, a caption
-   * "Your IT is managed by" over the name, no website line, no card chrome.
-   */
-  variant?: 'card' | 'footer';
   /** Appended to the root element. */
   className?: string;
 }
@@ -50,39 +44,10 @@ export function MspOrganizationCard({
   title,
   href,
   onOpenWebsite,
-  variant = 'card',
   className,
 }: MspOrganizationCardProps) {
   const actionLabel = website ? `Open ${website}` : 'Open organization website';
 
-  if (variant === 'footer') {
-    return (
-      <div
-        className={cn(
-          'flex items-center gap-[var(--spacing-system-s)] px-[var(--spacing-system-m)] py-[var(--spacing-system-s)]',
-          className,
-        )}
-      >
-        <SquareAvatar src={logoUrl} alt={name} fallback={name} size="sm" variant="square" />
-        <div className="flex min-w-0 flex-1 flex-col">
-          <span className="truncate text-ods-text-secondary text-h6">Your IT is managed by</span>
-          <span className="truncate text-ods-text-primary text-h4">{title ?? name}</span>
-        </div>
-        {href ? (
-          <Button asChild variant="outline" size="icon-sm" aria-label={actionLabel}>
-            <a href={href} target="_blank" rel="noreferrer noopener">
-              <ExternalLinkIcon />
-            </a>
-          </Button>
-        ) : onOpenWebsite ? (
-          <Button variant="outline" size="icon-sm" aria-label={actionLabel} onClick={onOpenWebsite}>
-            <ExternalLinkIcon />
-          </Button>
-        ) : null}
-      </div>
-    );
-  }
-
   return (
     <div
       className={cn(

package/src/components/chat/types/chat.types.ts

@@ -81,21 +81,6 @@ export const APPROVAL_BLOCK_VARIANT = {
 
 export type ApprovalBlockVariant = (typeof APPROVAL_BLOCK_VARIANT)[keyof typeof APPROVAL_BLOCK_VARIANT];
 
-/**
- * Visual generation of a chat thread. `v2` is the fae chat v2 design: author
- * names without the trailing colon, a 24px assistant avatar, 16px between
- * messages, and in-thread info/error blocks on the page surface. `classic`
- * (default) is everything that predates it. The Fae client opts in first;
- * Mingo and the admin views stay classic until their own redesign lands, then
- * `classic` goes away.
- */
-export const CHAT_APPEARANCE = {
-  CLASSIC: 'classic',
-  V2: 'v2',
-} as const;
-
-export type ChatAppearance = (typeof CHAT_APPEARANCE)[keyof typeof CHAT_APPEARANCE];
-
 // ========== Connection Status Definitions ==========
 
 export const CONNECTION_STATUS = {

package/src/components/chat/types/component.types.ts

@@ -3,14 +3,12 @@
  */
 
 import type { ComponentType, HTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
-import type { AvatarStackPerson } from '../../ui/avatar-stack';
 import type { ChatRef } from '../chat-ref.types';
 import type { MspOrganizationCardProps } from '../msp-organization-card';
 import type {
   ApprovalBlockVariant,
   AssistantType,
   AuthorType,
-  ChatAppearance,
   ChatApprovalStatus,
   ConnectionStatus,
 } from './chat.types';
@@ -143,9 +141,6 @@ export interface ChatMessageEnhancedProps extends Omit<HTMLAttributes<HTMLDivEle
    *  (Fae desktop app) title-only card. Forwarded to
    *  ApprovalRequestMessage / ApprovalBatchMessage. */
   approvalVariant?: ApprovalBlockVariant;
-  /** Visual generation of the row. Omit to inherit the thread's
-   *  (`ChatMessageList.appearance`); `classic` outside a list. */
-  appearance?: ChatAppearance;
   assistantIcon?: ReactNode;
   avatar?: string | null;
   timestamp?: Date;
@@ -293,9 +288,6 @@ export interface ChatMessageListProps extends HTMLAttributes<HTMLDivElement> {
    *  `'client'` ONLY on true end-client surfaces — admin views of a Fae
    *  dialog (tickets dialog client tab) keep the default. */
   approvalVariant?: ApprovalBlockVariant;
-  /** Visual generation of the whole thread, blocks included. Default
-   *  `classic`; the Fae client passes `v2`. See `ChatAppearance`. */
-  appearance?: ChatAppearance;
   assistantIcon?: ReactNode;
   pendingApprovals?: MessageSegment[];
   onApprove?: ApprovalResolutionHandler;
@@ -450,19 +442,7 @@ export interface ChatInputProps extends Omit<TextareaHTMLAttributes<HTMLTextArea
   onSend?: (message: string) => void | boolean | Promise<boolean | void>;
   onStop?: () => void | Promise<void>;
   sending?: boolean;
-  /** Replaces the editor with the hand-off bar: the conversation is with the
-   *  technicians now, and the client waits for one of them to reply. */
   awaitingResponse?: boolean;
-  /** Faces shown in the v2 hand-off bar (the tenant's technicians). Omit or
-   *  pass an empty list for a text-only bar. */
-  awaitingTeam?: AvatarStackPerson[];
-  /** Size of the whole team when `awaitingTeam` is only a sample of it: the
-   *  bar shows those faces and "+N" for the rest. */
-  awaitingTeamCount?: number;
-  /** `v2`: the fae chat v2 hand-off bar ("Handed off to your technical
-   *  support team" + faces). `classic` (default): "Waiting for Technician
-   *  Response". Only the awaiting state differs. */
-  appearance?: ChatAppearance;
   /** Same `fullWidth` semantics as `ChatHeaderProps.fullWidth` — drops
    *  the default `max-w-ods-content-narrow` so the input fills the
    *  parent. */