@factorialco/f0-react 2.19.1 → 2.20.0

package/dist/ai.js

@@ -1,49 +1,44 @@
-import { d as o, l as r, k as e, F as t, a as n, C as i, b as d, m as C, n as F, e as l, h as m, I as u, g as h, c as A, i as D, u as c, j as v, f as I } from "./useDataCollectionSource-DTsD48r9.js";
-import { defaultTranslations as b } from "./i18n-provider-defaults.js";
-import { A as p, C as P, c as S, D as T, a as w, b as x, e as H, f as M, g as V, h as k, p as j, l as y, r as O, m as q, n as z, i as B, F as E, d as L, M as W, k as G, j as J, q as K, o as N, s as Q, u as R } from "./F0AiProposalCard-CzWoGKwm.js";
+import { C as e, D as r, e as i, F as t, h as o, i as n, a as F, k as C, l, m as A, n as u, d, f as m, g as h, I as c, P as I, c as P, j as f, u as g, b as v } from "./F0CanvasPanel-ClSoMwWX.js";
+import { defaultTranslations as p } from "./i18n-provider-defaults.js";
+import { A as S, j as x, g as H, m as V, l as b, n as k, h as M, d as O, i as j, F as D, f as w, a as z, k as B, o as E, u as L, e as q, b as G, c as J } from "./F0AiTableCard-CJyoi39I.js";
 export {
-  p as AiChatTranslationsProvider,
-  o as CanvasCard,
-  r as ChatSpinner,
-  P as CloseCanvasButton,
-  S as DashboardCanvasProvider,
-  T as DashboardCard,
-  w as DashboardContent,
-  x as DashboardHeader,
-  H as DataDownloadCard,
-  M as DataDownloadContent,
-  V as DataDownloadHeader,
-  k as DataDownloadProvider,
-  e as F0ActionItem,
+  S as AiChatTranslationsProvider,
+  e as ChatSpinner,
+  r as DropOverlay,
+  i as F0ActionItem,
   t as F0AiChat,
-  n as F0AiChatProvider,
-  i as F0AiChatTextArea,
-  d as F0AiFullscreenChat,
-  j as F0AiInsightCard,
-  y as F0AiMask,
-  O as F0AiProposalCard,
-  q as F0AuraVoiceAnimation,
-  z as F0HILActionConfirmation,
-  B as F0MessageCreditsWarning,
-  C as F0OneIcon,
-  F as F0OneSwitch,
-  l as FormCard,
-  m as FormCardValueFormatterProvider,
-  E as FormContent,
-  L as FormHeader,
-  u as I18nProvider,
-  W as MessageSources,
-  G as actionItemStatuses,
-  J as aiTranslations,
-  K as contentTypes,
-  b as defaultTranslations,
-  N as oneIconSizes,
-  Q as savedDashboardConfigStore,
-  h as useAiChat,
-  R as useAiChatTranslations,
-  A as useCanvasEntity,
-  D as useFormCardValueFormatter,
-  c as useI18n,
-  v as useSetFormCardValueFormatter,
-  I as useToolCallId
+  o as F0AiChatHeader,
+  n as F0AiChatHistory,
+  F as F0AiChatProvider,
+  C as F0AiChatTextArea,
+  x as F0AiInsightCard,
+  H as F0AiMask,
+  V as F0AiMessageSources,
+  l as F0AiMessagesContainer,
+  A as F0AiPong,
+  b as F0AiProposalCard,
+  k as F0AiTableCard,
+  M as F0AuraVoiceAnimation,
+  O as F0CanvasCard,
+  u as F0CanvasPanel,
+  d as F0ClarifyingPanel,
+  j as F0HILActionConfirmation,
+  m as F0OneIcon,
+  h as F0OneSwitch,
+  D as FormCardValueFormatterProvider,
+  c as I18nProvider,
+  I as PongBall,
+  w as actionItemStatuses,
+  z as aiTranslations,
+  B as contentTypes,
+  p as defaultTranslations,
+  E as oneIconSizes,
+  P as useAiChat,
+  L as useAiChatTranslations,
+  q as useCanvasEntity,
+  f as useChatHistory,
+  G as useFormCardValueFormatter,
+  g as useI18n,
+  J as useSetFormCardValueFormatter,
+  v as useToolCallId
 };

package/dist/experimental.d.ts

@@ -556,12 +556,6 @@ declare type AiChatProviderProps = {
      * them here so canvas logic lives in one place.
      */
     canvasEntities?: Record<string, CanvasEntityDefinition>;
-    /**
-     * Available tool hints that the user can activate to provide intent context
-     * to the AI. Renders a selector button next to the send button.
-     * Only one tool hint can be active at a time.
-     */
-    toolHints?: AiChatToolHint[];
     /**
      * Credits configuration. When provided, a credits button is shown in the chat header.
      * Groups fetchUsage, upgradePlanUrl, and company/plan display info.
@@ -605,32 +599,10 @@ declare type AiChatProviderProps = {
     runtimeFetch?: typeof fetch;
 } & Pick<CopilotKitProps, "agent" | "credentials" | "children" | "runtimeUrl" | "showDevConsole" | "threadId" | "headers">;
 
-/**
- * A tool hint that can be activated to prepend invisible context to the user's
- * message, telling the AI about the user's intent (e.g. "generate tables",
- * "data analysis"). Similar to Gemini's tool selector UI.
- *
- * Only one tool hint can be active at a time. It persists across messages
- * until the user explicitly removes it.
- */
-declare type AiChatToolHint = {
-    /** Unique identifier for this tool hint */
-    id: string;
-    /** Display label shown in the selector and chip */
-    label: string;
-    /** Optional icon shown in the selector and chip */
-    icon?: IconType;
-    /**
-     * Prompt text injected as invisible context before the user's message.
-     * The AI receives this but the user never sees it in the chat.
-     */
-    prompt: string;
-};
-
 declare type AiChatTrackingOptions = {
     onVisibility?: () => void;
     onClose?: () => void;
-    onWelcomeSuggestionClick?: (suggestion: WelcomeScreenSuggestion) => void;
+    onWelcomeSuggestionClick?: (item: WelcomeScreenSuggestionItem) => void;
     onNewChat?: () => void;
     onMessage?: (message: Message_2) => void;
 };
@@ -1454,13 +1426,7 @@ declare type CanvasContentBase = {
  * Contract for a canvas entity type.
  *
  * Each entity (dashboard, survey, goal, job-posting…) implements this
- * interface and is added to the `canvasEntities` record in `registry.ts`.
- *
- * To add a new entity type:
- * 1. Create a folder in `canvas/entities/<your-entity>/`
- * 2. Define a type extending `CanvasContentBase` in `types.ts`
- * 3. Implement and export `CanvasEntityDefinition` in `index.tsx`
- * 4. Add the entity to the record in `canvas/registry.ts`
+ * interface and is added to the `canvasEntities` record passed to F0AiChat.
  */
 declare type CanvasEntityDefinition<T extends CanvasContentBase = CanvasContentBase> = {
     /** Must match the `type` discriminant on the content object */
@@ -3186,13 +3152,6 @@ declare const defaultTranslations: {
         readonly thoughtsGroupTitle: "Reflection";
         readonly resourcesGroupTitle: "Resources";
         readonly thinking: "Thinking...";
-        readonly closeDashboard: "Close dashboard";
-        readonly unsavedChanges: "Unsaved changes";
-        readonly saveChanges: "Save changes";
-        readonly discardChanges: "Discard";
-        readonly saveAsChanges: "Save as";
-        readonly exportTable: "Download table";
-        readonly generatedTableFilename: "OneGeneratedTable";
         readonly feedbackModal: {
             readonly positive: {
                 readonly title: "What did you like about this response?";
@@ -3205,7 +3164,6 @@ declare const defaultTranslations: {
                 readonly placeholder: "Share what didn’t work";
             };
         };
-        readonly dataDownloadPreview: "Preview {{shown}} of {{total}} rows — download the Excel to see all data.";
         readonly expandChat: "Expand chat";
         readonly collapseChat: "Collapse chat";
         readonly chatHistory: "Chat history";
@@ -3223,7 +3181,6 @@ declare const defaultTranslations: {
         readonly deleteChat: "Delete chat";
         readonly ask: "Ask One";
         readonly view: "View";
-        readonly tools: "Tools";
         readonly entityRef: {
             readonly candidate: {
                 readonly source: "Source";
@@ -3245,42 +3202,22 @@ declare const defaultTranslations: {
             readonly needMoreCredits: "Need more credits?";
         };
         readonly reportCard: {
-            readonly reportLabel: "Report";
             readonly tableLabel: "Table";
             readonly openButton: "Open";
         };
         readonly formCard: {
             readonly moreFields: "Open to see all fields";
         };
-        readonly dashboard: {
-            readonly save: "Save";
-            readonly saveToAnalytics: "Save the dashboard in Analytics";
-            readonly saveTableToAnalytics: "Save the table in Analytics";
-            readonly saveAs: "Save as";
-            readonly saveDialog: {
-                readonly title: "Save dashboard";
-                readonly titleLabel: "Title";
-                readonly descriptionLabel: "Description";
-                readonly descriptionPlaceholder: "Add a description (optional)";
-                readonly save: "Save";
-                readonly cancel: "Cancel";
-            };
-            readonly status: {
-                readonly saved: "Saved";
-                readonly draft: "Draft";
-                readonly unsaved: "Unsaved";
-            };
-            readonly statusLabel: "Status";
-            readonly lastEdited: "Last edited";
-            readonly createdBy: "Created by";
+        readonly aiTable: {
+            readonly title: "Table";
+            readonly downloadExcel: "Download Excel";
+            readonly downloadCsv: "Download CSV";
         };
         readonly dataDownload: {
             readonly title: "Download";
             readonly download: "Download {{format}}";
             readonly exportDashboard: "Export dashboard as {{format}}";
-            readonly export: "Export";
             readonly exporting: "Exporting…";
-            readonly rows: "{{amount}} rows";
         };
         readonly dashboardItem: {
             readonly chartType: "Chart type";
@@ -3300,11 +3237,6 @@ declare const defaultTranslations: {
             readonly soft: "You're running low on AI credits.";
             readonly getCredits: "Get credits";
             readonly dismiss: "Dismiss";
-            readonly messageBanner: {
-                readonly title: "This response requires credits";
-                readonly description: "Your company has run out of AI credits.";
-                readonly actionLabel: "Get credits";
-            };
         };
         readonly attachFile: "Attach file";
         readonly removeFile: "Remove";
@@ -3522,8 +3454,6 @@ declare const defaultTranslations: {
         };
     };
     readonly forms: {
-        readonly yes: "Yes";
-        readonly no: "No";
         readonly actionBar: {
             readonly unsavedChanges: "You have changes pending to be saved";
             readonly saving: "Saving...";
@@ -6482,6 +6412,7 @@ declare namespace _Page {
 export declare type PageAction = {
     label: string;
     icon: IconType;
+    variant?: ActionButtonVariant;
 } & ({
     href: string;
 } | {
@@ -8279,11 +8210,23 @@ export declare const WeekStartDay: {
 export declare type WeekStartsOn = (typeof WeekStartDay)[keyof typeof WeekStartDay];
 
 /**
- * Welcome screen suggestion item
+ * A welcome-screen group rendered as an outline button in the welcome row.
+ * Clicking the group opens a popover listing its `items`.
  */
 declare type WelcomeScreenSuggestion = {
     icon: IconType;
-    message: string;
+    label: string;
+    items: WelcomeScreenSuggestionItem[];
+};
+
+/**
+ * A single sub-suggestion shown inside a welcome-screen group's popover.
+ * The `title` is the label users see; `prompt` is what gets sent to the AI
+ * when they click (falls back to `title` when omitted). They can diverge so
+ * you can show a short, scannable title while sending a fully-formed prompt.
+ */
+declare type WelcomeScreenSuggestionItem = {
+    title: string;
     prompt?: string;
 };
 
@@ -8484,6 +8427,11 @@ declare module "gridstack" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -8533,11 +8481,6 @@ declare module "@tiptap/core" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare namespace F0GraphNodeWrapperInner {
     var displayName: string;
 }