@factorialco/f0-react 1.368.0 → 1.369.0

package/dist/{F0HILActionConfirmation-CZTSs7VF.js → F0HILActionConfirmation-C2YWjDqH.js}

@@ -1,6 +1,6 @@
 import { jsx as X, jsxs as le } from "react/jsx-runtime";
 import { useInsertionEffect as Xe, createContext as ke, useContext as $e, useRef as _, useEffect as ne, useState as _e, useCallback as ze, useMemo as Ye } from "react";
-import { y as qe, z as We, D as He, G as je, J as Ne, K as Ke, M as Qe, N as Je, Q as Ze, R as et, V as Ce, W as tt, X as rt, Y as nt, Z as it, _ as ot, $ as at, a0 as st, a1 as ie, a2 as ct, a3 as ut, a4 as lt, a5 as ft, a6 as mt, a7 as dt, a8 as fe, a9 as ht } from "./F0AiChat-3B4UugKL.js";
+import { y as qe, z as We, D as He, G as je, J as Ne, K as Ke, M as Qe, N as Je, Q as Ze, R as et, V as Ce, W as tt, X as rt, Y as nt, Z as it, _ as ot, $ as at, a0 as st, a1 as ie, a2 as ct, a3 as ut, a4 as lt, a5 as ft, a6 as mt, a7 as dt, a8 as fe, a9 as ht } from "./F0AiChat-Dv8ilDMD.js";
 import { useTrackVolume as pt } from "@livekit/components-react";
 function vt(t, e, r) {
   Xe(() => t.on(e, r), [t, e, r]);
@@ -46,21 +46,21 @@ function At(t, e) {
 function wt(t, e) {
   return t.at === e.at ? t.value === null ? 1 : e.value === null ? -1 : 0 : t.at - e.at;
 }
-const St = "easeInOut", bt = 20;
-function xt(t, { defaultTransition: e = {}, ...r } = {}, n, l) {
-  const f = e.duration || 0.3, h = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), g = {}, x = /* @__PURE__ */ new Map();
-  let y = 0, T = 0, b = 0;
+const St = "easeInOut", xt = 20;
+function bt(t, { defaultTransition: e = {}, ...r } = {}, n, l) {
+  const f = e.duration || 0.3, h = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), g = {}, b = /* @__PURE__ */ new Map();
+  let y = 0, T = 0, x = 0;
   for (let c = 0; c < t.length; c++) {
     const v = t[c];
     if (typeof v == "string") {
-      x.set(v, T);
+      b.set(v, T);
       continue;
     } else if (!Array.isArray(v)) {
-      x.set(v.name, me(T, v.at, y, x));
+      b.set(v.name, me(T, v.at, y, b));
       continue;
     }
     let [N, m, R = {}] = v;
-    R.at !== void 0 && (T = me(T, R.at, y, x));
+    R.at !== void 0 && (T = me(T, R.at, y, b));
     let L = 0;
     const C = (w, S, I, F = 0, V = 0) => {
       const E = Rt(w), { delay: d = 0, times: P = Ke(E), type: W = "keyframes", repeat: k, repeatType: ue, repeatDelay: oe = 0, ...H } = S;
@@ -82,7 +82,7 @@ function xt(t, { defaultTransition: e = {}, ...r } = {}, n, l) {
       P.length === 1 && P[0] === 0 && (P[1] = 1);
       const ee = P.length - E.length;
       if (ee > 0 && Je(P, ee), E.length === 1 && E.unshift(null), k) {
-        Ce(k < bt, "Repeat count too high, must be less than 20"), M = gt(M, k);
+        Ce(k < xt, "Repeat count too high, must be less than 20"), M = gt(M, k);
         const z = [...E], Y = [...P];
         U = Array.isArray(U) ? [...U] : [U];
         const j = [...U];
@@ -94,7 +94,7 @@ function xt(t, { defaultTransition: e = {}, ...r } = {}, n, l) {
         At(P, k);
       }
       const te = Z + M;
-      Et(I, E, U, P, Z, te), L = Math.max($ + M, L), b = Math.max(te, b);
+      Et(I, E, U, P, Z, te), L = Math.max($ + M, L), x = Math.max(te, x);
     };
     if (Ne(N)) {
       const w = de(N, A);
@@ -117,7 +117,7 @@ function xt(t, { defaultTransition: e = {}, ...r } = {}, n, l) {
       const R = [], L = [], C = [];
       for (let S = 0; S < m.length; S++) {
         const { at: I, value: F, easing: V } = m[S];
-        R.push(F), L.push(tt(0, b, I)), C.push(V || "easeOut");
+        R.push(F), L.push(tt(0, x, I)), C.push(V || "easeOut");
       }
       L[0] !== 0 && (L.unshift(0), R.unshift(R[0]), C.unshift(St)), L[L.length - 1] !== 1 && (L.push(1), R.push(null)), h.has(v) || h.set(v, {
         keyframes: {},
@@ -126,7 +126,7 @@ function xt(t, { defaultTransition: e = {}, ...r } = {}, n, l) {
       const w = h.get(v);
       w.keyframes[N] = R, w.transition[N] = {
         ...e,
-        duration: b,
+        duration: x,
         ease: C,
         times: L,
         ...r
@@ -223,8 +223,8 @@ function De(t, e, r, n) {
     const f = Ue(t, e, n), h = f.length;
     Ce(!!h, "No valid elements provided.");
     for (let A = 0; A < h; A++) {
-      const g = f[A], x = g instanceof Element ? Nt : Ct;
-      ie.has(g) || x(g);
+      const g = f[A], b = g instanceof Element ? Nt : Ct;
+      ie.has(g) || b(g);
       const y = ie.get(g), T = { ...r };
       "delay" in T && typeof T.delay == "function" && (T.delay = T.delay(A, h)), l.push(...ut(y, { ...e, transition: T }, {}));
     }
@@ -233,7 +233,7 @@ function De(t, e, r, n) {
 }
 function Ot(t, e, r) {
   const n = [];
-  return xt(t, e, r, { spring: lt }).forEach(({ keyframes: f, transition: h }, A) => {
+  return bt(t, e, r, { spring: lt }).forEach(({ keyframes: f, transition: h }, A) => {
     n.push(...De(A, f, h));
   }), n;
 }
@@ -332,6 +332,7 @@ const Gt = Bt(), mr = ["xs", "sm", "md", "lg"], dr = [
     defaultInitialMessage: "How can I help you today?",
     inputPlaceholder: "Ask about time, people, or company info and a lot of other things...",
     stopAnswerGeneration: "Stop generating",
+    responseStopped: "You stopped this response",
     sendMessage: "Send message",
     thoughtsGroupTitle: "Reflection",
     resourcesGroupTitle: "Resources",
@@ -350,6 +351,8 @@ const Gt = Bt(), mr = ["xs", "sm", "md", "lg"], dr = [
         placeholder: "Share what didn't work"
       }
     },
+    expandChat: "Expand chat",
+    collapseChat: "Collapse chat",
     ask: "Ask One"
   }
 }, Pe = ke(null);
@@ -377,7 +380,7 @@ void main(void){
 }`, ve = `attribute vec3 aVertexPosition;
 void main(void) {
     gl_Position = vec4(aVertexPosition, 1.0);
-}`, ge = "iTime", ye = "iTimeDelta", Te = "iDate", Ee = "iFrame", Ae = "iMouse", we = "iResolution", $t = "iChannel", Se = "iChannelResolution", be = "iDeviceOrientation";
+}`, ge = "iTime", ye = "iTimeDelta", Te = "iDate", Ee = "iFrame", Ae = "iMouse", we = "iResolution", $t = "iChannel", Se = "iChannelResolution", xe = "iDeviceOrientation";
 function zt(t, e) {
   return t.includes("Matrix") && Array.isArray(e);
 }
@@ -472,7 +475,7 @@ const Wt = (t, e, r, n) => {
     default:
       console.error(G(`The uniform type "${t}" is not valid, please make sure your uniform type is valid`));
   }
-}, se = 9729, xe = 9728, jt = 9987, Re = 33071, Ie = 10497;
+}, se = 9729, be = 9728, jt = 9987, Re = 33071, Ie = 10497;
 class Kt {
   gl;
   url;
@@ -513,8 +516,8 @@ class Kt {
     const { gl: r } = this, { url: n, wrapS: l, wrapT: f, minFilter: h, magFilter: A, flipY: g = -1 } = e;
     if (!n)
       return Promise.reject(new Error(G("Missing url, please make sure to pass the url of your texture { url: ... }")));
-    const x = /(\.jpg|\.jpeg|\.png|\.gif|\.bmp)$/i.exec(n), y = /(\.mp4|\.3gp|\.webm|\.ogv)$/i.exec(n);
-    if (x === null && y === null)
+    const b = /(\.jpg|\.jpeg|\.png|\.gif|\.bmp)$/i.exec(n), y = /(\.mp4|\.3gp|\.webm|\.ogv)$/i.exec(n);
+    if (b === null && y === null)
       return Promise.reject(new Error(G(`Please upload a video or an image with a valid format (url: ${n})`)));
     Object.assign(this, {
       url: n,
@@ -524,8 +527,8 @@ class Kt {
       magFilter: A,
       flipY: g
     });
-    const T = 0, b = r.RGBA, c = 1, v = 1, N = 0, m = r.RGBA, R = r.UNSIGNED_BYTE, L = new Uint8Array([255, 255, 255, 0]), C = r.createTexture();
-    if (r.bindTexture(r.TEXTURE_2D, C), r.texImage2D(r.TEXTURE_2D, T, b, c, v, N, m, R, L), y) {
+    const T = 0, x = r.RGBA, c = 1, v = 1, N = 0, m = r.RGBA, R = r.UNSIGNED_BYTE, L = new Uint8Array([255, 255, 255, 0]), C = r.createTexture();
+    if (r.bindTexture(r.TEXTURE_2D, C), r.texImage2D(r.TEXTURE_2D, T, x, c, v, N, m, R, L), y) {
       const F = this.setupVideo(n);
       return r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.LINEAR), this._webglTexture = C, this.source = F, this.isVideo = !0, F.play().then(() => this);
     }
@@ -540,7 +543,7 @@ class Kt {
       });
     }
     let S = await w(), I = (S.width & S.width - 1) === 0 && (S.height & S.height - 1) === 0;
-    return (e.wrapS !== Re || e.wrapT !== Re || e.minFilter !== xe && e.minFilter !== se) && !I && (S = this.makePowerOf2(S), I = !0), r.bindTexture(r.TEXTURE_2D, C), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, g), r.texImage2D(r.TEXTURE_2D, T, b, m, R, S), I && e.minFilter !== xe && e.minFilter !== se && r.generateMipmap(r.TEXTURE_2D), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, this.wrapS || Ie), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, this.wrapT || Ie), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, this.minFilter || jt), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, this.magFilter || se), this._webglTexture = C, this.source = S, this.isVideo = !1, this.isLoaded = !0, this.width = S.width || 0, this.height = S.height || 0, this;
+    return (e.wrapS !== Re || e.wrapT !== Re || e.minFilter !== be && e.minFilter !== se) && !I && (S = this.makePowerOf2(S), I = !0), r.bindTexture(r.TEXTURE_2D, C), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, g), r.texImage2D(r.TEXTURE_2D, T, x, m, R, S), I && e.minFilter !== be && e.minFilter !== se && r.generateMipmap(r.TEXTURE_2D), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, this.wrapS || Ie), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, this.wrapT || Ie), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, this.minFilter || jt), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, this.magFilter || se), this._webglTexture = C, this.source = S, this.isVideo = !1, this.isLoaded = !0, this.width = S.width || 0, this.height = S.height || 0, this;
   };
 }
 const G = (t) => `react-shaders: ${t}`, Fe = (t) => {
@@ -550,7 +553,7 @@ const G = (t) => `react-shaders: ${t}`, Fe = (t) => {
   }
   return [t.clientX, t.clientY];
 }, Le = (t, e, r) => t * (1 - r) + e * r, Qt = (t, e, r) => r > 0 ? t.substring(0, r) + e + t.substring(r, t.length) : e + t;
-function Jt({ fs: t, vs: e = ve, textures: r = [], uniforms: n, clearColor: l = [0, 0, 0, 1], precision: f = "highp", style: h, contextAttributes: A = {}, lerp: g = 1, devicePixelRatio: x = 1, onDoneLoadingTextures: y, onError: T = console.error, onWarning: b = console.warn }) {
+function Jt({ fs: t, vs: e = ve, textures: r = [], uniforms: n, clearColor: l = [0, 0, 0, 1], precision: f = "highp", style: h, contextAttributes: A = {}, lerp: g = 1, devicePixelRatio: b = 1, onDoneLoadingTextures: y, onError: T = console.error, onWarning: x = console.warn }) {
   const c = _(null), v = _(null), N = _(null), m = _(null), R = _(void 0), L = _(void 0), C = _(!1), w = _(void 0), S = _(0), I = _([0, 0]), F = _([]), V = _(0), E = _(void 0), d = _({
     [ge]: {
       type: "float",
@@ -582,7 +585,7 @@ function Jt({ fs: t, vs: e = ve, textures: r = [], uniforms: n, clearColor: l =
       isNeeded: !1,
       value: 0
     },
-    [be]: {
+    [xe]: {
       type: "vec4",
       isNeeded: !1,
       value: [0, 0, 0, 0]
@@ -591,7 +594,7 @@ function Jt({ fs: t, vs: e = ve, textures: r = [], uniforms: n, clearColor: l =
     const o = "width" in i ? i.width ?? 0 : 0, u = "height" in i ? i.height ?? 0 : 0, s = d.current.iChannelResolution;
     if (!s) return;
     const p = Array.isArray(s.value) ? s.value : s.value = [];
-    p[a * 3] = o * x, p[a * 3 + 1] = u * x, p[a * 3 + 2] = 0;
+    p[a * 3] = o * b, p[a * 3 + 1] = u * b, p[a * 3 + 2] = 0;
   }, k = () => {
     c.current && (v.current = c.current.getContext("webgl", A) || c.current.getContext("experimental-webgl", A), v.current?.getExtension("OES_standard_derivatives"), v.current?.getExtension("EXT_shader_texture_lod"));
   }, ue = () => {
@@ -622,7 +625,7 @@ function Jt({ fs: t, vs: e = ve, textures: r = [], uniforms: n, clearColor: l =
     const i = v.current;
     if (!i) return;
     w.current = c.current?.getBoundingClientRect();
-    const a = x, o = Math.floor((w.current?.width ?? 1) * a), u = Math.floor((w.current?.height ?? 1) * a);
+    const a = b, o = Math.floor((w.current?.width ?? 1) * a), u = Math.floor((w.current?.height ?? 1) * a);
     if (i.canvas.width = o, i.canvas.height = u, d.current.iResolution?.isNeeded && m.current) {
       const s = i.getUniformLocation(m.current, we);
       i.uniform2fv(s, [i.canvas.width, i.canvas.height]);
@@ -633,7 +636,7 @@ function Jt({ fs: t, vs: e = ve, textures: r = [], uniforms: n, clearColor: l =
     const u = o.createShader(i);
     if (!u) return null;
     if (o.shaderSource(u, a), o.compileShader(u), !o.getShaderParameter(u, o.COMPILE_STATUS)) {
-      b?.(G(`Error compiling the shader:
+      x?.(G(`Error compiling the shader:
 ${a}`));
       const s = o.getShaderInfoLog(u);
       o.deleteShader(u), T?.(G(`Shader compiler log: ${s}`));
@@ -694,8 +697,8 @@ ${a}`));
   }, te = (i) => {
     const a = pe.includes(f ?? "highp"), o = `precision ${a ? f : pe[1]} float;
 `;
-    a || b?.(G(`wrong precision type ${f}, please make sure to pass one of a valid precision lowp, mediump, highp, by default you shader precision will be set to highp.`));
-    let u = o.concat(`#define DPR ${x.toFixed(1)}
+    a || x?.(G(`wrong precision type ${f}, please make sure to pass one of a valid precision lowp, mediump, highp, by default you shader precision will be set to highp.`));
+    let u = o.concat(`#define DPR ${b.toFixed(1)}
 `).concat(i.replace(/texture\(/g, "texture2D("));
     for (const p of Object.keys(d.current))
       if (i.includes(p)) {
@@ -730,7 +733,7 @@ ${a}`));
       a.uniform3fv(s, d.current.iChannelResolution.value);
     }
     if (d.current.iDeviceOrientation?.isNeeded) {
-      const s = a.getUniformLocation(m.current, be);
+      const s = a.getUniformLocation(m.current, xe);
       a.uniform4fv(s, d.current.iDeviceOrientation.value);
     }
     if (d.current.iTime?.isNeeded) {
@@ -1002,7 +1005,7 @@ function or(t, e) {
     value: l,
     animate: f,
     motionValue: h
-  } = re(nr), { value: A, animate: g } = re(tr), { value: x, animate: y } = re(rr), { value: T, animate: b } = re(ir), c = pt(e, {
+  } = re(nr), { value: A, animate: g } = re(tr), { value: b, animate: y } = re(rr), { value: T, animate: x } = re(ir), c = pt(e, {
     fftSize: 512,
     smoothingTimeConstant: 0.55
   });
@@ -1011,19 +1014,19 @@ function or(t, e) {
       case "idle":
       case "failed":
       case "disconnected":
-        n(10), f(0.2, D), g(1.2, D), y(0.4, D), b(1, D);
+        n(10), f(0.2, D), g(1.2, D), y(0.4, D), x(1, D);
         return;
       case "listening":
       case "pre-connect-buffering":
-        n(20), f(0.3, { type: "spring", duration: 1, bounce: 0.35 }), g(1, D), y(0.7, D), b([1.5, 2], Me);
+        n(20), f(0.3, { type: "spring", duration: 1, bounce: 0.35 }), g(1, D), y(0.7, D), x([1.5, 2], Me);
         return;
       case "thinking":
       case "connecting":
       case "initializing":
-        n(30), f(0.3, D), g(0.5, D), y(1, D), b([0.5, 2.5], Me);
+        n(30), f(0.3, D), g(0.5, D), y(1, D), x([0.5, 2.5], Me);
         return;
       case "speaking":
-        n(70), f(0.3, D), g(0.75, D), y(1.25, D), b(1.5, D);
+        n(70), f(0.3, D), g(0.75, D), y(1.25, D), x(1.5, D);
         return;
     }
   }, [
@@ -1031,7 +1034,7 @@ function or(t, e) {
     f,
     g,
     y,
-    b
+    x
   ]), ne(() => {
     t === "speaking" && c > 0 && !h.isAnimating() && f(0.2 + 0.2 * c, { duration: 0 });
   }, [
@@ -1041,12 +1044,12 @@ function or(t, e) {
     f,
     g,
     y,
-    b
+    x
   ]), {
     speed: r,
     scale: l,
     amplitude: A,
-    frequency: x,
+    frequency: b,
     brightness: T
   };
 }
@@ -1072,12 +1075,12 @@ function sr(t) {
     return [r, n, l].map((h = "00") => parseInt(h, 16) / 255);
   }
 }
-function Ve({ shape: t = 1, speed: e = 1, amplitude: r = 0.5, frequency: n = 0.5, scale: l = 0.2, blur: f = 1, color: h = "#FF355E", colorShift: A = 1, brightness: g = 1, themeMode: x = typeof window < "u" && document.documentElement.classList.contains("dark") ? "dark" : "light", ref: y, className: T, ...b }) {
+function Ve({ shape: t = 1, speed: e = 1, amplitude: r = 0.5, frequency: n = 0.5, scale: l = 0.2, blur: f = 1, color: h = "#FF355E", colorShift: A = 1, brightness: g = 1, themeMode: b = typeof window < "u" && document.documentElement.classList.contains("dark") ? "dark" : "light", ref: y, className: T, ...x }) {
   const c = Ye(() => sr(h), [h]);
   return X("div", {
     ref: y,
     className: T,
-    ...b,
+    ...x,
     children: X(Jt, {
       fs: Zt,
       devicePixelRatio: globalThis.devicePixelRatio ?? 1,
@@ -1132,7 +1135,7 @@ function Ve({ shape: t = 1, speed: e = 1, amplitude: r = 0.5, frequency: n = 0.5
         },
         uMode: {
           type: "1f",
-          value: x === "light" ? 1 : 0
+          value: b === "light" ? 1 : 0
         },
         uColor: {
           type: "3fv",
@@ -1154,17 +1157,17 @@ function Ve({ shape: t = 1, speed: e = 1, amplitude: r = 0.5, frequency: n = 0.5
 }
 Ve.displayName = "AuraShader";
 function gr({ size: t = "lg", state: e, color: r, colorShift: n = 0.05, audioTrack: l, themeMode: f, className: h, ref: A, ...g }) {
-  const { speed: x, scale: y, amplitude: T, frequency: b, brightness: c } = or(e, l);
+  const { speed: b, scale: y, amplitude: T, frequency: x, brightness: c } = or(e, l);
   return X(Ve, {
     ref: A,
     blur: 0.2,
     color: r,
     colorShift: n,
-    speed: x,
+    speed: b,
     scale: y,
     themeMode: f,
     amplitude: T,
-    frequency: b,
+    frequency: x,
     brightness: c,
     className: mt(ar({
       size: t

package/dist/ai.d.ts

@@ -49,6 +49,21 @@ export declare type AiChatProviderProps = {
      * When enabled, the chat can be resized between 300px and 50% of the screen width
      */
     resizable?: boolean;
+    /**
+     * The default visualization mode for the chat
+     * When set to "fullscreen", the chat starts in fullscreen mode and auto-opens
+     * @default "sidepanel"
+     */
+    defaultVisualizationMode?: VisualizationMode;
+    /**
+     * When true, prevents switching between visualization modes (hides the expand/collapse button)
+     * @default false
+     */
+    lockVisualizationMode?: boolean;
+    /**
+     * Optional footer content rendered below the textarea
+     */
+    footer?: React.ReactNode;
     onThumbsUp?: (message: AIMessage, { threadId, feedback }: {
         threadId: string;
         feedback: string;
@@ -72,14 +87,6 @@ declare type AiChatProviderReturnValue = {
     tmp_setAgent: (agent?: string) => void;
     placeholders: string[];
     setPlaceholders: React.Dispatch<React.SetStateAction<string[]>>;
-    /**
-     * Set the amount of minutes after which the chat will be cleared automatically
-     * Set `null` to disable auto-clearing
-     *
-     * @default 15
-     */
-    setAutoClearMinutes: React.Dispatch<React.SetStateAction<number | null>>;
-    autoClearMinutes: number | null;
     /**
      * The initial message to display in the chat
      */
@@ -115,6 +122,22 @@ declare type AiChatProviderReturnValue = {
      * Reset the chat width to the default value (360px)
      */
     resetChatWidth: () => void;
+    /**
+     * The current visualization mode of the chat
+     */
+    visualizationMode: VisualizationMode;
+    /**
+     * Set the visualization mode
+     */
+    setVisualizationMode: React.Dispatch<React.SetStateAction<VisualizationMode>>;
+    /**
+     * When true, prevents switching between visualization modes
+     */
+    lockVisualizationMode: boolean;
+    /**
+     * Optional footer content rendered below the textarea
+     */
+    footer?: React.ReactNode;
 } & Pick<AiChatState, "greeting" | "agent" | "disclaimer" | "resizable">;
 
 /**
@@ -128,6 +151,9 @@ declare interface AiChatState {
     welcomeScreenSuggestions?: WelcomeScreenSuggestion[];
     disclaimer?: AiChatDisclaimer;
     resizable?: boolean;
+    defaultVisualizationMode?: VisualizationMode;
+    lockVisualizationMode?: boolean;
+    footer?: React.ReactNode;
     placeholders?: string[];
     setPlaceholders?: React.Dispatch<React.SetStateAction<string[]>>;
     onThumbsUp?: (message: AIMessage, { threadId, feedback }: {
@@ -168,6 +194,7 @@ export declare const aiTranslations: {
         defaultInitialMessage: string;
         inputPlaceholder: string;
         stopAnswerGeneration: string;
+        responseStopped: string;
         sendMessage: string;
         thoughtsGroupTitle: string;
         resourcesGroupTitle: string;
@@ -186,6 +213,8 @@ export declare const aiTranslations: {
                 placeholder: string;
             };
         };
+        expandChat: string;
+        collapseChat: string;
         ask: string;
     };
 };
@@ -550,6 +579,7 @@ export declare const defaultTranslations: {
         readonly defaultInitialMessage: "How can I help you today?";
         readonly inputPlaceholder: "Ask about time, people, or company info and a lot of other things...";
         readonly stopAnswerGeneration: "Stop generating";
+        readonly responseStopped: "You stopped this response";
         readonly sendMessage: "Send message";
         readonly thoughtsGroupTitle: "Reflection";
         readonly resourcesGroupTitle: "Resources";
@@ -568,6 +598,8 @@ export declare const defaultTranslations: {
                 readonly placeholder: "Share what didn’t work";
             };
         };
+        readonly expandChat: "Expand chat";
+        readonly collapseChat: "Collapse chat";
         readonly ask: "Ask One";
         readonly growth: {
             readonly demoCard: {
@@ -777,7 +809,7 @@ export declare const F0AiChat: () => JSX_2.Element | null;
 /**
  * @experimental This is an experimental component use it at your own risk
  */
-export declare const F0AiChatProvider: ({ enabled, greeting, initialMessage, welcomeScreenSuggestions, disclaimer, resizable, onThumbsUp, onThumbsDown, children, agent, ...copilotKitProps }: AiChatProviderProps) => JSX_2.Element;
+export declare const F0AiChatProvider: ({ enabled, greeting, initialMessage, welcomeScreenSuggestions, disclaimer, resizable, defaultVisualizationMode, lockVisualizationMode, footer, onThumbsUp, onThumbsDown, children, agent, ...copilotKitProps }: AiChatProviderProps) => JSX_2.Element;
 
 export declare const F0AiChatTextArea: ({ submitLabel, inProgress, onSend, onStop, placeholders, defaultPlaceholder, autoFocus, }: F0AiChatTextAreaProps) => JSX_2.Element;
 
@@ -1100,6 +1132,11 @@ export declare const useMessageSourcesAction: () => void;
  */
 export declare const useOrchestratorThinkingAction: () => void;
 
+/**
+ * Visualization mode for the AI chat
+ */
+export declare type VisualizationMode = "sidepanel" | "fullscreen";
+
 /**
  * Welcome screen suggestion item
  */

package/dist/ai.js

@@ -1,6 +1,6 @@
-import { A as e, B as o, C as t, E as n, h as i, F as r, a as l, x as c, i as A, b as u, s as F, t as h, v as C, w as T, c as d, n as m, o as I, p as f, H as g, I as S, k as p, L as x, O as H, q as P, P as b, S as k, T as O, l as v, m as w, U as M, r as E, j as L, d as q, e as B, u as U, g as j, f as z } from "./F0AiChat-3B4UugKL.js";
+import { A as e, B as o, C as t, E as n, h as i, F as r, a as l, x as c, i as A, b as u, s as F, t as h, v as C, w as T, c as d, n as m, o as I, p as f, H as g, I as S, k as p, L as x, O as H, q as P, P as b, S as k, T as O, l as v, m as w, U as M, r as E, j as L, d as q, e as B, u as U, g as j, f as z } from "./F0AiChat-Dv8ilDMD.js";
 import { defaultTranslations as R } from "./i18n-provider-defaults.js";
-import { A as y, F as G, c as J, b as K, a as N, o as Q, u as W } from "./F0HILActionConfirmation-CZTSs7VF.js";
+import { A as y, F as G, c as J, b as K, a as N, o as Q, u as W } from "./F0HILActionConfirmation-C2YWjDqH.js";
 export {
   e as A,
   y as AiChatTranslationsProvider,

package/dist/experimental.d.ts

@@ -408,6 +408,21 @@ declare type AiChatProviderProps = {
      * When enabled, the chat can be resized between 300px and 50% of the screen width
      */
     resizable?: boolean;
+    /**
+     * The default visualization mode for the chat
+     * When set to "fullscreen", the chat starts in fullscreen mode and auto-opens
+     * @default "sidepanel"
+     */
+    defaultVisualizationMode?: VisualizationMode;
+    /**
+     * When true, prevents switching between visualization modes (hides the expand/collapse button)
+     * @default false
+     */
+    lockVisualizationMode?: boolean;
+    /**
+     * Optional footer content rendered below the textarea
+     */
+    footer?: React.ReactNode;
     onThumbsUp?: (message: AIMessage, { threadId, feedback }: {
         threadId: string;
         feedback: string;
@@ -2500,6 +2515,7 @@ declare const defaultTranslations: {
         readonly defaultInitialMessage: "How can I help you today?";
         readonly inputPlaceholder: "Ask about time, people, or company info and a lot of other things...";
         readonly stopAnswerGeneration: "Stop generating";
+        readonly responseStopped: "You stopped this response";
         readonly sendMessage: "Send message";
         readonly thoughtsGroupTitle: "Reflection";
         readonly resourcesGroupTitle: "Resources";
@@ -2518,6 +2534,8 @@ declare const defaultTranslations: {
                 readonly placeholder: "Share what didn’t work";
             };
         };
+        readonly expandChat: "Expand chat";
+        readonly collapseChat: "Collapse chat";
         readonly ask: "Ask One";
         readonly growth: {
             readonly demoCard: {
@@ -6421,6 +6439,11 @@ declare type Visualization<R extends RecordType, Filters extends FiltersDefiniti
     }) => JSX.Element;
 };
 
+/**
+ * Visualization mode for the AI chat
+ */
+declare type VisualizationMode = "sidepanel" | "fullscreen";
+
 declare type VisualizationSettings = {
     [K in keyof typeof collectionVisualizations]: ExtractVisualizationSettings<(typeof collectionVisualizations)[K]>;
 };