@flamingo-stack/openframe-frontend-core 0.0.438-snapshot.20260716203356 → 0.0.438

package/dist/components/chat/chat-header-search-field.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-export interface ChatHeaderSearchFieldProps {
-    /** Seeds the field on mount (the current server-side search term). */
-    initialValue?: string;
-    /** Emits the DEBOUNCED term. The host owns the query and refetches the
-     *  dialog list server-side — the field never filters locally. */
-    onSearchChange: (query: string) => void;
-    /** Collapse the field back to the title. Fired on Escape and on blur while
-     *  the field is empty (an accidental open closes itself). */
-    onCollapse?: () => void;
-    /** Focus the input on mount (default true — the field only mounts when the
-     *  user opens search, so we drop them straight into typing). */
-    autoFocus?: boolean;
-    /** Appended to the root element (e.g. to tweak the open animation). */
-    className?: string;
-}
-/**
- * Inline chat-header search field (Figma node 116:51217). When search is
- * toggled on, the panel header's title area is REPLACED in place by this
- * full-height field — a leading magnifier + a bare, borderless input — instead
- * of dropping a separate search bar into the list body. Holds its own text for
- * snappy typing and emits the debounced term via `onSearchChange`.
- */
-export declare function ChatHeaderSearchField({ initialValue, onSearchChange, onCollapse, autoFocus, className, }: ChatHeaderSearchFieldProps): React.JSX.Element;
-//# sourceMappingURL=chat-header-search-field.d.ts.map

package/dist/components/chat/chat-header-search-field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-header-search-field.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-header-search-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,0BAA0B;IACzC,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;qEACiE;IACjE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;iEAC6D;IAC7D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;oEACgE;IAChE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,cAAc,EACd,UAAU,EACV,SAAgB,EAChB,SAAS,GACV,EAAE,0BAA0B,qBA2G5B"}

package/dist/components/chat/chat-list-empty-state.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-export interface ChatListEmptyStateProps {
-    /** Centred 24px glyph — rendered muted (`ods-text-secondary`). Pass the icon
-     *  already sized (e.g. `<ChatsIcon size={24} />`). */
-    icon: React.ReactNode;
-    /** Title line (`h4`). */
-    title: React.ReactNode;
-    /** Caption line under the title (`h6`). Omitted → title alone. */
-    description?: React.ReactNode;
-    /** Appended to the root element. */
-    className?: string;
-}
-/**
- * Shared empty state for the chat-list surfaces — the "Current Chats" rail and
- * the Chat Archive page (Figma node 113:60939). A centred 24px muted glyph over
- * a title (`h4`) + caption (`h6`), both in `ods-text-secondary`. Kept in one
- * place so the two lists can't drift apart.
- */
-export declare function ChatListEmptyState({ icon, title, description, className, }: ChatListEmptyStateProps): React.JSX.Element;
-//# sourceMappingURL=chat-list-empty-state.d.ts.map

package/dist/components/chat/chat-list-empty-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-list-empty-state.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-list-empty-state.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,uBAAuB;IACtC;0DACsD;IACtD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,yBAAyB;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,kEAAkE;IAClE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,uBAAuB,qBAezB"}

package/dist/components/chat/mingo-history-rail.d.ts

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import type { DialogItem } from './types/component.types';
-export interface MingoHistoryRailProps {
-    /** Dialogs to list, assumed already sorted newest-first by the host. */
-    dialogs: ReadonlyArray<DialogItem>;
-    /** Currently-open dialog id (highlighted). */
-    activeDialogId?: string;
-    /** Open a dialog. */
-    onSelectDialog?: (id: string) => void;
-    /** Start a fresh chat — clears the open conversation so the chat block shows
-     *  the welcome. Rendered as the pinned "Start New Chat" button above the list. */
-    onNewChat?: () => void;
-    /** Show the "Start New Chat" button even when there are no chats yet. Needed
-     *  for the narrow single-column list, where there's no composer to fall back
-     *  on; the wide rail leaves it off (the chat block already has a composer). */
-    newChatAlways?: boolean;
-    /** Request rename — enables the row "Rename chat" action. */
-    onRequestRename?: (dialog: DialogItem) => void;
-    /** Request archive — enables the row "Archive chat" action. */
-    onRequestArchive?: (dialog: DialogItem) => void;
-    /** Current server-side search term. Drives the list's "No chats found"
-     *  empty state; the search INPUT itself lives in the panel header now, not
-     *  in the rail body. */
-    searchQuery?: string;
-    /** Whether more dialogs remain (cursor pagination). */
-    hasMore?: boolean;
-    /** True while the next page is loading. */
-    isLoadingMore?: boolean;
-    /** Fetch the next page. */
-    onLoadMore?: () => void;
-    /** True while the FIRST page of dialogs is still loading. Renders a skeleton
-     *  so the rail doesn't flash the empty state before the list arrives. */
-    isLoadingHistory?: boolean;
-    /** The dialog-list load FAILED with nothing cached — renders an error + retry
-     *  block instead of the empty state. */
-    loadError?: boolean;
-    /** Retry handler for the `loadError` state. */
-    onRetry?: () => void;
-    /** Appended to the root element. */
-    className?: string;
-}
-/**
- * MingoHistoryRail — the persistent "Current Chats" left column of the split
- * (wide) Mingo layout (Figma 113:60931 / 113:63630).
- *
- * The dialog history that the stacked layout renders inline in the Mingo empty
- * state is hoisted here into a fixed-width rail beside the chat block. On top
- * sits a pinned "Start New Chat" button (shown once the user has chats); below
- * it the grouped Today / Yesterday / Older list (`MingoChatHistory`). With no
- * chats it collapses to a centred empty state; loading / error states mirror
- * the stacked empty state so the two layouts stay consistent.
- */
-export declare function MingoHistoryRail({ dialogs, activeDialogId, onSelectDialog, onNewChat, newChatAlways, onRequestRename, onRequestArchive, searchQuery, hasMore, isLoadingMore, onLoadMore, isLoadingHistory, loadError, onRetry, className, }: MingoHistoryRailProps): React.JSX.Element;
-//# sourceMappingURL=mingo-history-rail.d.ts.map

package/dist/components/chat/mingo-history-rail.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mingo-history-rail.d.ts","sourceRoot":"","sources":["../../../src/components/chat/mingo-history-rail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAMzD,MAAM,WAAW,qBAAqB;IACpC,wEAAwE;IACxE,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IAClC,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qBAAqB;IACrB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC;sFACkF;IAClF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;mFAE+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC9C,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC/C;;4BAEwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;6EACyE;IACzE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;4CACwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,cAAc,EACd,cAAc,EACd,SAAS,EACT,aAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,OAAe,EACf,aAAqB,EACrB,UAAU,EACV,gBAAwB,EACxB,SAAiB,EACjB,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,qBAyEvB"}

package/src/components/chat/chat-header-search-field.tsx

@@ -1,144 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { cn } from '../../utils/cn'
-import { useDebounce } from '../../hooks/ui/use-debounce'
-import { SearchIcon } from '../icons-v2-generated'
-
-export interface ChatHeaderSearchFieldProps {
-  /** Seeds the field on mount (the current server-side search term). */
-  initialValue?: string
-  /** Emits the DEBOUNCED term. The host owns the query and refetches the
-   *  dialog list server-side — the field never filters locally. */
-  onSearchChange: (query: string) => void
-  /** Collapse the field back to the title. Fired on Escape and on blur while
-   *  the field is empty (an accidental open closes itself). */
-  onCollapse?: () => void
-  /** Focus the input on mount (default true — the field only mounts when the
-   *  user opens search, so we drop them straight into typing). */
-  autoFocus?: boolean
-  /** Appended to the root element (e.g. to tweak the open animation). */
-  className?: string
-}
-
-/**
- * Inline chat-header search field (Figma node 116:51217). When search is
- * toggled on, the panel header's title area is REPLACED in place by this
- * full-height field — a leading magnifier + a bare, borderless input — instead
- * of dropping a separate search bar into the list body. Holds its own text for
- * snappy typing and emits the debounced term via `onSearchChange`.
- */
-export function ChatHeaderSearchField({
-  initialValue,
-  onSearchChange,
-  onCollapse,
-  autoFocus = true,
-  className,
-}: ChatHeaderSearchFieldProps) {
-  const [value, setValue] = React.useState(initialValue ?? '')
-  const debounced = useDebounce(value, 300)
-  const lastEmitted = React.useRef(initialValue ?? '')
-
-  // Exit animation: collapsing plays `animate-out` (slide/fade back toward the
-  // right) BEFORE the parent unmounts us. We stay mounted through the leave —
-  // the parent only drops the field once we call `onCollapse`, which we defer
-  // to the animation's end.
-  const [exiting, setExiting] = React.useState(false)
-  const collapsedRef = React.useRef(false)
-
-  React.useEffect(() => {
-    // Once the collapse starts, no further emits: Escape already flushed the
-    // cleared term synchronously, and a still-pending debounce of the typed
-    // text ("abc" → Escape before 300ms) must not resurrect a stale query
-    // while the field animates out.
-    if (exiting) return
-    if (debounced === lastEmitted.current) return
-    lastEmitted.current = debounced
-    onSearchChange(debounced)
-  }, [debounced, exiting, onSearchChange])
-
-  const finishCollapse = React.useCallback(() => {
-    if (collapsedRef.current) return
-    collapsedRef.current = true
-    onCollapse?.()
-  }, [onCollapse])
-
-  const beginCollapse = React.useCallback(() => {
-    setExiting(true)
-  }, [])
-
-  // Fallback for when `animationend` never fires (reduced motion, or the
-  // animation utilities are disabled) — otherwise the field would hang open.
-  React.useEffect(() => {
-    if (!exiting) return
-    const t = setTimeout(finishCollapse, 240)
-    return () => clearTimeout(t)
-  }, [exiting, finishCollapse])
-
-  return (
-    <div
-      onAnimationEnd={(e) => {
-        // Only the root's OWN leave animation collapses — ignore the child
-        // icon's animations bubbling up, and the enter animation.
-        if (e.target === e.currentTarget && exiting) finishCollapse()
-      }}
-      className={cn(
-        'flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xs)] px-[var(--spacing-system-sf)]',
-        exiting
-          ? // Elegant leave: sweep back out to the right + fade, holding the end
-            // frame (`fill-mode-forwards`) so it stays hidden until unmount.
-            'animate-out fade-out-0 slide-out-to-right-4 duration-200 ease-in fill-mode-forwards pointer-events-none'
-          : // Elegant open: sweep in from the right (where the magnifier toggle
-            // sat) and fade up as it takes over the title area.
-            'animate-in fade-in-0 slide-in-from-right-4 duration-200 ease-out',
-        className,
-      )}
-    >
-      {/* The magnifier eases in a touch later + scales up, so the icon reads as
-          "growing" into the field rather than hard-cutting in. */}
-      <SearchIcon
-        size={24}
-        className="shrink-0 text-ods-text-secondary animate-in fade-in-0 zoom-in-75 duration-300 ease-out"
-      />
-      {/* biome-ignore lint/a11y/noAutofocus: the field only mounts on an
-          explicit search toggle, so focusing it is the intended behaviour. */}
-      <input
-        autoFocus={autoFocus}
-        type="text"
-        value={value}
-        disabled={exiting}
-        onChange={(e) => setValue(e.target.value)}
-        onKeyDown={(e) => {
-          if (e.key === 'Escape') {
-            e.preventDefault()
-            setValue('')
-            // Emit the cleared term immediately AND record it as the last emit,
-            // so the 300ms debounce effect doesn't fire a second, redundant
-            // `onSearchChange('')` (extra server round-trip) before we unmount.
-            lastEmitted.current = ''
-            onSearchChange('')
-            beginCollapse()
-          }
-        }}
-        onBlur={() => {
-          // An accidental open (no query typed) collapses itself; a field with
-          // an active query stays open so the filtered state stays visible.
-          if (!value.trim()) {
-            // Flush the cleared term synchronously (mirrors Escape) — the
-            // debounce effect is muted once `exiting` flips, so a just-deleted
-            // query ("abc" → "" → immediate blur) must emit its reset here or
-            // the host would keep filtering by the stale term.
-            if (lastEmitted.current !== '') {
-              lastEmitted.current = ''
-              onSearchChange('')
-            }
-            beginCollapse()
-          }
-        }}
-        placeholder="Search for Chats"
-        aria-label="Search chats"
-        className="min-w-0 flex-1 bg-transparent text-h4 text-ods-text-primary placeholder:text-ods-text-secondary focus:outline-none"
-      />
-    </div>
-  )
-}

package/src/components/chat/chat-list-empty-state.tsx

@@ -1,44 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { cn } from '../../utils/cn'
-
-export interface ChatListEmptyStateProps {
-  /** Centred 24px glyph — rendered muted (`ods-text-secondary`). Pass the icon
-   *  already sized (e.g. `<ChatsIcon size={24} />`). */
-  icon: React.ReactNode
-  /** Title line (`h4`). */
-  title: React.ReactNode
-  /** Caption line under the title (`h6`). Omitted → title alone. */
-  description?: React.ReactNode
-  /** Appended to the root element. */
-  className?: string
-}
-
-/**
- * Shared empty state for the chat-list surfaces — the "Current Chats" rail and
- * the Chat Archive page (Figma node 113:60939). A centred 24px muted glyph over
- * a title (`h4`) + caption (`h6`), both in `ods-text-secondary`. Kept in one
- * place so the two lists can't drift apart.
- */
-export function ChatListEmptyState({
-  icon,
-  title,
-  description,
-  className,
-}: ChatListEmptyStateProps) {
-  return (
-    <div
-      className={cn(
-        'flex flex-1 min-h-0 flex-col items-center justify-center gap-[var(--spacing-system-l)] p-[var(--spacing-system-l)] text-center text-ods-text-secondary',
-        className,
-      )}
-    >
-      <span className="flex size-6 shrink-0 items-center justify-center">{icon}</span>
-      <div className="flex flex-col">
-        <p className="text-h4">{title}</p>
-        {description && <p className="text-h6">{description}</p>}
-      </div>
-    </div>
-  )
-}

package/src/components/chat/mingo-history-rail.tsx

@@ -1,161 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { cn } from '../../utils/cn'
-import { Button } from '../ui/button'
-import { ChatsIcon } from '../icons-v2-generated/communication/chats-icon'
-import { PlusCircleIcon } from '../icons-v2-generated/signs-and-symbols/plus-circle-icon'
-import { AlertCircleIcon, Refresh01RightIcon } from '../icons-v2-generated'
-import { MingoChatHistory, MingoChatHistorySkeleton } from './mingo-chat-history'
-import { ChatListEmptyState } from './chat-list-empty-state'
-import type { DialogItem } from './types/component.types'
-
-// =============================================================================
-// Types
-// =============================================================================
-
-export interface MingoHistoryRailProps {
-  /** Dialogs to list, assumed already sorted newest-first by the host. */
-  dialogs: ReadonlyArray<DialogItem>
-  /** Currently-open dialog id (highlighted). */
-  activeDialogId?: string
-  /** Open a dialog. */
-  onSelectDialog?: (id: string) => void
-  /** Start a fresh chat — clears the open conversation so the chat block shows
-   *  the welcome. Rendered as the pinned "Start New Chat" button above the list. */
-  onNewChat?: () => void
-  /** Show the "Start New Chat" button even when there are no chats yet. Needed
-   *  for the narrow single-column list, where there's no composer to fall back
-   *  on; the wide rail leaves it off (the chat block already has a composer). */
-  newChatAlways?: boolean
-  /** Request rename — enables the row "Rename chat" action. */
-  onRequestRename?: (dialog: DialogItem) => void
-  /** Request archive — enables the row "Archive chat" action. */
-  onRequestArchive?: (dialog: DialogItem) => void
-  /** Current server-side search term. Drives the list's "No chats found"
-   *  empty state; the search INPUT itself lives in the panel header now, not
-   *  in the rail body. */
-  searchQuery?: string
-  /** Whether more dialogs remain (cursor pagination). */
-  hasMore?: boolean
-  /** True while the next page is loading. */
-  isLoadingMore?: boolean
-  /** Fetch the next page. */
-  onLoadMore?: () => void
-  /** True while the FIRST page of dialogs is still loading. Renders a skeleton
-   *  so the rail doesn't flash the empty state before the list arrives. */
-  isLoadingHistory?: boolean
-  /** The dialog-list load FAILED with nothing cached — renders an error + retry
-   *  block instead of the empty state. */
-  loadError?: boolean
-  /** Retry handler for the `loadError` state. */
-  onRetry?: () => void
-  /** Appended to the root element. */
-  className?: string
-}
-
-// =============================================================================
-// Component
-// =============================================================================
-
-/**
- * MingoHistoryRail — the persistent "Current Chats" left column of the split
- * (wide) Mingo layout (Figma 113:60931 / 113:63630).
- *
- * The dialog history that the stacked layout renders inline in the Mingo empty
- * state is hoisted here into a fixed-width rail beside the chat block. On top
- * sits a pinned "Start New Chat" button (shown once the user has chats); below
- * it the grouped Today / Yesterday / Older list (`MingoChatHistory`). With no
- * chats it collapses to a centred empty state; loading / error states mirror
- * the stacked empty state so the two layouts stay consistent.
- */
-export function MingoHistoryRail({
-  dialogs,
-  activeDialogId,
-  onSelectDialog,
-  onNewChat,
-  newChatAlways = false,
-  onRequestRename,
-  onRequestArchive,
-  searchQuery,
-  hasMore = false,
-  isLoadingMore = false,
-  onLoadMore,
-  isLoadingHistory = false,
-  loadError = false,
-  onRetry,
-  className,
-}: MingoHistoryRailProps) {
-  const hasSearch = !!searchQuery?.trim()
-  // The list (vs. the empty state) shows whenever there are chats OR an active
-  // search is running — a no-match query must keep the search bar mounted
-  // rather than flash the "No Current Chats" state.
-  const hasList = dialogs.length > 0 || hasSearch
-
-  return (
-    <div
-      className={cn(
-        'flex flex-1 min-h-0 flex-col gap-[var(--spacing-system-m)] p-[var(--spacing-system-m)]',
-        className,
-      )}
-    >
-      {/* Pinned "Start New Chat". In the wide rail it's offered only once the
-          user has chats (the chat block's composer is the empty-state entry);
-          the narrow list forces it on (`newChatAlways`) since it has no composer. */}
-      {onNewChat && (hasList || newChatAlways) && (
-        <Button
-          variant="outline"
-          fullWidth
-          leftIcon={<PlusCircleIcon size={20} />}
-          onClick={onNewChat}
-          className="shrink-0 justify-start"
-        >
-          Start New Chat
-        </Button>
-      )}
-
-      {loadError ? (
-        <div className="flex flex-1 min-h-0 flex-col items-center justify-center gap-[var(--spacing-system-m)] text-center">
-          <AlertCircleIcon className="h-8 w-8 text-ods-text-secondary shrink-0" />
-          <div className="flex flex-col gap-[var(--spacing-system-xxs)]">
-            <p className="text-h4 text-ods-text-primary">Couldn’t load your chats</p>
-            <p className="text-h6 text-ods-text-secondary">
-              Something went wrong reaching the server. Try again.
-            </p>
-          </div>
-          {onRetry && (
-            <Button
-              variant="outline"
-              size="small"
-              leftIcon={<Refresh01RightIcon />}
-              onClick={onRetry}
-            >
-              Try again
-            </Button>
-          )}
-        </div>
-      ) : isLoadingHistory ? (
-        <MingoChatHistorySkeleton />
-      ) : hasList ? (
-        <MingoChatHistory
-          dialogs={dialogs}
-          activeDialogId={activeDialogId}
-          onSelectDialog={onSelectDialog}
-          onRequestRename={onRequestRename}
-          onRequestArchive={onRequestArchive}
-          searchQuery={searchQuery}
-          hasMore={hasMore}
-          isLoadingMore={isLoadingMore}
-          onLoadMore={onLoadMore}
-        />
-      ) : (
-        // Figma 113:60939 — no-chats empty state.
-        <ChatListEmptyState
-          icon={<ChatsIcon size={24} />}
-          title="No Current Chats"
-          description="Previous Mingo sessions will show here"
-        />
-      )}
-    </div>
-  )
-}