@getsoren/design-system 4.87.0 → 4.88.0

package/dist/node_modules/@mui/material/esm/useMediaQuery/index.d.ts

@@ -0,0 +1,7 @@
+import { UseMediaQueryOptions } from '@mui/system/useMediaQuery';
+import { Theme } from '../styles/createTheme.js';
+export * from '@mui/system/useMediaQuery';
+
+// TODO v7: remove the generic. It's only used to prevent a breaking change in v6 from system's useMediaQuery in https://github.com/mui/material-ui/pull/44339.
+declare function useMediaQuery<T = Theme>(queryInput: string | ((theme: T) => string), options?: UseMediaQueryOptions): boolean;
+export default useMediaQuery;

package/dist/src/components/DataDisplay/AiAssistant/AiAssistant.d.ts

@@ -1,17 +1,21 @@
 /**
- * Building blocks for an in-app AI assistant (FAB orb, floating panel, header,
- * thinking orb, confirmation cards). Purely presentational: the host app owns the
- * agentic loop, the tools and the wording (assistant name, i18n labels) — combine
- * with Chat.MessageBubble / Chat.MessageInput / Chat.VoiceRecorder for the thread.
+ * Building blocks for an in-app AI assistant (Fab, floating or docked panel, header, empty state,
+ * thinking row, reply actions, confirmation cards, onboarding nudge and spotlight). Purely
+ * presentational: the host app owns the agentic loop, the tools and the wording — combine with
+ * Chat.MessageBubble / Chat.MessageInput / Chat.VoiceRecorder for the thread.
  */
 declare const AiAssistant: {
-    ConfirmationCard: ({ heading, summary, details, status, onAccept, onDecline, labels, dataTestId, }: import('./types').AiAssistantConfirmationCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    EmptyState: ({ message, children }: import('./types').AiAssistantEmptyStateProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Fab: ({ open, onClick, tooltip, dataTestId, ...dataAttributes }: import('./types').AiAssistantFabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Header: ({ title, subtitle, onClose, icon }: import('./types').AiAssistantHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Avatar: ({ variant, isWorking }: import('./types').AiAssistantAvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ConfirmationCard: ({ heading, summary, details, status, onAccept, onDecline, labels, icon, onOpen, links, dataTestId, }: import('./types').AiAssistantConfirmationCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    EmptyState: ({ title, icon, children }: import('./types').AiAssistantEmptyStateProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Fab: ({ onClick, label, dataTestId, ...dataAttributes }: import('./types').AiAssistantFabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Header: ({ title, tag, onClose, docked, onToggleDocked, onNewConversation, labels }: import('./types').AiAssistantHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Mark: ({ size, color, isWorking }: import('./types').AiAssistantMarkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Nudge: ({ open, title, onClose, content, children, activeStep, onStepChange, labels, dataTestId, }: import('./types').AiAssistantNudgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Panel: ({ open, isBusy, children, dataTestId }: import('./types').AiAssistantPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Panel: ({ open, docked, children, dataTestId }: import('./types').AiAssistantPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ReplyActions: ({ content, onVote, labels, slotProps, vote, dataTestId, }: import('./types').AiAssistantReplyActionsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Spotlight: ({ anchor, blocking, onWindowClick, dataTestId, }: import('./types').AiAssistantSpotlightProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    ThinkingOrb: ({ size }: import('./types').AiAssistantThinkingOrbProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Suggestion: ({ children, onClick, dataTestId, ...dataAttributes }: import('./types').AiAssistantSuggestionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Thinking: ({ label, steps, onStop, labels, slotProps, dataTestId, }: import('./types').AiAssistantThinkingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export default AiAssistant;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantAvatar.d.ts

@@ -0,0 +1,4 @@
+import { AiAssistantAvatarProps } from '../types';
+/** The assistant's mark in a round: grey in the thread, or the flowing brand gradient where it stands for the brand. */
+declare const AiAssistantAvatar: ({ variant, isWorking }: AiAssistantAvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default AiAssistantAvatar;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantConfirmationCard.d.ts

@@ -4,5 +4,5 @@ import { AiAssistantConfirmationCardProps } from '../types';
  * done and blocks until the user accepts or declines. After the choice, the card stays
  * in the thread as a record of the decision.
  */
-declare const AiAssistantConfirmationCard: ({ heading, summary, details, status, onAccept, onDecline, labels, dataTestId, }: AiAssistantConfirmationCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const AiAssistantConfirmationCard: ({ heading, summary, details, status, onAccept, onDecline, labels, icon, onOpen, links, dataTestId, }: AiAssistantConfirmationCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default AiAssistantConfirmationCard;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantEmptyState.d.ts

@@ -1,7 +1,7 @@
 import { AiAssistantEmptyStateProps } from '../types';
 /**
- * Centered invitation for an empty thread — render it conditionally in place of the
+ * Welcome of an empty thread, set right above the composer — render it conditionally in place of the
  * message list content ({!messages.length && <AiAssistant.EmptyState … />}).
  */
-declare const AiAssistantEmptyState: ({ message, children }: AiAssistantEmptyStateProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const AiAssistantEmptyState: ({ title, icon, children }: AiAssistantEmptyStateProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default AiAssistantEmptyState;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantFab.d.ts

@@ -1,10 +1,7 @@
 import { AiAssistantFabProps } from '../types';
 /**
- * The assistant's floating action button — a liquid orb: brand gradient flow (Soren orange
- * dissolving into black),
- * blob morph, breath and pulsing aura while idle; calm circle with a close glyph when
- * the panel is open. The animations live on a ::before layer so the hit-box never
- * moves (reliable clicks, stable e2e).
+ * The assistant's entry point, a pill in the bottom-right corner: its avatar and a call to ask it.
+ * The host app hides it while the panel is open, the panel taking its corner.
  */
-declare const AiAssistantFab: ({ open, onClick, tooltip, dataTestId, ...dataAttributes }: AiAssistantFabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const AiAssistantFab: ({ onClick, label, dataTestId, ...dataAttributes }: AiAssistantFabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default AiAssistantFab;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantHeader.d.ts

@@ -1,4 +1,4 @@
 import { AiAssistantHeaderProps } from '../types';
-/** Panel header: brand icon + assistant name (host-app choice) + close */
-declare const AiAssistantHeader: ({ title, subtitle, onClose, icon }: AiAssistantHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+/** Panel header: the assistant's name (host-app choice) and its tag, then the panel's buttons */
+declare const AiAssistantHeader: ({ title, tag, onClose, docked, onToggleDocked, onNewConversation, labels }: AiAssistantHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default AiAssistantHeader;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantMark.d.ts

@@ -0,0 +1,4 @@
+import { AiAssistantMarkProps } from '../types';
+/** The Soren logo's ellipse in a glow, turning with two satellites while the assistant works. */
+declare const AiAssistantMark: ({ size, color, isWorking }: AiAssistantMarkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default AiAssistantMark;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantNudge.d.ts

@@ -1,7 +1,7 @@
 import { AiAssistantNudgeProps } from '../types';
 /**
  * Contextual nudge anchored where the assistant lives — a compact bubble growing out of
- * the Fab, same spot and motion as the Panel but free-height and one-click dismissable.
+ * the Fab, right above it, free-height and one-click dismissable.
  * No backdrop, no focus trap: the ongoing interaction is never blocked. Host apps use it
  * for proactive one-shot messages (onboarding hints…) without opening the full panel.
  *

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantPanel.d.ts

@@ -1,11 +1,8 @@
 import { AiAssistantPanelProps } from '../types';
 /**
- * Floating chat widget — no modal backdrop, so the host app stays visible (and usable)
- * while the assistant navigates. It opens by growing out of the Fab (scale + fade
- * anchored past the bottom-right corner, toward the button) — as fast as the previous
- * fade, but the motion tells where the panel comes from. While `isBusy`, a soft
- * iridescent aura breathes around the panel; every animation frame keeps an ambient
- * depth shadow (the animation overrides the elevation one).
+ * The assistant's chat, without a modal backdrop so the host app stays usable while the assistant
+ * navigates. Floating, it takes the bottom-right corner the Fab leaves while the panel is open, and
+ * grows from it; docked, it is a full-height column under the app bar, beside the content.
  */
-declare const AiAssistantPanel: ({ open, isBusy, children, dataTestId }: AiAssistantPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const AiAssistantPanel: ({ open, docked, children, dataTestId }: AiAssistantPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default AiAssistantPanel;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantReplyActions.d.ts

@@ -0,0 +1,4 @@
+import { AiAssistantReplyActionsProps } from '../types';
+/** Copy and vote buttons under an assistant reply; the vote is controlled by the host app. */
+declare const AiAssistantReplyActions: ({ content, onVote, labels, slotProps, vote, dataTestId, }: AiAssistantReplyActionsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default AiAssistantReplyActions;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantShape.d.ts

@@ -0,0 +1,3 @@
+/** Logo silhouette filling its positioned parent; content on top must be positioned too. */
+declare const AiAssistantShape: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default AiAssistantShape;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantSuggestion.d.ts

@@ -0,0 +1,4 @@
+import { AiAssistantSuggestionProps } from '../types';
+/** A suggested prompt, listed under the empty state's title. */
+declare const AiAssistantSuggestion: ({ children, onClick, dataTestId, ...dataAttributes }: AiAssistantSuggestionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default AiAssistantSuggestion;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantThinking.d.ts

@@ -0,0 +1,7 @@
+import { AiAssistantThinkingProps } from '../types';
+/**
+ * The assistant at work, in place of its next reply: the working avatar and what it does, then one
+ * line per step of the turn, the one in progress pulsing.
+ */
+declare const AiAssistantThinking: ({ label, steps, onStop, labels, slotProps, dataTestId, }: AiAssistantThinkingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default AiAssistantThinking;

package/dist/src/components/DataDisplay/AiAssistant/constants.d.ts

@@ -0,0 +1,23 @@
+/** Width of the docked panel, in px */
+export declare const AI_ASSISTANT_DOCKED_WIDTH = 420;
+/** Gap between the docked panel and the screen edges, in px */
+export declare const AI_ASSISTANT_DOCKED_INSET = 12;
+/** Shadow of the docked panel, shared with the surfaces docked beside it */
+export declare const AI_ASSISTANT_DOCKED_SHADOW = "0 4px 24px rgba(0, 0, 0, 0.06)";
+/** Gap between the floating surfaces (Fab, floating panel, nudge) and the screen edges, in px, from sm up */
+export declare const AI_ASSISTANT_FLOATING_INSET = 24;
+/** Same gap on phones, in px */
+export declare const AI_ASSISTANT_FLOATING_INSET_XS = 16;
+/** Height of the Fab pill, in px: the nudge sits above it and grows from its rounded end */
+export declare const AI_ASSISTANT_FAB_HEIGHT = 44;
+/** Shadow of the Fab at rest, then hovered */
+export declare const AI_ASSISTANT_FAB_SHADOW = "0 4px 16px rgba(0, 0, 0, 0.1)";
+export declare const AI_ASSISTANT_FAB_HOVER_SHADOW = "0 6px 24px rgba(0, 0, 0, 0.14)";
+/** Gap between the docked panel and the page beside it, in px: the page's own padding does the rest */
+export declare const AI_ASSISTANT_DOCKED_GAP = 4;
+/** Room the host layout leaves for the docked panel (e.g. Backoffice `asideWidth`) */
+export declare const AI_ASSISTANT_DOCKED_SPACE: number;
+/** Diameter of the avatar, in px: the Fab pill, the thread and the thinking row line up on it */
+export declare const AI_ASSISTANT_AVATAR_SIZE = 28;
+/** Glow colours of the mark and of the pill's working outline, from the head of the light to its tail */
+export declare const AI_ASSISTANT_GLOW_COLORS: readonly ["#FF5A1F", "#FFB547", "#FFC4A3", "#FF7EB3"];

package/dist/src/components/DataDisplay/AiAssistant/types.d.ts

@@ -1,16 +1,26 @@
 import { ReactNode } from 'react';
 import { DataAttributes } from '../../../types/dataAttributes';
-/** Extra `data-*` props (e.g. an analytics feature id) land on the FAB button itself */
+/** Extra `data-*` props (e.g. an analytics feature id) land on the Fab button itself */
 export interface AiAssistantFabProps extends DataAttributes {
-    /** Panel visibility — the FAB shows a close glyph and calms down when open */
-    open: boolean;
-    /** Toggles the panel — the FAB never owns the open state, the host app does */
+    /** Opens the panel — the host app owns the open state, and hides the Fab while the panel is open */
     onClick: () => void;
-    /** Tooltip content (e.g. the assistant's name) */
-    tooltip?: string;
-    /** Test hook on the FAB button (defaults to "assistantFab") */
+    /** Call to ask the assistant, next to its avatar (e.g. "Ask Soren") */
+    label: string;
+    /** Test hook on the Fab button (defaults to "assistantFab") */
     dataTestId?: string;
 }
+export interface AiAssistantMarkProps {
+    /** Side of the square, in px (defaults to 32) */
+    size?: number;
+    /** Theme path or CSS colour of the ellipse (defaults to text.primary) */
+    color?: string;
+    /** The ellipse turns with two satellites, then settles back into its pose once false */
+    isWorking?: boolean;
+}
+export interface AiAssistantAvatarProps extends Pick<AiAssistantMarkProps, "isWorking"> {
+    /** "subtle" (default): a grey round, e.g. beside a reply; "brand": the brand gradient with a white mark, e.g. on the Fab */
+    variant?: "subtle" | "brand";
+}
 export interface AiAssistantNudgeProps {
     /** Bubble visibility — animated in/out of the Fab corner, unmounted when closed */
     open: boolean;
@@ -46,10 +56,10 @@ export interface AiAssistantSpotlightProps {
     dataTestId?: string;
 }
 export interface AiAssistantPanelProps {
-    /** Panel visibility — grows out of the Fab when opening, unmounted when closed */
+    /** Panel visibility — grows from the corner when opening, unmounted when closed */
     open: boolean;
-    /** The assistant is working (streaming/tools): the panel breathes an iridescent aura */
-    isBusy?: boolean;
+    /** Full-height column under the app bar; the host layout leaves room for it (AI_ASSISTANT_DOCKED_SPACE) */
+    docked?: boolean;
     /** Panel content — typically Header + a Chat.* composition owned by the host app */
     children: ReactNode;
     /** Test hook on the panel container (defaults to "assistantPanel") */
@@ -58,22 +68,85 @@ export interface AiAssistantPanelProps {
 export interface AiAssistantHeaderProps {
     /** Product name of the assistant — a brand chosen by the host app */
     title: string;
-    /** Secondary caption next to the title (e.g. "Assistant IA") */
-    subtitle?: string;
+    /** Small uppercase tag after the title (e.g. "Beta") */
+    tag?: string;
     /** Close action of the panel — rendered as the trailing icon button */
     onClose: () => void;
-    /** Defaults to the gradient AI spark */
-    icon?: ReactNode;
+    /** Picks the glyph of the dock toggle */
+    docked?: boolean;
+    /** Shows a button to dock or float the panel */
+    onToggleDocked?: () => void;
+    /** Shows a "new conversation" button */
+    onNewConversation?: () => void;
+    /** Accessible names of the header buttons */
+    labels?: {
+        close?: string;
+        dock?: string;
+        newConversation?: string;
+        undock?: string;
+    };
 }
 export interface AiAssistantEmptyStateProps {
-    /** Invitation shown while the thread is empty (e.g. "I'm Atlas, ask me anything…") */
-    message: string;
-    /** Rendered centered under the invitation — quick actions, suggestion pills… */
+    /** Question to the user (e.g. "What do you want to do today?") */
+    title: string;
+    /** Shown above the title, on the logo's silhouette */
+    icon?: ReactNode;
+    /** Rendered under the title — typically AiAssistant.Suggestion entries */
     children?: ReactNode;
 }
-export interface AiAssistantThinkingOrbProps {
-    /** Orb diameter in px */
-    size?: number;
+export interface AiAssistantSuggestionProps extends DataAttributes {
+    /** What the user could ask */
+    children: ReactNode;
+    onClick: () => void;
+    dataTestId?: string;
+}
+export interface AiAssistantThinkingStep {
+    /** Stable key of the step, e.g. its activity kind */
+    id: string;
+    label: string;
+    /** Pulses while true; a done step stays, greyed */
+    isInProgress: boolean;
+}
+export interface AiAssistantThinkingProps {
+    /** What the assistant is doing, next to the working avatar (e.g. "Thinking…") */
+    label: string;
+    /** One line per step of the turn, under the label */
+    steps?: AiAssistantThinkingStep[];
+    /** Shows a button to cut the turn short */
+    onStop?: () => void;
+    labels?: {
+        stop?: string;
+    };
+    /** `data-*` attributes of the stop button, e.g. analytics ids or test hooks */
+    slotProps?: {
+        stopButton?: DataAttributes;
+    };
+    /** Test hook on the row (defaults to "assistantThinking"); the steps append "Steps" */
+    dataTestId?: string;
+}
+export type AiAssistantVote = "up" | "down";
+export interface AiAssistantReplyActionsProps {
+    /** Text the copy button puts on the clipboard */
+    content: string;
+    /** Vote cast on the reply, null when none */
+    vote?: AiAssistantVote | null;
+    /** Called with the new vote, or null when the user takes theirs back; the vote buttons only show with it */
+    onVote?: (vote: AiAssistantVote | null) => void;
+    /** Accessible names and tooltips (host-app i18n) */
+    labels?: {
+        copy?: string;
+        copied?: string;
+        helpful?: string;
+        notHelpful?: string;
+    };
+    /** `data-*` attributes of each button, e.g. analytics ids */
+    slotProps?: {
+        copyButton?: DataAttributes;
+        upVoteButton?: DataAttributes;
+        downVoteButton?: DataAttributes;
+    };
+    /** Test hook on the row (defaults to "assistantReplyActions") */
+    dataTestId?: string;
 }
 export interface AiAssistantConfirmationCardProps {
     /** Small caption above the action ("Action to confirm") */
@@ -88,19 +161,19 @@ export interface AiAssistantConfirmationCardProps {
     onAccept: () => void;
     /** Called when the user declines the action */
     onDecline: () => void;
-    /** Button wording (host-app i18n) */
+    /** Wording (host-app i18n): the buttons, then the decision that replaces the heading once made */
     labels: {
         accept: string;
         decline: string;
+        accepted: string;
+        declined: string;
     };
+    /** Rendered left of the summary */
+    icon?: ReactNode;
+    /** Once decided, makes the card clickable (e.g. to open what the action created) */
+    onOpen?: () => void;
+    /** Once decided, rendered under the summary */
+    links?: ReactNode;
     /** Test hook on the card (defaults to "assistantConfirmationCard") */
     dataTestId?: string;
 }
-export interface AiSparkIconProps {
-    /** Icon box in px */
-    size?: number;
-    /** Solid fill — ignored with variant="gradient" */
-    color?: string;
-    /** "solid" (currentColor/color) or "gradient" (brand gradient) */
-    variant?: "gradient" | "solid";
-}

package/dist/src/components/DataDisplay/AiAssistant/utils/docked.d.ts

@@ -0,0 +1,24 @@
+/** A card floating along the right edge of the screen: the docked panel and the surfaces docked beside it. */
+export declare const dockedSurfaceSx: {
+    readonly border: 1;
+    readonly borderColor: "divider";
+    readonly borderRadius: 2;
+    readonly bottom: 12;
+    readonly boxShadow: "0 4px 24px rgba(0, 0, 0, 0.06)";
+    readonly height: "auto";
+};
+/**
+ * Docks a fixed surface (e.g. an entity preview) beside the docked panel, under `top` (e.g. APP_BAR_HEIGHT).
+ * Meant for screens where the panel is docked as a column, from md up.
+ */
+export declare const getAiAssistantNeighbourSx: (top?: number) => {
+    readonly overflow: "hidden";
+    readonly right: number;
+    readonly top: number;
+    readonly border: 1;
+    readonly borderColor: "divider";
+    readonly borderRadius: 2;
+    readonly bottom: 12;
+    readonly boxShadow: "0 4px 24px rgba(0, 0, 0, 0.06)";
+    readonly height: "auto";
+};

package/dist/src/components/DataDisplay/AiAssistant/utils/gradient.d.ts

@@ -1,11 +1,8 @@
-import { PaletteMode } from '@mui/material';
-/** Flowing gradient of the floating bubble and the thinking orb (animated background position). */
-export declare const assistantOrbGradient: (mode: PaletteMode) => string;
-/** Stops of the spark glyph, from the orange to the dark end. */
-export declare const assistantSparkStops: (mode: PaletteMode) => ({
-    color: string;
-    offset: undefined;
-} | {
-    color: string;
-    offset: string;
-})[];
+import { Palette } from '@mui/material/styles';
+/** Flowing gradient of the brand avatar (animated background position). */
+export declare const assistantOrbGradient: ({ mode, secondary }: Palette) => string;
+/** Stops of the mark's glow, evenly spread and back to the first colour so the turning gradient has no seam. */
+export declare const assistantGlowStops: {
+    color: "#FF5A1F" | "#FFB547" | "#FFC4A3" | "#FF7EB3";
+    offset: number;
+}[];

package/dist/src/components/DataDisplay/Chat/components/ChatMessageBubble.d.ts

@@ -1,3 +1,3 @@
 import { ChatMessageBubbleProps } from '../types';
-declare const ChatMessageBubble: ({ isOwn, message, participants, avatarSrcResolver, renderAfterBubble, formatTime, hideAvatar, }: ChatMessageBubbleProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatMessageBubble: ({ isOwn, message, participants, avatarSrcResolver, renderAfterBubble, formatTime, hideAvatar, variant, avatar, }: ChatMessageBubbleProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatMessageBubble;

package/dist/src/components/DataDisplay/Chat/components/ChatMessageInput.d.ts

@@ -1,3 +1,3 @@
 import { ChatMessageInputProps } from '../types';
-declare const ChatMessageInput: ({ onSend, labels, autoFocusKey, isSending, defaultMessage, startActions, slotProps, maxLength, }: ChatMessageInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatMessageInput: ({ onSend, labels, autoFocusKey, isSending, defaultMessage, startActions, slotProps, maxLength, footnote, variant, }: ChatMessageInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatMessageInput;

package/dist/src/components/DataDisplay/Chat/types.d.ts

@@ -117,6 +117,10 @@ export interface ChatMessageBubbleProps {
     renderAfterBubble?: (urls: string[]) => ReactNode;
     formatTime?: (date: string) => string;
     hideAvatar?: boolean;
+    /** "plain": replies as plain text and own messages on a grey surface, e.g. for an AI assistant */
+    variant?: "bubble" | "plain";
+    /** Plain variant only: shown left of the reply */
+    avatar?: ReactNode;
 }
 /** `data-*` attributes forwarded to the message input's inner controls */
 export interface ChatMessageInputSlotProps {
@@ -132,6 +136,10 @@ export interface ChatMessageInputProps {
     /** Rendered on the left of the bottom bar, facing the send button (e.g. ChatVoiceRecorder) */
     startActions?: ReactNode;
     slotProps?: ChatMessageInputSlotProps;
+    /** Filled variant only: small print under the composer */
+    footnote?: ReactNode;
+    /** "filled": a grey surface outlined on focus, with a round send button */
+    variant?: "outlined" | "filled";
 }
 export interface ChatVoiceRecorderLabels {
     record?: string;

package/dist/src/components/DataDisplay/EventFlag/EventFlag.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export interface EventFlagProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "color"> {
+    /** "open" (default) in warning tones, "closed" in success tones */
+    status?: "open" | "closed";
+}
+declare const _default: import('react').ForwardRefExoticComponent<EventFlagProps & import('react').RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/src/components/DataDisplay/Icons/CloseLineIcon.d.ts

@@ -0,0 +1,8 @@
+import { SvgIconProps, SxProps } from '@mui/material';
+interface CloseLineIconProps {
+    color?: string;
+    sx?: SxProps;
+    fontSize?: SvgIconProps["fontSize"];
+}
+declare const CloseLineIcon: ({ sx, fontSize, color }: CloseLineIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CloseLineIcon;

package/dist/src/components/DataDisplay/Icons/CollapseIcon.d.ts

@@ -0,0 +1,8 @@
+import { SvgIconProps, SxProps } from '@mui/material';
+interface CollapseIconProps {
+    color?: string;
+    sx?: SxProps;
+    fontSize?: SvgIconProps["fontSize"];
+}
+declare const CollapseIcon: ({ sx, fontSize, color }: CollapseIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CollapseIcon;

package/dist/src/components/DataDisplay/Icons/CopyIcon.d.ts

@@ -0,0 +1,8 @@
+import { SvgIconProps, SxProps } from '@mui/material';
+interface CopyIconProps {
+    color?: string;
+    sx?: SxProps;
+    fontSize?: SvgIconProps["fontSize"];
+}
+declare const CopyIcon: ({ sx, fontSize, color }: CopyIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CopyIcon;

package/dist/src/components/DataDisplay/Icons/MicIcon.d.ts

@@ -1,5 +1,6 @@
-interface MicIconProps {
+import { SvgIconProps } from '@mui/material';
+interface MicIconProps extends Omit<SvgIconProps, "color"> {
     color?: string;
 }
-declare const MicIcon: ({ color }: MicIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const MicIcon: ({ color, ...props }: MicIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default MicIcon;

package/dist/src/components/DataDisplay/Icons/NewChatIcon.d.ts

@@ -0,0 +1,8 @@
+import { SvgIconProps, SxProps } from '@mui/material';
+interface NewChatIconProps {
+    color?: string;
+    sx?: SxProps;
+    fontSize?: SvgIconProps["fontSize"];
+}
+declare const NewChatIcon: ({ sx, fontSize, color }: NewChatIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default NewChatIcon;

package/dist/src/components/DataDisplay/Icons/ThumbDownIcon.d.ts

@@ -0,0 +1,10 @@
+import { SvgIconProps, SxProps } from '@mui/material';
+interface ThumbDownIconProps {
+    color?: string;
+    sx?: SxProps;
+    fontSize?: SvgIconProps["fontSize"];
+    /** Filled hand, e.g. once the vote is cast */
+    filled?: boolean;
+}
+declare const ThumbDownIcon: ({ sx, fontSize, color, filled }: ThumbDownIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ThumbDownIcon;

package/dist/src/components/DataDisplay/Icons/ThumbUpIcon.d.ts

@@ -0,0 +1,10 @@
+import { SvgIconProps, SxProps } from '@mui/material';
+interface ThumbUpIconProps {
+    color?: string;
+    sx?: SxProps;
+    fontSize?: SvgIconProps["fontSize"];
+    /** Filled hand, e.g. once the vote is cast */
+    filled?: boolean;
+}
+declare const ThumbUpIcon: ({ sx, fontSize, color, filled }: ThumbUpIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ThumbUpIcon;

package/dist/src/components/Layout/Backoffice/Backoffice.d.ts

@@ -3,6 +3,8 @@ interface BackofficeProps {
     AppBar?: ReactNode;
     Main?: ReactNode;
     Sidebar?: ReactNode;
+    /** Room kept on the right, under the app bar, for a docked panel (e.g. AI_ASSISTANT_DOCKED_SPACE); ignored on small screens */
+    asideWidth?: number;
 }
-declare const Backoffice: ({ Main, Sidebar, AppBar }: BackofficeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Backoffice: ({ Main, Sidebar, AppBar, asideWidth }: BackofficeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Backoffice;

package/dist/src/components/Layout/CollapsingHeader/CollapsingHeader.d.ts

@@ -4,5 +4,5 @@ import { CollapsingHeaderProps } from './types';
  * Preview: "open full page" link + close button above the title. Full page: back link above the
  * title, compact actions in the sticky bar.
  */
-declare const CollapsingHeader: ({ compactTitle, fullTitle, actions, compactActions, variant, onClose, onOpenFullPage, backLabel, onBack, labels, maxWidth, }: CollapsingHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const CollapsingHeader: ({ compactTitle, fullTitle, actions, compactActions, variant, onClose, onOpenFullPage, dense, backLabel, onBack, labels, maxWidth, }: CollapsingHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default CollapsingHeader;

package/dist/src/components/Layout/CollapsingHeader/types.d.ts

@@ -28,6 +28,8 @@ export interface CollapsingHeaderProps {
     onClose?: () => void;
     /** Preview only: open the entity full page. */
     onOpenFullPage?: () => void;
+    /** Preview only: 8px instead of 24px above the first line, e.g. docked beside the AI assistant panel. */
+    dense?: boolean;
     /** Full page only: back link label. */
     backLabel?: string;
     /** Full page only: back link handler. */

package/dist/src/components/Navigation/NavigationMenu/NavigationMenu.d.ts

@@ -250,6 +250,10 @@ export interface NavigationMenuProps {
      * @default "soren-navigation-menu-collapsed"
      */
     storageKey?: string;
+    /**
+     * Folds the menu to its icon rail without changing the saved preference, e.g. while the AI assistant is docked
+     */
+    makeRoom?: boolean;
     /**
      * Vertical density of the navigation. A closed set owned by the design system: "compact" only
      * tightens the vertical rhythm (row height, paddings, gaps between blocks). Font size, horizontal
@@ -270,5 +274,5 @@ declare const DEFAULT_CONTEXT_VALUE: {
 };
 type NavigationMenuContextValue = NavigationMenuProps & typeof DEFAULT_CONTEXT_VALUE;
 export declare const NavigationMenuContext: import('react').Context<NavigationMenuContextValue>;
-declare const _default: import('react').MemoExoticComponent<({ AppBar, NavLink, Search, Logo, Footer, items, enableSearchFocusShortcut, disableResponsive, hideSearchDesktop, bottomLink, sideBarWidth, storageKey, density, }: NavigationMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ AppBar, NavLink, Search, Logo, Footer, items, enableSearchFocusShortcut, disableResponsive, hideSearchDesktop, bottomLink, sideBarWidth, storageKey, density, makeRoom, }: NavigationMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/src/config/theme.d.ts

@@ -22,6 +22,7 @@ declare module "@mui/material/Button" {
         dashed: true;
         "dashed-rounded": true;
         link: true;
+        soft: true;
     }
 }
 declare module "@mui/material/Chip" {

package/dist/src/constants/appBar.d.ts

@@ -0,0 +1,2 @@
+/** Height of the app bar set by the theme's MuiAppBar override */
+export declare const APP_BAR_HEIGHT = 60;

package/dist/src/main.d.ts

@@ -7,7 +7,9 @@
 export * from '@mui/material';
 export * from '@mui/material/transitions';
 export { default as AiAssistant } from './components/DataDisplay/AiAssistant/AiAssistant';
+export { AI_ASSISTANT_DOCKED_SPACE } from './components/DataDisplay/AiAssistant/constants';
 export * from './components/DataDisplay/AiAssistant/types';
+export { getAiAssistantNeighbourSx } from './components/DataDisplay/AiAssistant/utils/docked';
 export * from './components/DataDisplay/ArticleImage/ArticleImage';
 export { default as ArticleImage } from './components/DataDisplay/ArticleImage/ArticleImage';
 export type { AvatarProps } from './components/DataDisplay/Avatar/Avatar';
@@ -28,9 +30,10 @@ export { default as ChatVoiceRecorder } from './components/DataDisplay/Chat/comp
 export * from './components/DataDisplay/Chat/types';
 export * from './components/DataDisplay/Chip/Chip';
 export { default as Chip } from './components/DataDisplay/Chip/Chip';
+export * from './components/DataDisplay/EventFlag/EventFlag';
+export { default as EventFlag } from './components/DataDisplay/EventFlag/EventFlag';
 export * from './components/DataDisplay/FileViewer/FileViewer';
 export { default as FileViewer } from './components/DataDisplay/FileViewer/FileViewer';
-export { default as AiSparkIcon } from './components/DataDisplay/Icons/AiSparkIcon';
 export * from './components/DataDisplay/Kanban/Kanban';
 export { default as Kanban } from './components/DataDisplay/Kanban/Kanban';
 export * from './components/DataDisplay/ListAvatar/ListAvatar';
@@ -123,6 +126,7 @@ export { default as CardModal } from './components/Surface/CardModal/CardModal';
 export * from './components/Utils/HasPermission/HasPermission';
 export { default as HasPermission } from './components/Utils/HasPermission/HasPermission';
 export { default as theme } from './config/theme';
+export * from './constants/appBar';
 export * from './context/Permission/PermissionProvider';
 export { default as PermissionProvider } from './context/Permission/PermissionProvider';
 export * from './context/Snackbar/SnackbarProvider';