@flamingo-stack/openframe-frontend-core 0.0.454 → 0.0.455

package/dist/components/chat/chat-quick-action-row.d.ts

@@ -1,84 +0,0 @@
-import * as React from 'react';
-import { type QuickActionChipLozenge, type QuickActionIconSpec, type QuickActionAccent, type QuickActionThemeSpec } from './quick-action-chip';
-/** A single collapsible quick-action chip. */
-export interface QuickActionChip {
-    /** Stable React key + menu-item id. */
-    id: string;
-    label: string;
-    /** Pre-rendered node OR a declarative {@link QuickActionIconSpec} (resolved
-     *  via the unified `<EntityIcon>` path). */
-    icon?: React.ReactNode | QuickActionIconSpec;
-    /** Caller-supplied {@link QuickActionThemeSpec} (accent + optional
-     *  lozenge) — per-chip so mixed walls (interleaved IT/SEC streams) work.
-     *  The lib ships no theme registry; consumers define their own specs. */
-    theme?: QuickActionThemeSpec;
-    /** Classification affix at the label's leading edge; `true` = the theme's. */
-    lozenge?: QuickActionChipLozenge | boolean;
-    /** `'primary'` = accent (yellow) chip, `'outline'` = bordered chip (default). */
-    variant?: 'primary' | 'outline';
-    /** Active single-select state — renders the accented `selected` skin
-     *  (overrides `variant`). */
-    selected?: boolean;
-    /** Accent for the `selected` skin (`'cyan'` = cyan twin, else pink). */
-    selectedAccent?: QuickActionAccent;
-    onSelect?: () => void;
-    /** Pointer/keyboard focus enters the chip — e.g. preview the full prompt in
-     *  the composer. */
-    onHoverStart?: () => void;
-    /** Pointer/keyboard focus leaves the chip — e.g. restore the composer. */
-    onHoverEnd?: () => void;
-}
-export interface ChatQuickActionRowProps {
-    /** Always-visible leading chip(s) (e.g. Mingo's "Start Guide Chat"). Never
-     *  collapses into the overflow menu — rendered before the measured zone. */
-    leading?: React.ReactNode;
-    /** Collapsible chips — as many as fit on one line render inline; the rest
-     *  collapse under a trailing "⋯" overflow menu (small icon button). */
-    chips: ReadonlyArray<QuickActionChip>;
-    /** Render ALL chips in a wrapping multi-line row instead of the single-line +
-     *  "⋯" overflow collapse. Every chip stays directly visible (and hoverable),
-     *  for roomy contexts (e.g. the Guide empty state) where overflow-hiding chips
-     *  would defeat per-chip hover/preview. */
-    wrap?: boolean;
-    /** Render `skeletonCount` loading chips (the real {@link QuickActionChipSkeleton},
-     *  so geometry is 1:1 with the loaded chips) instead of `chips`. Wrap-aware. */
-    loading?: boolean;
-    /** How many skeleton chips to draw when `loading`. Default 8. */
-    skeletonCount?: number;
-    className?: string;
-}
-/**
- * THE {@link QuickActionChip}-data → {@link QuickActionChipButton} mapper —
- * one prop-plumbing spelling shared by the chat rows, `QuickActionWall`, and
- * `QuickActionMarquee` (adding a chip field means editing exactly here).
- * `defaultTheme`/`defaultLozenge` fill gaps for wall-level theming;
- * `interactive={false}` renders the decorative Tag form (loop-clone copies).
- */
-export declare function QuickActionChipFromData({ chip, defaultTheme, defaultLozenge, interactive, className, }: {
-    chip: QuickActionChip;
-    defaultTheme?: QuickActionThemeSpec;
-    defaultLozenge?: boolean;
-    interactive?: boolean;
-    className?: string;
-}): React.JSX.Element;
-/**
- * A single-line quick-action chip row that collapses overflow into a "⋯" menu.
- *
- * Same dynamic, width-measured overflow used by the multi-select Autocomplete
- * (`useAutoLimitTags`): off-screen copies of every chip are measured, as many
- * as fit render inline, and the remainder move into an `ActionsMenuDropdown`
- * behind a small "⋯" icon button. An optional `leading` slot stays pinned and
- * never collapses, so the row's primary action is always reachable.
- */
-export declare function ChatQuickActionRow({ leading, chips, wrap, loading, skeletonCount, className, }: ChatQuickActionRowProps): React.JSX.Element | null;
-export interface ChatQuickActionRowSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Number of placeholder chips to render. Defaults to 3. */
-    count?: number;
-}
-/**
- * Loading placeholder for {@link ChatQuickActionRow}. Each chip mirrors a
- * `ChipButton`'s `Tag` footprint (`h-8 rounded-md`) so the row keeps its height
- * and shape while the real quick actions load.
- */
-export declare function ChatQuickActionRowSkeleton({ className, count, ...props }: ChatQuickActionRowSkeletonProps): React.JSX.Element;
-//# sourceMappingURL=chat-quick-action-row.d.ts.map

package/dist/components/chat/chat-quick-action-row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-quick-action-row.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-quick-action-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAA;AAM5B,8CAA8C;AAC9C,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb;gDAC4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAA;IAC5C;;6EAEyE;IACzE,KAAK,CAAC,EAAE,oBAAoB,CAAA;IAC5B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,sBAAsB,GAAG,OAAO,CAAA;IAC1C,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B;iCAC6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wEAAwE;IACxE,cAAc,CAAC,EAAE,iBAAiB,CAAA;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;wBACoB;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,MAAM,WAAW,uBAAuB;IACtC;gFAC4E;IAC5E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;2EACuE;IACvE,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IACrC;;;+CAG2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;oFACgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAUD;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,WAAkB,EAClB,SAAS,GACV,EAAE;IACD,IAAI,EAAE,eAAe,CAAA;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAA;IACnC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,qBAiBA;AAYD;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,IAAY,EACZ,OAAe,EACf,aAAiB,EACjB,SAAS,GACV,EAAE,uBAAuB,4BAyGzB;AAMD,MAAM,WAAW,+BAAgC,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3F,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAMD;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,+BAA+B,qBAY7G"}

package/dist/components/chat/chat-quick-action.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { ChatQuickActionProps } from './types';
-/**
- * @deprecated Use `QuickActionChipButton` (./quick-action-chip) — the unified
- * quick-action chip used by every chat empty state, marquee, and table
- * surface. This full-width list-row variant remains only for the hub's
- * `hero-chat-demo.tsx`; migrate that consumer, then delete this file.
- */
-declare const ChatQuickAction: React.ForwardRefExoticComponent<ChatQuickActionProps & React.RefAttributes<HTMLButtonElement>>;
-export { ChatQuickAction };
-//# sourceMappingURL=chat-quick-action.d.ts.map

package/dist/components/chat/chat-quick-action.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-quick-action.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-quick-action.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;GAKG;AACH,QAAA,MAAM,eAAe,gGAwCpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/hooks/use-quick-action-hint.d.ts

@@ -1,25 +0,0 @@
-interface UseQuickActionHintOptions {
-    /** Number of quick actions to cycle through */
-    actionCount: number;
-    /** Duration each action is highlighted in milliseconds */
-    cycleDuration?: number;
-    /** Whether the hint should be enabled */
-    enabled?: boolean;
-}
-interface UseQuickActionHintReturn {
-    /** The index of the currently active hint (-1 if none) */
-    activeHintIndex: number;
-    /** Manually stop the hint animation */
-    stopHint: () => void;
-    /** Reference to attach to the container element (not used in simplified version) */
-    containerRef: React.RefObject<HTMLDivElement | null>;
-}
-/**
- * SIMPLIFIED hook for managing quick action hint animations
- *
- * Cycles infinitely through quick actions until user interacts.
- * Simple mount-based trigger - no complex visibility detection.
- */
-export declare function useQuickActionHint({ actionCount, cycleDuration, enabled }: UseQuickActionHintOptions): UseQuickActionHintReturn;
-export {};
-//# sourceMappingURL=use-quick-action-hint.d.ts.map

package/dist/hooks/use-quick-action-hint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-quick-action-hint.d.ts","sourceRoot":"","sources":["../../src/hooks/use-quick-action-hint.ts"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,+CAA+C;IAC/C,WAAW,EAAE,MAAM,CAAA;IACnB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,wBAAwB;IAChC,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAA;IACvB,uCAAuC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,oFAAoF;IACpF,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CACrD;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,aAAoB,EACpB,OAAc,EACf,EAAE,yBAAyB,GAAG,wBAAwB,CA6FtD"}

package/src/components/chat/.chat-quick-action.md

@@ -1,46 +0,0 @@
-<!-- source-hash: 7729b24e719a68b72507fe0a745d5b9f -->
-A clickable action button component designed for chat interfaces, featuring hover effects, hint animations, and accessibility support with proper focus management.
-
-## Key Components
-
-- **ChatQuickAction** - Main React component exported as a forward ref with customizable styling and behavior
-- **handleClick** - Callback handler that manages hint interactions, action execution, and click events in sequence
-- **Styling System** - Uses `cn` utility for conditional classes with ODS (OpenFrame Design System) tokens
-- **Props Interface** - Accepts `text`, `onAction`, `onHintInteraction`, `isHintActive`, and standard button props
-
-## Usage Example
-
-```typescript
-import { ChatQuickAction } from './chat-quick-action'
-
-function ChatInterface() {
-  const [showHint, setShowHint] = useState(true)
-
-  const handleQuickAction = (actionText: string) => {
-    console.log('Quick action triggered:', actionText)
-    // Process the quick action
-  }
-
-  const stopHint = () => {
-    setShowHint(false)
-  }
-
-  return (
-    <div className="space-y-2">
-      <ChatQuickAction
-        text="How do I reset my password?"
-        onAction={handleQuickAction}
-        isHintActive={showHint}
-        onHintInteraction={stopHint}
-      />
-      <ChatQuickAction
-        text="Show me the dashboard"
-        onAction={handleQuickAction}
-        disabled={false}
-      />
-    </div>
-  )
-}
-```
-
-The component provides visual feedback through hover states, active animations, and a pulsing hint animation when `isHintActive` is true. It integrates seamlessly with chat UIs by triggering actions when clicked and managing hint visibility states.

package/src/components/chat/chat-quick-action-row.tsx

@@ -1,282 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { cn } from '../../utils/cn'
-import { Tag } from '../ui/tag'
-import { Skeleton } from '../ui/skeleton'
-import { ActionsMenuDropdown } from '../ui/actions-menu'
-import { Ellipsis01Icon } from '../icons-v2-generated'
-import { useAutoLimitTags } from '../../hooks/ui/use-auto-limit-tags'
-import {
-  QuickActionChipButton,
-  QuickActionChipSkeleton,
-  renderQuickActionIcon,
-  type QuickActionChipLozenge,
-  type QuickActionIconSpec,
-  type QuickActionAccent,
-  type QuickActionThemeSpec,
-} from './quick-action-chip'
-
-// =============================================================================
-// Types
-// =============================================================================
-
-/** A single collapsible quick-action chip. */
-export interface QuickActionChip {
-  /** Stable React key + menu-item id. */
-  id: string
-  label: string
-  /** Pre-rendered node OR a declarative {@link QuickActionIconSpec} (resolved
-   *  via the unified `<EntityIcon>` path). */
-  icon?: React.ReactNode | QuickActionIconSpec
-  /** Caller-supplied {@link QuickActionThemeSpec} (accent + optional
-   *  lozenge) — per-chip so mixed walls (interleaved IT/SEC streams) work.
-   *  The lib ships no theme registry; consumers define their own specs. */
-  theme?: QuickActionThemeSpec
-  /** Classification affix at the label's leading edge; `true` = the theme's. */
-  lozenge?: QuickActionChipLozenge | boolean
-  /** `'primary'` = accent (yellow) chip, `'outline'` = bordered chip (default). */
-  variant?: 'primary' | 'outline'
-  /** Active single-select state — renders the accented `selected` skin
-   *  (overrides `variant`). */
-  selected?: boolean
-  /** Accent for the `selected` skin (`'cyan'` = cyan twin, else pink). */
-  selectedAccent?: QuickActionAccent
-  onSelect?: () => void
-  /** Pointer/keyboard focus enters the chip — e.g. preview the full prompt in
-   *  the composer. */
-  onHoverStart?: () => void
-  /** Pointer/keyboard focus leaves the chip — e.g. restore the composer. */
-  onHoverEnd?: () => void
-}
-
-export interface ChatQuickActionRowProps {
-  /** Always-visible leading chip(s) (e.g. Mingo's "Start Guide Chat"). Never
-   *  collapses into the overflow menu — rendered before the measured zone. */
-  leading?: React.ReactNode
-  /** Collapsible chips — as many as fit on one line render inline; the rest
-   *  collapse under a trailing "⋯" overflow menu (small icon button). */
-  chips: ReadonlyArray<QuickActionChip>
-  /** Render ALL chips in a wrapping multi-line row instead of the single-line +
-   *  "⋯" overflow collapse. Every chip stays directly visible (and hoverable),
-   *  for roomy contexts (e.g. the Guide empty state) where overflow-hiding chips
-   *  would defeat per-chip hover/preview. */
-  wrap?: boolean
-  /** Render `skeletonCount` loading chips (the real {@link QuickActionChipSkeleton},
-   *  so geometry is 1:1 with the loaded chips) instead of `chips`. Wrap-aware. */
-  loading?: boolean
-  /** How many skeleton chips to draw when `loading`. Default 8. */
-  skeletonCount?: number
-  className?: string
-}
-
-// Deterministic label widths (in `ch`) so a loading wall reads like a populated
-// one — a varied spread, not a uniform block.
-const SKELETON_LABEL_CHS = [16, 9, 13, 7, 18, 8, 20, 11, 15, 10, 19, 12, 17, 8, 21, 14]
-
-// =============================================================================
-// Chip button
-// =============================================================================
-
-/**
- * THE {@link QuickActionChip}-data → {@link QuickActionChipButton} mapper —
- * one prop-plumbing spelling shared by the chat rows, `QuickActionWall`, and
- * `QuickActionMarquee` (adding a chip field means editing exactly here).
- * `defaultTheme`/`defaultLozenge` fill gaps for wall-level theming;
- * `interactive={false}` renders the decorative Tag form (loop-clone copies).
- */
-export function QuickActionChipFromData({
-  chip,
-  defaultTheme,
-  defaultLozenge,
-  interactive = true,
-  className,
-}: {
-  chip: QuickActionChip
-  defaultTheme?: QuickActionThemeSpec
-  defaultLozenge?: boolean
-  interactive?: boolean
-  className?: string
-}) {
-  return (
-    <QuickActionChipButton
-      label={chip.label}
-      icon={chip.icon}
-      theme={chip.theme ?? defaultTheme}
-      lozenge={chip.lozenge ?? (defaultLozenge || undefined)}
-      variant={chip.variant ?? 'outline'}
-      selected={chip.selected}
-      selectedAccent={chip.selectedAccent}
-      onSelect={chip.onSelect}
-      onHoverStart={chip.onHoverStart}
-      onHoverEnd={chip.onHoverEnd}
-      interactive={interactive}
-      className={className}
-    />
-  )
-}
-
-// The chip visual + button wiring lives in the shared `QuickActionChipButton`;
-// the data mapping lives in `QuickActionChipFromData` (one spelling).
-function ChipButton({ chip }: { chip: QuickActionChip }) {
-  return <QuickActionChipFromData chip={chip} />
-}
-
-// =============================================================================
-// Component
-// =============================================================================
-
-/**
- * A single-line quick-action chip row that collapses overflow into a "⋯" menu.
- *
- * Same dynamic, width-measured overflow used by the multi-select Autocomplete
- * (`useAutoLimitTags`): off-screen copies of every chip are measured, as many
- * as fit render inline, and the remainder move into an `ActionsMenuDropdown`
- * behind a small "⋯" icon button. An optional `leading` slot stays pinned and
- * never collapses, so the row's primary action is always reachable.
- */
-export function ChatQuickActionRow({
-  leading,
-  chips,
-  wrap = false,
-  loading = false,
-  skeletonCount = 8,
-  className,
-}: ChatQuickActionRowProps) {
-  const auto = useAutoLimitTags({
-    count: chips.length,
-    reserveInputWidth: false,
-  })
-
-  const visibleChips = chips.slice(0, auto.visibleCount)
-  const hiddenChips = chips.slice(auto.visibleCount)
-
-  // Loading: draw skeleton chips (real `QuickActionChipSkeleton`, 1:1 geometry)
-  // in the same wrap/inline layout — one shared skeleton for every consumer, no
-  // hand-rolled bars.
-  if (loading) {
-    return (
-      <div className={cn('flex shrink-0 items-center gap-1', wrap && 'flex-wrap', className)}>
-        {Array.from({ length: skeletonCount }, (_, i) => (
-          <QuickActionChipSkeleton key={i} labelCh={SKELETON_LABEL_CHS[i % SKELETON_LABEL_CHS.length]} />
-        ))}
-      </div>
-    )
-  }
-
-  if (!leading && chips.length === 0) return null
-
-  // Wrap mode: no width-measurement / "⋯" overflow — every chip renders inline
-  // (reusing the same `ChipButton`, so hover/focus wiring is identical) and the
-  // row wraps to as many lines as needed.
-  if (wrap) {
-    return (
-      <div className={cn('flex shrink-0 flex-wrap items-center gap-1', className)}>
-        {leading}
-        {chips.map((chip) => (
-          <ChipButton key={chip.id} chip={chip} />
-        ))}
-      </div>
-    )
-  }
-
-  return (
-    <div
-      className={cn('relative flex shrink-0 items-center gap-1', className)}
-    >
-      {leading}
-
-      {chips.length > 0 && (
-        // Measured zone: `flex-1 min-w-0 overflow-hidden` so it claims the width
-        // left by the pinned `leading` slot and clips anything past the fit.
-        <div
-          ref={auto.middleRef}
-          className="flex flex-1 min-w-0 items-center gap-1 overflow-hidden"
-        >
-          {visibleChips.map((chip) => (
-            <ChipButton key={chip.id} chip={chip} />
-          ))}
-
-          {hiddenChips.length > 0 && (
-            <ActionsMenuDropdown
-              triggerAriaLabel="More quick actions"
-              // Don't return focus (and its ring) to the "⋯" trigger on close.
-              onCloseAutoFocus={(e) => e.preventDefault()}
-              groups={[
-                {
-                  items: hiddenChips.map((chip) => ({
-                    id: chip.id,
-                    label: chip.label,
-                    icon: renderQuickActionIcon(chip.icon),
-                    onClick: chip.onSelect,
-                  })),
-                },
-              ]}
-              customTrigger={
-                <button
-                  ref={auto.badgeRef}
-                  type="button"
-                  aria-label="More quick actions"
-                  className="shrink-0 rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent"
-                >
-                  <Tag variant="outline" label={<Ellipsis01Icon size={16} />} />
-                </button>
-              }
-            />
-          )}
-        </div>
-      )}
-
-      {/* Off-screen measurement copies of every chip — the hook reads their
-          widths to decide how many fit. Mirror the visible chip markup (same
-          variant/icon/label and the same `gap-1`) so the measured widths match
-          what actually renders. */}
-      <div
-        ref={auto.measureRef}
-        aria-hidden
-        className="pointer-events-none invisible absolute left-0 top-0 -z-10 flex gap-1"
-      >
-        {chips.map((chip) => (
-          <Tag
-            key={`measure-${chip.id}`}
-            variant={chip.variant ?? 'outline'}
-            icon={renderQuickActionIcon(chip.icon)}
-            label={chip.label}
-          />
-        ))}
-      </div>
-    </div>
-  )
-}
-
-// =============================================================================
-// Skeleton
-// =============================================================================
-
-export interface ChatQuickActionRowSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
-  /** Number of placeholder chips to render. Defaults to 3. */
-  count?: number
-}
-
-// Varied widths so the placeholder reads like real, differently-sized chips
-// instead of a row of identical bars.
-const SKELETON_CHIP_WIDTHS = ['w-28', 'w-32', 'w-24', 'w-36', 'w-20']
-
-/**
- * Loading placeholder for {@link ChatQuickActionRow}. Each chip mirrors a
- * `ChipButton`'s `Tag` footprint (`h-8 rounded-md`) so the row keeps its height
- * and shape while the real quick actions load.
- */
-export function ChatQuickActionRowSkeleton({ className, count = 3, ...props }: ChatQuickActionRowSkeletonProps) {
-  return (
-    <div aria-hidden className={cn('flex shrink-0 items-center gap-1', className)} {...props}>
-      {Array.from({ length: count }).map((_, i) => (
-        <Skeleton
-          // eslint-disable-next-line react/no-array-index-key
-          key={i}
-          className={cn('h-8 shrink-0 rounded-md', SKELETON_CHIP_WIDTHS[i % SKELETON_CHIP_WIDTHS.length])}
-        />
-      ))}
-    </div>
-  )
-}

package/src/components/chat/chat-quick-action.tsx

@@ -1,59 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { cn } from '../../utils/cn'
-import { ChevronRight } from 'lucide-react'
-import { Button } from '../ui'
-import type { ChatQuickActionProps } from './types'
-
-/**
- * @deprecated Use `QuickActionChipButton` (./quick-action-chip) — the unified
- * quick-action chip used by every chat empty state, marquee, and table
- * surface. This full-width list-row variant remains only for the hub's
- * `hero-chat-demo.tsx`; migrate that consumer, then delete this file.
- */
-const ChatQuickAction = React.forwardRef<HTMLButtonElement, ChatQuickActionProps>(
-  ({ className, text, onAction, onClick, isHintActive, onHintInteraction, disabled = false, ...props }, ref) => {
-    const handleClick = React.useCallback((e: React.MouseEvent<HTMLButtonElement>) => {
-      // Stop hint only on click, not on hover
-      if (onHintInteraction) {
-        onHintInteraction()
-      }
-      if (onAction) {
-        onAction(text)
-      }
-      if (onClick) {
-        onClick(e)
-      }
-    }, [text, onAction, onClick, onHintInteraction])
-
-    return (
-      <button
-        ref={ref}
-        type="button"
-        onClick={handleClick}
-        disabled={disabled}
-        className={cn(
-          "flex items-center justify-between gap-3 w-full",
-          "px-4 py-3 rounded-lg",
-          "bg-transparent border border-ods-border",
-          "text-left text-ods-text-primary",
-          "transition-all duration-150",
-          "focus:outline-none focus:ring-2 focus:ring-ods-focus focus:ring-offset-2 focus:ring-offset-ods-bg",
-          !disabled && "hover:bg-ods-bg-hover hover:border-ods-border active:bg-ods-bg-active active:scale-[0.98]",
-          disabled && "opacity-50 cursor-not-allowed",
-          isHintActive && !disabled && "animate-hint-pulse",
-          className
-        )}
-        {...props}
-      >
-        <span className="text-h6">{text}</span>
-        <ChevronRight className="h-4 w-4 text-ods-text-secondary flex-shrink-0" />
-      </button>
-    )
-  }
-)
-
-ChatQuickAction.displayName = "ChatQuickAction"
-
-export { ChatQuickAction }

package/src/hooks/.use-quick-action-hint.md

@@ -1,43 +0,0 @@
-<!-- source-hash: 05abd6830db0cbb28a487aec8259d7d1 -->
-A React hook that manages animated hint cycles for quick action interfaces, highlighting different actions in a random sequence to guide user discovery.
-
-## Key Components
-
-- **`useQuickActionHint`** - Main hook that cycles through action indices with configurable timing
-- **`UseQuickActionHintOptions`** - Configuration interface for action count, cycle duration, and enabled state
-- **`UseQuickActionHintReturn`** - Return type providing active index, stop function, and container ref
-- **`shuffleIndices`** - Fisher-Yates shuffle algorithm for randomized, non-repeating hint sequences
-- **`advanceHint`** - Core logic that progresses through shuffled action indices
-- **`stopHint`** - Manual control to halt hint animations
-
-## Usage Example
-
-```typescript
-import { useQuickActionHint } from './use-quick-action-hint'
-
-function QuickActionPanel() {
-  const { activeHintIndex, stopHint, containerRef } = useQuickActionHint({
-    actionCount: 4,           // Number of quick actions
-    cycleDuration: 3000,      // 3 seconds per hint
-    enabled: true             // Enable hint system
-  })
-
-  const actions = ['Copy', 'Edit', 'Delete', 'Share']
-
-  return (
-    <div ref={containerRef} onMouseEnter={stopHint}>
-      {actions.map((action, index) => (
-        <button
-          key={action}
-          className={activeHintIndex === index ? 'highlighted' : ''}
-          onClick={stopHint}
-        >
-          {action}
-        </button>
-      ))}
-    </div>
-  )
-}
-```
-
-The hook automatically starts on mount, respects reduced motion preferences, and provides infinite cycling until user interaction stops the hints.