@alfadocs/ui-kit 1.45.0 → 1.46.0

package/dist/components/hover-card/index.js

@@ -1,6 +1,7 @@
-import { H as e, h as o } from "../../_chunks/hover-card-BMJBVqIf.js";
+import { H as e, h as o, u as s } from "../../_chunks/hover-card-nUae8NPJ.js";
 export {
   e as HoverCard,
-  o as hoverCardAgent
+  o as hoverCardAgent,
+  s as useHoverCardTiming
 };
 //# sourceMappingURL=index.js.map

package/dist/components/icon-button-group/index.js

@@ -1,4 +1,4 @@
-import { I as t } from "../../_chunks/icon-button-group-DkkdIygu.js";
+import { I as t } from "../../_chunks/icon-button-group-DZKC6KGf.js";
 export {
   t as IconButtonGroup
 };

package/dist/components/index.d.ts

@@ -117,7 +117,8 @@ export * from './tabs';
 export * from './theme-toggle';
 export * from './agenda-card';
 export * from './agenda-tray';
-export * from './ai-consent-banner';
+export * from './ai-permission-notice';
+export * from './ai-credits-notice';
 export * from './alert';
 export * from './appointment-card';
 export * from './appointment-peek';

package/dist/components/notes-panel/index.js

@@ -1,4 +1,4 @@
-import { N as a } from "../../_chunks/notes-panel-Dkk9QPPX.js";
+import { N as a } from "../../_chunks/notes-panel-CHbDDMx8.js";
 export {
   a as NotesPanel
 };

package/dist/components/notes-panel/notes-panel.d.ts

@@ -169,6 +169,16 @@ export interface NotesPanelProps extends Omit<HTMLAttributes<HTMLElement>, 'titl
     onUploadImage?: RichTextEditorProps['onUploadImage'];
     /** An AI call ran out of credits. See `RichTextEditor`. */
     onAiCreditsExhausted?: RichTextEditorProps['onAiCreditsExhausted'];
+    /** Show the editor extensions affordance. See `RichTextEditor`. */
+    showExtensions?: RichTextEditorProps['showExtensions'];
+    extensions?: RichTextEditorProps['extensions'];
+    extensionContext?: RichTextEditorProps['extensionContext'];
+    onExtensionRun?: RichTextEditorProps['onExtensionRun'];
+    /**
+     * Shows the AI-credits/bundles hover card on every AI action trigger in
+     * the composer. See `RichTextEditor`.
+     */
+    aiCreditsNotice?: RichTextEditorProps['aiCreditsNotice'];
     /**
      * Rendered just above the composer — e.g. the Help-me-write templates
      * pattern's `undoNotice`. Renders in both add and edit mode, whenever the

package/dist/components/patient-details/index.js

@@ -1,4 +1,4 @@
-import { P as e, p as i } from "../../_chunks/patient-details-C8ImUrVg.js";
+import { P as e, p as i } from "../../_chunks/patient-details-DUj1htsH.js";
 export {
   e as PatientDetails,
   i as patientDetailsAgent

package/dist/components/patient-summary-card/index.js

@@ -1,4 +1,4 @@
-import { P as t, p as m } from "../../_chunks/patient-summary-card-BhmKB2KR.js";
+import { P as t, p as m } from "../../_chunks/patient-summary-card-DNzdYjxE.js";
 export {
   t as PatientSummaryCard,
   m as patientSummaryCardAgent

package/dist/components/patient-table/index.js

@@ -1,4 +1,4 @@
-import { B as s, C as l, N as n, P as t, a as C, T as i, b as o, g as T, u as p } from "../../_chunks/balance-badge-cell-o6LldMUA.js";
+import { B as s, C as l, N as n, P as t, a as C, T as i, b as o, g as T, u as p } from "../../_chunks/balance-badge-cell-YGrYdrvR.js";
 export {
   s as BalanceBadgeCell,
   l as CarePlanStatusCell,

package/dist/components/rich-text-editor/editor-extensions.d.ts

@@ -0,0 +1,54 @@
+import type { ReactNode } from 'react';
+import type { TFunction } from 'i18next';
+import type { InsertPayload } from '../_shared/insert-result';
+import type { HelpMeWriteRenderContext } from './rich-text-editor';
+export type EditorExtensionContext = 'note' | 'diagnosis' | 'document' | string;
+export interface EditorExtensionRenderContext {
+    html: string;
+    text: string;
+    selectionText: HelpMeWriteRenderContext['selectionText'];
+    scope: HelpMeWriteRenderContext['scope'];
+    /** Inserts at the captured selection, then closes. Image modes require an upload seam. */
+    insert: (payload: InsertPayload) => Promise<void>;
+    close: () => void;
+    signal: AbortSignal;
+}
+export type EditorExtensionRunContext = EditorExtensionRenderContext;
+/** Outcomes contain no editor content or host error messages. */
+export type EditorExtensionRunResult = {
+    status: 'success';
+} | {
+    status: 'error';
+} | {
+    status: 'aborted';
+};
+export interface EditorExtension {
+    id: string;
+    /** Translated host label, or a kit translation key. */
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    /** Absent means everywhere. Restricted entries require a matching editor context. */
+    contexts?: EditorExtensionContext[];
+    source?: {
+        kind: 'kit' | 'marketplace';
+        appName?: string;
+        appIconUrl?: string;
+    };
+    kind: 'panel' | 'action';
+    render?: (ctx: EditorExtensionRenderContext) => ReactNode;
+    run?: (ctx: EditorExtensionRunContext) => Promise<InsertPayload | null>;
+}
+/**
+ * Resolve an extension's `label` for display.
+ *
+ * `label` is either a kit translation key or a string the host has already
+ * translated, so it has to survive the round trip untouched when it is the
+ * latter. i18next reads `:` as its namespace separator and splits any key on
+ * it unless the key also carries a space, comma, `?`, `!` or `;` — so a host
+ * label like `ICD-10:lookup` came back as `lookup`, the prefix silently eaten
+ * (caught in review on #183). `nsSeparator: false` turns that parse off, and
+ * `defaultValue` returns the label verbatim when there is no key to look up.
+ */
+export declare function resolveExtensionLabel(t: TFunction, label: string): string;
+//# sourceMappingURL=editor-extensions.d.ts.map

package/dist/components/rich-text-editor/editor-toolbar.d.ts

@@ -31,6 +31,7 @@ export interface EditorToolbarProps {
      * wired to a menu.
      */
     showExtensions?: boolean;
+    extensionControl?: ReactNode;
     /** Template variables for the "Insert variable" menu (hidden when empty). */
     variables?: RichTextEditorVariable[];
     /** Most-recently-used tokens, most recent first — rendered as the menu's
@@ -100,5 +101,5 @@ export interface SelectionFloatingToolbarProps {
     children?: ReactNode;
 }
 export declare function SelectionFloatingToolbar({ active, run, areaRef, getEditorRoot, suppressed, holdOpen, children, }: SelectionFloatingToolbarProps): React.JSX.Element | null;
-export declare function EditorToolbar({ run, active, preset, insertHtml, insertTable, saveSelection, restoreSelection, getSelectedText, uploadImage, enableColor, enableImage, enableTable, showExtensions, variables, recentVariableTokens, insertVariable, }: EditorToolbarProps): React.JSX.Element;
+export declare function EditorToolbar({ run, active, preset, insertHtml, insertTable, saveSelection, restoreSelection, getSelectedText, uploadImage, enableColor, enableImage, enableTable, showExtensions, extensionControl, variables, recentVariableTokens, insertVariable, }: EditorToolbarProps): React.JSX.Element;
 //# sourceMappingURL=editor-toolbar.d.ts.map

package/dist/components/rich-text-editor/help-me-write-overlay.d.ts

@@ -21,5 +21,9 @@ export interface HelpMeWriteOverlayProps {
         onFinalTranscript: (text: string) => void;
     }) => Promise<void>;
 }
+/** Shared safe failure surface for requests made from the editor dock. */
+export declare function EditorRequestError({ id }: {
+    id?: string;
+}): React.JSX.Element;
 export declare function HelpMeWriteOverlay({ open, onClose, onRequestAiDraft, onInsert, previewAsHtml, privacyNotice, onDictate, }: HelpMeWriteOverlayProps): React.JSX.Element;
 //# sourceMappingURL=help-me-write-overlay.d.ts.map

package/dist/components/rich-text-editor/index.d.ts

@@ -1,4 +1,6 @@
 export { RichTextEditor, wrapperVariants } from './rich-text-editor';
 export type { RichTextEditorHandle, RichTextEditorProps, RichTextEditorToolbar, RedactorFactory, AiConsentGate, RichTextEditorVariable, HelpMeWriteRenderContext, RichTextEditorAiTemplate, RichTextEditorAiTemplates, RichTextEditorAiActionRequest, RichTextEditorAiApplied, } from './rich-text-editor';
 export { richTextEditorAgent } from './rich-text-editor.agent';
+export type { EditorExtension, EditorExtensionContext, EditorExtensionRenderContext, EditorExtensionRunContext, EditorExtensionRunResult, } from './editor-extensions';
+export { kitEditorExtensions } from './kit-extensions';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/rich-text-editor/index.js

@@ -1,7 +1,9 @@
-import { R as a, r as e, w as i } from "../../_chunks/rich-text-editor-BrAvNajV.js";
+import { R as i, r as o, w as a } from "../../_chunks/rich-text-editor-BwDV2XkZ.js";
+import { k as s } from "../../_chunks/kit-extensions-DuoFF1R3.js";
 export {
-  a as RichTextEditor,
-  e as richTextEditorAgent,
-  i as wrapperVariants
+  i as RichTextEditor,
+  s as kitEditorExtensions,
+  o as richTextEditorAgent,
+  a as wrapperVariants
 };
 //# sourceMappingURL=index.js.map

package/dist/components/rich-text-editor/kit-extensions.d.ts

@@ -0,0 +1,4 @@
+import type { EditorExtension } from './editor-extensions';
+/** Labels are resolved by the editor's useTranslation, including live locale changes. */
+export declare const kitEditorExtensions: EditorExtension[];
+//# sourceMappingURL=kit-extensions.d.ts.map

package/dist/components/rich-text-editor/rich-text-editor.d.ts

@@ -1,6 +1,8 @@
 import { type ReactNode } from 'react';
 import '../../tokens/themes/bridges/redactor-theme.css';
-import { type AiConsentBannerHeadingLevel } from '../ai-consent-banner';
+import { type AiConsentBannerHeadingLevel } from '../ai-permission-notice';
+import type { EditorExtension, EditorExtensionContext, EditorExtensionRunResult } from './editor-extensions';
+import { type AiCreditsNoticeProps } from '../ai-credits-notice';
 export type RedactorFactory = (selector: string | HTMLElement, command?: unknown, ...args: unknown[]) => unknown;
 export type RichTextEditorToolbar = 'minimal' | 'standard' | 'full';
 /**
@@ -149,8 +151,11 @@ export interface RichTextEditorProps {
     ariaLabel?: string;
     /** Size variant for the minimum block-size of the editing region. */
     minHeight?: 'sm' | 'md' | 'lg' | 'fill';
-    /** Show a right-aligned editor-extensions affordance (visual placeholder). */
+    /** @deprecated Pass extensions instead. Forces the disabled placeholder for one release. */
     showExtensions?: boolean;
+    extensions?: EditorExtension[];
+    extensionContext?: EditorExtensionContext;
+    onExtensionRun?: (id: string, result: EditorExtensionRunResult) => void;
     /** Extra class names on the wrapper. */
     className?: string;
     /** Inject the Redactor factory explicitly; else `window.$R` / `window.Redactor`. */
@@ -285,6 +290,17 @@ export interface RichTextEditorProps {
      * error line shows.
      */
     onAiCreditsExhausted?: () => void;
+    /**
+     * Shows an `AiCreditsNotice` hover card on every AI action trigger — the
+     * pill's segments (dictation, templates, proofread, auto-format,
+     * Help me write), the selection bubble's AI buttons, and both mics. Omit
+     * it for today's ungated behaviour: no card, no change. Present, it
+     * replaces any tooltip a wrapped trigger would otherwise show (one
+     * floating layer per trigger, never two) and never interferes with the
+     * consent gate — the button's own click still runs the action, or opens
+     * the gate, exactly as it does without this prop.
+     */
+    aiCreditsNotice?: AiCreditsNoticeProps;
 }
 /** Block/inline formats the editor can toggle via `applyFormat`. */
 export type EditorFormat = 'bold' | 'italic' | 'strikethrough' | 'bulletedList' | 'numberedList' | 'heading' | 'quote' | 'paragraph';

package/dist/components/tasks-panel/index.js

@@ -1,4 +1,4 @@
-import { T as e, t } from "../../_chunks/tasks-panel-CpcikOeY.js";
+import { T as e, t } from "../../_chunks/tasks-panel-DncuBPIZ.js";
 export {
   e as TasksPanel,
   t as tasksPanelAgent

package/dist/components/theme-toggle/index.js

@@ -1,4 +1,4 @@
-import { T as o, t } from "../../_chunks/theme-toggle-bI0pgDDv.js";
+import { T as o, t } from "../../_chunks/theme-toggle-BP0XRGMM.js";
 export {
   o as ThemeToggle,
   t as themeToggleAgent

package/dist/components/workflow-status/index.js

@@ -1,4 +1,4 @@
-import { W as a, a as s, w as r } from "../../_chunks/workflow-status-xeaJTzD3.js";
+import { W as a, a as s, w as r } from "../../_chunks/workflow-status-CuJAOuKL.js";
 export {
   a as WorkflowStatusControl,
   s as WorkflowStatusDisplay,

package/dist/hooks/index.d.ts

@@ -30,5 +30,5 @@ export { usePresenceTransition, type PresencePhase, type UsePresenceTransitionOp
 export { useListReflow, REFLOW_ROW_CLASS, type UseListReflowOptions, type UseListReflowReturn, } from './use-list-reflow';
 export { useClampOverflow } from './use-clamp-overflow';
 export { useScrollOverflow, type UseScrollOverflowReturn, } from './use-scroll-overflow';
-export { useAiSparkle, SHIMMER_CLASS as AI_SPARKLE_SHIMMER_CLASS, COMET_CLASS as AI_SPARKLE_COMET_CLASS, BURST_CLASS as AI_SPARKLE_BURST_CLASS, SPARKLE_GLYPHS as AI_SPARKLE_GLYPHS, COMET_TAIL as AI_SPARKLE_COMET_TAIL, COMET_WRAPPER_CLASS as AI_SPARKLE_COMET_WRAPPER_CLASS, type AiSparkleState, type UseAiSparkleOptions, type UseAiSparkleProps, type UseAiSparkleReturn, } from './use-ai-sparkle';
+export { useAiSparkle, SHIMMER_CLASS as AI_SPARKLE_SHIMMER_CLASS, COMET_CLASS as AI_SPARKLE_COMET_CLASS, COMET_TAIL as AI_SPARKLE_COMET_TAIL, COMET_WRAPPER_CLASS as AI_SPARKLE_COMET_WRAPPER_CLASS, type AiSparkleState, type UseAiSparkleOptions, type UseAiSparkleProps, type UseAiSparkleReturn, } from './use-ai-sparkle';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.js

@@ -1,13 +1,13 @@
-import { u as R } from "../_chunks/use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as I } from "../_chunks/use-media-query-CcAx5SMM.js";
-import { Z as h, u as v, a as y, b as w } from "../_chunks/use-zoom-drilldown-qCX34w9I.js";
-import { u as K } from "../_chunks/use-count-up-BLLetaZ8.js";
-import { u as M } from "../_chunks/use-locale-BkCIHujH.js";
-import { A as k, T as H, a as W, r as B, t as V, u as Y } from "../_chunks/use-theme-CAuo6EYT.js";
-import { u as N } from "../_chunks/use-controllable-state-BiY4xTzM.js";
-import { u as Z } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
+import { u as O } from "../_chunks/use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as h } from "../_chunks/use-media-query-CcAx5SMM.js";
+import { Z as y, u as I, a as w, b as D } from "../_chunks/use-zoom-drilldown-qCX34w9I.js";
+import { u as F } from "../_chunks/use-count-up-BLLetaZ8.js";
+import { u as K } from "../_chunks/use-locale-BkCIHujH.js";
+import { A as k, T as W, a as H, r as V, t as N, u as Y } from "../_chunks/use-theme-CAuo6EYT.js";
+import { u as q } from "../_chunks/use-controllable-state-BiY4xTzM.js";
+import { u as G } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
 import { u as j } from "../_chunks/use-debounced-callback-BisrB-Fq.js";
-import { useState as A, useRef as S, useEffect as E } from "react";
+import { useState as x, useRef as E, useEffect as S } from "react";
 import { u as Q, a as J } from "../_chunks/use-direction-Dp8h70PP.js";
 import { u as $ } from "../_chunks/use-persistent-state-nZwZAnE9.js";
 import { u as te } from "../_chunks/use-isomorphic-layout-effect-BGfaCOP1.js";
@@ -16,15 +16,15 @@ import { c as ne, u as ae } from "../_chunks/use-priority-overflow-c9SjxZkZ.js";
 import { u as ce } from "../_chunks/use-web-otp-D_utzp6S.js";
 import { u as fe } from "../_chunks/use-visual-viewport-pin-ChurOsHM.js";
 import { u as de } from "../_chunks/use-edge-resize-BHesP0kg.js";
-import { u as Se } from "../_chunks/use-countdown-Yd6ts0_a.js";
-import { u as Ae } from "../_chunks/use-check-animation--I3cS00X.js";
-import { R as Le, u as _e, a as Ce } from "../_chunks/use-list-reflow-Cw43nxw5.js";
-import { u as be } from "../_chunks/use-presence-transition-cDwWUXV-.js";
-import { u as Oe } from "../_chunks/use-clamp-overflow-DQE2kwZ9.js";
-import { B as Pe, b as he, C as ve, a as ye, S as we, c as De, u as Ke } from "../_chunks/use-ai-sparkle-CyQSRTCe.js";
-function _(e, o) {
-  const [t, i] = A(e), s = S(null);
-  return E(() => {
+import { u as Ee } from "../_chunks/use-countdown-Yd6ts0_a.js";
+import { u as xe } from "../_chunks/use-check-animation--I3cS00X.js";
+import { R as be, u as Ce, a as Le } from "../_chunks/use-list-reflow-Cw43nxw5.js";
+import { u as _e } from "../_chunks/use-presence-transition-cDwWUXV-.js";
+import { u as Re } from "../_chunks/use-clamp-overflow-DQE2kwZ9.js";
+import { b as ve, C as ye, a as Ie, S as we, u as De } from "../_chunks/use-ai-sparkle-Cf4yVTLB.js";
+function C(e, o) {
+  const [t, i] = x(e), s = E(null);
+  return S(() => {
     if (o <= 0) {
       s.current !== null && (clearTimeout(s.current), s.current = null), i(e);
       return;
@@ -35,7 +35,7 @@ function _(e, o) {
     return s.current = n, () => clearTimeout(n);
   }, [e, o]), t;
 }
-const x = [
+const A = [
   "a[href]",
   "button:not([disabled])",
   'input:not([disabled]):not([type="hidden"])',
@@ -48,7 +48,7 @@ const x = [
 ].join(",");
 function p(e) {
   return Array.from(
-    e.querySelectorAll(x)
+    e.querySelectorAll(A)
   ).filter((o) => {
     if (o.hidden) return !1;
     let t = o;
@@ -59,9 +59,9 @@ function p(e) {
     return !0;
   });
 }
-function C(e, o = {}) {
-  const { enabled: t = !0, autoFocus: i = !0, restoreFocus: s = !0 } = o, n = S(null);
-  E(() => {
+function L(e, o = {}) {
+  const { enabled: t = !0, autoFocus: i = !0, restoreFocus: s = !0 } = o, n = E(null);
+  S(() => {
     if (!t) return;
     const a = e.current;
     if (!a) return;
@@ -93,48 +93,46 @@ function C(e, o = {}) {
 }
 export {
   k as ACCESSIBILITY_STORAGE_KEY,
-  Pe as AI_SPARKLE_BURST_CLASS,
-  he as AI_SPARKLE_COMET_CLASS,
-  ve as AI_SPARKLE_COMET_TAIL,
-  ye as AI_SPARKLE_COMET_WRAPPER_CLASS,
-  we as AI_SPARKLE_GLYPHS,
-  De as AI_SPARKLE_SHIMMER_CLASS,
-  Le as REFLOW_ROW_CLASS,
-  H as THEME_CLASS,
-  W as THEME_STORAGE_KEY,
-  h as ZOOM_DRILLDOWN_TRANSITION_CLASS,
+  ve as AI_SPARKLE_COMET_CLASS,
+  ye as AI_SPARKLE_COMET_TAIL,
+  Ie as AI_SPARKLE_COMET_WRAPPER_CLASS,
+  we as AI_SPARKLE_SHIMMER_CLASS,
+  be as REFLOW_ROW_CLASS,
+  W as THEME_CLASS,
+  H as THEME_STORAGE_KEY,
+  y as ZOOM_DRILLDOWN_TRANSITION_CLASS,
   ne as computePriorityLayout,
-  B as resolveTheme,
-  V as themeClassList,
-  Ke as useAiSparkle,
-  Ae as useCheckAnimation,
-  Oe as useClampOverflow,
-  N as useControllableState,
-  Z as useCopyToClipboard,
-  K as useCountUp,
-  Se as useCountdown,
+  V as resolveTheme,
+  N as themeClassList,
+  De as useAiSparkle,
+  xe as useCheckAnimation,
+  Re as useClampOverflow,
+  q as useControllableState,
+  G as useCopyToClipboard,
+  F as useCountUp,
+  Ee as useCountdown,
   j as useDebouncedCallback,
-  _ as useDebouncedValue,
+  C as useDebouncedValue,
   Q as useDirection,
   J as useDocumentDirection,
   de as useEdgeResize,
-  _e as useExitTransition,
-  C as useFocusTrap,
+  Ce as useExitTransition,
+  L as useFocusTrap,
   te as useIsomorphicLayoutEffect,
-  Ce as useListReflow,
-  M as useLocale,
-  I as useMediaQuery,
+  Le as useListReflow,
+  K as useLocale,
+  h as useMediaQuery,
   oe as useOverflowCollapse,
   $ as usePersistentState,
-  R as usePrefersReducedMotion,
-  be as usePresenceTransition,
+  O as usePrefersReducedMotion,
+  _e as usePresenceTransition,
   ae as usePriorityOverflow,
   se as useScrollOverflow,
-  v as useScrollToFirstError,
-  y as useSigningSession,
+  I as useScrollToFirstError,
+  w as useSigningSession,
   Y as useTheme,
   fe as useVisualViewportPin,
   ce as useWebOtp,
-  w as useZoomDrilldown
+  D as useZoomDrilldown
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-ai-sparkle.d.ts

@@ -2,23 +2,6 @@
 export type AiSparkleState = 'intro' | 'working' | 'landed';
 export declare const SHIMMER_CLASS: Record<AiSparkleState, string>;
 export declare const COMET_CLASS: Record<AiSparkleState, string>;
-export declare const BURST_CLASS: Record<AiSparkleState, string>;
-export declare const SPARKLE_GLYPHS: readonly [{
-    readonly key: "start";
-    readonly className: "ds:absolute ds:opacity-0 ds:text-[color:var(--ai-sparkle)] ds:fill-current ds:drop-shadow-[0_0_var(--spacing-2xs)_var(--ai-sparkle)] ds:[animation-delay:calc(var(--animation-duration)*(var(--sparkle-base)+var(--sparkle-stagger)))] ds:[--sparkle-stagger:0] ds:size-3 ds:[inset-block-start:calc(var(--spacing-xs)*-1)] ds:[inset-inline-start:calc(var(--spacing-2xs)*-1)]";
-}, {
-    readonly key: "top";
-    readonly className: "ds:absolute ds:opacity-0 ds:text-[color:var(--ai-sparkle)] ds:fill-current ds:drop-shadow-[0_0_var(--spacing-2xs)_var(--ai-sparkle)] ds:[animation-delay:calc(var(--animation-duration)*(var(--sparkle-base)+var(--sparkle-stagger)))] ds:[--sparkle-stagger:0.5] ds:size-4 ds:[inset-block-start:calc(var(--spacing-sm)*-1)] ds:[inset-inline-start:40%]";
-}, {
-    readonly key: "end";
-    readonly className: "ds:absolute ds:opacity-0 ds:text-[color:var(--ai-sparkle)] ds:fill-current ds:drop-shadow-[0_0_var(--spacing-2xs)_var(--ai-sparkle)] ds:[animation-delay:calc(var(--animation-duration)*(var(--sparkle-base)+var(--sparkle-stagger)))] ds:[--sparkle-stagger:1] ds:size-3 ds:[inset-block-start:calc(var(--spacing-xs)*-1)] ds:[inset-inline-end:var(--spacing-md)]";
-}, {
-    readonly key: "side";
-    readonly className: "ds:absolute ds:opacity-0 ds:text-[color:var(--ai-sparkle)] ds:fill-current ds:drop-shadow-[0_0_var(--spacing-2xs)_var(--ai-sparkle)] ds:[animation-delay:calc(var(--animation-duration)*(var(--sparkle-base)+var(--sparkle-stagger)))] ds:[--sparkle-stagger:1.5] ds:size-2 ds:[inset-block-start:40%] ds:[inset-inline-end:calc(var(--spacing-sm)*-1)]";
-}, {
-    readonly key: "below";
-    readonly className: "ds:absolute ds:opacity-0 ds:text-[color:var(--ai-sparkle)] ds:fill-current ds:drop-shadow-[0_0_var(--spacing-2xs)_var(--ai-sparkle)] ds:[animation-delay:calc(var(--animation-duration)*(var(--sparkle-base)+var(--sparkle-stagger)))] ds:[--sparkle-stagger:2] ds:size-3 ds:[inset-block-end:calc(var(--spacing-xs)*-1)] ds:[inset-inline-start:25%]";
-}];
 export declare const COMET_WRAPPER_CLASS = "ds:pointer-events-none ds:absolute ds:[inset-block-start:0] ds:[inset-inline-start:0] ds:opacity-0 ds:[offset-path:inset(0_round_var(--radius-full))] ds:[offset-rotate:0deg]";
 export declare const COMET_TAIL: readonly [{
     readonly key: 1;
@@ -65,13 +48,13 @@ export interface UseAiSparkleProps {
     'data-ai-sparkle': AiSparkleState | undefined;
     /**
      * The shimmer animation class for the current state — empty when at rest.
-     * Layer it over the host's own base positioning classes; the comet and
-     * burst layers need real DOM and live in the `AiSparkle` component instead.
+     * Layer it over the host's own base positioning classes; the comet layer
+     * needs real DOM and lives in the `AiSparkle` component instead.
      */
     className: string;
 }
 export interface UseAiSparkleReturn {
-    /** `null` at rest — nothing to render for the comet/burst layers either. */
+    /** `null` at rest — nothing to render for the comet layer either. */
     state: AiSparkleState | null;
     props: UseAiSparkleProps;
     /** An AI action started: swap to the looping `'working'` phase. */
@@ -93,13 +76,12 @@ export interface UseAiSparkleReturn {
  * `props['data-ai-sparkle']` is a plain styling hook for the host element;
  * `props.className` carries the shimmer layer's animation class from the
  * same lookup table the RichTextEditor's pill originally inlined. The
- * comet and burst layers need actual DOM (a tail of dots, five staggered
- * glyphs), so they live in the sibling `AiSparkle` component, keyed off the
- * same `state`.
+ * comet layer needs actual DOM (a head and a tail of dots), so it lives in
+ * the sibling `AiSparkle` component, keyed off the same `state`.
  *
  * Both `intro` and `landed` are one-off: this hook clears them back to
- * `null` on a timer sized to the comet's lap plus the burst and its
- * stagger, at the default 200ms `--animation-duration`. Under reduced
+ * `null` on a timer sized to the comet's lap plus a small buffer, at the
+ * default 200ms `--animation-duration`. Under reduced
  * motion (`prefers-reduced-motion` or `reducedMotion: 'auto'`'s system
  * read) the CSS animations already collapse to 0ms, so the clear fires at
  * the next tick instead of waiting out the full lap — the pill still gets

package/dist/host-compat.css

@@ -87,8 +87,8 @@
 .ds\:\[--carousel-item-inline-size\:28rem\] {
   --carousel-item-inline-size:448px;
 }
-.ds\:\[--inc1-nav-block-size\:3\.5rem\] {
-  --inc1-nav-block-size:56px;
+.ds\:\[--inc1-nav-block-size\:2\.5rem\] {
+  --inc1-nav-block-size:40px;
 }
 .ds\:\[--map-block-size\:14rem\] {
   --map-block-size:224px;

package/dist/i18n/locales/ar.d.ts

@@ -9,6 +9,25 @@ export declare const arUi: {
     readonly infoTip: {
         readonly triggerLabel: "مزيد من المعلومات";
     };
+    readonly aiCreditsNotice: {
+        readonly dismiss: "عدم الإظهار مرة أخرى";
+        readonly included: {
+            readonly eyebrow: "مساعدة الذكاء الاصطناعي";
+            readonly heading: "مُدرج ضمن خطتك";
+            readonly body: "تُقدَّم ميزات الذكاء الاصطناعي دون أي تكلفة إضافية خلال فترة التجربة هذه.";
+            readonly allowance: "{{remaining}} من {{limit}} إجراءً بالذكاء الاصطناعي هذا الشهر";
+            readonly resetsOn: "يتجدد في {{date}}";
+            readonly learnMore: "معرفة المزيد";
+        };
+        readonly bundles: {
+            readonly eyebrow: "أرصدة الذكاء الاصطناعي";
+            readonly headingWithAllowance: "{{remaining}} من {{limit}} رصيدًا";
+            readonly body: "تشمل الخطة المجانية {{limit}} إجراءً شهريًا. اختر باقة أرصدة للمتابعة دون حدود.";
+            readonly bodyGeneric: "اختر باقة أرصدة للمتابعة دون حدود.";
+            readonly viewBundles: "عرض الباقات";
+            readonly seeCosts: "تكلفة كل إجراء";
+        };
+    };
     readonly opticalPrescription: {
         readonly ariaLabel: "وصفة النظارات";
         readonly metaLabel: "تفاصيل الوصفة";
@@ -598,6 +617,7 @@ export declare const arUi: {
         readonly slider: {
             readonly minLabel: "الحد الأدنى";
             readonly maxLabel: "الحد الأقصى";
+            readonly value: "القيمة";
         };
         readonly checkboxGroup: {
             readonly selectAll: "تحديد الكل";
@@ -749,6 +769,8 @@ export declare const arUi: {
             readonly remove: "إزالة الملف";
             readonly progress: "تم رفع {{percent}}%";
             readonly filesSelected: "تم تحديد {{count}} ملف";
+            readonly maxSizeHint: "الحد الأقصى {{size}}";
+            readonly maxFilesHint: "حتى {{count}} ملف";
             readonly errors: {
                 readonly fileTooLarge: "الملف يتجاوز {{maxSize}}";
                 readonly fileTooSmall: "الملف أصغر من {{minSize}}";
@@ -2044,6 +2066,7 @@ export declare const arUi: {
             readonly mr: "السيد";
             readonly ms: "السيدة";
         };
+        readonly nameWithHonorific: "{{honorific}} {{name}}";
         readonly gender: {
             readonly m: "ذكر";
             readonly f: "أنثى";
@@ -2794,6 +2817,8 @@ export declare const arUi: {
             readonly remove: "إزالة التمييز";
         };
         readonly heading: "عنوان";
+        readonly extensionsKit: "من المجموعة";
+        readonly extensionsMarketplace: "من السوق";
         readonly extensions: "إضافات المحرر";
         readonly insertVariable: "إدراج متغير";
         readonly variables: {
@@ -4831,6 +4856,7 @@ export declare const arUi: {
                 readonly resetFiltersCount_zero: "إعادة تعيين عوامل التصفية — لا شيء نشط";
                 readonly resetFiltersCount_two: "إعادة تعيين عوامل التصفية — عاملان نشطان";
                 readonly resetFiltersCount_few: "إعادة تعيين عوامل التصفية — {{count}} عوامل نشطة";
+                readonly backlogCount: "بحاجة إلى إكمال — {{n}} بحاجة إلى إكمال";
             };
             readonly view: {
                 readonly menuLabel: "عرض الأجندة — {{view}}";
@@ -4898,6 +4924,11 @@ export declare const arUi: {
                 readonly filterNoPatient: "بدون مريض";
                 readonly filterNoOperator: "بدون معالج";
                 readonly filterNoChair: "بدون كرسي";
+                readonly settings: "إعدادات اللوحة";
+                readonly settingsNarrowed: "إعدادات اللوحة، القائمة مُصفّاة";
+                readonly settingsTitle: "ما الذي يُعرض";
+                readonly settingsHint: "تبقى البطاقة ظاهرة ما دام أحد حقولها الناقصة مُفعّلاً.";
+                readonly emptyNarrowed: "بعض عوامل التصفية مُعطّلة في إعدادات اللوحة.";
                 readonly notShownOnChairAxis: "لا تظهر في أعمدة الكراسي حتى يتم تعيين كرسي.";
             };
             readonly waitingList: {