@flamingo-stack/openframe-frontend-core 0.0.360-snapshot.20260702190810 → 0.0.360

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

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import { type EntityIconValue } from '../icon-display';
-/** Accent tint for quick-action chip icons: a named brand token
- *  (`'pink'`/`'cyan'`) or ANY CSS color value coming from admin config
- *  (agent/persona `icon_props.color`). */
-export type QuickActionAccent = 'pink' | 'cyan' | (string & {});
-/**
- * FALLBACK-ONLY agent→accent mapping (fae→pink, mingo→cyan) for the built-in
- * agents when nothing is configured. A color configured on the entity itself —
- * the quick action's `iconProps.color`, or the agent/persona identity
- * `icon_props.color` — always wins over this map; callers must resolve the
- * configured value first and only fall back here. Never re-inline the slug
- * comparison elsewhere.
- */
-export declare function getAgentAccent(slug: string | null | undefined): QuickActionAccent | undefined;
-/** Admin-configured identity color (`icon_props.color` on the agent/persona
- *  row) → chip accent. Undefined when the identity doesn't set one. */
-export declare function accentFromIdentityIcon(icon: {
-    props?: Record<string, unknown> | null;
-} | null | undefined): QuickActionAccent | undefined;
-/**
- * Declarative icon for a quick-action chip, resolved 100% by `<EntityIcon>`
- * (url → fae/mingo `AgentMark` → icons-v2 glyph → file fallback):
- * - "agent format" — `{ name: 'fae' }` / `{ name: 'mingo' }` renders the
- *   packaged agent mark (fills the chip's icon box; `accent` is ignored — the
- *   marks carry their own colors).
- * - "config format" — `{ name, url, props, accent }` renders the
- *   admin-configured icon; `accent` tints registry glyphs via a
- *   `text-ods-flamingo-*` class on `currentColor`.
- *
- * If `props.color` is set it wins over `accent` — the accent is a class tint
- * on `currentColor`, the prop is an explicit fill (EntityIcon spreads `props`
- * onto the glyph last).
- */
-export interface QuickActionIconSpec extends EntityIconValue {
-    accent?: QuickActionAccent;
-    /** Glyph size in px. Defaults to 16 (the chip design's config-icon size);
-     *  agent marks size via the icon box instead. */
-    size?: number;
-}
-/** Resolve a chip `icon` prop to a renderable node. Specs go through
- *  `<EntityIcon>`; ReactNodes pass through untouched. */
-export declare function renderQuickActionIcon(icon: React.ReactNode | QuickActionIconSpec | undefined): React.ReactNode;
-export interface QuickActionChipButtonProps {
-    label: React.ReactNode;
-    /** Icon: a declarative {@link QuickActionIconSpec} (preferred — unified
-     *  EntityIcon resolution) or a pre-rendered ReactNode. */
-    icon?: React.ReactNode | QuickActionIconSpec;
-    /** `'primary'` = accent (yellow) chip, `'outline'` = bordered chip (default). */
-    variant?: 'primary' | 'outline';
-    onSelect?: () => void;
-    /** Pointer/keyboard focus enters the chip — e.g. preview the full prompt. */
-    onHoverStart?: () => void;
-    /** Pointer/keyboard focus leaves the chip — e.g. restore the composer. */
-    onHoverEnd?: () => void;
-    /** `false` renders a plain non-focusable `<Tag>` (decorative use: marquee
-     *  strips, table cells). Default `true`. */
-    interactive?: boolean;
-    className?: string;
-}
-/**
- * The unified quick-action chip — Figma chip anatomy (card bg, border, mono
- * uppercase label) via the `Tag` outline/primary variants, with icon
- * resolution owned by `<EntityIcon>` in two formats (config icon w/ agent
- * accent, or fae/mingo agent mark). Used by every chat empty state
- * (guide / mingo / ai-agent), the marketing marquee strips, and the ROI
- * table task cells.
- */
-export declare function QuickActionChipButton({ label, icon, variant, onSelect, onHoverStart, onHoverEnd, interactive, className, }: QuickActionChipButtonProps): React.JSX.Element;
-//# sourceMappingURL=quick-action-chip.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"quick-action-chip.d.ts","sourceRoot":"","sources":["../../../src/components/chat/quick-action-chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAMlE;;0CAE0C;AAC1C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAE/D;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,iBAAiB,GAAG,SAAS,CAI7F;AAED;uEACuE;AACvE,wBAAgB,sBAAsB,CACpC,IAAI,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,GAAG,SAAS,GAClE,iBAAiB,GAAG,SAAS,CAG/B;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B;qDACiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAOD;yDACyD;AACzD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,mBAAmB,GAAG,SAAS,GACtD,KAAK,CAAC,SAAS,CAuBjB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;8DAC0D;IAC1D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAA;IAC5C,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;gDAC4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,IAAI,EACJ,OAAmB,EACnB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAkB,EAClB,SAAS,GACV,EAAE,0BAA0B,qBAqB5B"}

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

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { type QuickActionIconSpec } from './quick-action-chip';
-export interface QuickActionMarqueeItem {
-    /** Stable key (suffixed per track copy internally). */
-    id: string;
-    label: string;
-    icon?: React.ReactNode | QuickActionIconSpec;
-}
-export interface QuickActionMarqueeProps {
-    items: ReadonlyArray<QuickActionMarqueeItem>;
-    /** Scroll direction. `'right'` reverses the animation. Default `'left'`. */
-    direction?: 'left' | 'right';
-    /** Seconds per full loop. Default 40. */
-    duration?: number;
-    /** Pause the scroll while hovered. Default true. */
-    pauseOnHover?: boolean;
-    /** When provided chips are interactive buttons; omitted → decorative tags. */
-    onSelect?: (item: QuickActionMarqueeItem) => void;
-    className?: string;
-}
-/**
- * Endless horizontally-scrolling strip of quick-action chips (Figma fae/mingo
- * marquee rows). The item list is padded to at least {@link MIN_TRACK_ITEMS}
- * and rendered twice so the `qa-marquee` keyframe's `translateX(-50%)` loops
- * seamlessly; the second half is `aria-hidden`. Pauses on hover (optional)
- * and always under `prefers-reduced-motion`.
- */
-export declare function QuickActionMarquee({ items, direction, duration, pauseOnHover, onSelect, className, }: QuickActionMarqueeProps): React.JSX.Element | null;
-//# sourceMappingURL=quick-action-marquee.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"quick-action-marquee.d.ts","sourceRoot":"","sources":["../../../src/components/chat/quick-action-marquee.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAyB,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAMrF,MAAM,WAAW,sBAAsB;IACrC,uDAAuD;IACvD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAA;CAC7C;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAA;IAC5C,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAA;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAUD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAkB,EAClB,QAAa,EACb,YAAmB,EACnB,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,4BAuCzB"}

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

@@ -1,155 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { cn } from '../../utils/cn'
-import { Tag } from '../ui/tag'
-import { EntityIcon, type EntityIconValue } from '../icon-display'
-
-// =============================================================================
-// Types
-// =============================================================================
-
-/** Accent tint for quick-action chip icons: a named brand token
- *  (`'pink'`/`'cyan'`) or ANY CSS color value coming from admin config
- *  (agent/persona `icon_props.color`). */
-export type QuickActionAccent = 'pink' | 'cyan' | (string & {})
-
-/**
- * FALLBACK-ONLY agent→accent mapping (fae→pink, mingo→cyan) for the built-in
- * agents when nothing is configured. A color configured on the entity itself —
- * the quick action's `iconProps.color`, or the agent/persona identity
- * `icon_props.color` — always wins over this map; callers must resolve the
- * configured value first and only fall back here. Never re-inline the slug
- * comparison elsewhere.
- */
-export function getAgentAccent(slug: string | null | undefined): QuickActionAccent | undefined {
-  if (slug === 'fae') return 'pink'
-  if (slug === 'mingo') return 'cyan'
-  return undefined
-}
-
-/** Admin-configured identity color (`icon_props.color` on the agent/persona
- *  row) → chip accent. Undefined when the identity doesn't set one. */
-export function accentFromIdentityIcon(
-  icon: { props?: Record<string, unknown> | null } | null | undefined,
-): QuickActionAccent | undefined {
-  const color = icon?.props?.color
-  return typeof color === 'string' && color.length > 0 ? color : undefined
-}
-
-/**
- * Declarative icon for a quick-action chip, resolved 100% by `<EntityIcon>`
- * (url → fae/mingo `AgentMark` → icons-v2 glyph → file fallback):
- * - "agent format" — `{ name: 'fae' }` / `{ name: 'mingo' }` renders the
- *   packaged agent mark (fills the chip's icon box; `accent` is ignored — the
- *   marks carry their own colors).
- * - "config format" — `{ name, url, props, accent }` renders the
- *   admin-configured icon; `accent` tints registry glyphs via a
- *   `text-ods-flamingo-*` class on `currentColor`.
- *
- * If `props.color` is set it wins over `accent` — the accent is a class tint
- * on `currentColor`, the prop is an explicit fill (EntityIcon spreads `props`
- * onto the glyph last).
- */
-export interface QuickActionIconSpec extends EntityIconValue {
-  accent?: QuickActionAccent
-  /** Glyph size in px. Defaults to 16 (the chip design's config-icon size);
-   *  agent marks size via the icon box instead. */
-  size?: number
-}
-
-const ACCENT_CLASS: Record<string, string> = {
-  pink: 'text-ods-flamingo-pink',
-  cyan: 'text-ods-flamingo-cyan',
-}
-
-/** Resolve a chip `icon` prop to a renderable node. Specs go through
- *  `<EntityIcon>`; ReactNodes pass through untouched. */
-export function renderQuickActionIcon(
-  icon: React.ReactNode | QuickActionIconSpec | undefined,
-): React.ReactNode {
-  // A spec is a plain data object, never a React element — so any non-element,
-  // non-array object is a spec; strings, elements, fragments, and ReactNode
-  // ARRAYS stay ReactNode.
-  if (typeof icon !== 'object' || icon === null || Array.isArray(icon) || React.isValidElement(icon)) {
-    return icon
-  }
-  const spec = icon as QuickActionIconSpec
-  if (!spec.name && !spec.url) return undefined
-  // Named brand tokens tint via a text class on `currentColor`; any other
-  // accent value is an admin-configured CSS color, delivered as the glyph's
-  // DEFAULT `color` prop — an explicit per-action `props.color` (spread after)
-  // still wins.
-  const accentClass = spec.accent ? ACCENT_CLASS[spec.accent] : undefined
-  const props =
-    spec.accent && !accentClass ? { color: spec.accent, ...(spec.props ?? {}) } : spec.props
-  return (
-    <EntityIcon
-      icon={{ name: spec.name, url: spec.url, props }}
-      size={spec.size ?? 16}
-      className={accentClass}
-    />
-  )
-}
-
-export interface QuickActionChipButtonProps {
-  label: React.ReactNode
-  /** Icon: a declarative {@link QuickActionIconSpec} (preferred — unified
-   *  EntityIcon resolution) or a pre-rendered ReactNode. */
-  icon?: React.ReactNode | QuickActionIconSpec
-  /** `'primary'` = accent (yellow) chip, `'outline'` = bordered chip (default). */
-  variant?: 'primary' | 'outline'
-  onSelect?: () => void
-  /** Pointer/keyboard focus enters the chip — e.g. preview the full prompt. */
-  onHoverStart?: () => void
-  /** Pointer/keyboard focus leaves the chip — e.g. restore the composer. */
-  onHoverEnd?: () => void
-  /** `false` renders a plain non-focusable `<Tag>` (decorative use: marquee
-   *  strips, table cells). Default `true`. */
-  interactive?: boolean
-  className?: string
-}
-
-// =============================================================================
-// Component
-// =============================================================================
-
-/**
- * The unified quick-action chip — Figma chip anatomy (card bg, border, mono
- * uppercase label) via the `Tag` outline/primary variants, with icon
- * resolution owned by `<EntityIcon>` in two formats (config icon w/ agent
- * accent, or fae/mingo agent mark). Used by every chat empty state
- * (guide / mingo / ai-agent), the marketing marquee strips, and the ROI
- * table task cells.
- */
-export function QuickActionChipButton({
-  label,
-  icon,
-  variant = 'outline',
-  onSelect,
-  onHoverStart,
-  onHoverEnd,
-  interactive = true,
-  className,
-}: QuickActionChipButtonProps) {
-  const resolvedIcon = renderQuickActionIcon(icon)
-  if (!interactive) {
-    return <Tag variant={variant} icon={resolvedIcon} label={label} className={className} />
-  }
-  return (
-    <button
-      type="button"
-      onClick={onSelect}
-      onMouseEnter={onHoverStart}
-      onMouseLeave={onHoverEnd}
-      onFocus={onHoverStart}
-      onBlur={onHoverEnd}
-      className={cn(
-        'shrink-0 rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent',
-        className,
-      )}
-    >
-      <Tag variant={variant} icon={resolvedIcon} label={label} />
-    </button>
-  )
-}

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

@@ -1,92 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { cn } from '../../utils/cn'
-import { QuickActionChipButton, type QuickActionIconSpec } from './quick-action-chip'
-
-// =============================================================================
-// Types
-// =============================================================================
-
-export interface QuickActionMarqueeItem {
-  /** Stable key (suffixed per track copy internally). */
-  id: string
-  label: string
-  icon?: React.ReactNode | QuickActionIconSpec
-}
-
-export interface QuickActionMarqueeProps {
-  items: ReadonlyArray<QuickActionMarqueeItem>
-  /** Scroll direction. `'right'` reverses the animation. Default `'left'`. */
-  direction?: 'left' | 'right'
-  /** Seconds per full loop. Default 40. */
-  duration?: number
-  /** Pause the scroll while hovered. Default true. */
-  pauseOnHover?: boolean
-  /** When provided chips are interactive buttons; omitted → decorative tags. */
-  onSelect?: (item: QuickActionMarqueeItem) => void
-  className?: string
-}
-
-// Heuristic: ~6 chips ≈ one 1280px viewport width, so the halved track always
-// fills the screen; bump if chips shrink.
-const MIN_TRACK_ITEMS = 6
-
-// =============================================================================
-// Component
-// =============================================================================
-
-/**
- * Endless horizontally-scrolling strip of quick-action chips (Figma fae/mingo
- * marquee rows). The item list is padded to at least {@link MIN_TRACK_ITEMS}
- * and rendered twice so the `qa-marquee` keyframe's `translateX(-50%)` loops
- * seamlessly; the second half is `aria-hidden`. Pauses on hover (optional)
- * and always under `prefers-reduced-motion`.
- */
-export function QuickActionMarquee({
-  items,
-  direction = 'left',
-  duration = 40,
-  pauseOnHover = true,
-  onSelect,
-  className,
-}: QuickActionMarqueeProps) {
-  const { track, half } = React.useMemo(() => {
-    const repeats = Math.max(1, Math.ceil(MIN_TRACK_ITEMS / Math.max(1, items.length)))
-    const padded = Array.from({ length: repeats }, () => items).flat()
-    return { track: [...padded, ...padded], half: padded.length }
-  }, [items])
-
-  if (items.length === 0) return null
-
-  return (
-    <div className={cn('group overflow-hidden', className)}>
-      <div
-        className={cn(
-          'flex w-max items-center gap-2 animate-qa-marquee motion-reduce:[animation-play-state:paused]',
-          direction === 'right' && '[animation-direction:reverse]',
-          pauseOnHover && 'group-hover:[animation-play-state:paused]',
-        )}
-        style={{ '--qa-marquee-duration': `${duration}s` } as React.CSSProperties}
-      >
-        {track.map((item, index) => {
-          const isHiddenCopy = index >= half
-          return (
-            <span key={`${item.id}__${index}`} aria-hidden={isHiddenCopy || undefined}>
-              {/* The aria-hidden loop copy must contain NO focusable elements
-                  (WCAG: no focusable descendants under aria-hidden) — its
-                  chips render as plain tags even when the strip is
-                  interactive. */}
-              <QuickActionChipButton
-                label={item.label}
-                icon={item.icon}
-                interactive={!!onSelect && !isHiddenCopy}
-                onSelect={onSelect && !isHiddenCopy ? () => onSelect(item) : undefined}
-              />
-            </span>
-          )
-        })}
-      </div>
-    </div>
-  )
-}