@factorialco/f0-react 4.46.5 → 4.47.1

package/dist/f0.d.ts

@@ -6356,7 +6356,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, 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, welcomeScreenCards, ref, }: F0AiChatTextAreaProps) => JSX_2.Element;
 
 export declare type F0AiChatTextAreaProps = {
     ref: RefObject<HTMLDivElement>;
@@ -6394,6 +6394,13 @@ export declare type F0AiChatTextAreaProps = {
     onPendingQuoteChange?: (quote: PendingQuote | null) => void;
     /** File attachment configuration. When omitted, attachments are disabled. */
     fileAttachments?: AiChatFileAttachmentConfig;
+    /**
+     * Host-owned compact controls rendered after the attachment action in the
+     * normal action row. Controls render inside the chat form, so buttons must
+     * use `type="button"` unless they intentionally submit it. Hidden while the
+     * composer is clarifying or recording.
+     */
+    toolbarStart?: ReactNode;
     /**
      * Voice dictation. When provided, a microphone button is shown: recorded
      * audio is transcribed and the transcript fills the textarea (the user

package/dist/f0.js

@@ -3,8 +3,8 @@ import { hP as Ife, C as kfe, D as Pfe, b2 as Rfe, c as Ofe, F as Bfe, a as zfe,
 import { jsx as w, jsxs as O, Fragment as it } from "react/jsx-runtime";
 import * as _t from "react";
 import U5, { forwardRef as Dr, useRef as le, useImperativeHandle as $5, Children as xd, createContext as Oa, useContext as ts, useState as ve, useMemo as me, useEffect as Ae, useCallback as he, useLayoutEffect as ww, isValidElement as LN, Fragment as Vl, useSyncExternalStore as ml, useId as rc, memo as Y5 } from "react";
-import { D as X5, E as q5, G as Z5, H as wd, I as Tb, J as NN, K as IN, L as Jn, M as j5, N as K5, O as Q5, P as J5, Q as eF, F as tF } from "./F0AiProcessingOverlay-rHj-YAxO.js";
-import { A as sde, C as lde, t as ude, s as cde, v as fde, y as hde, l as dde, i as vde, q as pde, z as gde, B as mde, p as yde, r as _de, j as bde, e as xde, g as wde, k as Sde, T as Cde, w as Tde, h as Dde, a as Ade, n as Mde, m as Ede, o as Lde, b as Nde, f as Ide, x as kde, c as Pde, d as Rde, u as Ode } from "./F0AiProcessingOverlay-rHj-YAxO.js";
+import { D as X5, E as q5, G as Z5, H as wd, I as Tb, J as NN, K as IN, L as Jn, M as j5, N as K5, O as Q5, P as J5, Q as eF, F as tF } from "./F0AiProcessingOverlay-B32hzXK2.js";
+import { A as sde, C as lde, t as ude, s as cde, v as fde, y as hde, l as dde, i as vde, q as pde, z as gde, B as mde, p as yde, r as _de, j as bde, e as xde, g as wde, k as Sde, T as Cde, w as Tde, h as Dde, a as Ade, n as Mde, m as Ede, o as Lde, b as Nde, f as Ide, x as kde, c as Pde, d as Rde, u as Ode } from "./F0AiProcessingOverlay-B32hzXK2.js";
 import { createPortal as qv } from "react-dom";
 import { C as rF, ak as nF, al as iF, am as aF, an as Sw, ao as oF, ap as sF, aq as lF, ar as uF, as as cF, at as fF, au as hF, i as dF, F as kN, av as vF, aw as pF, ax as gF, ay as mF, az as yF, aA as PN, aB as _F, aC as Zv, aD as Ha, aE as bF, aF as Db, aG as Ab, I as xF, aH as wF, aI as ps, aJ as RN, aK as SF, aL as CF, aM as TF, aN as DF, aO as AF, aP as MF, _ as EF, ab as LF, aQ as NF, U as IF, aR as kF, aS as PF, c as jv, R as Mb, u as Eb, Y as ON, O as Lb, aT as BN, aU as Cw, aV as Nb, r as RF, e as zN, a2 as VN, aW as OF, aX as BF, aY as zF, aZ as VF, M as FF } from "./index-GYtcPbOz.js";
 import { t as zde, v as Vde, J as Fde, w as Gde, E as Hde, bj as Wde, bi as Ude, bc as $de, a$ as Yde, a_ as Xde, b0 as qde, b1 as Zde, b3 as jde, b4 as Kde, ad as Qde, ac as Jde, ag as eve, X as tve, N as rve, ai as nve, Q as ive, x as ave, bk as ove, ae as sve, af as lve, T as uve, y as cve, P as fve, D as hve, G as dve, ah as vve, W as pve, aj as gve, z as mve, H as yve, bm as _ve, o as bve, q as xve, bb as wve, bg as Sve, bg as Cve, bh as Tve, b7 as Dve, b6 as Ave, bl as Mve, a9 as Eve, b9 as Lve, ba as Nve, K as Ive, bn as kve, bo as Pve, f as Rve, bd as Ove, be as Bve, bf as zve, b2 as Vve, b8 as Fve, g as Gve, j as Hve, b5 as Wve, bp as Uve } from "./index-GYtcPbOz.js";
@@ -61149,16 +61149,16 @@ function Ole({
   const { options: i, disabled: a } = n, o = (s) => {
     a || (e(s), t());
   };
-  return /* @__PURE__ */ w("div", { className: "grid grid-cols-3 gap-3 md:grid-cols-5", children: i.map((s) => /* @__PURE__ */ w(
+  return /* @__PURE__ */ w("div", { className: "flex flex-wrap gap-3", children: i.map((s) => /* @__PURE__ */ w(
     "div",
     {
       className: te(
-        "flex h-10 min-w-20 items-center justify-center rounded-md border border-solid border-f1-border text-center font-medium",
+        "flex min-h-10 min-w-20 grow basis-auto items-center justify-center rounded-md border border-solid border-f1-border px-3 py-1.5 text-center font-medium",
         a ? "cursor-not-allowed" : "cursor-pointer",
         r === s.value && "border-f1-border-selected bg-f1-background-selected-secondary"
       ),
       onClick: () => o(s.value),
-      children: /* @__PURE__ */ w("span", { className: "text-base font-medium", children: s.label })
+      children: /* @__PURE__ */ w("span", { className: "text-base font-medium leading-tight", children: s.label })
     },
     s.value
   )) });