@factorialco/f0-react 6.23.1 → 6.24.0

package/dist/experimental.d.ts

@@ -13350,11 +13350,9 @@ declare namespace Calendar {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        aiBlock: {
+            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
+            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
         };
     }
 }
@@ -13362,9 +13360,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        aiBlock: {
-            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
-            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }

package/dist/experimental.js

@@ -5306,12 +5306,19 @@ function Al({ children: e, header: t, embedded: r = !1 }) {
     "div",
     {
       className: I(
-        "flex min-h-full w-full flex-col overflow-hidden bg-f1-special-page ring-1 ring-inset ring-f1-border-secondary",
+        "relative flex min-h-full w-full flex-col overflow-hidden bg-f1-special-page",
         !r && "xs:rounded-xl"
       ),
       children: [
         t && /* @__PURE__ */ n("div", { className: "flex flex-col", children: t }),
-        /* @__PURE__ */ n("div", { className: "isolate flex w-full flex-1 flex-col overflow-auto [&>*]:flex-1", children: e })
+        /* @__PURE__ */ n("div", { className: "isolate flex w-full flex-1 flex-col overflow-auto [&>*]:flex-1", children: e }),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            "aria-hidden": !0,
+            className: "pointer-events-none absolute inset-0 z-10 rounded-[inherit] ring-1 ring-inset ring-f1-border-secondary"
+          }
+        )
       ]
     }
   );

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.
@@ -19708,11 +19741,9 @@ declare namespace Calendar {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        aiBlock: {
+            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
+            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
         };
     }
 }
@@ -19720,9 +19751,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        aiBlock: {
-            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
-            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }

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";

package/dist/i18n-provider-defaults.d.ts

@@ -1290,11 +1290,9 @@ declare namespace Calendar {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        aiBlock: {
+            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
+            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
         };
     }
 }
@@ -1302,9 +1300,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        aiBlock: {
-            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
-            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }