@factorialco/f0-react 7.32.0 → 7.33.0

package/dist/ai.d.ts

@@ -1,26 +1,60 @@
 import { AgentState } from '@livekit/components-react';
+import { AlertTagCellValue } from '../../../ui/value-display/types/alertTag';
+import { AlertTagCellValue as AlertTagCellValue_2 } from './types/alertTag';
+import { AmountCellValue } from '../../../ui/value-display/types/amount';
+import { AmountCellValue as AmountCellValue_2 } from './types/amount';
 import { AnchorHTMLAttributes } from 'react';
+import { AvatarListCellValue } from '../../../ui/value-display/types/avatarList';
+import { AvatarListCellValue as AvatarListCellValue_2 } from './types/avatarList';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { BarSeriesCellValue } from './types/barSeries';
 import { baseColors } from '@factorialco/f0-core';
+import { CategoryBarChartCellValue } from './types/categoryBarChart';
 import { ClassValue } from 'cva';
+import { CompanyCellValue } from '../../../ui/value-display/types/company';
+import { CompanyCellValue as CompanyCellValue_2 } from './types/company';
 import { CompanyItemProps } from './types';
 import { ComponentProps } from 'react';
 import { ComponentType } from 'react';
+import { CompoundCellValue } from './types/compound';
+import { CountCellValue } from './types/count';
+import { CountryCellValue } from './types/country';
 import { CSSProperties } from 'react';
+import { DateCellValue } from '../../../ui/value-display/types/date';
+import { DateCellValue as DateCellValue_2 } from './types/date';
+import { default as default_2 } from 'react';
+import { DeltaCellValue } from './types/delta';
+import { DotTagCellValue } from '../../../ui/value-display/types/dotTag';
+import { DotTagCellValue as DotTagCellValue_2 } from './types/dotTag';
 import { EmployeeItemProps } from './types';
 import { F0TagBalanceProps as F0TagBalanceProps_2 } from './types';
 import { F0TagCompanyProps } from './types';
 import { F0TagPersonProps } from './types';
 import { F0TagTeamProps } from './types';
 import { f1Colors } from '@factorialco/f0-core';
+import { FileCellValue } from '../../../ui/value-display/types/file';
+import { FileCellValue as FileCellValue_2 } from './types/file';
+import { FolderCellValue } from '../../../ui/value-display/types/folder';
+import { FolderCellValue as FolderCellValue_2 } from './types/folder';
 import { ForwardedRef } from 'react';
 import { ForwardRefExoticComponent } from 'react';
+import { HourDistributionCellValue } from './types/hourDistribution';
 import { HTMLAttributeAnchorTarget } from 'react';
 import { HTMLAttributes } from 'react';
+import { IconCellValue } from './types/icon';
 import { ItemProps } from './types';
 import { JSX as JSX_2 } from 'react';
 import { LocalAudioTrack } from 'livekit-client';
+import { LongTextCellValue } from './types/longText';
 import { NamedExoticComponent } from 'react';
+import { NumberCellValue } from '../../../ui/value-display/types/number';
+import { NumberCellValue as NumberCellValue_2 } from './types/number';
+import { PercentageCellValue } from './types/percentage';
+import { PersonCellValue } from '../../../ui/value-display/types/person';
+import { PersonCellValue as PersonCellValue_2 } from './types/person';
+import { ProgressBarCellValue } from '../../../ui/value-display/types/progressBar';
+import { ProgressBarCellValue as ProgressBarCellValue_2 } from './types/progressBar';
+import { ProgressSeriesCellValue } from './types/progressSeries';
 import { Props as Props_3 } from './types';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
@@ -30,17 +64,29 @@ import { Ref } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { RemoteAudioTrack } from 'livekit-client';
+import { StatusCellValue } from '../../../ui/value-display/types/status';
+import { StatusCellValue as StatusCellValue_2 } from './types/status';
+import { SummaryCellValue } from './types/summary';
 import { SVGProps } from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { TagAlertProps } from '../../../f0';
 import { TagBalanceProps } from '../../../f0';
+import { TagCellValue } from '../../../ui/value-display/types/tag';
+import { TagCellValue as TagCellValue_2 } from './types/tag';
 import { TagDotProps } from '../../../f0';
+import { TagListCellValue } from '../../../ui/value-display/types/tagList';
+import { TagListCellValue as TagListCellValue_2 } from './types/tagList';
 import { TagListProps } from '../../../f0';
 import { TagRawProps } from '../../../f0';
 import { TagStatusProps } from '../../../f0';
 import { TagType } from '../../../f0';
+import { TeamCellValue } from '../../../ui/value-display/types/team';
+import { TeamCellValue as TeamCellValue_2 } from './types/team';
 import { TeamItemProps } from './types';
+import { TextCellValue } from '../../../ui/value-display/types/text';
+import { TextCellValue as TextCellValue_2 } from './types/text';
 import { TrackReferenceOrPlaceholder } from '@livekit/components-react';
+import { ValueDisplayRendererContext } from '../../../ui/value-display';
 import { VariantProps } from 'cva';
 import { WithDataTestIdReturnType } from '../../lib/data-testid';
 import { WithDataTestIdReturnType as WithDataTestIdReturnType_2 } from '../../../lib/data-testid';
@@ -803,6 +849,10 @@ export declare const aiTranslations: {
         readonly thinkingElapsedSeconds: "{{seconds}}s";
         readonly thinkingElapsedMinutes: "{{minutes}}m {{seconds}}s";
         readonly attribution: "Suggested by One";
+        readonly mentions: {
+            readonly people: "People";
+            readonly suggestions: "Mention suggestions";
+        };
         readonly evidence: {
             readonly show: "See {{name}}";
             readonly hide: "Hide {{name}}";
@@ -1404,6 +1454,28 @@ declare type CardAvatarVariant = AvatarVariant | {
     date: Date;
 };
 
+/**
+ * Bookmark (save) toggle rendered as an icon button in the card's options overlay.
+ * Shows an outline bookmark icon when not bookmarked and a filled one when bookmarked,
+ * giving an at-a-glance indication of the saved state.
+ */
+declare interface CardBookmark {
+    /**
+     * Whether the card is currently bookmarked (saved).
+     * Controls the filled vs. outline icon and keeps the toggle visible while active.
+     */
+    bookmarked: boolean;
+    /**
+     * Called with the next bookmarked state when the user toggles the bookmark.
+     */
+    onBookmarkChange: (bookmarked: boolean) => void;
+    /**
+     * Accessible label for the toggle button (e.g. "Save product").
+     * Falls back to the card `title` when omitted.
+     */
+    label?: string;
+}
+
 declare interface CardHorizontalConfirmAction {
     onClick: () => void;
     /** Accessible label and tooltip. Defaults to "Confirm" / "Reject". */
@@ -1431,10 +1503,161 @@ declare interface CardHorizontalStatus {
     label: string;
 }
 
-declare type CardInternalProps = F0AiInsightCardProps & {
+declare type CardImageAspectRatio = (typeof cardImageAspectRatios)[number];
+
+declare const cardImageAspectRatios: readonly ["default", "video"];
+
+declare type CardImageFit = (typeof cardImageFits)[number];
+
+declare const cardImageFits: readonly ["contain", "cover", "fit-width", "fit-height", "scale-down"];
+
+declare type CardImageSize = (typeof cardImageSizes)[number];
+
+declare const cardImageSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+
+declare interface CardInternalProps {
+    /**
+     * Whether the card has a compact layout
+     */
+    compact?: boolean;
+    /**
+     * The avatar to display in the card
+     */
+    avatar?: CardAvatarVariant;
+    /**
+     * Whether the card has an image
+     */
+    image?: string;
+    /**
+     * How the image should be displayed/fitted within its container
+     * @default "fit-width"
+     */
+    imageFit?: CardImageFit;
+    /**
+     * Size of the image container
+     * @default "sm"
+     */
+    imageSize?: CardImageSize;
+    /**
+     * Constrain the image container to a fixed aspect ratio instead of a fixed height.
+     * When set, `imageSize` is ignored for height.
+     * @example "video"
+     */
+    imageAspectRatio?: CardImageAspectRatio;
+    /**
+     * Whether to show a blurred background image when the image doesn't fill the container
+     * @default true
+     */
+    blurredBackground?: boolean;
+    /**
+     * The title of the card
+     */
+    title?: string;
+    /**
+     * The description of the card
+     */
+    description?: string;
+    /**
+     * Metadata items to display in the card
+     */
+    metadata?: CardMetadata[];
+    /**
+     * The children to display in the card
+     */
+    children?: ReactNode;
+    /**
+     * The link to navigate to when the card is clicked
+     */
+    link?: string;
+    /**
+     * The primary action that displays a primary button in the card footer
+     */
+    primaryAction?: CardPrimaryAction;
+    /**
+     * The secondary actions - either an array of button actions or a single link
+     */
+    secondaryActions?: CardSecondaryAction[] | CardSecondaryLink;
+    /**
+     * Actions to display in the dropdown menu inside the card content
+     */
+    otherActions?: DropdownItem[];
+    /**
+     * Bookmark (save) toggle rendered as an icon button in the card's options overlay.
+     * Shows an outline bookmark when not bookmarked and a filled one when bookmarked.
+     */
+    bookmark?: CardBookmark;
+    /**
+     * Whether the card is selectable
+     */
+    selectable?: boolean;
+    /**
+     * Whether the card is selected
+     */
+    selected?: boolean;
+    /**
+     * The callback to handle the selection of the card
+     */
+    onSelect?: (selected: boolean) => void;
+    /**
+     * The callback to handle the click of the card
+     */
+    onClick?: () => void;
+    /**
+     * Force vertical metadata for compact layout
+     * Private prop
+     */
+    forceVerticalMetadata?: boolean;
+    /**
+     * Whether the card should have a full height
+     */
+    fullHeight?: boolean;
+    /**
+     * Use a softer/lighter border (`border-f1-border-secondary`) instead of the default
+     * `border-f1-border`. Opt-in so existing cards keep their current appearance.
+     * @default false
+     */
+    subtleBorder?: boolean;
+    /**
+     * When true, disables the full-card overlay link so parent components
+     * can manage drag-and-drop while still allowing click navigation via onClick
+     */
+    disableOverlayLink?: boolean;
+    /**
+     * Alert banner displayed above the card with a coloured header strip and matching border.
+     * Supports info, warning, critical, and positive variants with a default icon per variant.
+     * Use `visible` + `onDismiss` for controlled dismiss behaviour.
+     */
+    alert?: CardAlertProps;
+}
+
+declare type CardInternalProps_2 = F0AiInsightCardProps & {
     className?: string;
 };
 
+declare type CardMetadata = {
+    /** Leading icon. Optional — when omitted the row renders just the value. */
+    icon?: IconType;
+    property: Exclude<CardMetadataProperty, {
+        type: "file";
+    }>;
+} | {
+    property: Extract<CardMetadataProperty, {
+        type: "file";
+    }>;
+};
+
+/**
+ * Card metadata property renderers.
+ * Each metadata item consists of an icon and a property with its data.
+ */
+declare type CardMetadataProperty = {
+    [K in CardPropertyType]: {
+        type: K;
+        label: string;
+        value: Parameters<(typeof valueDisplayRenderers)[K]>[0];
+    };
+}[CardPropertyType];
+
 declare interface CardPrimaryAction {
     label: string;
     icon?: IconType;
@@ -1449,6 +1672,27 @@ declare interface CardPrimaryAction {
     variant?: "default" | "outline";
 }
 
+declare const cardPropertyRenderers: {
+    readonly text: (args: TextCellValue, meta: ValueDisplayRendererContext) => default_2.JSX.Element;
+    readonly number: (args: NumberCellValue, meta: ValueDisplayRendererContext) => default_2.JSX.Element;
+    readonly date: (args: DateCellValue, meta: ValueDisplayRendererContext) => default_2.JSX.Element;
+    readonly amount: (args: AmountCellValue, meta: ValueDisplayRendererContext) => default_2.JSX.Element;
+    readonly person: (args: PersonCellValue, meta: ValueDisplayRendererContext) => default_2.JSX.Element;
+    readonly company: (args: CompanyCellValue, meta: ValueDisplayRendererContext) => default_2.JSX.Element;
+    readonly team: (args: TeamCellValue, meta: ValueDisplayRendererContext) => default_2.JSX.Element;
+    readonly status: (args: StatusCellValue) => default_2.JSX.Element;
+    readonly tag: (args: TagCellValue) => default_2.JSX.Element;
+    readonly avatarList: (args: AvatarListCellValue, meta: ValueDisplayRendererContext) => default_2.JSX.Element;
+    readonly tagList: (args: TagListCellValue) => default_2.JSX.Element;
+    readonly alertTag: (args: AlertTagCellValue) => default_2.JSX.Element;
+    readonly dotTag: (args: DotTagCellValue) => default_2.JSX.Element;
+    readonly file: (args: FileCellValue) => default_2.JSX.Element;
+    readonly folder: (args: FolderCellValue) => default_2.JSX.Element;
+    readonly progressBar: (args: ProgressBarCellValue, _meta: ValueDisplayRendererContext) => default_2.JSX.Element | null;
+};
+
+declare type CardPropertyType = keyof typeof cardPropertyRenderers;
+
 declare interface CardSecondaryAction {
     label: string;
     icon?: IconType;
@@ -1848,6 +2092,16 @@ export declare const contentTypes: readonly ["text", "person", "people", "team",
 
 declare type CountryCode = keyof TranslationsType["countries"];
 
+/**
+ * The `person` mention source for a person search: what `searchPersons`
+ * becomes. Exported so hosts that build their own `mentionSources` can place
+ * people explicitly.
+ */
+export declare function createPersonMentionSource(searchPersons: (query: string) => Promise<PersonProfile[]>, options: {
+    label: string;
+    order?: MentionSource["order"];
+}): MentionSource;
+
 /**
  * Credits usage data returned by the host app
  */
@@ -1862,6 +2116,32 @@ export declare type CreditsUsage = {
  */
 export declare type CSSRgbString = `rgb(${number}, ${number}, ${number})` | `rgb(${number},${number},${number})`;
 
+/**
+ * Hover card content of a host-registered entity type. `avatar` is the card's
+ * leading slot, where a person's avatar goes: an icon for most entities
+ * (`{ type: "icon", icon: PalmTree }`).
+ */
+export declare type CustomEntityRefCard = Pick<F0CardProps, "title" | "description" | "avatar">;
+
+/**
+ * How a host-defined `<entity-ref type="…">` renders in messages.
+ *
+ * The ref renders exactly like a person mention: an `@label` chip whose
+ * hover card is resolved on first open.
+ */
+export declare type CustomEntityRefConfig = {
+    /**
+     * Lazily resolves the hover card the first time it opens. While it runs the
+     * card shows a skeleton; when it is omitted or fails, the card shows the
+     * label with `avatar`.
+     */
+    resolve?: (id: string) => Promise<CustomEntityRefCard>;
+    /** Card avatar used when `resolve` returns none, or is omitted or fails. */
+    avatar?: CustomEntityRefCard["avatar"];
+    /** When set, the card gets a "View" action to this URL. */
+    url?: (id: string) => string;
+};
+
 /**
  * Callbacks for persisting dashboards externally (beyond chat history).
  */
@@ -2688,6 +2968,10 @@ export declare const defaultTranslations: {
         readonly thinkingElapsedSeconds: "{{seconds}}s";
         readonly thinkingElapsedMinutes: "{{minutes}}m {{seconds}}s";
         readonly attribution: "Suggested by One";
+        readonly mentions: {
+            readonly people: "People";
+            readonly suggestions: "Mention suggestions";
+        };
         readonly evidence: {
             readonly show: "See {{name}}";
             readonly hide: "Hide {{name}}";
@@ -3618,6 +3902,14 @@ declare type EmployeeCreditsUsage = {
 export declare type EntityRefs = {
     resolvers?: EntityResolvers;
     urls?: EntityUrlBuilders;
+    /**
+     * Entity types F0 does not know, keyed by the `type` attribute of
+     * `<entity-ref>` (e.g. `allowance`, `timeoff_policy`). Built-in types
+     * (`person`, `candidate`, …) keep their own renderers and are configured
+     * through `resolvers` and `urls`; an entry here for one of them is ignored.
+     * Types that are neither built in nor registered render as plain text.
+     */
+    custom?: Record<string, CustomEntityRefConfig>;
 };
 
 /**
@@ -3855,7 +4147,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, usageLimits, footer, isWelcomeScreen, fullscreen, welcomeScreenSuggestions, onSuggestionClick, welcomeScreenSuggestionsPlacement, welcomeScreenSuggestionsCollapsedByDefault, welcomeScreenCards, padding, ref, }: F0AiChatTextAreaProps) => JSX_2.Element;
+export declare const F0AiChatTextArea: ({ onSubmit, onStop, inProgress, onBeforeSubmit, placeholders, creditWarning, clarifyingUI, pendingContext, onPendingContextChange, pendingQuote, onPendingQuoteChange, fileAttachments, toolbarStart, onTranscribe, searchPersons, mentionSources, onProcessFilesRef, disclaimer, usageLimits, footer, isWelcomeScreen, fullscreen, welcomeScreenSuggestions, onSuggestionClick, welcomeScreenSuggestionsPlacement, welcomeScreenSuggestionsCollapsedByDefault, welcomeScreenCards, padding, ref, }: F0AiChatTextAreaProps) => JSX_2.Element;
 
 export declare type F0AiChatTextAreaProps = {
     ref: RefObject<HTMLDivElement>;
@@ -3906,8 +4198,20 @@ export declare type F0AiChatTextAreaProps = {
      * reviews and sends it manually). When omitted, the microphone is hidden.
      */
     onTranscribe?: TranscribeFn;
-    /** Async search used by the @-mention popover. When omitted, mentions are disabled. */
+    /**
+     * Async person search used by the @-mention popover. It becomes the built-in
+     * `person` mention source, listed first unless `mentionSources` already has
+     * a source of type `"person"`. When both this and `mentionSources` are
+     * omitted, mentions are disabled.
+     */
     searchPersons?: (query: string) => Promise<PersonProfile[]>;
+    /**
+     * Typed @-mention sources. Each source is a group in the popover and its
+     * items are sent as `<entity-ref type="<item.type>" id="<item.id>">label</entity-ref>`.
+     * Mentions are tracked by position, so two items with the same label keep
+     * their own ids. Order the groups with `MentionSource.order`.
+     */
+    mentionSources?: MentionSource[];
     /**
      * Registers a callback that lets external drop zones forward dropped
      * files to this textarea's file-attachment pipeline. The textarea calls
@@ -4123,7 +4427,7 @@ export declare type F0AiInsightCardProps = {
     onAskOne?: () => void;
 } & AiInsightCardContent;
 
-declare type F0AiInsightCardPublicProps = Omit<CardInternalProps, (typeof privateProps)[number]>;
+declare type F0AiInsightCardPublicProps = Omit<CardInternalProps_2, (typeof privateProps_2)[number]>;
 
 export declare class F0AiMask {
     readonly element: HTMLElement;
@@ -4736,6 +5040,8 @@ declare interface F0CardHorizontalProps {
     descriptionAsSingleLine?: boolean;
 }
 
+declare type F0CardProps = Omit<CardInternalProps, (typeof privateProps)[number]>;
+
 /**
  * Clarifying question panel — content only, no mount animation.
  *
@@ -5261,6 +5567,50 @@ export declare type MaskOptions = {
     styles?: Partial<CSSStyleDeclaration>;
 };
 
+/** One row of the @-mention popover, as a {@link MentionSource} returns it. */
+export declare type MentionItem = {
+    /** Serialised as the `type` attribute of the `<entity-ref>` tag. */
+    type: string;
+    /** Serialised as the `id` attribute of the `<entity-ref>` tag. */
+    id: string;
+    /** Inserted after the `@` in the textarea and used as the tag's text. */
+    label: string;
+    /** Secondary line under the label (job title, unit · policy…). */
+    description?: string;
+    /** Leading slot of the row: a person's avatar, or an icon for most entities. */
+    avatar?: AvatarVariant;
+};
+
+/** What a source knows about the message when it is asked to search. */
+export declare type MentionSearchContext = {
+    /** The full textarea text. */
+    text: string;
+    /** Cursor offset in `text`. */
+    cursor: number;
+    /** Completed mentions that end before the `@` being typed, in text order. */
+    mentionsBefore: TrackedMention[];
+};
+
+/**
+ * A typed source of @-mention suggestions. Each source is one group in the
+ * popover.
+ */
+export declare type MentionSource = {
+    /** Identifies the group. Usually the `type` of the items it returns. */
+    type: string;
+    /** Heading of the group, shown when more than one source is configured. */
+    label: string;
+    /** Returns the rows for `query` (the text between the `@` and the cursor). */
+    search: (query: string, context: MentionSearchContext) => Promise<MentionItem[]>;
+    /**
+     * Where the group sits in the popover: groups sort ascending, `0` when
+     * unset, ties keep the order of the `mentionSources` array. A function lets
+     * a group move up for the message so far, e.g. counters first once a person
+     * is mentioned. Enter and the arrow keys follow the displayed order.
+     */
+    order?: number | ((context: MentionSearchContext) => number);
+};
+
 /**
  * Loose message shape used by the headless container and its
  * subcomponents. Mirrors the CopilotKit `Message`/`AIMessage` shape
@@ -5598,7 +5948,9 @@ declare interface PongBallProps {
     style?: React.CSSProperties;
 }
 
-declare const privateProps: readonly ["className"];
+declare const privateProps: readonly ["forceVerticalMetadata", "disableOverlayLink"];
+
+declare const privateProps_2: readonly ["className"];
 
 declare type Props<Text extends string = string> = {
     text: Text extends "" ? never : Text;
@@ -5885,6 +6237,20 @@ declare interface ThreadItemProps extends ThreadActionHandlers {
  */
 export declare function ThreadListSkeleton(): JSX_2.Element;
 
+/**
+ * A mention the composer has recorded. It is anchored by the offset of its
+ * `@`, not matched by label, so two mentions with the same label (two people
+ * called "Ana García", or a person and a counter both called "Vacation") keep
+ * their own ids.
+ */
+export declare type TrackedMention = {
+    type: string;
+    id: string;
+    label: string;
+    /** Offset of the mention's `@` in the textarea text. */
+    start: number;
+};
+
 /**
  * Transcribes a recorded audio blob to text (voice dictation). The returned
  * promise resolves with the final transcript; `onPartial` delivers
@@ -6068,6 +6434,47 @@ export declare type VacancyProfile = {
     vacancyType?: string;
 };
 
+declare type ValueDisplayRendererContext_2 = {
+    visualization: ValueDisplayVisualizationType;
+    i18n: TranslationsType;
+    tableAlign?: ValueDisplayTableAlignment;
+};
+
+declare const valueDisplayRenderers: {
+    readonly text: (args: TextCellValue_2, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly longText: (args: LongTextCellValue, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly number: (args: NumberCellValue_2, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly date: (args: DateCellValue_2, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly amount: (args: AmountCellValue_2, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly compound: (args: CompoundCellValue, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly avatarList: (args: AvatarListCellValue_2, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly status: (args: StatusCellValue_2) => JSX_2.Element;
+    readonly alertTag: (args: AlertTagCellValue_2) => JSX_2.Element;
+    readonly person: (args: PersonCellValue_2, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly percentage: (args: PercentageCellValue, meta: ValueDisplayRendererContext_2) => JSX_2.Element | null;
+    readonly progressBar: (args: ProgressBarCellValue_2, _meta: ValueDisplayRendererContext_2) => JSX_2.Element | null;
+    readonly progressSeries: (args: ProgressSeriesCellValue, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly barSeries: (args: BarSeriesCellValue, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly categoryBarChart: (args: CategoryBarChartCellValue, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly hourDistribution: (args: HourDistributionCellValue, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly company: (args: CompanyCellValue_2, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly team: (args: TeamCellValue_2, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly tag: (args: TagCellValue_2) => JSX_2.Element;
+    readonly dotTag: (args: DotTagCellValue_2) => JSX_2.Element;
+    readonly tagList: (args: TagListCellValue_2) => JSX_2.Element;
+    readonly icon: (args: IconCellValue, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly file: (args: FileCellValue_2) => JSX_2.Element;
+    readonly folder: (args: FolderCellValue_2) => JSX_2.Element;
+    readonly country: (args: CountryCellValue, context: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly delta: (args: DeltaCellValue) => JSX_2.Element;
+    readonly summary: (args: SummaryCellValue, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+    readonly count: (args: CountCellValue, meta: ValueDisplayRendererContext_2) => JSX_2.Element;
+};
+
+declare type ValueDisplayTableAlignment = "left" | "right";
+
+declare type ValueDisplayVisualizationType = "table" | "card" | "list" | (string & {});
+
 declare type Variant = (typeof statuses)[number];
 
 /**
@@ -6195,11 +6602,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        fontSize: {
+            setFontSize: (fontSize: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
         };
     }
 }
@@ -6207,9 +6612,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (fontSize: string) => ReturnType;
-            unsetFontSize: () => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }

package/dist/ai.js

@@ -1,6 +1,6 @@
-import { C as e, D as r, c as t, F as i, a as o, f as n, g as F, d as C, e as l, I as A, P as d, b as u, u as m } from "./F0CanvasPanel-BWGjNwSC.js";
+import { C as e, D as r, c as t, F as i, a as o, f as n, g as F, d as C, e as l, I as A, P as d, b as u, u as m } from "./F0CanvasPanel-BCZjxhVB.js";
 import { defaultTranslations as c } from "./i18n-provider-defaults.js";
-import { A as g, C as p, t as v, s as I, v as T, y as f, z as y, l as S, i as x, q as b, D as k, E as B, p as H, r as L, j as O, e as V, g as w, k as D, F as M, T as z, w as E, h as j, a as q, n as G, m as R, o as U, B as J, b as K, f as N, x as Q, c as W, d as X, u as Y } from "./F0AiProcessingOverlay-DT4-88F7.js";
+import { A as g, C as p, t as v, s as I, v as T, y as S, B as f, l as y, i as x, q as b, E as k, G as B, p as H, r as L, j as M, e as O, g as V, k as w, F as D, T as z, w as E, h as G, a as j, n as q, z as R, m as U, o as J, D as K, b as N, f as Q, x as W, c as X, d as Y, u as Z } from "./F0AiProcessingOverlay-DxlgF3Pt.js";
 export {
   g as AiChatTranslationsProvider,
   e as ChatSpinner,
@@ -12,9 +12,9 @@ export {
   I as F0AiChatHeader,
   T as F0AiChatHistory,
   o as F0AiChatProvider,
-  f as F0AiChatTextArea,
-  y as F0AiChatUsageLimitsButton,
-  S as F0AiInsightCard,
+  S as F0AiChatTextArea,
+  f as F0AiChatUsageLimitsButton,
+  y as F0AiInsightCard,
   x as F0AiMask,
   b as F0AiMessageSources,
   k as F0AiMessagesContainer,
@@ -22,31 +22,32 @@ export {
   B as F0AiProcessingOverlay,
   H as F0AiProposalCard,
   L as F0AiTableCard,
-  O as F0AuraVoiceAnimation,
-  V as F0CanvasCard,
+  M as F0AuraVoiceAnimation,
+  O as F0CanvasCard,
   F as F0CanvasPanel,
-  w as F0ClarifyingPanel,
-  D as F0HILActionConfirmation,
+  V as F0ClarifyingPanel,
+  w as F0HILActionConfirmation,
   C as F0OneIcon,
   l as F0OneSwitch,
-  M as FormCardValueFormatterProvider,
+  D as FormCardValueFormatterProvider,
   A as I18nProvider,
   d as PongBall,
   z as ThreadItem,
   E as ThreadListSkeleton,
-  j as actionItemStatuses,
-  q as aiTranslations,
-  G as contentTypes,
+  G as actionItemStatuses,
+  j as aiTranslations,
+  q as contentTypes,
+  R as createPersonMentionSource,
   c as defaultTranslations,
-  R as markdownRenderers,
-  U as oneIconSizes,
-  J as usageLimitsPopoverSides,
+  U as markdownRenderers,
+  J as oneIconSizes,
+  K as usageLimitsPopoverSides,
   u as useAiChat,
-  K as useAiChatTranslations,
-  N as useCanvasEntity,
-  Q as useChatHistory,
-  W as useFormCardValueFormatter,
+  N as useAiChatTranslations,
+  Q as useCanvasEntity,
+  W as useChatHistory,
+  X as useFormCardValueFormatter,
   m as useI18n,
-  X as useSetFormCardValueFormatter,
-  Y as useToolCallId
+  Y as useSetFormCardValueFormatter,
+  Z as useToolCallId
 };