@factorialco/f0-react 12.6.0 → 12.7.0

package/dist/{index-DE9tIS8D.d.ts → index-DIwa_k8B.d.ts}

@@ -6,9 +6,9 @@ import { baseColors } from "@factorialco/f0-core";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { TooltipPopupProps, TooltipPositionerProps } from "@base-ui/react/tooltip";
 //#region src/elements/lib/data-testid/data-testid.d.ts
-type WithDataTestIdProps = {
+interface WithDataTestIdProps {
   dataTestId?: string;
-};
+}
 /**
  * Wrapper component that conditionally renders a `data-testid` attribute.
  *
@@ -330,10 +330,10 @@ declare const F0AvatarEmoji: WithDataTestIdReturnType<typeof F0AvatarEmojiBase>;
 //#region src/elements/avatars/F0AvatarFile/types.d.ts
 declare const avatarFileSizes: readonly ["xs", "sm", "md", "lg"];
 type AvatarFileSize = (typeof avatarFileSizes)[number];
-type FileDef = {
+interface FileDef {
   name: string;
   type: string;
-};
+}
 //#endregion
 //#region src/elements/avatars/F0AvatarFile/F0AvatarFile.d.ts
 type F0AvatarFileProps = Omit<React.ComponentPropsWithoutRef<typeof Avatar>, "type" | "size"> & {
@@ -530,7 +530,7 @@ declare const F0AvatarModule: WithDataTestIdReturnType<typeof F0AvatarModuleBase
  * Base shape shared by all canvas content types.
  * Every entity adds its own fields on top of this.
  */
-type CanvasContentBase = {
+interface CanvasContentBase {
   type: string;
   title: string;
   description?: string;
@@ -560,7 +560,7 @@ type CanvasContentBase = {
    * with `coversChat`, which fullscreen always dismisses.
    */
   keepsUnderFullscreen?: boolean;
-};
+}
 /**
  * Dashboard canvas content — renders an analytics dashboard.
  */
@@ -634,16 +634,16 @@ type CanvasContent = DashboardCanvasContent | FormCanvasContent | DataDownloadCa
  * Each entity defines its own actions type; this aggregates them.
  * Passed by the host app to F0AiChatProvider via `canvasActions`.
  */
-type CanvasActions = {
+interface CanvasActions {
   dashboard?: DashboardCanvasActions;
-};
+}
 /**
  * Contract for a canvas entity type.
  *
  * Each entity (dashboard, survey, goal, job-posting…) implements this
  * interface and is added to the `canvasEntities` record passed to F0AiChat.
  */
-type CanvasEntityDefinition<T extends CanvasContentBase = CanvasContentBase> = {
+interface CanvasEntityDefinition<T extends CanvasContentBase = CanvasContentBase> {
   /** Must match the `type` discriminant on the content object */
   type: T["type"];
   /** Renders the main body of the canvas panel */
@@ -669,12 +669,12 @@ type CanvasEntityDefinition<T extends CanvasContentBase = CanvasContentBase> = {
    * `overflow-auto`, letting the entity manage its own scrolling.
    */
   overflowHidden?: boolean;
-};
+}
 /**
  * Inline dataset for client-side file generation (Excel / CSV).
  * Sent by the agent with the raw query results.
  */
-type DataDownloadDataset = {
+interface DataDownloadDataset {
   /** Column headers in display order. */
   columns: string[];
   /** Array of row objects keyed by column name. */
@@ -694,13 +694,13 @@ type DataDownloadDataset = {
    * Used for Excel/CSV headers. Falls back to the raw column name when absent.
    */
   columnLabels?: Record<string, string>;
-};
+}
 /**
  * A single proposed shift block in a timesheet-autofill preview. Every proposed
  * block carries concrete employee-local clock times (ISO datetime or "HH:MM");
  * days that cannot be proposed are omitted rather than emitted with empty bounds.
  */
-type AutofillTimesheetShift = {
+interface AutofillTimesheetShift {
   date: string;
   clockIn: string;
   clockOut: string;
@@ -713,7 +713,7 @@ type AutofillTimesheetShift = {
    * location-type enum (today: "office" | "work_from_home" | "business_trip").
    */
   locationType?: string | null;
-};
+}
 /**
  * A preset formatting instruction the LLM can specify instead of a
  * real formatter function. The wrapper component maps these to actual
@@ -919,14 +919,14 @@ type ChatDashboardDateNavigationGranularity = "day" | "week" | "month" | "quarte
  * grid. The `column` and `datasetId` are agent-side metadata used by the
  * compute SQL builder; they are stripped before reaching F0AnalyticsDashboard.
  */
-type ChatDashboardNavigationFilterDefinition = {
+interface ChatDashboardNavigationFilterDefinition {
   type: "dateNavigation";
   label: string;
   column: string;
   datasetId: string;
   granularities: ChatDashboardDateNavigationGranularity[];
   defaultGranularity?: ChatDashboardDateNavigationGranularity;
-};
+}
 interface ChatDashboardColumn {
   /** Column key — must match a key in each row object */
   id: string;
@@ -1033,7 +1033,7 @@ interface ChatDashboardConfig {
  * list page since this conversation was first opened). The header prefers
  * these values over the ones baked into `content` / `config`.
  */
-type DashboardMetadata = {
+interface DashboardMetadata {
   /**
    * Latest persisted title. When present, the header displays this instead
    * of `content.title` so the chat-history snapshot never shadows the
@@ -1056,11 +1056,11 @@ type DashboardMetadata = {
    * can forward backend payloads verbatim without pre-parsing.
    */
   lastEdited: Date | string;
-};
+}
 /**
  * Callbacks for persisting dashboards externally (beyond chat history).
  */
-type DashboardCanvasActions = {
+interface DashboardCanvasActions {
   /** Update an existing saved dashboard */
   save: (id: string, category: string, config: ChatDashboardConfig) => Promise<void>;
   /**
@@ -1080,7 +1080,7 @@ type DashboardCanvasActions = {
    * instead of showing a placeholder.
    */
   getMetadata?: (id: string) => Promise<DashboardMetadata | void>;
-};
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiFileAttachments/types.d.ts
 /**
@@ -1088,7 +1088,7 @@ type DashboardCanvasActions = {
  * assistant produced. Built from the host's message parts with the adapters in
  * `./adapters`.
  */
-type AiChatFile = {
+interface AiChatFile {
   url: string;
   name: string;
   /**
@@ -1108,7 +1108,7 @@ type AiChatFile = {
   /** Intrinsic photo size; reserves the box before the photo loads. */
   width?: number;
   height?: number;
-};
+}
 /**
  * Which kind of preview a file opened. Photos and documents open a viewer
  * today; `video` and `file` are reserved for when they do too.
@@ -1130,7 +1130,7 @@ type AiChatFileKind = "image" | "video" | "document" | "file";
 type AiChatFileUrlResolver = (url: string, context: {
   signal: AbortSignal;
 }) => Promise<string | Blob | null | undefined> | string | Blob | null | undefined;
-type AiChatFilePreviewConfig = {
+interface AiChatFilePreviewConfig {
   /**
    * Resolve file URLs before showing them. Without it, only files the browser
    * already holds (`blob:` and `data:` URLs) get rich previews; anything else
@@ -1143,9 +1143,9 @@ type AiChatFilePreviewConfig = {
    * @default false
    */
   directUrls?: boolean;
-};
+}
 /** One file published by an agent's `showFiles` tool. */
-type AiChatShowFilesItem = {
+interface AiChatShowFilesItem {
   path: string;
   displayName?: string;
   mimeType?: string;
@@ -1156,10 +1156,10 @@ type AiChatShowFilesItem = {
   preview?: {
     path: string;
   };
-};
+}
 //#endregion
 //#region src/elements/avatars/F0Avatar/F0Avatar.d.ts
-type AvatarProps = {
+interface AvatarProps {
   avatar: AvatarVariant;
   size?: AvatarSize;
   dataTestId?: string;
@@ -1170,7 +1170,7 @@ type AvatarProps = {
    * fits.
    */
   actions?: AvatarAction[];
-};
+}
 type AvatarVariant = ({
   type: "person";
 } & Omit<F0AvatarPersonProps, "size">) | ({
@@ -1195,7 +1195,7 @@ declare const F0Avatar: WithDataTestIdReturnType<typeof F0AvatarBase>;
 //#endregion
 //#region src/blocks/F0PersonCard/types.d.ts
 /** A button in the person card, such as opening a chat with that person. */
-type F0PersonCardAction = {
+interface F0PersonCardAction {
   label: string;
   /** `"default"` is the filled call to action; use it for one action at most.
    * @default "outline" */
@@ -1204,7 +1204,7 @@ type F0PersonCardAction = {
    * shows the button as loading until it settles: F0Button checks at runtime. */
   onClick: () => void;
   disabled?: boolean;
-};
+}
 type F0PersonCardProps = WithDataTestIdProps & {
   name: string;
   /** Defaults to the initials of `name`. */
@@ -1213,6 +1213,8 @@ type F0PersonCardProps = WithDataTestIdProps & {
   subtitle?: string;
   /** Link to the person's profile, shown as a "View profile" button. */
   profileHref?: string;
+  /** Called when "View profile" is clicked, before the link opens. */
+  onProfileClick?: () => void;
   /** More buttons next to "View profile". The host decides which apply to
    * each person. */
   actions?: F0PersonCardAction[];
@@ -1223,7 +1225,7 @@ type F0PersonCardProps = WithDataTestIdProps & {
  * A person's identity in an {@link F0Card}, with a "View profile" button and
  * the host's actions next to it.
  */
-declare const F0PersonCardBase: ({ name, avatar, subtitle, profileHref, actions, dataTestId }: F0PersonCardProps) => ReactNode;
+declare const F0PersonCardBase: ({ name, avatar, subtitle, profileHref, onProfileClick, actions, dataTestId }: F0PersonCardProps) => ReactNode;
 declare const F0PersonCard: typeof F0PersonCardBase;
 //#endregion
 //#region src/addons/ai/ai/F0AiChat/components/markdownRenderers/entityRef/entities/person/types.d.ts
@@ -1231,7 +1233,7 @@ declare const F0PersonCard: typeof F0PersonCardBase;
  * Profile data for a person entity (employee), resolved asynchronously
  * and displayed in the entity reference hover card.
  */
-type PersonProfile = {
+interface PersonProfile {
   id: string | number;
   firstName: string;
   lastName: string;
@@ -1239,33 +1241,35 @@ type PersonProfile = {
   jobTitle?: string;
   /** Buttons next to "View profile", such as sending a message. */
   actions?: F0PersonCardAction[];
-};
+  /** Called when "View profile" is clicked, before the link opens. */
+  onProfileClick?: () => void;
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiChat/components/markdownRenderers/entityRef/entities/candidate/types.d.ts
 /**
  * Profile data for a candidate entity (ATS applicant), resolved asynchronously
  * and displayed in the entity reference hover card.
  */
-type CandidateProfile = {
+interface CandidateProfile {
   id: string | number;
   firstName: string;
   lastName: string;
   avatarUrl?: string;
   source?: string;
   appliedAt?: string;
-};
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiChat/components/markdownRenderers/entityRef/entities/jobPosting/types.d.ts
 /**
  * Profile data for a job posting entity (ATS opening), resolved asynchronously
  * and displayed in the entity reference hover card.
  */
-type JobPostingProfile = {
+interface JobPostingProfile {
   id: string | number;
   title: string;
   status?: string;
   location?: string;
-};
+}
 //#endregion
 //#region src/elements/tags/F0TagStatus/types.d.ts
 declare const statuses$1: readonly ["neutral", "info", "positive", "warning", "critical"];
@@ -1286,7 +1290,7 @@ interface F0TagStatusProps {
 declare const F0TagStatus: WithDataTestIdReturnType<import("react").ForwardRefExoticComponent<F0TagStatusProps & import("react").RefAttributes<HTMLDivElement>>>;
 //#endregion
 //#region src/addons/ai/ai/F0AiChat/components/markdownRenderers/entityRef/entities/requisition/types.d.ts
-type RequisitionProfile = {
+interface RequisitionProfile {
   id: string | number;
   title: string;
   status?: string;
@@ -1298,36 +1302,36 @@ type RequisitionProfile = {
     lastName: string;
     avatarUrl?: string;
   };
-};
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiChat/components/markdownRenderers/entityRef/entities/vacancy/types.d.ts
 /**
  * Profile data for a vacancy entity (ATS vacancy/position), resolved asynchronously
  * and displayed in the entity reference hover card.
  */
-type VacancyProfile = {
+interface VacancyProfile {
   id: string | number;
   name: string;
   status?: string;
   vacancyType?: string;
-};
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiChat/components/markdownRenderers/entityRef/entities/expense/types.d.ts
 /**
  * Profile data for an expense entity, resolved asynchronously
  * and displayed in the entity reference hover card.
  */
-type ExpenseProfile = {
+interface ExpenseProfile {
   id: string | number;
   description?: string;
   amount?: string;
   status?: string;
-};
+}
 //#endregion
 //#region src/elements/lib/global.types.d.ts
-type DataAttributes = {
+interface DataAttributes {
   [key: `data-${string}`]: string | undefined;
-};
+}
 //#endregion
 //#region src/elements/Action/types.d.ts
 declare const actionButtonVariants: readonly ["default", "outline", "critical", "neutral", "ghost", "promote", "outlinePromote", "ai"];
@@ -1637,10 +1641,10 @@ declare const F0Button: WithDataTestIdReturnType<import("react").ForwardRefExoti
 } & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>>;
 //#endregion
 //#region src/elements/lib/linkHandler.d.ts
-type LinkContextValue = {
+interface LinkContextValue {
   currentPath?: string;
   component?: (props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>) => JSX.Element;
-};
+}
 type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
   exactMatch?: boolean;
   disabled?: boolean;
@@ -1654,13 +1658,13 @@ type NavigationItem = Pick<LinkProps, "href" | "exactMatch" | "onClick"> & {
 //#region src/elements/Dropdown/internal.d.ts
 declare const dropdownContentVariants: readonly ["expanded", "reduced"];
 type DropdownContentVariant = (typeof dropdownContentVariants)[number];
-type DropdownItemSeparator = {
+interface DropdownItemSeparator {
   type: "separator";
-};
-type DropdownItemLabel = {
+}
+interface DropdownItemLabel {
   type: "label";
   text: string;
-};
+}
 /**
  * A block the menu shows rather than a row it offers, such as an account card
  * under the menu's caption. It takes no focus and closes nothing, so it is not
@@ -1668,13 +1672,13 @@ type DropdownItemLabel = {
  * the menu keeps keyboard focus on its rows, so a control inside a panel cannot
  * be reached with the keyboard.
  */
-type DropdownItemPanel = {
+interface DropdownItemPanel {
   type: "panel";
   content: React$1.ReactNode;
-};
+}
 type DropdownItem = DropdownItemObject | DropdownItemSeparator | DropdownItemLabel | DropdownItemSubmenu | DropdownItemSwitch | DropdownItemPanel;
 /** What any row shows, whatever it does when you choose it. */
-type DropdownItemVisuals = {
+interface DropdownItemVisuals {
   label: string;
   icon?: IconType;
   description?: string;
@@ -1682,7 +1686,7 @@ type DropdownItemVisuals = {
   /** Short trailing tag beside the label, e.g. "New". Not a sentence. */
   tag?: string;
   critical?: boolean;
-};
+}
 type DropdownItemObject = Pick<NavigationItem, "label" | "href"> & Omit<DropdownItemVisuals, "label"> & {
   type?: "item";
   onClick?: () => void;
@@ -1874,26 +1878,26 @@ type CardAvatarVariant = AvatarVariant$1 | {
 //#region src/elements/value-display/types.d.ts
 type ValueDisplayVisualizationType = "table" | "card" | "list" | (string & {});
 type ValueDisplayTableAlignment = "left" | "right";
-type ValueDisplayRendererContext = {
+interface ValueDisplayRendererContext {
   visualization: ValueDisplayVisualizationType;
   i18n: TranslationsType;
   tableAlign?: ValueDisplayTableAlignment;
-};
+}
 //#endregion
 //#region src/elements/tags/F0TagAlert/types.d.ts
 declare const levels: readonly ["info", "warning", "critical", "positive"];
 type Level = (typeof levels)[number];
-type Props$1<Text extends string = string> = {
+interface Props$1<Text extends string = string> {
   text: Text extends "" ? never : Text;
   level: Level;
   /**
    * Info text to display an i icon and a tooltip next to the tag
    */
   info?: string;
-};
+}
 //#endregion
 //#region src/elements/tags/F0TagAlert/F0TagAlert.d.ts
-declare const F0TagAlert: WithDataTestIdReturnType<import("react").ForwardRefExoticComponent<Props$1 & import("react").RefAttributes<HTMLDivElement>>>;
+declare const F0TagAlert: WithDataTestIdReturnType<import("react").ForwardRefExoticComponent<Props$1<string> & import("react").RefAttributes<HTMLDivElement>>>;
 //#endregion
 //#region src/elements/value-display/types/alertTag/alertTag.d.ts
 interface AlertTagValue {
@@ -2309,7 +2313,7 @@ type TooltipCopyProps = {
   description?: string;
   items: TooltipListItem[];
 };
-type TooltipGroupProps = {
+interface TooltipGroupProps {
   children: ReactNode;
   /**
    * The wait before a tooltip in the group opens, for those that do not set
@@ -2327,7 +2331,7 @@ type TooltipGroupProps = {
    * @default 400
    */
   timeout?: number;
-};
+}
 /**
  * Triggers that wait out the delay once, together: while any tooltip in the
  * group is on screen — or was, a moment ago — the next one opens on arrival.
@@ -2404,11 +2408,11 @@ declare const Tooltip: WithDataTestIdReturnType<typeof _Tooltip>;
  * bulleted list. A plain string is the title alone, which is what every caller
  * passed before the structured form existed.
  */
-type TooltipContentValue = {
+interface TooltipContentValue {
   title?: string;
   description?: string;
   items?: TooltipListItem[];
-};
+}
 type TooltipValue = string | TooltipContentValue;
 //#endregion
 //#region src/elements/value-display/types/icon/icon.d.ts
@@ -2649,7 +2653,7 @@ type Numeric = NumericValue | number | undefined | null;
 /**
  * Configuration options for the numeric formatter.
  */
-type NumericFormatterOptions = {
+interface NumericFormatterOptions {
   /**
    * Locale string for number formatting (e.g., "en-US", "es-ES", "de-DE").
    * Determines the decimal separator and other locale-specific formatting rules.
@@ -2692,7 +2696,7 @@ type NumericFormatterOptions = {
    * @default true
    */
   useGrouping?: boolean;
-};
+}
 /**
  * Formats a numeric value according to the provided options.
  *
@@ -2708,11 +2712,11 @@ type NumericFormatter = (value: Numeric, options?: NumericFormatterOptions) => s
  * @param formatter - The formatter to use.
  * @param formatterOptions - The formatting options.
  */
-type NumericWithFormatter = {
+interface NumericWithFormatter {
   numericValue: NumericValue;
   formatter?: NumericFormatter;
   formatterOptions?: NumericFormatterOptions;
-};
+}
 /**
  * A numeric value that can be formatted with an optional formatter and options.
  * This is a relaxed version of NumericWithFormatter that allows the numeric value to be a Numeric.
@@ -2767,11 +2771,11 @@ interface F0TagCompanyProps {
 declare const F0TagCompany: WithDataTestIdReturnType<import("react").ForwardRefExoticComponent<F0TagCompanyProps & import("react").RefAttributes<HTMLDivElement>>>;
 //#endregion
 //#region src/elements/tags/F0TagPerson/types.d.ts
-type F0TagPersonProps = {
+interface F0TagPersonProps {
   src?: string;
   name: string;
   deactivated?: boolean;
-};
+}
 //#endregion
 //#region src/elements/tags/F0TagPerson/F0TagPerson.d.ts
 declare const F0TagPerson: WithDataTestIdReturnType<import("react").ForwardRefExoticComponent<F0TagPersonProps & import("react").RefAttributes<HTMLDivElement>>>;
@@ -2859,7 +2863,7 @@ type TagDataType<T extends string> = Extract<TagVariant, {
 }> extends (infer V) ? V extends unknown ? Omit<V, "type" | "description"> : never : never;
 declare const tagTypes: readonly ["dot", "person", "team", "company", "alert", "status", "balance", "raw"];
 type TagType = (typeof tagTypes)[number];
-type TagTypeMapping = {
+interface TagTypeMapping {
   dot: TagDataType<"dot">;
   person: TagDataType<"person">;
   team: TagDataType<"team">;
@@ -2868,8 +2872,8 @@ type TagTypeMapping = {
   status: TagDataType<"status">;
   balance: TagDataType<"balance">;
   raw: TagDataType<"raw">;
-};
-type F0TagListProps<T extends TagType> = {
+}
+interface F0TagListProps<T extends TagType> {
   /**
    * The type of tags to display. Only one type can be used at a time.
    */
@@ -2887,7 +2891,7 @@ type F0TagListProps<T extends TagType> = {
    * The remaining number to display.
    */
   remainingCount?: number;
-};
+}
 //#endregion
 //#region src/elements/value-display/types/tagList/tagList.d.ts
 type TagListValue = { [T in TagType]: Pick<F0TagListProps<T>, "type" | "tags" | "max">; }[TagType];
@@ -3220,7 +3224,7 @@ declare const F0Card: WithDataTestIdReturnType<import("react").ForwardRefExoticC
  *
  * Extensible: add new entity types here as needed (e.g. `team`, `department`).
  */
-type EntityResolvers = {
+interface EntityResolvers {
   person?: (id: string) => Promise<PersonProfile>;
   candidate?: (id: string) => Promise<CandidateProfile>;
   expense?: (id: string) => Promise<ExpenseProfile>;
@@ -3232,7 +3236,7 @@ type EntityResolvers = {
    * in the chat input to let users reference specific employees.
    */
   searchPersons?: (query: string) => Promise<PersonProfile[]>;
-};
+}
 /**
  * Map of URL builder functions keyed by entity type.
  * Each builder takes an entity ID and returns the URL to navigate to.
@@ -3240,14 +3244,14 @@ type EntityResolvers = {
  * When a URL builder is not provided for an entity type, the hover card
  * will not show a navigation action.
  */
-type EntityUrlBuilders = {
+interface EntityUrlBuilders {
   person?: (id: string) => string;
   candidate?: (id: string) => string;
   expense?: (id: string) => string;
   jobPosting?: (id: string) => string;
   requisition?: (id: string) => string;
   vacancy?: (id: string) => string;
-};
+}
 /**
  * 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
@@ -3260,7 +3264,7 @@ type CustomEntityRefCard = Pick<F0CardProps, "title" | "description" | "avatar">
  * The ref renders exactly like a person mention: an `@label` chip whose
  * hover card is resolved on first open.
  */
-type CustomEntityRefConfig = {
+interface 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
@@ -3271,12 +3275,12 @@ type CustomEntityRefConfig = {
   avatar?: CustomEntityRefCard["avatar"];
   /** When set, the card gets a "View" action to this URL. */
   url?: (id: string) => string;
-};
+}
 /**
  * Grouped configuration for entity references in the AI chat.
  * Combines resolver functions (data fetching) with URL builders (navigation).
  */
-type EntityRefs = {
+interface EntityRefs {
   resolvers?: EntityResolvers;
   urls?: EntityUrlBuilders;
   /**
@@ -3287,10 +3291,10 @@ type EntityRefs = {
    * Types that are neither built in nor registered render as plain text.
    */
   custom?: Record<string, CustomEntityRefConfig>;
-};
+}
 //#endregion
 //#region src/blocks/ApplicationFrame/SidePanel/panelWidth.d.ts
-type PanelBounds = {
+interface PanelBounds {
   min: number;
   /** How far a deliberate drag may go — bounded by the content's hard floor. */
   max: number;
@@ -3304,7 +3308,7 @@ type PanelBounds = {
   autoMax: number;
   /** The frame is too narrow to split: the panel should cover it instead. */
   shouldOverlay: boolean;
-};
+}
 //#endregion
 //#region src/blocks/ApplicationFrame/SidePanel/types.d.ts
 /**
@@ -3318,7 +3322,7 @@ type SidePanelLayout = "sidepanel" | "fullscreen";
  * `id` keys the content, so switching views unmounts the previous one and
  * mounts the next.
  */
-type SidePanelContent = {
+interface SidePanelContent {
   id: string;
   content: React.ReactNode;
   /** The edge this content docks to. Overrides the panel's `contentSide`. */
@@ -3335,7 +3339,7 @@ type SidePanelContent = {
    * this.
    */
   maxWidth?: number;
-};
+}
 /**
  * A product's claim on the panel.
  *
@@ -3346,7 +3350,7 @@ type SidePanelContent = {
  * the panel used to need a global `enabled` flag and why a customer with
  * communications and no assistant got no panel.
  */
-type SidePanelViewDefinition = {
+interface SidePanelViewDefinition {
   /**
    * Names the claim on the panel — `"ai"` is f0's own. Host bookkeeping: the
    * panel never looks a view up by it, and the id it restores on reload is the
@@ -3371,8 +3375,8 @@ type SidePanelViewDefinition = {
    * @default false
    */
   restoresContent?: boolean;
-};
-type SidePanelContextValue = {
+}
+interface SidePanelContextValue {
   /**
    * Whether anything can occupy the panel. False means the panel does not
    * exist: no chrome, no reserved width, no DOM.
@@ -3425,7 +3429,7 @@ type SidePanelContextValue = {
   resizable: boolean;
   shouldPlayEntranceAnimation: boolean;
   setShouldPlayEntranceAnimation: React.Dispatch<React.SetStateAction<boolean>>;
-};
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiChat/types.d.ts
 /**
@@ -3434,15 +3438,15 @@ type SidePanelContextValue = {
  * with no field rename, but is owned by f0 — nothing in `src/` imports
  * from `@copilotkit/*` anymore.
  */
-type F0ToolCall = {
+interface F0ToolCall {
   id: string;
   type?: "function";
   function: {
     name: string;
     arguments: string;
   };
-};
-type F0Message = {
+}
+interface F0Message {
   id: string;
   role: "user" | "assistant" | "system" | "tool";
   content?: unknown;
@@ -3458,7 +3462,7 @@ type F0Message = {
    */
   replyQuote?: string;
   [key: string]: any;
-};
+}
 /** Assistant-flavoured `F0Message`. Same shape — alias kept for clarity. */
 type F0AIMessage = F0Message;
 /**
@@ -3467,13 +3471,13 @@ type F0AIMessage = F0Message;
  * When pairing with a tool-result message, provide the same `id`
  * in both the tool call and the tool-result's `toolCallId`.
  */
-type AppendToolCall = {
+interface AppendToolCall {
   id?: string;
   function: {
     name: string;
     arguments: string;
   };
-};
+}
 /**
  * A message to inject via appendMessages.
  * IDs are generated internally — callers only provide role, content, and
@@ -3500,36 +3504,36 @@ type AppendMessage = {
  * as `<pending-context>...</pending-context>` so the agent receives it.
  * The conversation is not created until the user actually sends a message.
  */
-type PendingContext = {
+interface PendingContext {
   /** Human-readable label shown in the empty state (e.g. "Expenses dashboard") */
   label: string;
   /** Full context string prepended invisibly to the first user message */
   context: string;
-};
+}
 /**
  * Quoted fragment the user is replying to. Shown as a chip above the
  * textarea and, on submit, rendered as a markdown blockquote at the top of
  * the resulting user message. The blockquote alone is enough context — the
  * conversation thread tells the agent what it refers to.
  */
-type PendingQuote = {
+interface PendingQuote {
   /** Plain-text selection (markdown stripped by the browser's toString()). */
   text: string;
-};
+}
 /**
  * Credits usage data returned by the host app
  */
-type CreditsUsage = {
+interface CreditsUsage {
   used: number;
   total: number;
-};
+}
 /**
  * Credits configuration for the AI chat.
  * Groups all credits-related props into a single object.
  *
  * When provided, a credits button is shown in the chat header.
  */
-type AiChatCredits = {
+interface AiChatCredits {
   /** Async function to fetch credits usage. Called each time the popover opens. */
   fetchUsage: () => Promise<CreditsUsage>;
   /** URL to the plan upgrade page. When provided, a link is shown in the popover. */
@@ -3540,14 +3544,14 @@ type AiChatCredits = {
   companyLogoUrl?: string;
   /** Plan name displayed below the company name (e.g. "Free plan", "Enterprise"). */
   planName?: string;
-};
+}
 /**
  * Credit warning configuration.
  * Groups severity level and action callbacks into a single object.
  *
  * When provided, a warning banner is shown above the chat textarea.
  */
-type AiChatCreditWarning = {
+interface AiChatCreditWarning {
   /** The severity level of the warning. */
   level: "soft";
   /** Host-localized message; defaults to `ai.creditWarning.soft`. */
@@ -3563,17 +3567,17 @@ type AiChatCreditWarning = {
    * `onGetCredits` is provided. Hosts typically pass the `Upsell` icon.
    */
   getCreditsIcon?: IconType;
-};
+}
 /**
  * Employee credits usage data returned by the host app.
  *
  * Represents the logged-in employee's personal monthly allocation,
  * independent of any company-wide pool.
  */
-type EmployeeCreditsUsage = {
+interface EmployeeCreditsUsage {
   used: number;
   total: number;
-};
+}
 /**
  * Employee credits configuration for the AI chat.
  *
@@ -3586,7 +3590,7 @@ type EmployeeCreditsUsage = {
  * Hosts that don't use per-employee allocations should keep using `credits`
  * and leave `employeeCredits` undefined; behavior is unchanged.
  */
-type AiChatEmployeeCredits = {
+interface AiChatEmployeeCredits {
   /** Async function to fetch the employee's credits usage. Called each time the popover opens. */
   fetchUsage: () => Promise<EmployeeCreditsUsage>;
   /** Company name displayed in the popover header. */
@@ -3595,7 +3599,7 @@ type AiChatEmployeeCredits = {
   companyLogoUrl?: string;
   /** Plan name displayed below the company name (e.g. "Free plan", "Enterprise"). */
   planName?: string;
-};
+}
 /**
  * Interaction mode for the AI chat
  */
@@ -3607,12 +3611,12 @@ type VisualizationMode = "sidepanel" | "fullscreen" | "canvas";
 /**
  * Tracking options for the AI chat
  */
-type UploadedFile = {
+interface UploadedFile {
   url: string;
   filename: string;
   mimetype: string;
-};
-type AiChatFileAttachmentConfig = {
+}
+interface AiChatFileAttachmentConfig {
   onUploadFiles: (files: File[]) => Promise<UploadedFile[]>;
   allowedMimeTypes?: string | string[];
   /**
@@ -3620,9 +3624,9 @@ type AiChatFileAttachmentConfig = {
    * Omit or pass undefined for no limit.
    */
   maxFiles?: number;
-};
+}
 /** What every composer-menu entry shows, whatever choosing it does. */
-type AiChatComposerActionBase = {
+interface AiChatComposerActionBase {
   /**
    * Host-side bookkeeping — a key for the host's own list, and what it reads
    * back in analytics. The composer neither renders it nor keys the menu by it.
@@ -3644,7 +3648,7 @@ type AiChatComposerActionBase = {
    * label alone doesn't already imply.
    */
   disabledTooltip?: string;
-};
+}
 /** An entry that DOES something and closes the menu. */
 type AiChatComposerActionItem = AiChatComposerActionBase & {
   type?: "action";
@@ -3672,9 +3676,9 @@ type AiChatComposerActionToggle = AiChatComposerActionBase & {
   onCheckedChange: (checked: boolean) => void;
 };
 /** A rule between groups of entries. Carries no label and nothing to press. */
-type AiChatComposerActionSeparator = {
+interface AiChatComposerActionSeparator {
   type: "separator";
-};
+}
 /**
  * An entry in the composer's attachment menu — see `composerActions` on
  * `F0AiChatTextArea`. Attaching a file is NOT one of these: the composer
@@ -3682,7 +3686,7 @@ type AiChatComposerActionSeparator = {
  * "Connectors" doesn't have to rewire the file picker to keep it.
  */
 type AiChatComposerAction = AiChatComposerActionItem | AiChatComposerActionSubmenu | AiChatComposerActionToggle | AiChatComposerActionSeparator;
-type TranscribeOptions = {
+interface TranscribeOptions {
   /**
    * Primary channel for live dictation: fires with the cumulative transcript
    * as it streams in, so the composer can fill the textarea while the user
@@ -3691,7 +3695,7 @@ type TranscribeOptions = {
   onPartial: (text: string) => void;
   /** Aborted when the user cancels an in-flight transcription. */
   signal?: AbortSignal;
-};
+}
 /**
  * Transcribes a recorded audio blob to text (voice dictation). The returned
  * promise resolves with the final transcript; `onPartial` delivers
@@ -3704,13 +3708,13 @@ type TranscribeFn = (audio: Blob, options: TranscribeOptions) => Promise<string>
  * analytics layer (e.g. Amplitude) needs to attribute the click: the picked
  * sub-item, its parent group, and the resolved prompt that was actually sent.
  */
-type WelcomeSuggestionClickEvent = {
+interface WelcomeSuggestionClickEvent {
   item: WelcomeScreenSuggestionItem;
   group: WelcomeScreenSuggestion;
   /** Prompt actually sent to the AI — `item.prompt` falling back to `item.title`. */
   prompt: string;
-};
-type AiChatTrackingOptions = {
+}
+interface AiChatTrackingOptions {
   onVisibility?: () => void;
   onClose?: () => void;
   onWelcomeSuggestionClick?: (event: WelcomeSuggestionClickEvent) => void;
@@ -3720,11 +3724,11 @@ type AiChatTrackingOptions = {
   onDictationStart?: () => void;
   /** Dictation discarded by the user, while recording or mid-transcription. */
   onDictationCancel?: () => void;
-};
+}
 /**
  * Props for the AiChatProvider component
  */
-type AiChatProviderProps = {
+interface AiChatProviderProps {
   enabled?: boolean;
   /**
    * Edge the whole side panel docks to (AI chat, hosted content and canvas).
@@ -3897,27 +3901,27 @@ type AiChatProviderProps = {
   chatOverlay?: React.ReactNode;
   /** Children rendered inside the provider. */
   children?: React.ReactNode;
-};
+}
 /**
  * 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.
  */
-type WelcomeScreenSuggestionItem = {
+interface WelcomeScreenSuggestionItem {
   title: string;
   prompt?: string;
-};
+}
 /**
  * A welcome-screen group rendered as an outline button in the welcome row.
  * Clicking the group opens a popover listing its `items`. The number of groups
  * is not capped yet (unlike welcome cards, which top out at 4).
  */
-type WelcomeScreenSuggestion = {
+interface WelcomeScreenSuggestion {
   icon: IconType;
   label: string;
   items: WelcomeScreenSuggestionItem[];
-};
+}
 /**
  * A card shown below the composer on the fullscreen welcome screen, rendered
  * as an `F0CardHorizontal`. Each card owns its behavior via `onClick`, so
@@ -3927,7 +3931,7 @@ type WelcomeScreenSuggestion = {
  * The chat owns the layout; the host owns the interaction. Up to 4 cards are
  * rendered (a 2×2 grid); extras are dropped.
  */
-type F0AiChatWelcomeCard = {
+interface F0AiChatWelcomeCard {
   /** Stable identifier, also used as the React key. */
   id: string;
   icon: IconType;
@@ -3945,11 +3949,11 @@ type F0AiChatWelcomeCard = {
    * `onClick` renders as non-interactive.
    */
   onClick?: () => void;
-};
+}
 /**
  * Disclaimer configuration for the chat input
  */
-type AiChatDisclaimer = {
+interface AiChatDisclaimer {
   text: string;
   link?: string;
   linkText?: string;
@@ -3960,7 +3964,7 @@ type AiChatDisclaimer = {
    * any specific behaviour.
    */
   onClick?: () => void;
-};
+}
 /**
  * Translation shape helper type
  */
@@ -4162,7 +4166,7 @@ interface AiChatTranslationsProviderProps {
   children: React.ReactNode;
   translations: AiChatTranslations;
 }
-type AiChatUsageLimitsSection = {
+interface AiChatUsageLimitsSection {
   id: string;
   /** Already localized. */
   label: string;
@@ -4170,12 +4174,12 @@ type AiChatUsageLimitsSection = {
   description?: string;
   usedPercentage: number;
   unlimited?: boolean;
-};
+}
 /**
  * Host-resolved numbers for `F0AiChatUsageLimitsButton`. Percentages only: the
  * product avoids credit counts in the chat.
  */
-type AiChatUsageLimits = {
+interface AiChatUsageLimits {
   /** The viewer's own allowance, 0–100. */
   usedPercentage: number;
   /** Already localized, e.g. "Resets in 3h 6m". */
@@ -4185,7 +4189,7 @@ type AiChatUsageLimits = {
   sections?: AiChatUsageLimitsSection[];
   /** Renders the "Your company" row. */
   onSeeCompany?: () => void;
-};
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiChat/F0AiChat.d.ts
 /**
@@ -4241,7 +4245,7 @@ declare const markdownRenderers: MarkdownTagRenderers;
  * Most fields are optional / wide on purpose — the headless renders
  * what it finds and ignores the rest.
  */
-type Message = {
+interface Message {
   id?: string;
   role?: string;
   content?: unknown;
@@ -4263,7 +4267,7 @@ type Message = {
    */
   replyQuote?: string;
   [key: string]: any;
-};
+}
 /** Assistant-flavoured `Message`. Same shape — alias for self-documentation. */
 type AIMessage = Message;
 /**
@@ -4276,7 +4280,7 @@ type AIMessage = Message;
  * assistant messages → optional inline live-thinking message → optional
  * end-of-turn indicator → optional feedback footer.
  */
-type RenderableTurn = {
+interface RenderableTurn {
   /** Messages rendered before the thinking section (typically the user message). */
   userMessages: Message[];
   /**
@@ -4331,9 +4335,9 @@ type RenderableTurn = {
     /** Reference message attached to feedback submissions. */
     targetMessage: Message;
   };
-};
+}
 /** Props for the Thinking collapsible section. */
-type ThinkingProps = {
+interface ThinkingProps {
   /** Pre-parsed step titles to show inside the collapsed group. */
   titles: string[];
   /** Section heading (defaults to "Thoughts" from i18n). */
@@ -4355,12 +4359,12 @@ type ThinkingProps = {
    * running, and nothing is rendered.
    */
   startedAt?: number | null;
-};
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiMessagesContainer/components/AssistantMessage.d.ts
 /** Read the tool call ID injected by AssistantMessage. */
 declare const useToolCallId: () => string | undefined;
-type F0AssistantMessageExtraProps = {
+interface F0AssistantMessageExtraProps {
   /**
    * Returns a React node for the message's tool call, or null when there is
    * nothing to render. The container's connected wrapper closes over the
@@ -4378,11 +4382,11 @@ type F0AssistantMessageExtraProps = {
    * plain whitespace-preserving fallback is used instead.
    */
   renderMarkdown?: (content: string) => ReactNode;
-};
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiMessagesContainer/components/feedback/FeedbackProvider.d.ts
 type UserReaction = "like" | "dislike";
-type FeedbackConfig = {
+interface FeedbackConfig {
   threadId: string;
   onThumbsUp: (msg: AIMessage, ctx: {
     threadId: string;
@@ -4392,7 +4396,7 @@ type FeedbackConfig = {
     threadId: string;
     feedback: string;
   }) => void;
-};
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiMessagesContainer/components/WelcomeScreen.d.ts
 /**
@@ -4400,15 +4404,15 @@ type FeedbackConfig = {
  * "How to use One" shortcut). The host owns `onClick`; f0 owns the pill styling
  * so it stays consistent with the rest of the welcome screen.
  */
-type WelcomeScreenCta = {
+interface WelcomeScreenCta {
   label: string;
   icon?: IconType;
   onClick: () => void;
-};
+}
 //#endregion
 //#region src/addons/ai/ai/F0AiMessagesContainer/F0AiMessagesContainer.d.ts
 type MessageSlotComponent = ComponentType<any>;
-type F0AiMessagesContainerProps = {
+interface F0AiMessagesContainerProps {
   /** Optional override for the assistant bubble component. */
   AssistantMessage?: MessageSlotComponent;
   /** Optional override for the user bubble component. */
@@ -4469,7 +4473,7 @@ type F0AiMessagesContainerProps = {
   noShadows?: boolean;
   /** Passthrough children appended after the last turn (CopilotKit parity). */
   children?: ReactNode;
-};
+}
 declare const F0AiMessagesContainer: (props: F0AiMessagesContainerProps) => import("react").JSX.Element;
 //#endregion
 //#region src/addons/ai/ai/F0AiChat/internal-types.d.ts
@@ -4767,46 +4771,46 @@ declare const Weekdays: import("react").ForwardRefExoticComponent<WeekdaysProps
 //#endregion
 //#region src/elements/DataList/types/actions.d.ts
 type ActionType = CopyActionType | NavigateActionType | OpenLinkActionType;
-type CopyActionType = {
+interface CopyActionType {
   type: "copy";
   text?: string;
-};
-type NavigateActionType = {
+}
+interface NavigateActionType {
   type: "navigate";
   href: string;
-};
-type OpenLinkActionType = {
+}
+interface OpenLinkActionType {
   type: "open-link";
   href: string;
-};
+}
 //#endregion
 //#region src/elements/DataList/types/items.d.ts
-type DataListProps = {
+interface DataListProps {
   children: ReactElement | ReactElement[];
   label?: string;
   isHorizontal?: boolean;
-};
-type ItemProps = {
+}
+interface ItemProps {
   text: string;
   icon?: IconType;
   action?: ActionType;
-};
+}
 type URL = string;
-type EmployeeItemProps = {
+interface EmployeeItemProps {
   firstName: string;
   lastName: string;
   avatarUrl?: URL;
   action?: ActionType;
-};
-type CompanyItemProps = {
+}
+interface CompanyItemProps {
   name: string;
   avatarUrl?: URL;
   action?: ActionType;
-};
-type TeamItemProps = {
+}
+interface TeamItemProps {
   name: string;
   action?: ActionType;
-};
+}
 //#endregion
 //#region src/elements/tags/F0TagDot/F0TagDot.d.ts
 declare const F0TagDot: WithDataTestIdReturnType<import("react").ForwardRefExoticComponent<Props$2 & import("react").RefAttributes<HTMLDivElement>>>;
@@ -4816,10 +4820,10 @@ declare const F0TagRaw: WithDataTestIdReturnType<import("react").ForwardRefExoti
 //#endregion
 //#region src/elements/tags/F0TagList/components/TagCounter.d.ts
 type TagCounterItem = TagVariant;
-type Props = {
+interface Props {
   count: number;
   list?: TagCounterItem[];
-};
+}
 declare function TagCounter({ count, list }: Props): import("react").JSX.Element;
 declare namespace TagCounter {
   var displayName: string;
@@ -4839,7 +4843,7 @@ declare const DataList: import("react").ForwardRefExoticComponent<DataListProps
   PersonItem: import("react").ForwardRefExoticComponent<EmployeeItemProps & import("react").RefAttributes<HTMLLIElement>>;
   TeamItem: import("react").ForwardRefExoticComponent<TeamItemProps & import("react").RefAttributes<HTMLLIElement>>;
   DotTagItem: import("react").ForwardRefExoticComponent<Props$2 & import("react").RefAttributes<HTMLLIElement>>;
-  AlertTagItem: import("react").ForwardRefExoticComponent<Props$1 & import("react").RefAttributes<HTMLLIElement>>;
+  AlertTagItem: import("react").ForwardRefExoticComponent<Props$1<string> & import("react").RefAttributes<HTMLLIElement>>;
   BalanceTagItem: import("react").ForwardRefExoticComponent<F0TagBalanceProps & import("react").RefAttributes<HTMLLIElement>>;
   StatusTagItem: import("react").ForwardRefExoticComponent<F0TagStatusProps & import("react").RefAttributes<HTMLLIElement>>;
   RawTagItem: import("react").ForwardRefExoticComponent<F0TagRawProps & import("react").RefAttributes<HTMLLIElement>>;
@@ -4849,12 +4853,12 @@ declare const DataList: import("react").ForwardRefExoticComponent<DataListProps
 };
 //#endregion
 //#region src/elements/F0FileItem/F0FileItem.d.ts
-type F0FileAction = {
+interface F0FileAction {
   icon?: IconType;
   label: string;
   onClick: () => void;
   critical?: boolean;
-};
+}
 declare const f0FileItemSizes: readonly ["md", "lg"];
 type F0FileItemSize = (typeof f0FileItemSizes)[number];
 interface F0FileItemProps extends HTMLAttributes<HTMLDivElement> {