@flamingo-stack/openframe-frontend-core 0.0.181 → 0.0.182

package/dist/components/chat/chat-message-loader.d.ts

@@ -1,23 +0,0 @@
-import type { ReactNode } from "react";
-interface ChatMessageListLoaderProps {
-    className?: string;
-    /**
-     * Brand mark rendered at the centre of the loader. When omitted, a neutral
-     * MingoIcon is used (color derived from `assistantType`). Pass a custom
-     * element to match a different brand.
-     */
-    assistantIcon?: ReactNode;
-    assistantType?: 'mingo' | 'fae';
-    /** Defaults to `"Loading conversation..."`. */
-    label?: string;
-}
-/**
- * Centered loading indicator for the chat message list. Replaces the
- * multi-row skeleton with a single, brand-neutral pulsating mark — the same
- * pattern Claude/ChatGPT use when fetching a conversation: don't fake the
- * shape of the content, just signal "we're working on it" and let the real
- * messages fade in once they arrive.
- */
-export declare function ChatMessageListLoader({ className, assistantIcon, assistantType, label, }: ChatMessageListLoaderProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=chat-message-loader.d.ts.map

package/dist/components/chat/chat-message-loader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-message-loader.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-loader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,UAAU,0BAA0B;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC/B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,aAAa,EACb,aAAqB,EACrB,KAAiC,GAClC,EAAE,0BAA0B,2CAkC5B"}

package/dist/components/chat/hooks/use-delayed-flag.d.ts

@@ -1,25 +0,0 @@
-interface UseDelayedFlagOptions {
-    /** Wait this long before flipping the returned flag to `true`. Default 200ms. */
-    delay?: number;
-    /**
-     * Once the flag has gone `true`, hold it for at least this long even if
-     * the source signal flips back to `false` sooner. Prevents a sub-frame
-     * flash when the operation finishes right after the loader appeared.
-     * Default 400ms.
-     */
-    minDuration?: number;
-}
-/**
- * Debounce + min-hold gate for transient boolean flags (most useful for
- * loading indicators).
- *
- *  - source `true`  → wait `delay` ms; if still true, flip output to `true`
- *  - source `false` → if output is `true`, hold for `minDuration - elapsed`
- *    ms before flipping back; otherwise flip immediately
- *
- * The net effect: fast operations never trigger the indicator, and slow
- * ones always show it for long enough to avoid a flicker.
- */
-export declare function useDelayedFlag(source: boolean, { delay, minDuration }?: UseDelayedFlagOptions): boolean;
-export {};
-//# sourceMappingURL=use-delayed-flag.d.ts.map

package/dist/components/chat/hooks/use-delayed-flag.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-delayed-flag.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/hooks/use-delayed-flag.ts"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,OAAO,EACf,EAAE,KAAW,EAAE,WAAiB,EAAE,GAAE,qBAA0B,GAC7D,OAAO,CAyBT"}

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

@@ -1,67 +0,0 @@
-"use client"
-
-import type { ReactNode } from "react"
-
-import { cn } from "../../utils/cn"
-import { MingoIcon } from "../icons/mingo-icon"
-
-interface ChatMessageListLoaderProps {
-  className?: string
-  /**
-   * Brand mark rendered at the centre of the loader. When omitted, a neutral
-   * MingoIcon is used (color derived from `assistantType`). Pass a custom
-   * element to match a different brand.
-   */
-  assistantIcon?: ReactNode
-  assistantType?: 'mingo' | 'fae'
-  /** Defaults to `"Loading conversation..."`. */
-  label?: string
-}
-
-/**
- * Centered loading indicator for the chat message list. Replaces the
- * multi-row skeleton with a single, brand-neutral pulsating mark — the same
- * pattern Claude/ChatGPT use when fetching a conversation: don't fake the
- * shape of the content, just signal "we're working on it" and let the real
- * messages fade in once they arrive.
- */
-export function ChatMessageListLoader({
-  className,
-  assistantIcon,
-  assistantType = 'fae',
-  label = 'Loading conversation...',
-}: ChatMessageListLoaderProps) {
-  const accentColor =
-    assistantType === 'mingo'
-      ? 'var(--ods-flamingo-cyan-base)'
-      : 'var(--ods-flamingo-pink-base)'
-
-  return (
-    <div
-      role="status"
-      aria-live="polite"
-      aria-busy="true"
-      className={cn(
-        "relative flex-1 min-h-0 flex flex-col items-center justify-center gap-3 px-8",
-        "animate-in fade-in duration-300",
-        className,
-      )}
-    >
-      <div className="relative flex items-center justify-center w-10 h-10">
-        <span
-          className="absolute inset-0 rounded-full opacity-30 blur-md animate-pulse"
-          style={{ backgroundColor: accentColor }}
-          aria-hidden="true"
-        />
-        <div className="relative motion-safe:animate-pulse">
-          {assistantIcon ?? (
-            <MingoIcon className="w-8 h-8" eyesColor={accentColor} cornerColor={accentColor} />
-          )}
-        </div>
-      </div>
-      <span className="text-sm font-medium text-ods-text-secondary tracking-tight motion-safe:animate-pulse">
-        {label}
-      </span>
-    </div>
-  )
-}

package/src/components/chat/hooks/use-delayed-flag.ts

@@ -1,56 +0,0 @@
-"use client"
-
-import { useEffect, useRef, useState } from "react"
-
-interface UseDelayedFlagOptions {
-  /** Wait this long before flipping the returned flag to `true`. Default 200ms. */
-  delay?: number
-  /**
-   * Once the flag has gone `true`, hold it for at least this long even if
-   * the source signal flips back to `false` sooner. Prevents a sub-frame
-   * flash when the operation finishes right after the loader appeared.
-   * Default 400ms.
-   */
-  minDuration?: number
-}
-
-/**
- * Debounce + min-hold gate for transient boolean flags (most useful for
- * loading indicators).
- *
- *  - source `true`  → wait `delay` ms; if still true, flip output to `true`
- *  - source `false` → if output is `true`, hold for `minDuration - elapsed`
- *    ms before flipping back; otherwise flip immediately
- *
- * The net effect: fast operations never trigger the indicator, and slow
- * ones always show it for long enough to avoid a flicker.
- */
-export function useDelayedFlag(
-  source: boolean,
-  { delay = 200, minDuration = 400 }: UseDelayedFlagOptions = {},
-): boolean {
-  const [active, setActive] = useState(false)
-  const activatedAtRef = useRef<number | null>(null)
-
-  useEffect(() => {
-    if (source) {
-      if (active) return
-      const timer = window.setTimeout(() => {
-        activatedAtRef.current = Date.now()
-        setActive(true)
-      }, delay)
-      return () => window.clearTimeout(timer)
-    }
-
-    if (!active) return
-    const elapsed = activatedAtRef.current ? Date.now() - activatedAtRef.current : minDuration
-    const remaining = Math.max(0, minDuration - elapsed)
-    const timer = window.setTimeout(() => {
-      activatedAtRef.current = null
-      setActive(false)
-    }, remaining)
-    return () => window.clearTimeout(timer)
-  }, [source, active, delay, minDuration])
-
-  return active
-}