@factorialco/f0-react 6.23.2 → 6.24.0

package/dist/f0.d.ts

@@ -6818,7 +6818,7 @@ export declare const F0AiChatProvider: ({ enabled, side, panelContentSide, initi
  * coupling to `useAiChat()` or CopilotKit — wrappers like F0AiChat
  * provide the wiring.
  */
-export declare const F0AiChatTextArea: ({ onSubmit, onStop, inProgress, onBeforeSubmit, placeholders, creditWarning, clarifyingUI, pendingContext, onPendingContextChange, pendingQuote, onPendingQuoteChange, fileAttachments, toolbarStart, onTranscribe, searchPersons, onProcessFilesRef, disclaimer, footer, isWelcomeScreen, fullscreen, welcomeScreenSuggestions, onSuggestionClick, welcomeScreenCards, ref, }: F0AiChatTextAreaProps) => JSX_2.Element;
+export declare const F0AiChatTextArea: ({ onSubmit, onStop, inProgress, onBeforeSubmit, placeholders, creditWarning, clarifyingUI, pendingContext, onPendingContextChange, pendingQuote, onPendingQuoteChange, fileAttachments, toolbarStart, onTranscribe, searchPersons, onProcessFilesRef, disclaimer, footer, isWelcomeScreen, fullscreen, welcomeScreenSuggestions, onSuggestionClick, welcomeScreenSuggestionsPlacement, welcomeScreenCards, ref, }: F0AiChatTextAreaProps) => JSX_2.Element;
 
 export declare type F0AiChatTextAreaProps = {
     ref: RefObject<HTMLDivElement>;
@@ -6905,6 +6905,39 @@ export declare type F0AiChatTextAreaProps = {
     /** Called when the user clicks a sub-suggestion. Receives the picked
      *  `item` and its parent `group` (the outline-button entry). */
     onSuggestionClick?: (item: WelcomeScreenSuggestionItem, group: WelcomeScreenSuggestion) => void;
+    /**
+     * Where the welcome suggestions row sits relative to the composer.
+     *
+     * - `"above"` (the default) — its own block over the field, the arrangement
+     *   every consumer has had: the row stands on the page, the field below it is
+     *   a plain composer, and its popover opens upward into the welcome screen's
+     *   empty space.
+     *
+     * - `"inside"` — the row moves INTO the field, at its foot, so the field's own
+     *   border and AI focus highlight enclose it and the composer reads as a
+     *   single bar about two lines tall. Its popover opens downward, because up is
+     *   now the text you are about to type.
+     *
+     * ⚠️ `"inside"` IS A COMPOSER SHAPE, NOT JUST A POSITION. It also moves the
+     * send button onto the textarea's own line (at `sm`, centred on the text) and
+     * puts One's mark in front of the text. Neither is a feature bolted onto this
+     * prop — they are what make the placement possible and legible. The action row
+     * is full-width, so a chips row plus an action row inside one field is three
+     * stacked bands and the "single bar" is gone; with send trailing the text there
+     * are two, text then suggestions. The attachment, host (`toolbarStart`) and
+     * dictation controls keep their own row when the host enables them; with none
+     * of them the field is just the two bands.
+     *
+     * THE INLINE SEND FOLLOWS THE PROP, NOT THE WELCOME STATE. The suggestions
+     * themselves are welcome-screen-only as they always were, but a composer that
+     * put send back in the action row the moment the first message landed would
+     * change shape under the reader mid-conversation. `"inside"` therefore keeps
+     * the two-band bar for the whole thread; after the welcome screen it is simply
+     * a bar with no chips in it.
+     *
+     * @default "above"
+     */
+    welcomeScreenSuggestionsPlacement?: "above" | "inside";
     /**
      * Cards rendered as a grid below the composer on the fullscreen welcome
      * screen. Each card carries its own `onClick`; the host decides the behavior.

package/dist/f0.js

@@ -9,8 +9,8 @@ import { createPortal as ep } from "react-dom";
 import { d as re, u as uf, h as k5, i as el, P as cf, g as $l, j as P5, f as za } from "./tooltip-Cik7KBQT.js";
 import { l as $y, c as VN, d as wd, r as Yy } from "./F0VideoPlayer-Cjdwg3I9.js";
 import { F as lpe } from "./F0VideoPlayer-Cjdwg3I9.js";
-import { D as R5, E as Sd, G as Pb, H as FN, I as GN, J as jn, K as O5, L as B5, M as z5, N as V5, O as F5, F as G5 } from "./F0AiProcessingOverlay-i1gfeTef.js";
-import { A as cpe, C as fpe, t as hpe, s as dpe, v as vpe, y as ppe, l as gpe, i as mpe, q as ype, z as _pe, B as bpe, p as xpe, r as wpe, j as Spe, e as Cpe, g as Tpe, k as Dpe, T as Ape, w as Mpe, h as Epe, a as Lpe, n as Npe, m as Ipe, o as kpe, b as Ppe, f as Rpe, x as Ope, c as Bpe, d as zpe, u as Vpe } from "./F0AiProcessingOverlay-i1gfeTef.js";
+import { D as R5, E as Sd, G as Pb, H as FN, I as GN, J as jn, K as O5, L as B5, M as z5, N as V5, O as F5, F as G5 } from "./F0AiProcessingOverlay-CPJ5KBQR.js";
+import { A as cpe, C as fpe, t as hpe, s as dpe, v as vpe, y as ppe, l as gpe, i as mpe, q as ype, z as _pe, B as bpe, p as xpe, r as wpe, j as Spe, e as Cpe, g as Tpe, k as Dpe, T as Ape, w as Mpe, h as Epe, a as Lpe, n as Npe, m as Ipe, o as kpe, b as Ppe, f as Rpe, x as Ope, c as Bpe, d as zpe, u as Vpe } from "./F0AiProcessingOverlay-CPJ5KBQR.js";
 import { F as Gpe, p as Hpe } from "./index-PGrHyWOP.js";
 import { c as Upe } from "./pdfWorker-CDMnVGUJ.js";
 import { g as H5 } from "./_commonjsHelpers-ByX85dGu.js";