orbcafe-ui 1.4.5 → 2.0.0

package/dist/index.d.ts

@@ -1,21 +1,1006 @@
-import * as React$1 from 'react';
-import React__default, { Dispatch, SetStateAction, ReactNode, HTMLAttributes } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { ReactNode, HTMLAttributes, ButtonHTMLAttributes, ElementType, ChangeEvent, FocusEvent, KeyboardEvent, InputHTMLAttributes, TextareaHTMLAttributes, CSSProperties, MouseEvent, Dispatch, SetStateAction } from 'react';
+import { Dayjs } from 'dayjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { TextFieldProps, TableCellProps } from '@mui/material';
-import { SxProps, Theme } from '@mui/material/styles';
+
+/**
+ * ORBCAFE × ORBIS design tokens (TypeScript side).
+ *
+ * Single source of truth for JS/TS consumers that cannot read CSS variables
+ * (SVG charts, canvas, inline-style computations). Values are the registered
+ * ORBIS brand palette plus derived OKLCh mixes — keep in sync with
+ * `src/styles/orbis.css`, which is adapted from the official
+ * `orbis-reference.css` design handoff.
+ *
+ * Brand literals: #ffffff #f5f5f5 #555555 #8c8c8c #dbdbdb #154194 #fc4c02
+ * Dark literals:  #01091a #0a1526
+ */
+type OrbMode = 'light' | 'dark';
+interface OrbTokens {
+    canvas: string;
+    surface: string;
+    surface2: string;
+    surface3: string;
+    fg: string;
+    muted: string;
+    border: string;
+    primary: string;
+    onPrimary: string;
+    link: string;
+    p50: string;
+    p100: string;
+    p200: string;
+    p300: string;
+    p600: string;
+    p700: string;
+    accent: string;
+    err: string;
+    errBg: string;
+    warnBg: string;
+    hover: string;
+    selected: string;
+    focusRing: string;
+    focusSolid: string;
+    disabledFg: string;
+    disabledBg: string;
+    chartGrid: string;
+    chartText: string;
+    track: string;
+    shadow1: string;
+    shadow2: string;
+    shadow3: string;
+}
+/**
+ * Light mode. Derived tints documented with their OKLCh mix formula from the
+ * handoff; computed hex values are used so charts render identically in
+ * environments where we cannot resolve color-mix() from JS.
+ */
+declare const ORB_LIGHT: OrbTokens;
+/** Dark mode per handoff (canvas #01091a, surface #0a1526). */
+declare const ORB_DARK: OrbTokens;
+declare const ORB_TOKENS: Record<OrbMode, OrbTokens>;
+/** Montserrat-first font stack per handoff. */
+declare const ORB_FONT_STACK = "\"Montserrat\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif";
+/** Chart series order mandated by the handoff: primary → p300 → muted → p700, repeat. */
+declare const orbChartSeries: (mode: OrbMode) => string[];
+/** Radius / motion constants shared by JS-driven components. */
+declare const ORB_RADIUS = 10;
+declare const ORB_TRANSITION_FAST = "0.2s ease";
+
+type OrbModeSetting = OrbMode | 'system';
+interface OrbisModeProviderProps {
+    /** Controlled mode setting. Defaults to 'light'. */
+    mode?: OrbModeSetting;
+    /** Default mode for uncontrolled usage. */
+    defaultMode?: OrbModeSetting;
+    children: ReactNode;
+}
+/**
+ * Provides the ORBIS light/dark mode to all ORBCAFE components.
+ *
+ * Central color-mode provider: it toggles the `orb-dark` class and
+ * `data-orb-mode` attribute on `<html>` so the CSS variables in `orbis.css`
+ * switch, and exposes the resolved mode through `useOrbMode()`.
+ *
+ * `CAppPageLayout` and `PAppPageLayout` already render this provider with
+ * their persisted mode setting, so app-level usage is only needed for
+ * standalone surfaces (e.g. a login page without the app shell).
+ */
+declare const OrbisModeProvider: ({ mode, defaultMode, children }: OrbisModeProviderProps) => react.JSX.Element;
+/** Effective ORBIS mode resolved from the nearest OrbisModeProvider (defaults to light). */
+declare const useOrbMode: () => OrbMode;
+/** ORBIS token hex values for the current mode — for JS-driven rendering (SVG charts, canvas). */
+declare const useOrbTokens: () => OrbTokens;
+
+/**
+ * Tiny framework-independent color alpha helper.
+ * Supports #rgb / #rrggbb inputs; returns rgba() string. Non-hex inputs
+ * (e.g. CSS variables) fall back to color-mix(), which modern browsers
+ * resolve natively.
+ */
+declare const orbAlpha: (color: string, alpha: number) => string;
+
+/**
+ * Minimal framework-independent matchMedia hook.
+ * Accepts a full media query ('(min-width:900px)') or a shorth breakpoint
+ * expression like 'up:900' / 'down:900' (px).
+ */
+declare const useMediaQuery: (query: string) => boolean;
+
+/**
+ * SAP-icons v5.13 codepoints from the official SAP theming base-content
+ * metadata. The matching font files are shipped in dist/fonts, so rendering
+ * is completely offline and does not call UI5 or any SAP service at runtime.
+ */
+declare const SAP_ICON_CODEPOINTS: {
+    readonly accept: 57435;
+    readonly activate: 57864;
+    readonly activity: 57769;
+    readonly add: 57432;
+    readonly barChart: 57417;
+    readonly calendar: 57414;
+    readonly camera: 57413;
+    readonly checklist: 57952;
+    readonly collapseAll: 57988;
+    readonly command: 57997;
+    readonly copy: 57925;
+    readonly darkMode: 58122;
+    readonly decline: 57406;
+    readonly delete: 57405;
+    readonly dimension: 57718;
+    readonly document: 57780;
+    readonly down: 57827;
+    readonly download: 57402;
+    readonly duplicate: 57401;
+    readonly edit: 57400;
+    readonly email: 57399;
+    readonly employee: 57398;
+    readonly error: 57836;
+    readonly expandAll: 57987;
+    readonly factory: 57464;
+    readonly favorite: 57445;
+    readonly filter: 57462;
+    readonly fullScreen: 57702;
+    readonly grid: 57457;
+    readonly hide: 57834;
+    readonly home: 57456;
+    readonly information: 57993;
+    readonly inventory: 57693;
+    readonly ipad: 57491;
+    readonly lightMode: 58121;
+    readonly lightbulb: 57380;
+    readonly lineChart: 57740;
+    readonly locked: 57683;
+    readonly log: 57378;
+    readonly map: 57377;
+    readonly menu: 57822;
+    readonly message: 57884;
+    readonly microphone: 57586;
+    readonly move: 57832;
+    readonly navigationLeft: 57447;
+    readonly navigationRight: 57446;
+    readonly overflow: 57842;
+    readonly overview: 57551;
+    readonly paperPlane: 57548;
+    readonly picture: 57366;
+    readonly pieChart: 57365;
+    readonly play: 57499;
+    readonly process: 57543;
+    readonly product: 57361;
+    readonly pushpin: 57503;
+    readonly qrCode: 57999;
+    readonly receipt: 57541;
+    readonly refresh: 57360;
+    readonly save: 57498;
+    readonly search: 57357;
+    readonly show: 57833;
+    readonly shipping: 57523;
+    readonly slimDown: 57839;
+    readonly slimUp: 57840;
+    readonly sort: 57853;
+    readonly sound: 57895;
+    readonly splitOne: 57919;
+    readonly splitTwo: 57920;
+    readonly stop: 57861;
+    readonly sum: 57998;
+    readonly synchronize: 57354;
+    readonly table: 57530;
+    readonly tableColumn: 57983;
+    readonly tableRow: 57982;
+    readonly thumbDown: 57891;
+    readonly thumbUp: 57890;
+    readonly time: 57508;
+    readonly translate: 57995;
+    readonly tree: 57588;
+    readonly trendDown: 57931;
+    readonly up: 57828;
+    readonly upload: 57881;
+    readonly warning: 57492;
+    readonly world: 57489;
+    readonly wrench: 57346;
+};
+type SapIconName = keyof typeof SAP_ICON_CODEPOINTS;
+interface SapIconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    name: SapIconName;
+    size?: number | string;
+    title?: string;
+    /** Accepted for drop-in compatibility with SVG outline icon libraries. */
+    strokeWidth?: number | string;
+    fill?: string;
+}
+declare const SapIcon: react.ForwardRefExoticComponent<SapIconProps & react.RefAttributes<HTMLSpanElement>>;
+declare const createSapIcon: (name: SapIconName, displayName?: string) => react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+
+declare const Activity: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const AlertCircle: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const AlertTriangle: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ArrowDown: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ArrowRight: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ArrowUp: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const BarChart: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Bot: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Calendar: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const CalendarDays: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Camera: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ChartNoAxesCombined: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Check: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const CheckCircle: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ChevronDown: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ChevronLeft: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ChevronRight: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ChevronUp: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ChevronsDown: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ChevronsUp: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const CircleAlert: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const CircleCheck: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const CircleCheckBig: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const CircleStop: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Clipboard: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ClipboardCheck: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ClipboardList: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Clock: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Columns3: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Copy: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const CopyPlus: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Delete: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Download: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Edit: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Expand: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Eye: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const EyeOff: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const File$1: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const FileText: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Filter: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const FolderTree: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const GitBranch: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Globe: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Grid: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const GripVertical: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Hammer: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Image: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Info: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Languages: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Layers: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const LayoutDashboard: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Lightbulb: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const LineChart: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Loader2: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Lock: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const LockKeyhole: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const LogOut: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Mail: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const MapPin: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Menu: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const MessageCircle: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const MessageSquare: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Mic: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const MicOff: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Moon: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const MoreHorizontal: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const PackageCheck: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const PackageSearch: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const PanelLeftOpen: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const PanelRight: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const PanelsTopLeft: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const PieChart: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Pin: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Play: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Plus: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const QrCode: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ReceiptText: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const RefreshCw: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Rocket: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const RotateCcw: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const RotateCw: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Rows3: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Save: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ScanLine: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Search: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Send: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const SendHorizontal: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Settings: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ShieldCheck: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Sigma: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const SortAsc: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const SquareSplitHorizontal: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Star: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Sun: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Table2: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const TabletSmartphone: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Terminal: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ThumbsDown: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const ThumbsUp: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Trash2: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const TreePine: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const TrendingDown: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const TriangleAlert: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Truck: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const UploadCloud: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const User: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Volume2: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Warehouse: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const Workflow: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const X: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+declare const XCircle: react.ForwardRefExoticComponent<Omit<SapIconProps, "name"> & react.RefAttributes<HTMLSpanElement>>;
+
+type OrbSxPrimitive = string | number | null | undefined | boolean;
+type OrbSxPropertyFunction = (theme: OrbCompatTheme) => OrbSxPrimitive | OrbSxObject;
+interface OrbSxObject {
+    [key: string]: OrbSxPrimitive | OrbSxObject | OrbSxPropertyFunction;
+}
+type OrbSxValue = OrbSxObject | ((theme: OrbCompatTheme) => OrbSxObject);
+type OrbSxProps = OrbSxValue | readonly OrbSxValue[];
+interface OrbCompatTheme {
+    palette: {
+        mode: 'light' | 'dark';
+        primary: {
+            main: string;
+            light: string;
+            dark: string;
+            contrastText: string;
+        };
+        secondary: {
+            main: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            contrastText: string;
+        };
+        warning: {
+            main: string;
+            contrastText: string;
+        };
+        info: {
+            main: string;
+            contrastText: string;
+        };
+        success: {
+            main: string;
+            contrastText: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        background: {
+            default: string;
+            paper: string;
+        };
+        action: {
+            hover: string;
+            selected: string;
+            focus: string;
+            disabled: string;
+            disabledBackground: string;
+            active: string;
+        };
+        divider: string;
+        common: {
+            white: string;
+            black: string;
+        };
+        grey: Record<number, string>;
+    };
+    shape: {
+        borderRadius: number;
+    };
+    breakpoints: {
+        up: (key: OrbBreakpoint) => string;
+        down: (key: OrbBreakpoint) => string;
+    };
+    spacing: (...values: number[]) => string;
+    transitions: {
+        create: (properties?: string | string[], options?: {
+            duration?: number;
+            easing?: string;
+        }) => string;
+        duration: {
+            shortest: number;
+            shorter: number;
+            short: number;
+            standard: number;
+        };
+    };
+    zIndex: {
+        modal: number;
+        drawer: number;
+        appBar: number;
+        tooltip: number;
+    };
+}
+type OrbBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type OrbResponsive<T> = T | Partial<Record<OrbBreakpoint, T>>;
+
+type CButtonVariant = 'primary' | 'secondary' | 'ghost' | 'neutral';
+type CButtonSize = 'small' | 'medium' | 'large';
+interface CButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
+    /** Visual variant. Compatibility values map contained→primary, outlined→secondary, text→ghost. */
+    variant?: CButtonVariant | 'contained' | 'outlined' | 'text';
+    size?: CButtonSize;
+    /** Stretch to fill the parent width. */
+    block?: boolean;
+    /** Show a spinner and freeze interactions (label stays to keep width stable). */
+    loading?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    component?: ElementType;
+    href?: string;
+    /** ORBIS style override. */
+    sx?: OrbSxProps;
+}
+declare const CButton: react.ForwardRefExoticComponent<CButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface CTextFieldProps {
+    label?: ReactNode;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    type?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    autoComplete?: string;
+    name?: string;
+    id?: string;
+    /** Error message — puts the field into the orange error family state. */
+    error?: string | boolean;
+    /** Helper text shown below the field. */
+    helperText?: ReactNode;
+    /** Dense 36px variant (tables / filter bars). Standard is 44px. */
+    dense?: boolean;
+    size?: 'small' | 'medium';
+    fullWidth?: boolean;
+    select?: boolean;
+    multiline?: boolean;
+    rows?: number;
+    children?: ReactNode;
+    variant?: string;
+    margin?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /** Leading adornment (icon). */
+    startAdornment?: ReactNode;
+    /** Trailing adornment (icon/button). */
+    endAdornment?: ReactNode;
+    /** Compatibility InputProps slot — only startAdornment/endAdornment/readOnly are honoured. */
+    InputProps?: {
+        startAdornment?: ReactNode;
+        endAdornment?: ReactNode;
+        readOnly?: boolean;
+        sx?: OrbSxProps;
+        [key: string]: unknown;
+    };
+    InputLabelProps?: Record<string, unknown>;
+    SelectProps?: Record<string, unknown>;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    sx?: OrbSxProps;
+    className?: string;
+}
+declare const CTextField: react.ForwardRefExoticComponent<CTextFieldProps & react.RefAttributes<HTMLInputElement>>;
+
+interface CTextAreaProps {
+    label?: ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    rows?: number;
+    minRows?: number;
+    maxRows?: number;
+    /** Compatibility flag for callers migrated from multiline text fields. */
+    multiline?: boolean;
+    error?: boolean | string;
+    helperText?: ReactNode;
+    fullWidth?: boolean;
+    name?: string;
+    id?: string;
+    inputProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;
+    sx?: OrbSxProps;
+    className?: string;
+}
+declare const CTextArea: react.ForwardRefExoticComponent<CTextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+interface CSelectOption {
+    value: string | number;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface CSelectProps {
+    label?: ReactNode;
+    options?: CSelectOption[];
+    /** Alternatively pass native <option> children. */
+    children?: ReactNode;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    onChange?: (event: ChangeEvent<HTMLSelectElement>) => void;
+    disabled?: boolean;
+    size?: 'small' | 'medium';
+    dense?: boolean;
+    fullWidth?: boolean;
+    minWidth?: number | string;
+    placeholder?: string;
+    displayEmpty?: boolean;
+    renderValue?: (value: string | number | readonly string[] | undefined) => ReactNode;
+    multiple?: boolean;
+    MenuProps?: Record<string, unknown>;
+    variant?: string;
+    disableUnderline?: boolean;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLElement>;
+    error?: boolean | string;
+    helperText?: ReactNode;
+    name?: string;
+    id?: string;
+    'aria-label'?: string;
+    sx?: OrbSxProps;
+    className?: string;
+}
+/** ORBIS select — custom popup chrome with a hidden native select for forms/refs. */
+declare const CSelect: react.ForwardRefExoticComponent<CSelectProps & react.RefAttributes<HTMLSelectElement>>;
+
+interface CCheckboxProps {
+    label?: React.ReactNode;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    name?: string;
+    value?: string;
+    id?: string;
+    size?: 'small' | 'medium';
+    color?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    sx?: OrbSxProps;
+    className?: string;
+}
+declare const CCheckbox: react.ForwardRefExoticComponent<CCheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+interface CRadioOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface CRadioGroupProps {
+    label?: ReactNode;
+    options: CRadioOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
+    name?: string;
+    row?: boolean;
+    disabled?: boolean;
+    sx?: CSSProperties;
+    className?: string;
+}
+declare const CRadioGroup: ({ label, options, value, defaultValue, onChange, name, row, disabled, sx, className, }: CRadioGroupProps) => react.JSX.Element;
+
+interface CSwitchProps {
+    label?: ReactNode;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    disabled?: boolean;
+    name?: string;
+    id?: string;
+    size?: 'small' | 'medium';
+    sx?: OrbSxProps;
+    className?: string;
+}
+declare const CSwitch: react.ForwardRefExoticComponent<CSwitchProps & react.RefAttributes<HTMLInputElement>>;
+
+type CChipTone = 'blue' | 'gray' | 'orange' | 'outline';
+interface CChipProps {
+    label?: ReactNode;
+    children?: ReactNode;
+    /** ORBIS tone. Compatibility color values map success/info/primary→blue, warning/error→orange, default→gray. */
+    tone?: CChipTone;
+    color?: 'default' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
+    variant?: 'filled' | 'outlined';
+    size?: 'small' | 'medium';
+    clickable?: boolean;
+    avatar?: ReactNode;
+    icon?: ReactNode;
+    onDelete?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (event: MouseEvent<HTMLSpanElement>) => void;
+    sx?: OrbSxProps;
+    className?: string;
+}
+declare const CChip: react.ForwardRefExoticComponent<CChipProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface CBadgeProps {
+    /** Badge content — typically a count or short marker. */
+    badgeContent?: ReactNode;
+    /** Visual tone; `error` maps to the ORBIS deepened orange, per brand discipline. */
+    color?: 'primary' | 'error' | 'muted';
+    /** Anchor the badge to the top-right corner of the child. */
+    children?: ReactNode;
+    /** Hide the badge (keeps DOM for transitions). */
+    invisible?: boolean;
+    sx?: OrbSxProps;
+    className?: string;
+}
+/**
+ * Numeric/status badge. Without children it renders standalone;
+ * with children it anchors to their top-right corner.
+ */
+declare const CBadge: react.ForwardRefExoticComponent<CBadgeProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface CAvatarProps {
+    /** Text/initials or custom content. */
+    children?: ReactNode;
+    /** Image source — renders an <img> when provided. */
+    src?: string;
+    alt?: string;
+    /** Diameter in px (default 28 per reference). */
+    size?: number;
+    variant?: 'circular' | 'rounded' | 'square' | string;
+    sx?: OrbSxProps;
+    className?: string;
+}
+declare const CAvatar: react.ForwardRefExoticComponent<CAvatarProps & react.RefAttributes<HTMLSpanElement>>;
+
+type CAlertSeverity = 'info' | 'success' | 'warning' | 'error';
+interface CAlertProps {
+    severity?: CAlertSeverity;
+    /** Bold leading line. */
+    title?: ReactNode;
+    children?: ReactNode;
+    onClose?: () => void;
+    sx?: OrbSxProps;
+    className?: string;
+}
+/**
+ * ORBIS alert. Brand discipline: info/success use ORBIS blue,
+ * warning uses signal orange, error uses deepened orange — no green/red.
+ */
+declare const CAlert: react.ForwardRefExoticComponent<CAlertProps & react.RefAttributes<HTMLDivElement>>;
+
+interface CProgressProps {
+    /** 0–100; omit for indeterminate animation. */
+    value?: number;
+    color?: string;
+    variant?: 'determinate' | 'indeterminate';
+    sx?: OrbSxProps;
+    className?: string;
+}
+/** Linear progress bar — ORBIS track + primary fill (4px, per reference). */
+declare const CProgress: ({ value, variant, color, sx, className }: CProgressProps) => react.JSX.Element;
+interface CSkeletonProps {
+    width?: number | string;
+    height?: number | string;
+    variant?: 'text' | 'rectangular' | 'circular';
+    sx?: CSSProperties;
+    className?: string;
+}
+declare const CSkeleton: ({ width, height, variant, sx, className }: CSkeletonProps) => react.JSX.Element;
+interface CSpinnerProps {
+    size?: number;
+    /** Light spinner for primary-filled surfaces. */
+    onPrimary?: boolean;
+    sx?: CSSProperties;
+    className?: string;
+}
+declare const CSpinner: ({ size, onPrimary, sx, className }: CSpinnerProps) => react.JSX.Element;
+
+interface CIconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
+    tooltip?: string;
+    size?: 'small' | 'medium';
+    /** Render in the primary color (e.g. active toggle state). */
+    active?: boolean;
+    edge?: 'start' | 'end' | false;
+    color?: string;
+    sx?: OrbSxProps;
+}
+declare const CIconButton: react.ForwardRefExoticComponent<CIconButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface CSegmentedControlOption<TValue extends string = string> {
+    value: TValue;
+    label: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+interface CSegmentedControlProps<TValue extends string = string> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'style'> {
+    value?: TValue | null;
+    options: readonly CSegmentedControlOption<TValue>[];
+    onValueChange: (value: TValue) => void;
+    size?: 'small' | 'medium';
+    sx?: OrbSxProps;
+}
+declare const CSegmentedControl: <TValue extends string = string>({ value, options, onValueChange, size, sx, className, ...rest }: CSegmentedControlProps<TValue>) => react.JSX.Element;
+
+interface CTooltipProps {
+    title: ReactNode;
+    children: ReactNode;
+    /** Delay before showing (ms). */
+    enterDelay?: number;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    disabled?: boolean;
+}
+/**
+ * ORBIS tooltip — wraps children with a Radix tooltip styled by orbis.css.
+ * Children must be able to hold a ref (all ORBCAFE atoms do).
+ */
+declare const CTooltip: ({ title, children, enterDelay, side, align, disabled }: CTooltipProps) => react.JSX.Element;
+
+interface CMenuItem {
+    label: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    icon?: ReactNode;
+}
+interface CMenuProps {
+    triggerLabel?: ReactNode;
+    items?: CMenuItem[];
+    /** Custom trigger element — defaults to a neutral CButton. */
+    trigger?: ReactNode;
+    align?: 'start' | 'center' | 'end';
+    anchorEl?: HTMLElement | null;
+    open?: boolean;
+    onClose?: () => void;
+    children?: ReactNode;
+    slotProps?: {
+        paper?: {
+            sx?: OrbSxProps;
+            elevation?: number;
+            style?: CSSProperties;
+        };
+    };
+    PaperProps?: {
+        sx?: OrbSxProps;
+        elevation?: number;
+        style?: CSSProperties;
+    };
+    anchorReference?: string;
+    anchorPosition?: {
+        top: number;
+        left: number;
+    };
+    transformOrigin?: unknown;
+    anchorOrigin?: unknown;
+    sx?: OrbSxProps;
+}
+/**
+ * Dropdown menu built on Radix DropdownMenu with ORBIS styling.
+ * Keeps the historical triggerLabel/items API.
+ */
+declare const CMenu: ({ triggerLabel, items, trigger, align, anchorEl, open, onClose, children, slotProps, PaperProps, anchorPosition, sx }: CMenuProps) => react.JSX.Element | null;
+
+interface CPaperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
+    /** 0 = flat bordered card; >0 = raised with quiet ORBIS shadow. */
+    elevation?: number;
+    variant?: 'outlined' | 'elevation' | string;
+    component?: ElementType;
+    sx?: OrbSxProps;
+    style?: CSSProperties;
+}
+declare const CPaper: react.ForwardRefExoticComponent<CPaperProps & react.RefAttributes<HTMLDivElement>>;
+
+interface CDividerProps {
+    orientation?: 'horizontal' | 'vertical';
+    flexItem?: boolean;
+    sx?: OrbSxProps;
+    className?: string;
+}
+declare const CDivider: react.ForwardRefExoticComponent<CDividerProps & react.RefAttributes<HTMLHRElement>>;
+
+/**
+ * ORBIS type scale (handoff §2):
+ * h1 32/600 · h2 24/600 · h3 19/600 · subtitle 16/500 ·
+ * body 16/300 · body2 14/300 · label 13/500 · caption 12/500 muted · overline 11/500 caps
+ */
+type CTypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'label' | 'caption' | 'overline' | 'inherit';
+interface CTypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'style'> {
+    variant?: CTypographyVariant;
+    component?: ElementType;
+    /** Muted (secondary) text color. */
+    muted?: boolean;
+    /** Right-aligned tabular numerals for data contexts. */
+    numeric?: boolean;
+    color?: string;
+    noWrap?: boolean;
+    fontWeight?: number | string;
+    children?: ReactNode;
+    sx?: OrbSxProps;
+}
+declare const CTypography: react.ForwardRefExoticComponent<CTypographyProps & react.RefAttributes<HTMLElement>>;
+
+interface CStackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
+    /** Flex direction, including responsive values. */
+    direction?: OrbResponsive<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
+    /** Gap in 8px units or as a raw CSS length. */
+    spacing?: number | string;
+    alignItems?: OrbResponsive<CSSProperties['alignItems']>;
+    justifyContent?: OrbResponsive<CSSProperties['justifyContent']>;
+    flexWrap?: OrbResponsive<CSSProperties['flexWrap']>;
+    flex?: OrbResponsive<CSSProperties['flex']>;
+    useFlexGap?: boolean;
+    sx?: OrbSxProps;
+    children?: ReactNode;
+}
+/**
+ * Minimal ORBIS flex stack.
+ * `spacing={2}` means 16px using the shared 8px unit.
+ */
+declare const CStack: react.ForwardRefExoticComponent<CStackProps & react.RefAttributes<HTMLDivElement>>;
+
+interface CDialogProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    /** Footer action row. */
+    actions?: ReactNode;
+    /** Max content width (default 560). */
+    maxWidth?: number | string;
+    fullWidth?: boolean;
+    fullScreen?: boolean;
+    PaperProps?: {
+        sx?: OrbSxProps;
+    };
+    slotProps?: {
+        paper?: {
+            sx?: OrbSxProps;
+        };
+    };
+    disableRestoreFocus?: boolean;
+    keepMounted?: boolean;
+    hideCloseButton?: boolean;
+    sx?: OrbSxProps;
+    className?: string;
+}
+/**
+ * ORBIS dialog — Radix Dialog (focus trap, ESC, portal) + orbis.css chrome.
+ * Accessible ORBIS dialog with title, content and action regions.
+ */
+declare const CDialog: ({ open, onClose, title, children, actions, maxWidth, fullWidth, fullScreen, PaperProps, slotProps, disableRestoreFocus: _disableRestoreFocus, keepMounted: _keepMounted, hideCloseButton, sx, className, }: CDialogProps) => react.JSX.Element;
+
+interface CPopoverProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Element the popover anchors to. */
+    trigger: ReactNode;
+    children?: ReactNode;
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+    /** Match the trigger width (for select-like popovers). */
+    matchTriggerWidth?: boolean;
+    sx?: CSSProperties;
+    className?: string;
+}
+/** ORBIS popover — Radix Popover + orbis.css chrome. */
+declare const CPopover: ({ open, defaultOpen, onOpenChange, trigger, children, align, side, sideOffset, matchTriggerWidth, sx, className, }: CPopoverProps) => react.JSX.Element;
+
+interface CTabItem {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+    icon?: ReactNode;
+}
+interface CTabsProps {
+    items: CTabItem[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    sx?: CSSProperties;
+    className?: string;
+}
+/**
+ * Underline tabs — active tab gets primary text + 2px primary underline
+ * (handoff §3). Arrow-key navigation included.
+ */
+declare const CTabs: ({ items, value, defaultValue, onChange, sx, className }: CTabsProps) => react.JSX.Element;
+
+interface CCalendarProps {
+    /** Selected day (single mode). */
+    value?: Dayjs | null;
+    /** Range mode: start/end selection. */
+    rangeStart?: Dayjs | null;
+    rangeEnd?: Dayjs | null;
+    onChange?: (day: Dayjs) => void;
+    /** Visible month — controlled. */
+    month?: Dayjs;
+    defaultMonth?: Dayjs;
+    onMonthChange?: (month: Dayjs) => void;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
+    /** Hide days outside the visible month. */
+    fixedWeekNumber?: boolean;
+    locale?: string;
+    renderDay?: (day: Dayjs, state: {
+        outsideCurrentMonth: boolean;
+        selected: boolean;
+        today: boolean;
+        disabled: boolean;
+    }) => ReactNode;
+}
+/**
+ * Month-grid calendar styled per orbis.css (.orb-cal-*).
+ * ORBIS calendar primitive. Dayjs in, Dayjs out.
+ */
+declare const CCalendar: ({ value, rangeStart, rangeEnd, onChange, month, defaultMonth, onMonthChange, minDate, maxDate, locale, renderDay, }: CCalendarProps) => react.JSX.Element;
+
+interface CDatePickerProps {
+    label?: ReactNode;
+    value?: Dayjs | null;
+    defaultValue?: Dayjs | null;
+    onChange?: (value: Dayjs | null) => void;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
+    disabled?: boolean;
+    /** dayjs display format (default YYYY-MM-DD). */
+    format?: string;
+    placeholder?: string;
+    locale?: string;
+    dense?: boolean;
+    error?: boolean | string;
+    helperText?: ReactNode;
+    sx?: CSSProperties;
+    className?: string;
+}
+/**
+ * ORBIS date picker — text field + calendar popover (CCalendar).
+ * ORBIS date picker; values stay Dayjs objects.
+ */
+declare const CDatePicker: ({ label, value, defaultValue, onChange, minDate, maxDate, disabled, format, placeholder, locale, dense, error, helperText, sx, className, }: CDatePickerProps) => react.JSX.Element;
+
+interface CFileUploadProps {
+    onFilesSelected?: (files: File[]) => void;
+    multiple?: boolean;
+    accept?: string;
+    maxSize?: number;
+    title?: string;
+    subtitle?: string;
+    sx?: CSSProperties;
+}
+declare const CFileUpload: react__default.FC<CFileUploadProps>;
+
+/**
+ * @file 10_Frontend/components/ui/molecules/tree-menu.tsx
+ *
+ * @summary Core frontend tree-menu module for the ORBAI Core project
+ * @author ORBAICODER
+ * @version 1.0.0
+ * @date 2025-01-19
+ *
+ * @description
+ * This file is responsible for:
+ *  - Implementing tree-menu functionality within frontend workflows
+ *  - Integrating with shared ORBAI Core application processes under frontend
+ *
+ * @logic
+ * 1. Import required dependencies and configuration
+ * 2. Execute the primary logic for tree-menu
+ * 3. Export the resulting APIs, hooks, or components for reuse
+ *
+ * @changelog
+ * V1.0.0 - 2025-01-19 - Initial creation
+ */
 
 interface TreeMenuItem {
     id: string;
     title?: string;
     label?: string;
     description?: string;
-    icon?: React__default.ReactNode;
+    icon?: react__default.ReactNode;
     href?: string;
     appurl?: string;
     children?: TreeMenuItem[];
     isExpanded?: boolean;
+    pinnable?: boolean;
     data?: any;
 }
 interface TreeMenuProps {
@@ -26,8 +1011,30 @@ interface TreeMenuProps {
     expandedIds?: Set<string>;
     onToggleExpand?: (id: string) => void;
     colorMode?: 'light' | 'dark';
+    enablePinning?: boolean;
+    pinnedIds?: Set<string>;
+    onTogglePin?: (item: TreeMenuItem) => void;
+}
+declare function TreeMenu({ items, onItemClick, className, level, expandedIds, onToggleExpand, colorMode, enablePinning, pinnedIds, onTogglePin, }: TreeMenuProps): react__default.JSX.Element;
+
+type NavigationIslandDisplayMode = 'fixed' | 'floating';
+interface NavigationIslandProps {
+    collapsed: boolean;
+    onToggle: () => void;
+    className?: string;
+    maxHeight?: number;
+    menuData?: TreeMenuItem[];
+    colorMode?: 'light' | 'dark';
+    displayMode?: NavigationIslandDisplayMode;
+    onDisplayModeChange?: (mode: NavigationIslandDisplayMode) => void;
+    showDisplayModeToggle?: boolean;
+    enablePinning?: boolean;
+    pinStorageKey?: string;
+    pinnedItemIds?: string[];
+    defaultPinnedItemIds?: string[];
+    onPinnedItemIdsChange?: (ids: string[]) => void;
+    pinnedSectionTitle?: string;
 }
-declare function TreeMenu({ items, onItemClick, className, level, expandedIds, onToggleExpand, colorMode, }: TreeMenuProps): react_jsx_runtime.JSX.Element;
 
 /**
  * @file 10_Frontend/components/ui/molecules/navigation-island.tsx
@@ -51,34 +1058,32 @@ declare function TreeMenu({ items, onItemClick, className, level, expandedIds, o
  * V1.0.0 - 2025-01-19 - Initial creation
  */
 
-type NavigationIslandDisplayMode = 'fixed' | 'floating';
-interface NavigationIslandProps {
-    collapsed: boolean;
-    onToggle: () => void;
-    className?: string;
-    maxHeight?: number;
-    menuData?: TreeMenuItem[];
-    colorMode?: 'light' | 'dark';
-    displayMode?: NavigationIslandDisplayMode;
-    onDisplayModeChange?: (mode: NavigationIslandDisplayMode) => void;
-    showDisplayModeToggle?: boolean;
-}
-declare const NavigationIsland: React__default.FC<NavigationIslandProps>;
+declare const NavigationIsland: react__default.FC<NavigationIslandProps>;
+
+type NavigationIsland2Props = NavigationIslandProps;
+/** Independent ORBIS navigation implementation using the offline SAP icon font. */
+declare const NavigationIsland2: react__default.FC<NavigationIsland2Props>;
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "chat-tool" | "chat-send" | "chat-stop" | "chat-disabled" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "chat-sm" | "chat-md" | "chat-lg" | null | undefined;
-    rounded?: "sm" | "none" | "md" | "full" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "ghost" | "outline" | "destructive" | "chat-tool" | "chat-send" | "chat-stop" | "chat-disabled" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | "chat-sm" | "chat-md" | "chat-lg" | null | undefined;
+    rounded?: "sm" | "md" | "none" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends react.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface UseNavigationIslandOptions {
     initialCollapsed?: boolean;
     initialDisplayMode?: NavigationIslandDisplayMode;
     content?: TreeMenuItem[];
+    enablePinning?: boolean;
+    pinStorageKey?: string;
+    pinnedItemIds?: string[];
+    defaultPinnedItemIds?: string[];
+    onPinnedItemIdsChange?: (ids: string[]) => void;
+    pinnedSectionTitle?: string;
 }
 interface UseNavigationIslandResult {
     collapsed: boolean;
@@ -89,7 +1094,7 @@ interface UseNavigationIslandResult {
     toggleDisplayMode: () => void;
     menuData: TreeMenuItem[];
     setMenuData: Dispatch<SetStateAction<TreeMenuItem[]>>;
-    navigationIslandProps: Pick<NavigationIslandProps, 'collapsed' | 'onToggle' | 'menuData' | 'displayMode' | 'onDisplayModeChange'>;
+    navigationIslandProps: Pick<NavigationIslandProps, 'collapsed' | 'onToggle' | 'menuData' | 'displayMode' | 'onDisplayModeChange' | 'enablePinning' | 'pinStorageKey' | 'pinnedItemIds' | 'defaultPinnedItemIds' | 'onPinnedItemIdsChange' | 'pinnedSectionTitle'>;
 }
 /**
  * Hook for wiring NavigationIsland in a controlled and reusable way.
@@ -130,42 +1135,10 @@ declare const message: {
     hide: () => void;
 };
 
-/**
- * @file 10_Frontend/components/sap/ui/Common/Molecules/CMessageBox.tsx
- *
- * @summary Core frontend CMessageBox module for the ORBAI Core project
- * @author ORBAICODER
- * @version 1.0.0
- * @date 2025-01-19
- *
- * @description
- * This file is responsible for:
- *  - Implementing CMessageBox functionality within frontend workflows
- *  - Integrating with shared ORBAI Core application processes under frontend
- *
- * @logic
- * 1. Import required dependencies and configuration
- * 2. Execute the primary logic for CMessageBox
- * 3. Export the resulting APIs, hooks, or components for reuse
- *
- * @changelog
- * V1.0.0 - 2025-01-19 - Initial creation
- */
-/**
- * File Overview
- *
- * START CODING
- *
- * --------------------------
- * SECTION 1: CMessageBox Core Logic
- * Section overview and description.
- * --------------------------
- */
-
 interface CMessageBoxProps {
     open: boolean;
     title?: string;
-    message?: string | React__default.ReactNode;
+    message?: string | react__default.ReactNode;
     onClose: () => void;
     onConfirm?: () => void;
     confirmText?: string;
@@ -174,8 +1147,79 @@ interface CMessageBoxProps {
     maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     type?: CMessageBoxType;
 }
-declare const CMessageBox: React__default.FC<CMessageBoxProps>;
-declare const GlobalMessage: React__default.FC;
+declare const CMessageBox: react__default.FC<CMessageBoxProps>;
+declare const GlobalMessage: react__default.FC;
+
+interface CStatusBadgeProps {
+    status: 'OK' | 'Error' | 'Warning' | string;
+    showIcon?: boolean;
+}
+declare const CStatusBadge: ({ status, showIcon }: CStatusBadgeProps) => react.JSX.Element;
+
+interface CListProps extends HTMLAttributes<HTMLUListElement> {
+    dense?: boolean;
+    sx?: CSSProperties;
+}
+declare const CList: ({ dense, sx, className, children, ...props }: CListProps) => react.JSX.Element;
+interface CListItemProps extends HTMLAttributes<HTMLLIElement> {
+    button?: boolean;
+    divider?: boolean;
+    sx?: CSSProperties;
+}
+declare const CListItem: ({ button, divider, sx, className, children, ...props }: CListItemProps) => react.JSX.Element;
+interface CListItemButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    sx?: CSSProperties;
+}
+declare const CListItemButton: ({ sx, className, children, ...props }: CListItemButtonProps) => react.JSX.Element;
+interface CListItemIconProps {
+    children: ReactNode;
+    sx?: CSSProperties;
+}
+declare const CListItemIcon: ({ children, sx }: CListItemIconProps) => react.JSX.Element;
+interface CListItemTextProps {
+    primary: ReactNode;
+    secondary?: ReactNode;
+    sx?: CSSProperties;
+}
+declare const CListItemText: ({ primary, secondary, sx }: CListItemTextProps) => react.JSX.Element;
+interface CListSubheaderProps extends HTMLAttributes<HTMLLIElement> {
+    sx?: CSSProperties;
+}
+declare const CListSubheader: ({ sx, className, children, ...props }: CListSubheaderProps) => react.JSX.Element;
+interface CListItemAvatarProps {
+    children: ReactNode;
+    sx?: CSSProperties;
+}
+declare const CListItemAvatar: ({ children, sx }: CListItemAvatarProps) => react.JSX.Element;
+
+interface CFilterFieldProps extends HTMLAttributes<HTMLDivElement> {
+    xs?: number;
+    md?: number;
+    lg?: number;
+    sx?: CSSProperties;
+    children?: ReactNode;
+}
+declare const CFilterField: ({ xs, md, lg, sx, children, className, ...props }: CFilterFieldProps) => react.JSX.Element;
+
+type SxProps<T = OrbCompatTheme> = OrbSxProps | ((theme: T) => OrbSxObject);
+type Theme = OrbCompatTheme;
+interface LooseProps {
+    [key: string]: unknown;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: OrbSxProps;
+    component?: ElementType;
+}
+type TableCellProps = LooseProps & {
+    align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+    padding?: 'normal' | 'checkbox' | 'none';
+};
+type TextFieldProps = Parameters<typeof CTextField>[0] & {
+    size?: 'small' | 'medium';
+    select?: boolean;
+    children?: ReactNode;
+};
 
 type CValueHelpPrimitive = string | number;
 type CValueHelpMode = 'single' | 'multiple';
@@ -215,7 +1259,7 @@ interface CValueHelpProps<TRecord extends CValueHelpRecord = CValueHelpRecord> e
     onChange?: (value: CValueHelpSelectionValue, selection: TRecord | TRecord[] | null) => void;
     onSearch?: (query: string) => Promise<TRecord[] | void> | TRecord[] | void;
 }
-declare const CValueHelp: <TRecord extends CValueHelpRecord = CValueHelpRecord>({ value, items, columns, mode, dialogTitle, searchPlaceholder, selectLabel, clearLabel, cancelLabel, valueHelpLabel, noResultsText, loading, clearable, allowManualInput, validateManualInput, manualInputErrorText, selectedItems, displayValue, getOptionValue, getOptionLabel, getOptionDescription, onChange, onSearch, disabled, InputProps, onFocus, onBlur, onKeyDown, error, helperText, ...textFieldProps }: CValueHelpProps<TRecord>) => react_jsx_runtime.JSX.Element;
+declare const CValueHelp: <TRecord extends CValueHelpRecord = CValueHelpRecord>({ value, items, columns, mode, dialogTitle, searchPlaceholder, selectLabel, clearLabel, cancelLabel, valueHelpLabel, noResultsText, loading, clearable, allowManualInput, validateManualInput, manualInputErrorText, selectedItems, displayValue, getOptionValue, getOptionLabel, getOptionDescription, onChange, onSearch, disabled, InputProps, onFocus, onBlur, onKeyDown, error, helperText, ...textFieldProps }: CValueHelpProps<TRecord>) => react.JSX.Element;
 
 interface CustomizeAgentSettings {
     baseUrl: string;
@@ -472,6 +1516,18 @@ interface CTableBodyProps {
     rowKeyProp?: string;
     page?: number;
     rowsPerPage?: number;
+    emptyLabel?: ReactNode;
+    getRowDataKey?: (context: CTableBodyRowContext) => string | undefined;
+    getRowProps?: (context: CTableBodyRowContext) => HTMLAttributes<HTMLTableRowElement>;
+    getGroupRowProps?: (context: CTableBodyRowContext) => HTMLAttributes<HTMLTableRowElement>;
+}
+interface CTableBodyRowContext {
+    entry: any;
+    data: any;
+    id: any;
+    index: number;
+    selected: boolean;
+    group: boolean;
 }
 interface CTableCellProps {
     children?: React.ReactNode;
@@ -523,7 +1579,7 @@ interface CVariantManagementProps {
     onDelete: (id: string) => void;
     onSetDefault: (id: string) => void;
 }
-declare const CVariantManagement: ({ variants, currentVariantId, onLoad, onSave, onDelete, onSetDefault }: CVariantManagementProps) => react_jsx_runtime.JSX.Element;
+declare const CVariantManagement: ({ variants, currentVariantId, onLoad, onSave, onDelete, onSetDefault }: CVariantManagementProps) => react.JSX.Element;
 
 /**
  * @file 10_Frontend/components/sap/ui/Common/PageComponents/CVariantManager.tsx
@@ -564,7 +1620,7 @@ interface CVariantManagerProps {
     currentVariantId?: string;
     onVariantChange?: (variantId: string) => void;
 }
-declare const CVariantManager: React__default.FC<CVariantManagerProps>;
+declare const CVariantManager: react__default.FC<CVariantManagerProps>;
 
 type FilterType = 'text' | 'number' | 'date' | 'select' | 'multi-select' | 'value-help';
 type TextOperator = 'equals' | 'contains' | 'notContains' | 'wildcard';
@@ -618,7 +1674,7 @@ interface CSmartFilterProps {
  *
  * Renders a filter bar with "Go" button, variant management, and "Adapt Filters" capability.
  */
-declare const CSmartFilter: ({ fields, filters, onFilterChange, variants, currentVariantId, onVariantLoad, onVariantSave, onVariantDelete, onVariantSetDefault, onSearch, loading, appId, tableKey, currentLayout, currentLayoutId, layoutRefs, variantService, serviceUrl }: CSmartFilterProps) => react_jsx_runtime.JSX.Element;
+declare const CSmartFilter: ({ fields, filters, onFilterChange, variants, currentVariantId, onVariantLoad, onVariantSave, onVariantDelete, onVariantSetDefault, onSearch, loading, appId, tableKey, currentLayout, currentLayoutId, layoutRefs, variantService, serviceUrl }: CSmartFilterProps) => react.JSX.Element;
 
 interface CStandardPageProps {
     /**
@@ -636,7 +1692,7 @@ interface CStandardPageProps {
     /** Props for the CTable (excluding filterConfig) */
     tableProps: Omit<CTableProps, 'filterConfig'>;
     /** Additional content (Dialogs, Snackbars, etc.) */
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     /**
      * Spacing between Filter and Table
      * Default: 1 (8px) - Much tighter than default CTable behavior
@@ -651,35 +1707,13 @@ interface CStandardPageProps {
      */
     mode?: 'separated' | 'integrated';
 }
-declare const CStandardPage: ({ id, title, hideHeader, filterConfig, tableProps, children, spacing, mode }: CStandardPageProps) => react_jsx_runtime.JSX.Element;
-
-/**
- * @file 10_Frontend/components/sap/ui/Common/Structures/CTable.tsx
- *
- * @summary Core frontend CTable module for the ORBAI Core project
- * @author ORBAICODER
- * @version 1.0.0
- * @date 2025-01-19
- *
- * @description
- * This file is responsible for:
- *  - Implementing CTable functionality within frontend workflows
- *  - Integrating with shared ORBAI Core application processes under frontend
- *
- * @logic
- * 1. Import required dependencies and configuration
- * 2. Execute the primary logic for CTable
- * 3. Export the resulting APIs, hooks, or components for reuse
- *
- * @changelog
- * V1.0.0 - 2025-01-19 - Initial creation
- */
+declare const CStandardPage: ({ id, title, hideHeader, filterConfig, tableProps, children, spacing, mode }: CStandardPageProps) => react__default.JSX.Element;
 
-declare const CTableBody: React__default.FC<any>;
-declare const CTableCell: React__default.FC<CTableCellProps>;
-declare const CTableContainer: React__default.FC<CTableContainerProps>;
-declare const CTableHead: React__default.FC<any>;
-declare const CTableRow: React__default.FC<CTableRowProps>;
+declare const CTableBody: react__default.FC<any>;
+declare const CTableCell: react__default.FC<CTableCellProps>;
+declare const CTableContainer: react__default.FC<CTableContainerProps>;
+declare const CTableHead: react__default.FC<any>;
+declare const CTableRow: react__default.FC<CTableRowProps>;
 /**
  * --------------------------
  * SECTION 2: CTable Component
@@ -711,30 +1745,8 @@ declare const CTableRow: React__default.FC<CTableRowProps>;
  *                       Used for loading saved variants.
  * @param props.filterConfig - Optional configuration to enable integrated Smart Filter Bar.
  */
-declare const CTable: React__default.FC<CTableProps>;
-declare const CSmartTable: React__default.FC<CTableProps>;
-
-/**
- * @file 10_Frontend/components/sap/ui/Common/Molecules/CLayoutManagement.tsx
- *
- * @summary Core frontend CLayoutManagement module for the ORBAI Core project
- * @author ORBAICODER
- * @version 1.0.0
- * @date 2026-01-06
- *
- * @description
- * This file is responsible for:
- *  - Implementing CLayoutManagement functionality within frontend workflows
- *  - Integrating with shared ORBAI Core application processes under frontend
- *
- * @logic
- * 1. Import required dependencies and configuration
- * 2. Execute the primary logic for CLayoutManagement
- * 3. Export the resulting APIs, hooks, or components for reuse
- *
- * @changelog
- * V1.0.0 - 2026-01-06 - Initial creation
- */
+declare const CTable: react__default.FC<CTableProps>;
+declare const CSmartTable: react__default.FC<CTableProps>;
 
 interface LayoutMetadata {
     id: string;
@@ -762,7 +1774,7 @@ interface CLayoutManagementProps {
  * 2. Load existing layouts.
  * 3. Manage layouts (Delete, Set Default).
  */
-declare const CLayoutManagement: React__default.FC<CLayoutManagementProps>;
+declare const CLayoutManagement: react__default.FC<CLayoutManagementProps>;
 
 /**
  * @file 10_Frontend/components/sap/ui/Common/PageComponents/CLayoutManager.tsx
@@ -781,14 +1793,14 @@ interface CLayoutManagerProps {
     onError?: (message: string) => void;
     onSuccess?: (message: string) => void;
 }
-declare const CLayoutManager: React__default.FC<CLayoutManagerProps>;
+declare const CLayoutManager: react__default.FC<CLayoutManagerProps>;
 
 interface CPageLayoutProps {
     title: string;
     hideHeader?: boolean;
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
 }
-declare const CPageLayout: ({ title, hideHeader, children }: CPageLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const CPageLayout: ({ title, hideHeader, children }: CPageLayoutProps) => react__default.JSX.Element;
 
 interface ReportColumn {
     id: string;
@@ -891,7 +1903,7 @@ interface CGraphReportProps {
     };
     aiAssistant?: GraphReportConfig['aiAssistant'];
 }
-declare const CGraphReport: ({ open, onClose, model, tableContent, extraCharts, interaction, aiAssistant, }: CGraphReportProps) => react_jsx_runtime.JSX.Element;
+declare const CGraphReport: ({ open, onClose, model, tableContent, extraCharts, interaction, aiAssistant, }: CGraphReportProps) => react.JSX.Element;
 
 interface UseGraphReportOptions {
     rows: GraphRow[];
@@ -955,19 +1967,19 @@ interface CGraphChartsProps {
         onStatusClick?: (value: string) => void;
     };
 }
-declare const CGraphCharts: ({ billableByPrimary, efficiencyBySecondary, statusDistribution, interaction, }: CGraphChartsProps) => react_jsx_runtime.JSX.Element;
+declare const CGraphCharts: ({ billableByPrimary, efficiencyBySecondary, statusDistribution, interaction, }: CGraphChartsProps) => react.JSX.Element;
 
 interface CGraphKpiCardsProps {
     kpis: GraphReportKpis;
 }
-declare const CGraphKpiCards: ({ kpis }: CGraphKpiCardsProps) => react_jsx_runtime.JSX.Element;
+declare const CGraphKpiCards: ({ kpis }: CGraphKpiCardsProps) => react.JSX.Element;
 
 interface CChartCardProps {
     title: string;
     subtitle?: string;
     children: ReactNode;
 }
-declare const CChartCard: ({ title, subtitle, children }: CChartCardProps) => react_jsx_runtime.JSX.Element;
+declare const CChartCard: ({ title, subtitle, children }: CChartCardProps) => react.JSX.Element;
 
 interface CBarChartProps {
     data: GraphBarDatum[];
@@ -977,7 +1989,7 @@ interface CBarChartProps {
     activeName?: string;
     onItemClick?: (item: GraphBarDatum) => void;
 }
-declare const CBarChart: ({ data, orientation, valueSuffix, minHeight, activeName, onItemClick, }: CBarChartProps) => react_jsx_runtime.JSX.Element;
+declare const CBarChart: ({ data, orientation, valueSuffix, minHeight, activeName, onItemClick, }: CBarChartProps) => react.JSX.Element;
 
 interface CLineChartProps {
     data: GraphLineDatum[];
@@ -985,7 +1997,7 @@ interface CLineChartProps {
     valueSuffix?: string;
     height?: number;
 }
-declare const CLineChart: ({ data, color, valueSuffix, height, }: CLineChartProps) => react_jsx_runtime.JSX.Element;
+declare const CLineChart: ({ data, color, valueSuffix, height, }: CLineChartProps) => react.JSX.Element;
 
 interface CComboChartProps {
     data: GraphComboDatum[];
@@ -993,12 +2005,12 @@ interface CComboChartProps {
     lineColor?: string;
     height?: number;
 }
-declare const CComboChart: ({ data, barColor, lineColor, height, }: CComboChartProps) => react_jsx_runtime.JSX.Element;
+declare const CComboChart: ({ data, barColor, lineColor, height, }: CComboChartProps) => react.JSX.Element;
 
 interface CHeatmapChartProps {
     data: GraphHeatmapDatum[];
 }
-declare const CHeatmapChart: ({ data }: CHeatmapChartProps) => react_jsx_runtime.JSX.Element;
+declare const CHeatmapChart: ({ data }: CHeatmapChartProps) => react.JSX.Element;
 
 interface CPieChartProps {
     data: GraphPieDatum[];
@@ -1008,19 +2020,19 @@ interface CPieChartProps {
     activeName?: string;
     onItemClick?: (item: GraphPieDatum) => void;
 }
-declare const CPieChart: ({ data, variant, colors, size, activeName, onItemClick, }: CPieChartProps) => react_jsx_runtime.JSX.Element;
+declare const CPieChart: ({ data, variant, colors, size, activeName, onItemClick, }: CPieChartProps) => react.JSX.Element;
 
 interface CFishboneChartProps {
     effect: string;
     branches: GraphFishboneBranch[];
 }
-declare const CFishboneChart: ({ effect, branches }: CFishboneChartProps) => react_jsx_runtime.JSX.Element;
+declare const CFishboneChart: ({ effect, branches }: CFishboneChartProps) => react.JSX.Element;
 
 interface CWaterfallChartProps {
     data: GraphWaterfallDatum[];
     height?: number;
 }
-declare const CWaterfallChart: ({ data, height }: CWaterfallChartProps) => react_jsx_runtime.JSX.Element;
+declare const CWaterfallChart: ({ data, height }: CWaterfallChartProps) => react.JSX.Element;
 
 interface CGoogleMapChartProps {
     apiKey?: string;
@@ -1030,7 +2042,7 @@ interface CGoogleMapChartProps {
     mapType?: 'roadmap' | 'satellite';
     height?: number;
 }
-declare const CGoogleMapChart: ({ apiKey, query, embedUrl, zoom, mapType, height, }: CGoogleMapChartProps) => react_jsx_runtime.JSX.Element;
+declare const CGoogleMapChart: ({ apiKey, query, embedUrl, zoom, mapType, height, }: CGoogleMapChartProps) => react.JSX.Element;
 
 interface CAmapChartProps {
     keyword?: string;
@@ -1038,7 +2050,7 @@ interface CAmapChartProps {
     embedUrl?: string;
     height?: number;
 }
-declare const CAmapChart: ({ keyword, location, embedUrl, height, }: CAmapChartProps) => react_jsx_runtime.JSX.Element;
+declare const CAmapChart: ({ keyword, location, embedUrl, height, }: CAmapChartProps) => react.JSX.Element;
 
 interface GoogleMapEmbedOptions {
     apiKey: string;
@@ -1072,7 +2084,7 @@ interface CCustomizeAgentProps {
     defaultAnalysisTemplateId?: string;
     defaultResponseTemplateId?: string;
 }
-declare const CCustomizeAgent: ({ open, onClose, value, onSaveAll, modelOptions, promptLangOptions, analysisTemplateOptions, responseTemplateOptions, defaultAnalysisTemplateId, defaultResponseTemplateId, }: CCustomizeAgentProps) => react_jsx_runtime.JSX.Element;
+declare const CCustomizeAgent: ({ open, onClose, value, onSaveAll, modelOptions, promptLangOptions, analysisTemplateOptions, responseTemplateOptions, defaultAnalysisTemplateId, defaultResponseTemplateId, }: CCustomizeAgentProps) => react.JSX.Element;
 
 interface DetailInfoField {
     id: string;
@@ -1133,7 +2145,7 @@ interface CDetailInfoPageProps {
     closeLabel?: string;
 }
 
-declare const CDetailInfoPage: ({ title, subtitle, sections, tabs, defaultTabId, table, ai, rightHeaderSlot, searchBarWidth, onClose, closeLabel, }: CDetailInfoPageProps) => react_jsx_runtime.JSX.Element;
+declare const CDetailInfoPage: ({ title, subtitle, sections, tabs, defaultTabId, table, ai, rightHeaderSlot, searchBarWidth, onClose, closeLabel, }: CDetailInfoPageProps) => react.JSX.Element;
 
 type DetailInfoSearchMode = 'idle' | 'search' | 'ai';
 interface UseDetailInfoOptions {
@@ -1169,13 +2181,13 @@ interface CDetailSearchAiBarProps {
     compact?: boolean;
     showStatusText?: boolean;
 }
-declare const CDetailSearchAiBar: ({ value, onChange, onSubmit, onVoiceInput, onClear, placeholder, statusText, loading, compact, showStatusText, }: CDetailSearchAiBarProps) => react_jsx_runtime.JSX.Element;
+declare const CDetailSearchAiBar: ({ value, onChange, onSubmit, onVoiceInput, onClear, placeholder, statusText, loading, compact, showStatusText, }: CDetailSearchAiBarProps) => react.JSX.Element;
 
 interface CDetailSectionCardProps {
     section: DetailInfoSection;
     highlightQuery?: string;
 }
-declare const CDetailSectionCard: ({ section, highlightQuery }: CDetailSectionCardProps) => react_jsx_runtime.JSX.Element;
+declare const CDetailSectionCard: ({ section, highlightQuery }: CDetailSectionCardProps) => react.JSX.Element;
 
 type KanbanCardPriority = 'critical' | 'high' | 'medium' | 'low';
 type KanbanCardTone = 'default' | 'success' | 'warning' | 'info' | 'error';
@@ -1283,7 +2295,7 @@ interface UseKanbanBoardBindings {
     onCardClick?: (context: KanbanCardClickContext) => void;
 }
 
-declare const CKanbanBoard: ({ model, onCardMove, onCardClick, minBucketWidth, bucketMaxHeight, emptyBucketLabel, sx, }: CKanbanBoardProps) => react_jsx_runtime.JSX.Element;
+declare const CKanbanBoard: ({ model, onCardMove, onCardClick, minBucketWidth, bucketMaxHeight, emptyBucketLabel, sx, }: CKanbanBoardProps) => react.JSX.Element;
 
 declare const createKanbanBoardModel: ({ buckets, cards }: CreateKanbanBoardModelOptions) => KanbanBoardModel;
 declare const findKanbanCard: (model: KanbanBoardModel, cardId: string) => KanbanCardLookup | undefined;
@@ -1309,9 +2321,9 @@ interface UseKanbanBoardResult {
 }
 declare const useKanbanBoard: (options: UseKanbanBoardOptions) => UseKanbanBoardResult;
 
-declare const CKanbanBucket: ({ bucket, cardCount, highlighted, children, emptyLabel, maxHeight, sx, }: CKanbanBucketProps) => react_jsx_runtime.JSX.Element;
+declare const CKanbanBucket: ({ bucket, cardCount, highlighted, children, emptyLabel, maxHeight, sx, }: CKanbanBucketProps) => react.JSX.Element;
 
-declare const CKanbanCard: ({ card, bucket, dragging, overlay, onClick, sx }: CKanbanCardProps) => react_jsx_runtime.JSX.Element;
+declare const CKanbanCard: ({ card, bucket, dragging, overlay, onClick, sx }: CKanbanCardProps) => react.JSX.Element;
 
 type OrbcafeLocale = 'en' | 'zh' | 'fr' | 'de' | 'ja' | 'ko';
 declare const en: {
@@ -1335,6 +2347,7 @@ declare const en: {
     readonly 'header.theme.dark': "Theme: Dark";
     readonly 'header.theme.light': "Theme: Light";
     readonly 'header.menu.setting': "Setting";
+    readonly 'header.menu.refresh': "Refresh";
     readonly 'header.menu.logout': "Logout";
     readonly 'navigation.expand': "Expand navigation";
     readonly 'navigation.collapse': "Collapse navigation";
@@ -1345,6 +2358,9 @@ declare const en: {
     readonly 'navigation.expandView': "Expand {title}";
     readonly 'navigation.mode.switchToFixed': "Switch to fixed navigation";
     readonly 'navigation.mode.switchToFloating': "Switch to floating navigation";
+    readonly 'navigation.pinned': "Pinned";
+    readonly 'navigation.pin.add': "Pin to top";
+    readonly 'navigation.pin.remove': "Unpin";
     readonly 'table.toolbar.searchPlaceholder': "Search...";
     readonly 'table.title.default': "Data Table";
     readonly 'table.toolbar.groupBy': "Group By";
@@ -1566,9 +2582,9 @@ interface OrbcafeI18nContextValue {
 interface OrbcafeI18nProviderProps {
     locale?: OrbcafeLocale;
     messages?: Partial<Record<OrbcafeLocale, Partial<OrbcafeLocaleMessages>>>;
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
 }
-declare const OrbcafeI18nProvider: ({ locale, messages, children, }: OrbcafeI18nProviderProps) => react_jsx_runtime.JSX.Element;
+declare const OrbcafeI18nProvider: ({ locale, messages, children, }: OrbcafeI18nProviderProps) => react__default.JSX.Element;
 declare const useOrbcafeI18n: () => OrbcafeI18nContextValue;
 
 interface CAppHeaderUser {
@@ -1585,6 +2601,7 @@ interface CAppHeaderUserMenuItem {
     disabled?: boolean;
 }
 type CAppHeaderSearchPlacement = 'header' | 'floating' | 'hidden';
+type CAppNavigationVariant = 'classic' | 'v2';
 interface CAppHeaderProps {
     appTitle: string;
     logo?: ReactNode;
@@ -1600,6 +2617,7 @@ interface CAppHeaderProps {
     onSearch?: (query: string) => void;
     onSearchAdd?: () => void;
     user?: CAppHeaderUser;
+    onUserRefresh?: () => void;
     onUserSetting?: () => void;
     onUserLogout?: () => void;
     userMenuItems?: CAppHeaderUserMenuItem[];
@@ -1611,11 +2629,14 @@ interface CAppPageLayoutProps {
     menuData?: TreeMenuItem[];
     children: ReactNode;
     showNavigation?: boolean;
+    /** Active locale in controlled mode; otherwise the initial locale. Defaults to English. */
     locale?: OrbcafeLocale;
     localeLabel?: string;
     localeOptions?: OrbcafeLocale[];
+    /** Controls locale externally. When omitted, the layout switches and persists locale internally. */
     onLocaleChange?: (locale: OrbcafeLocale) => void;
     user?: CAppHeaderUser;
+    onUserRefresh?: () => void;
     onUserSetting?: () => void;
     onUserLogout?: () => void;
     userMenuItems?: CAppHeaderUserMenuItem[];
@@ -1623,37 +2644,51 @@ interface CAppPageLayoutProps {
     searchPlaceholder?: string;
     /** Defaults to hidden so standard layouts do not show the header AI input unless explicitly requested. */
     searchPlacement?: CAppHeaderSearchPlacement;
-    floatingSearchSx?: SxProps<Theme>;
+    floatingSearchSx?: CSSProperties;
     onSearch?: (query: string) => void;
     onSearchAdd?: () => void;
     rightHeaderSlot?: ReactNode;
     leftHeaderSlot?: ReactNode;
-    contentSx?: SxProps<Theme>;
+    contentSx?: CSSProperties;
+    /** Selects the navigation island visual generation. Defaults to classic. */
+    navigationVariant?: CAppNavigationVariant;
     navigationMode?: NavigationIslandDisplayMode;
     defaultNavigationMode?: NavigationIslandDisplayMode;
     onNavigationModeChange?: (mode: NavigationIslandDisplayMode) => void;
     showNavigationModeToggle?: boolean;
+    enableNavigationPinning?: boolean;
+    navigationPinStorageKey?: string;
+    pinnedNavigationItemIds?: string[];
+    defaultPinnedNavigationItemIds?: string[];
+    onPinnedNavigationItemIdsChange?: (ids: string[]) => void;
+    pinnedNavigationSectionTitle?: string;
 }
 
-declare const CAppPageLayout: ({ appTitle, menuData, children, showNavigation, locale, localeLabel, localeOptions, onLocaleChange, user, onUserSetting, onUserLogout, userMenuItems, logo, searchPlaceholder, searchPlacement, floatingSearchSx, onSearch, onSearchAdd, rightHeaderSlot, leftHeaderSlot, contentSx, navigationMode, defaultNavigationMode, onNavigationModeChange, showNavigationModeToggle, }: CAppPageLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const CAppPageLayout: ({ appTitle, menuData, children, showNavigation, locale, localeLabel, localeOptions, onLocaleChange, user, onUserRefresh, onUserSetting, onUserLogout, userMenuItems, logo, searchPlaceholder, searchPlacement, floatingSearchSx, onSearch, onSearchAdd, rightHeaderSlot, leftHeaderSlot, contentSx, navigationVariant, navigationMode, defaultNavigationMode, onNavigationModeChange, showNavigationModeToggle, enableNavigationPinning, navigationPinStorageKey, pinnedNavigationItemIds, defaultPinnedNavigationItemIds, onPinnedNavigationItemIdsChange, pinnedNavigationSectionTitle, }: CAppPageLayoutProps) => react.JSX.Element;
 
 interface CAppHeaderSearchProps {
     searchPlaceholder?: string;
     onSearch?: (query: string) => void;
     onSearchAdd?: () => void;
     maxWidth?: number | string;
-    sx?: SxProps<Theme>;
+    sx?: CSSProperties;
 }
-declare const CAppHeaderSearch: ({ searchPlaceholder, onSearch, onSearchAdd, maxWidth, sx, }: CAppHeaderSearchProps) => react_jsx_runtime.JSX.Element;
-declare const CAppHeader: ({ appTitle, logo, mode, onToggleMode, locale: localeProp, localeLabel, localeOptions, onLocaleChange, searchPlaceholder, showSearch, onSearch, onSearchAdd, user, onUserSetting, onUserLogout, userMenuItems, leftSlot, rightSlot, }: CAppHeaderProps) => react_jsx_runtime.JSX.Element;
+declare const CAppHeaderSearch: ({ searchPlaceholder, onSearch, onSearchAdd, maxWidth, sx, }: CAppHeaderSearchProps) => react.JSX.Element;
+declare const CAppHeader: ({ appTitle, logo, onToggleMode, locale: localeProp, localeLabel, localeOptions, onLocaleChange, searchPlaceholder, showSearch, onSearch, onSearchAdd, user, onUserRefresh, onUserSetting, onUserLogout, userMenuItems, leftSlot, rightSlot, }: CAppHeaderProps) => react.JSX.Element;
 
 interface UsePageLayoutOptions {
     menuData?: TreeMenuItem[];
     initialNavigationCollapsed?: boolean;
     initialNavigationMode?: NavigationIslandDisplayMode;
-}
-declare const usePageLayout: ({ menuData, initialNavigationCollapsed, initialNavigationMode, }?: UsePageLayoutOptions) => {
-    navigationIslandProps: Pick<NavigationIslandProps, "collapsed" | "onToggle" | "menuData" | "displayMode" | "onDisplayModeChange">;
+    enableNavigationPinning?: boolean;
+    navigationPinStorageKey?: string;
+    pinnedNavigationItemIds?: string[];
+    defaultPinnedNavigationItemIds?: string[];
+    onPinnedNavigationItemIdsChange?: (ids: string[]) => void;
+    pinnedNavigationSectionTitle?: string;
+}
+declare const usePageLayout: ({ menuData, initialNavigationCollapsed, initialNavigationMode, enableNavigationPinning, navigationPinStorageKey, pinnedNavigationItemIds, defaultPinnedNavigationItemIds, onPinnedNavigationItemIdsChange, pinnedNavigationSectionTitle, }?: UsePageLayoutOptions) => {
+    navigationIslandProps: Pick<NavigationIslandProps, "onToggle" | "enablePinning" | "collapsed" | "menuData" | "displayMode" | "onDisplayModeChange" | "pinStorageKey" | "pinnedItemIds" | "defaultPinnedItemIds" | "onPinnedItemIdsChange" | "pinnedSectionTitle">;
     navigationMaxHeight: number;
 };
 
@@ -1699,31 +2734,31 @@ interface PivotTablePreset {
 }
 interface PivotTableModel {
     rowFields: string[];
-    setRowFields: React__default.Dispatch<React__default.SetStateAction<string[]>>;
+    setRowFields: react__default.Dispatch<react__default.SetStateAction<string[]>>;
     columnFields: string[];
-    setColumnFields: React__default.Dispatch<React__default.SetStateAction<string[]>>;
+    setColumnFields: react__default.Dispatch<react__default.SetStateAction<string[]>>;
     filterFields: string[];
-    setFilterFields: React__default.Dispatch<React__default.SetStateAction<string[]>>;
+    setFilterFields: react__default.Dispatch<react__default.SetStateAction<string[]>>;
     valueFields: PivotValueFieldState[];
-    setValueFields: React__default.Dispatch<React__default.SetStateAction<PivotValueFieldState[]>>;
+    setValueFields: react__default.Dispatch<react__default.SetStateAction<PivotValueFieldState[]>>;
     filterSelections: PivotFilterSelections;
-    setFilterSelections: React__default.Dispatch<React__default.SetStateAction<PivotFilterSelections>>;
+    setFilterSelections: react__default.Dispatch<react__default.SetStateAction<PivotFilterSelections>>;
     showGrandTotal: boolean;
-    setShowGrandTotal: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setShowGrandTotal: react__default.Dispatch<react__default.SetStateAction<boolean>>;
     isConfiguratorCollapsed: boolean;
-    setIsConfiguratorCollapsed: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setIsConfiguratorCollapsed: react__default.Dispatch<react__default.SetStateAction<boolean>>;
     chartDimensionFieldId: string;
-    setChartDimensionFieldId: React__default.Dispatch<React__default.SetStateAction<string>>;
+    setChartDimensionFieldId: react__default.Dispatch<react__default.SetStateAction<string>>;
     chartPrimaryValueFieldId: string;
-    setChartPrimaryValueFieldId: React__default.Dispatch<React__default.SetStateAction<string>>;
+    setChartPrimaryValueFieldId: react__default.Dispatch<react__default.SetStateAction<string>>;
     chartSecondaryValueFieldId: string;
-    setChartSecondaryValueFieldId: React__default.Dispatch<React__default.SetStateAction<string>>;
+    setChartSecondaryValueFieldId: react__default.Dispatch<react__default.SetStateAction<string>>;
     chartType: PivotChartType;
-    setChartType: React__default.Dispatch<React__default.SetStateAction<PivotChartType>>;
+    setChartType: react__default.Dispatch<react__default.SetStateAction<PivotChartType>>;
     isChartCollapsed: boolean;
-    setIsChartCollapsed: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setIsChartCollapsed: react__default.Dispatch<react__default.SetStateAction<boolean>>;
     isTableCollapsed: boolean;
-    setIsTableCollapsed: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setIsTableCollapsed: react__default.Dispatch<react__default.SetStateAction<boolean>>;
 }
 interface CPivotTableProps {
     title?: string;
@@ -1744,7 +2779,7 @@ interface CPivotTableProps {
     onPresetApplied?: (preset: PivotTablePreset) => void;
 }
 
-declare const CPivotTable: React__default.FC<CPivotTableProps>;
+declare const CPivotTable: react__default.FC<CPivotTableProps>;
 
 interface UsePivotTableOptions {
     fields: PivotFieldDefinition[];
@@ -1811,7 +2846,7 @@ interface PivotChartPanelProps {
     onToggleCollapse: () => void;
     getAggregationLabel: (aggregation: ValueZoneItem['aggregation']) => string;
 }
-declare const PivotChartPanel: React__default.FC<PivotChartPanelProps>;
+declare const PivotChartPanel: react__default.FC<PivotChartPanelProps>;
 
 type POrientation = 'auto' | 'portrait' | 'landscape';
 interface PTouchCardSwipeAction {
@@ -2010,21 +3045,21 @@ declare global {
         };
     }
 }
-declare const PBarcodeScanner: ({ open, onClose, title, subtitle, formats, facingMode, manualEntry, autoCloseOnDetect, scanIntervalMs, confirmLabel, cancelLabel, manualPlaceholder, onDetected, onError, sx, }: PBarcodeScannerProps) => react_jsx_runtime.JSX.Element;
+declare const PBarcodeScanner: ({ open, onClose, title, subtitle, formats, facingMode, manualEntry, autoCloseOnDetect, scanIntervalMs, confirmLabel, cancelLabel, manualPlaceholder, onDetected, onError, sx, }: PBarcodeScannerProps) => react__default.JSX.Element;
 
-declare const PTouchCard: ({ title, description, kicker, icon, badges, metrics, footer, children, selected, draggable, isDragging, swipeThreshold, startAction, endAction, dragHandleProps, onClick, onSwipe, sx, }: PTouchCardProps) => react_jsx_runtime.JSX.Element;
+declare const PTouchCard: ({ title, description, kicker, icon, badges, metrics, footer, children, selected, draggable, isDragging, swipeThreshold, startAction, endAction, dragHandleProps, onClick, onSwipe, sx, }: PTouchCardProps) => react.JSX.Element;
 
-declare const PNumericKeypad: ({ value, defaultValue, title, subtitle, placeholder, allowDecimal, allowNegative, maxLength, confirmLabel, clearLabel, backspaceLabel, onChange, onSubmit, onClose, sx, }: PNumericKeypadProps) => react_jsx_runtime.JSX.Element;
+declare const PNumericKeypad: ({ value, defaultValue, title, subtitle, placeholder, allowDecimal, allowNegative, maxLength, confirmLabel, clearLabel, backspaceLabel, onChange, onSubmit, onClose, sx, }: PNumericKeypadProps) => react.JSX.Element;
 
-declare const PSmartFilter: ({ touchMode, sx, ...props }: PSmartFilterProps) => react_jsx_runtime.JSX.Element;
+declare const PSmartFilter: ({ touchMode, sx, ...props }: PSmartFilterProps) => react.JSX.Element;
 
-declare const PWorkloadNav: ({ items, selectedId, orientation, onItemSelect, sx }: PWorkloadNavProps) => react_jsx_runtime.JSX.Element;
+declare const PWorkloadNav: ({ items, selectedId, orientation, onItemSelect, sx }: PWorkloadNavProps) => react.JSX.Element;
 
-declare const PNavIsland: ({ collapsed, onToggle, className, maxHeight, menuData, colorMode, orientation, headerSlot, footerSlot, activeHref, onItemSelect, }: PNavIslandProps) => react_jsx_runtime.JSX.Element;
+declare const PNavIsland: ({ collapsed, onToggle, className, maxHeight, menuData, colorMode, orientation, headerSlot, footerSlot, activeHref, onItemSelect, }: PNavIslandProps) => react.JSX.Element;
 
-declare const PTable: React__default.FC<PTableProps>;
+declare const PTable: react__default.FC<PTableProps>;
 
-declare const PAppPageLayout: ({ appTitle, children, menuData, workloadItems, workloadSelectedId, showNavigation, showWorkloadNav, orientation, logo, headerSlot, actionSlot, portraitBottomSlot, contentSx, containerSx, user, onSearch, onSearchAdd, defaultNavigationOpen, navOpen, onNavOpenChange, onWorkloadSelect, locale, localeLabel, localeOptions, onLocaleChange, onUserSetting, onUserLogout, userMenuItems, leftHeaderSlot, rightHeaderSlot, }: PAppPageLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const PAppPageLayout: ({ appTitle, children, menuData, workloadItems, workloadSelectedId, showNavigation, showWorkloadNav, orientation, logo, headerSlot, actionSlot, portraitBottomSlot, contentSx, containerSx, user, onSearch, onSearchAdd, defaultNavigationOpen, navOpen, onNavOpenChange, onWorkloadSelect, locale, localeLabel, localeOptions, onLocaleChange, onUserSetting, onUserLogout, userMenuItems, leftHeaderSlot, rightHeaderSlot, }: PAppPageLayoutProps) => react.JSX.Element;
 
 interface UseVoiceInputOptions {
     onTextUpdate?: (text: string) => void;
@@ -2066,14 +3101,14 @@ type VoiceNavigatorProviderProps = CAINavProviderProps;
 type VoiceNavigatorContextValue = AINavContextValue;
 type VoiceWaveOverlayProps = CVoiceWaveOverlayProps;
 
-declare function CAINavProvider({ children, onVoiceSubmit, onVoicePartial, onVoiceError, longPressMs, disableSpaceTrigger, ignoreWhenFocusedInput, renderOverlay, wsUrl, silenceThresholdMs, minVolumeRms }: CAINavProviderProps): react_jsx_runtime.JSX.Element;
+declare function CAINavProvider({ children, onVoiceSubmit, onVoicePartial, onVoiceError, longPressMs, disableSpaceTrigger, ignoreWhenFocusedInput, renderOverlay, wsUrl, silenceThresholdMs, minVolumeRms }: CAINavProviderProps): react.JSX.Element;
 declare function useAINav(): AINavContextValue;
 declare const VoiceNavigatorProvider: typeof CAINavProvider;
 declare const useVoiceNavigator: typeof useAINav;
 
 declare function useVoiceInput({ onTextUpdate, onComplete, onError, wsUrl, silenceThresholdMs, minVolumeRms }: UseVoiceInputOptions): UseVoiceInputResult;
 
-declare function CVoiceWaveOverlay({ isRecording }: CVoiceWaveOverlayProps): react_jsx_runtime.JSX.Element;
+declare function CVoiceWaveOverlay({ isRecording }: CVoiceWaveOverlayProps): react.JSX.Element;
 declare const VoiceWaveOverlay: typeof CVoiceWaveOverlay;
 
 interface COrbCanvasProps {
@@ -2083,7 +3118,7 @@ interface COrbCanvasProps {
     forceHoverState?: boolean;
     backgroundColor?: string;
 }
-declare function COrbCanvas({ hue, hoverIntensity, rotateOnHover, forceHoverState, backgroundColor }: COrbCanvasProps): react_jsx_runtime.JSX.Element;
+declare function COrbCanvas({ hue, hoverIntensity, rotateOnHover, forceHoverState, backgroundColor }: COrbCanvasProps): react.JSX.Element;
 
 interface TableTypeContent {
     type: 'table';
@@ -2139,7 +3174,7 @@ interface ChatMessage {
     timestamp: Date;
     isStreaming?: boolean;
 }
-declare const ChatMessage: React__default.FC<ChatMessageProps>;
+declare const ChatMessage: react__default.FC<ChatMessageProps>;
 
 interface StdChatProps {
     messages: ChatMessage[];
@@ -2154,18 +3189,22 @@ interface StdChatProps {
     onMessageStreamingComplete?: (messageId: string) => void;
     cardHooks?: AgentUICardHooks;
     showInput?: boolean;
+    /** Optional in-flow status line rendered after the last message (e.g. spinner + working text). */
+    statusLine?: react__default.ReactNode;
 }
-declare const StdChat: React__default.FC<StdChatProps>;
+declare const StdChat: react__default.FC<StdChatProps>;
 
 type AgentPanelStatus = 'idle' | 'running' | 'success' | 'error' | 'pending';
 interface AgentPanelProps extends StdChatProps {
     title?: string;
     description?: string;
-    headerActions?: React__default.ReactNode;
+    headerActions?: react__default.ReactNode;
     agentStatus?: AgentPanelStatus;
-    onHeaderPointerDown?: React__default.PointerEventHandler<HTMLDivElement>;
+    /** Optional status line (spinner + text) shown while running/pending. */
+    statusText?: react__default.ReactNode;
+    onHeaderPointerDown?: react__default.PointerEventHandler<HTMLDivElement>;
 }
-declare const AgentPanel: React__default.FC<AgentPanelProps>;
+declare const AgentPanel: react__default.FC<AgentPanelProps>;
 
 type FloatingAgentPanelAnchor = 'left' | 'center' | 'right';
 interface FloatingAgentPanelProps extends AgentPanelProps {
@@ -2178,9 +3217,9 @@ interface FloatingAgentPanelProps extends AgentPanelProps {
     inset?: number;
     zIndex?: number;
     shellClassName?: string;
-    shellStyle?: React__default.CSSProperties;
+    shellStyle?: react__default.CSSProperties;
 }
-declare const FloatingAgentPanel: React__default.FC<FloatingAgentPanelProps>;
+declare const FloatingAgentPanel: react__default.FC<FloatingAgentPanelProps>;
 
 type CopilotCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 interface CopilotChatProps {
@@ -2194,7 +3233,7 @@ interface CopilotChatProps {
     title?: string;
     corner?: CopilotCorner;
     onCollapse?: () => void;
-    onHeaderPointerDown?: (e: React__default.PointerEvent<HTMLDivElement>) => void;
+    onHeaderPointerDown?: (e: react__default.PointerEvent<HTMLDivElement>) => void;
     onPlusClick?: () => void;
     onMicClick?: () => void;
     streamIntervalMs?: number;
@@ -2202,15 +3241,16 @@ interface CopilotChatProps {
     onMessageStreamingComplete?: (messageId: string) => void;
     cardHooks?: AgentUICardHooks;
 }
-declare const CopilotChat: React__default.FC<CopilotChatProps>;
+declare const CopilotChat: react__default.FC<CopilotChatProps>;
 
 type AIBrowserGlowColors = readonly [string, string, string];
 interface AIBrowserGlowProps {
     active?: boolean;
+    /** Compatibility: kept as a 3-tuple; only the first color is used as the edge line color. */
     colors?: AIBrowserGlowColors;
     zIndex?: number;
 }
-declare const AIBrowserGlow: React__default.FC<AIBrowserGlowProps>;
+declare const AIBrowserGlow: react__default.FC<AIBrowserGlowProps>;
 
 type AuthPageMode = 'login' | 'register' | 'forgot';
 interface AuthLoginPayload {
@@ -2232,6 +3272,8 @@ interface AuthPageCopy {
     productName?: string;
     headline?: string;
     subheadline?: string;
+    /** Small uppercase line at the bottom of the brand panel. */
+    brandMeta?: string;
     loginTitle?: string;
     loginSubtitle?: string;
     registerTitle?: string;
@@ -2249,7 +3291,8 @@ interface CAuthPageProps {
     loading?: boolean;
     logo?: ReactNode;
     copy?: AuthPageCopy;
-    sx?: SxProps<Theme>;
+    /** Inline style override on the root frame. */
+    sx?: CSSProperties;
 }
 
 interface UseAuthPageOptions {
@@ -2266,7 +3309,14 @@ interface UseAuthPageResult {
 }
 declare const useAuthPage: ({ defaultMode, onLogin, onRegister, onForgotPassword, }?: UseAuthPageOptions) => UseAuthPageResult;
 
-declare const CAuthPage: ({ mode, defaultMode, onModeChange, onLogin, onRegister, onForgotPassword, loading, logo, copy, sx, }: CAuthPageProps) => react_jsx_runtime.JSX.Element;
+/**
+ * ORBIS login page (per orbcafe-orbis-login-reference.html):
+ * dark campaign brand panel (#01091a, CSS diamond lattice, one 2px orange
+ * rule) beside a quiet form surface. All form logic, modes, callbacks and
+ * breakpoints of the previous implementation are retained — this is a
+ * color/type/texture pass. The logo slot stays host-supplied.
+ */
+declare const CAuthPage: ({ mode, defaultMode, onModeChange, onLogin, onRegister, onForgotPassword, loading, logo, copy, sx, }: CAuthPageProps) => react.JSX.Element;
 
 type PlanningGanttScale = 'hour' | 'day' | 'week' | 'month';
 type PlanningTaskStatus = 'not-started' | 'planned' | 'in-progress' | 'blocked' | 'done' | string;
@@ -2393,7 +3443,7 @@ interface CPlanningLayoutProps {
     sx?: SxProps<Theme>;
     children?: ReactNode;
 }
-declare const CPlanningLayout: ({ filterProps, ganttProps, spacing, sx, children, }: CPlanningLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const CPlanningLayout: ({ filterProps, ganttProps, spacing, sx, children, }: CPlanningLayoutProps) => react.JSX.Element;
 
 interface UsePlanningLayoutOptions extends UsePlanningGanttOptions {
 }
@@ -2402,7 +3452,7 @@ interface UsePlanningLayoutResult extends UsePlanningGanttResult {
 }
 declare const usePlanningLayout: (options: UsePlanningLayoutOptions) => UsePlanningLayoutResult;
 
-declare const CPlanningGantt: ({ appId, tableKey, serviceUrl, title, extraTools, bodyHeight, tasks, columns, scale, onScaleChange, page, rowsPerPage, rowsPerPageOptions, count, onPageChange, onRowsPerPageChange, timelineStart, timelineEnd, selectedTaskId, onTaskSelect, enableRowReorder, onTaskReorder, layout, layoutVariant, layoutVariantLoadKey, onLayoutIdChange, onLayoutSave, emptyLabel, sx, }: CPlanningGanttProps) => react_jsx_runtime.JSX.Element;
+declare const CPlanningGantt: ({ appId, tableKey, serviceUrl, title, extraTools, bodyHeight, tasks, columns, scale, onScaleChange, page, rowsPerPage, rowsPerPageOptions, count, onPageChange, onRowsPerPageChange, timelineStart, timelineEnd, selectedTaskId, onTaskSelect, enableRowReorder, onTaskReorder, layout, layoutVariant, layoutVariantLoadKey, onLayoutIdChange, onLayoutSave, emptyLabel, sx, }: CPlanningGanttProps) => react.JSX.Element;
 
 type CTreeCompPaneMode = 'tree' | 'split' | 'detail';
 interface CTreeCompNode {
@@ -2451,7 +3501,7 @@ interface CTreeCompProps<TNode extends CTreeCompNode = CTreeCompNode> {
     sx?: SxProps<Theme>;
     className?: string;
 }
-declare const CTreeComp: <TNode extends CTreeCompNode = CTreeCompNode>({ title, subtitle, nodes, columns, detail, selectedNodeId, defaultSelectedNodeId, onNodeSelect, expandedNodeIds, defaultExpandedNodeIds, onExpandedNodeIdsChange, defaultPaneMode, minTreePaneWidth, minDetailPaneWidth, tableAppId, tableKey, tableTitle, filterConfig, searchQuery, searchToken, defaultRowsPerPage, rowsPerPageOptions, serviceUrl, emptyLabel, headerAction, sx, className, }: CTreeCompProps<TNode>) => react_jsx_runtime.JSX.Element;
+declare const CTreeComp: <TNode extends CTreeCompNode = CTreeCompNode>({ title, subtitle, nodes, columns, detail, selectedNodeId, defaultSelectedNodeId, onNodeSelect, expandedNodeIds, defaultExpandedNodeIds, onExpandedNodeIdsChange, defaultPaneMode, minTreePaneWidth, minDetailPaneWidth, tableAppId, tableKey, tableTitle, filterConfig, searchQuery, searchToken, defaultRowsPerPage, rowsPerPageOptions, serviceUrl, emptyLabel, headerAction, sx, className, }: CTreeCompProps<TNode>) => react.JSX.Element;
 
 interface MarkdownRendererProps {
     markdown?: string;
@@ -2463,7 +3513,7 @@ interface MarkdownRendererProps {
     codeCopyable?: boolean;
     codeLineNumbers?: boolean;
 }
-declare const MarkdownRenderer: ({ markdown, content, className, enableMath, enableMermaid, enableThinkBlock, codeCopyable, codeLineNumbers, }: MarkdownRendererProps) => react_jsx_runtime.JSX.Element;
+declare const MarkdownRenderer: ({ markdown, content, className, enableMath, enableMermaid, enableThinkBlock, codeCopyable, codeLineNumbers, }: MarkdownRendererProps) => react.JSX.Element;
 
 interface CodeBlockProps {
     code: string;
@@ -2473,14 +3523,14 @@ interface CodeBlockProps {
     wrapLongLines?: boolean;
     maxHeight?: number | string;
 }
-declare const CodeBlock: ({ code, language, copyable, showLineNumbers, wrapLongLines, maxHeight, }: CodeBlockProps) => react_jsx_runtime.JSX.Element;
+declare const CodeBlock: ({ code, language, copyable, showLineNumbers, wrapLongLines, maxHeight, }: CodeBlockProps) => react.JSX.Element;
 
 interface MathBlockProps {
     expression: string;
     inline?: boolean;
     allowKatex?: boolean;
 }
-declare const MathBlock: ({ expression, inline, allowKatex }: MathBlockProps) => react_jsx_runtime.JSX.Element | null;
+declare const MathBlock: ({ expression, inline, allowKatex }: MathBlockProps) => react.JSX.Element | null;
 
 interface MermaidBlockProps {
     code: string;
@@ -2488,7 +3538,7 @@ interface MermaidBlockProps {
     height?: number | string;
     enabled?: boolean;
 }
-declare const MermaidBlock: ({ code, title, height, enabled, }: MermaidBlockProps) => react_jsx_runtime.JSX.Element;
+declare const MermaidBlock: ({ code, title, height, enabled, }: MermaidBlockProps) => react.JSX.Element;
 
 type TableAlign = 'left' | 'center' | 'right';
 interface ParsedMarkdownTable {
@@ -2502,7 +3552,7 @@ interface TableBlockProps {
     maxHeight?: number | string;
 }
 declare const parseMarkdownTable: (markdown: string) => ParsedMarkdownTable | null;
-declare const TableBlock: ({ markdown, table, maxHeight }: TableBlockProps) => react_jsx_runtime.JSX.Element;
+declare const TableBlock: ({ markdown, table, maxHeight }: TableBlockProps) => react.JSX.Element;
 
 interface ThinkBlockProps {
     content: string;
@@ -2510,7 +3560,7 @@ interface ThinkBlockProps {
     defaultExpanded?: boolean;
     isStreaming?: boolean;
 }
-declare const ThinkBlock: ({ content, title, defaultExpanded, isStreaming, }: ThinkBlockProps) => react_jsx_runtime.JSX.Element;
+declare const ThinkBlock: ({ content, title, defaultExpanded, isStreaming, }: ThinkBlockProps) => react.JSX.Element;
 
 declare const renderMarkdown: (markdown: string, options?: Omit<MarkdownRendererProps, "markdown" | "content">) => ReactNode;
 
@@ -2531,7 +3581,7 @@ interface CPageTransitionProps {
  * - no layout-thrashing animation
  * - respects reduced-motion automatically
  */
-declare const CPageTransition: ({ children, transitionKey, variant, durationMs, delayMs, easing, disabled, sx, }: CPageTransitionProps) => react_jsx_runtime.JSX.Element;
+declare const CPageTransition: ({ children, transitionKey, variant, durationMs, delayMs, easing, disabled, sx, }: CPageTransitionProps) => react.JSX.Element;
 declare const PAGE_TRANSITION_PRESETS: {
     subtle: {
         variant: "fade";
@@ -2547,4 +3597,4 @@ declare const PAGE_TRANSITION_PRESETS: {
     };
 };
 
-export { AIBrowserGlow, type AIBrowserGlowColors, type AIBrowserGlowProps, type AINavContextValue, AgentPanel, type AgentPanelProps, type AgentPanelStatus, type AgentUICardAction, type AgentUICardHookEvent, type AgentUICardHooks, type AgentUICardType, type AmapEmbedOptions, type AuthForgotPasswordPayload, type AuthLoginPayload, type AuthPageCopy, type AuthPageMode, type AuthRegisterPayload, Button, type ButtonProps, CAINavProvider, type CAINavProviderProps, CAmapChart, type CAmapChartProps, CAppHeader, type CAppHeaderProps, CAppHeaderSearch, type CAppHeaderSearchPlacement, type CAppHeaderSearchProps, type CAppHeaderUser, type CAppHeaderUserMenuItem, CAppPageLayout, type CAppPageLayoutProps, CAuthPage, type CAuthPageProps, CBarChart, type CBarChartProps, CChartCard, type CChartCardProps, CComboChart, type CComboChartProps, CCustomizeAgent, type CCustomizeAgentProps, CDetailInfoPage, type CDetailInfoPageProps, CDetailSearchAiBar, type CDetailSearchAiBarProps, CDetailSectionCard, type CDetailSectionCardProps, CFishboneChart, type CFishboneChartProps, CGoogleMapChart, type CGoogleMapChartProps, CGraphCharts, CGraphKpiCards, CGraphReport, type CGraphReportProps, CHeatmapChart, type CHeatmapChartProps, CKanbanBoard, type CKanbanBoardProps, CKanbanBucket, type CKanbanBucketProps, CKanbanCard, type CKanbanCardProps, CLayoutManagement, type CLayoutManagementProps, CLayoutManager, type CLayoutManagerProps, CLineChart, type CLineChartProps, CMessageBox, type CMessageBoxProps, type CMessageBoxType, COrbCanvas, type COrbCanvasProps, CPageLayout, type CPageLayoutProps, CPageTransition, type CPageTransitionProps, CPieChart, type CPieChartProps, CPivotTable, type CPivotTableProps, CPlanningGantt, type CPlanningGanttProps, CPlanningLayout, type CPlanningLayoutProps, CSmartFilter, type CSmartFilterProps, CSmartTable, CStandardPage, type CStandardPageProps, CTable, CTableBody, type CTableBodyProps, CTableCell, type CTableCellProps, CTableContainer, type CTableContainerProps, CTableHead, type CTableHeadProps, type CTableProps, type CTableQuickCreateConfig, type CTableQuickDeleteConfig, type CTableQuickEditConfig, CTableRow, type CTableRowProps, CTreeComp, type CTreeCompColumn, type CTreeCompNode, type CTreeCompPaneMode, type CTreeCompProps, CValueHelp, type CValueHelpColumn, type CValueHelpMode, type CValueHelpPrimitive, type CValueHelpProps, type CValueHelpRecord, type CValueHelpSelectionValue, CVariantManagement, type CVariantManagementProps, CVariantManager, CVoiceWaveOverlay, type CVoiceWaveOverlayProps, CWaterfallChart, type CWaterfallChartProps, ChatMessage, CodeBlock, type CodeBlockProps, CopilotChat, type CopilotChatProps, type CreateKanbanBoardModelOptions, type CustomizeAgentSavePayload, type CustomizeAgentSettings, type CustomizeAgentTemplateOption, type DateOperator, type DetailInfoAiConfig, type DetailInfoField, type DetailInfoSearchHit, type DetailInfoSearchMode, type DetailInfoSection, type DetailInfoTab, type DetailInfoTableConfig, type FilterField, type FilterOperator, type FilterType, type FilterValue, FloatingAgentPanel, type FloatingAgentPanelAnchor, type FloatingAgentPanelProps, GlobalMessage, type GoogleMapEmbedOptions, type GraphBarDatum, type GraphComboDatum, type GraphFishboneBranch, type GraphHeatmapDatum, type GraphLineDatum, type GraphMapLocation, type GraphPieDatum, type GraphReportConfig, type GraphReportFieldMapping, type GraphReportInteractionState, type GraphReportKpis, type GraphReportModel, type GraphRow, type GraphTableColumn, type GraphWaterfallDatum, type IVariantService, type KanbanBoardModel, type KanbanBucketDefinition, type KanbanBucketModel, type KanbanCardAssignee, type KanbanCardClickContext, type KanbanCardLookup, type KanbanCardMetric, type KanbanCardMoveEvent, type KanbanCardMoveInput, type KanbanCardPriority, type KanbanCardRecord, type KanbanCardTag, type KanbanCardTone, type LayoutMetadata, MarkdownRenderer, type MarkdownRendererProps, MathBlock, type MathBlockProps, MermaidBlock, type MermaidBlockProps, type MessageContent, type MessageEvent, type MessageOptions, NavigationIsland, type NavigationIslandDisplayMode, type NavigationIslandProps, type NumberOperator, ORBCAFE_I18N_MESSAGES, type OrbcafeI18nContextValue, OrbcafeI18nProvider, type OrbcafeI18nProviderProps, type OrbcafeLocale, type OrbcafeLocaleMessages, type OrbcafeMessageKey, type OrbcafeMessageParams, PAGE_TRANSITION_PRESETS, PAppPageLayout, type PAppPageLayoutProps, PBarcodeScanner, type PBarcodeScannerDetectedValue, type PBarcodeScannerProps, PNavIsland, type PNavIslandProps, PNumericKeypad, type PNumericKeypadProps, type POrientation, PSmartFilter, type PSmartFilterProps, PTable, type PTableProps, PTouchCard, type PTouchCardMetric, type PTouchCardProps, type PTouchCardSwipeAction, PWorkloadNav, type PWorkloadNavItem, type PWorkloadNavProps, type PageTransitionVariant, type ParsedMarkdownTable, type PivotAggregation, type PivotChartConfig, PivotChartPanel, type PivotChartType, type PivotFieldDefinition, type PivotFieldType, type PivotFilterSelections, type PivotLayoutConfig, type PivotTableModel, type PivotTablePreset, type PivotValueFieldConfig, type PivotValueFieldState, type PlanningGanttColumn, type PlanningGanttScale, type PlanningGanttSummaryItem, type PlanningTaskOwner, type PlanningTaskRecord, type PlanningTaskStatus, type ReportColumn, type ReportFilter, type ReportMetadata, type SelectOperator, StdChat, type StdChatProps, type TableAlign, TableBlock, type TableBlockProps, type TextOperator, ThinkBlock, type ThinkBlockProps, TreeMenu, type TreeMenuItem, type UseAmapEmbedUrlOptions, type UseAuthPageOptions, type UseAuthPageResult, type UseDetailInfoOptions, type UseDetailInfoResult, type UseGoogleMapEmbedUrlOptions, type UseGraphChartDataOptions, type UseGraphChartDataResult, type UseGraphInteractionResult, type UseGraphReportOptions, type UseGraphReportResult, type UseKanbanBoardActions, type UseKanbanBoardBindings, type UseKanbanBoardOptions, type UseKanbanBoardResult, type UseNavigationIslandOptions, type UseNavigationIslandResult, type UsePadLayoutOptions, type UsePadLayoutResult, type UsePadRecordEditorOptions, type UsePadRecordEditorResult, type UsePageLayoutOptions, type UsePivotTableOptions, type UsePivotTableResult, type UsePlanningGanttOptions, type UsePlanningGanttResult, type UsePlanningLayoutOptions, type UsePlanningLayoutResult, type UseStandardReportOptions, type UseVoiceInputOptions, type UseVoiceInputResult, type VariantMetadata, type VoiceNavigatorContextValue, VoiceNavigatorProvider, type VoiceNavigatorProviderProps, VoiceWaveOverlay, type VoiceWaveOverlayProps, buildAmapEmbedUrl, buildGoogleMapEmbedUrl, buildGoogleMapIframe, buttonVariants, createKanbanBoardModel, findKanbanCard, message, messageManager, moveKanbanCard, parseMarkdownTable, renderMarkdown, resolveVariantFilters, resolveVariantLayout, useAINav, useAmapEmbedUrl, useAuthPage, useDetailInfo, useGoogleMapEmbedUrl, useGraphChartData, useGraphInteraction, useGraphReport, useKanbanBoard, useNavigationIsland, useOrbcafeI18n, usePadLayout, usePadRecordEditor, usePageLayout, usePivotTable, usePlanningGantt, usePlanningLayout, useStandardReport, useVoiceInput, useVoiceNavigator };
+export { AIBrowserGlow, type AIBrowserGlowColors, type AIBrowserGlowProps, type AINavContextValue, Activity, AgentPanel, type AgentPanelProps, type AgentPanelStatus, type AgentUICardAction, type AgentUICardHookEvent, type AgentUICardHooks, type AgentUICardType, AlertCircle, AlertTriangle, type AmapEmbedOptions, ArrowDown, ArrowRight, ArrowUp, type AuthForgotPasswordPayload, type AuthLoginPayload, type AuthPageCopy, type AuthPageMode, type AuthRegisterPayload, BarChart, Bot, Button, type ButtonProps, CAINavProvider, type CAINavProviderProps, CAlert, type CAlertProps, type CAlertSeverity, CAmapChart, type CAmapChartProps, CAppHeader, type CAppHeaderProps, CAppHeaderSearch, type CAppHeaderSearchPlacement, type CAppHeaderSearchProps, type CAppHeaderUser, type CAppHeaderUserMenuItem, type CAppNavigationVariant, CAppPageLayout, type CAppPageLayoutProps, CAuthPage, type CAuthPageProps, CAvatar, type CAvatarProps, CBadge, type CBadgeProps, CBarChart, type CBarChartProps, CButton, type CButtonProps, type CButtonSize, type CButtonVariant, CCalendar, type CCalendarProps, CChartCard, type CChartCardProps, CCheckbox, type CCheckboxProps, CChip, type CChipProps, type CChipTone, CComboChart, type CComboChartProps, CCustomizeAgent, type CCustomizeAgentProps, CDatePicker, type CDatePickerProps, CDetailInfoPage, type CDetailInfoPageProps, CDetailSearchAiBar, type CDetailSearchAiBarProps, CDetailSectionCard, type CDetailSectionCardProps, CDialog, type CDialogProps, CDivider, type CDividerProps, CFileUpload, type CFileUploadProps, CFilterField, CFishboneChart, type CFishboneChartProps, CGoogleMapChart, type CGoogleMapChartProps, CGraphCharts, CGraphKpiCards, CGraphReport, type CGraphReportProps, CHeatmapChart, type CHeatmapChartProps, CIconButton, type CIconButtonProps, CKanbanBoard, type CKanbanBoardProps, CKanbanBucket, type CKanbanBucketProps, CKanbanCard, type CKanbanCardProps, CLayoutManagement, type CLayoutManagementProps, CLayoutManager, type CLayoutManagerProps, CLineChart, type CLineChartProps, CList, CListItem, CListItemAvatar, type CListItemAvatarProps, CListItemButton, type CListItemButtonProps, CListItemIcon, type CListItemIconProps, type CListItemProps, CListItemText, type CListItemTextProps, type CListProps, CListSubheader, type CListSubheaderProps, CMenu, type CMenuItem, type CMenuProps, CMessageBox, type CMessageBoxProps, type CMessageBoxType, COrbCanvas, type COrbCanvasProps, CPageLayout, type CPageLayoutProps, CPageTransition, type CPageTransitionProps, CPaper, type CPaperProps, CPieChart, type CPieChartProps, CPivotTable, type CPivotTableProps, CPlanningGantt, type CPlanningGanttProps, CPlanningLayout, type CPlanningLayoutProps, CPopover, type CPopoverProps, CProgress, type CProgressProps, CRadioGroup, type CRadioGroupProps, type CRadioOption, CSegmentedControl, type CSegmentedControlOption, type CSegmentedControlProps, CSelect, type CSelectOption, type CSelectProps, CSkeleton, type CSkeletonProps, CSmartFilter, type CSmartFilterProps, CSmartTable, CSpinner, type CSpinnerProps, CStack, type CStackProps, CStandardPage, type CStandardPageProps, CStatusBadge, CSwitch, type CSwitchProps, type CTabItem, CTable, CTableBody, type CTableBodyProps, type CTableBodyRowContext, CTableCell, type CTableCellProps, CTableContainer, type CTableContainerProps, CTableHead, type CTableHeadProps, type CTableProps, type CTableQuickCreateConfig, type CTableQuickDeleteConfig, type CTableQuickEditConfig, CTableRow, type CTableRowProps, CTabs, type CTabsProps, CTextArea, type CTextAreaProps, CTextField, type CTextFieldProps, CTooltip, type CTooltipProps, CTreeComp, type CTreeCompColumn, type CTreeCompNode, type CTreeCompPaneMode, type CTreeCompProps, CTypography, type CTypographyProps, type CTypographyVariant, CValueHelp, type CValueHelpColumn, type CValueHelpMode, type CValueHelpPrimitive, type CValueHelpProps, type CValueHelpRecord, type CValueHelpSelectionValue, CVariantManagement, type CVariantManagementProps, CVariantManager, CVoiceWaveOverlay, type CVoiceWaveOverlayProps, CWaterfallChart, type CWaterfallChartProps, Calendar, CalendarDays, Camera, ChartNoAxesCombined, ChatMessage, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsDown, ChevronsUp, CircleAlert, CircleCheck, CircleCheckBig, CircleStop, Clipboard, ClipboardCheck, ClipboardList, Clock, CodeBlock, type CodeBlockProps, Columns3, CopilotChat, type CopilotChatProps, Copy, CopyPlus, type CreateKanbanBoardModelOptions, type CustomizeAgentSavePayload, type CustomizeAgentSettings, type CustomizeAgentTemplateOption, type DateOperator, Delete, type DetailInfoAiConfig, type DetailInfoField, type DetailInfoSearchHit, type DetailInfoSearchMode, type DetailInfoSection, type DetailInfoTab, type DetailInfoTableConfig, Download, Edit, Expand, Eye, EyeOff, File$1 as File, FileText, Filter, type FilterField, type FilterOperator, type FilterType, type FilterValue, FloatingAgentPanel, type FloatingAgentPanelAnchor, type FloatingAgentPanelProps, FolderTree, GitBranch, GlobalMessage, Globe, type GoogleMapEmbedOptions, type GraphBarDatum, type GraphComboDatum, type GraphFishboneBranch, type GraphHeatmapDatum, type GraphLineDatum, type GraphMapLocation, type GraphPieDatum, type GraphReportConfig, type GraphReportFieldMapping, type GraphReportInteractionState, type GraphReportKpis, type GraphReportModel, type GraphRow, type GraphTableColumn, type GraphWaterfallDatum, Grid, GripVertical, Hammer, type IVariantService, Image, Info, type KanbanBoardModel, type KanbanBucketDefinition, type KanbanBucketModel, type KanbanCardAssignee, type KanbanCardClickContext, type KanbanCardLookup, type KanbanCardMetric, type KanbanCardMoveEvent, type KanbanCardMoveInput, type KanbanCardPriority, type KanbanCardRecord, type KanbanCardTag, type KanbanCardTone, Languages, Layers, LayoutDashboard, type LayoutMetadata, Lightbulb, LineChart, Loader2, Lock, LockKeyhole, LogOut, Mail, MapPin, MarkdownRenderer, type MarkdownRendererProps, MathBlock, type MathBlockProps, Menu, MermaidBlock, type MermaidBlockProps, MessageCircle, type MessageContent, type MessageEvent, type MessageOptions, MessageSquare, Mic, MicOff, Moon, MoreHorizontal, NavigationIsland, NavigationIsland2, type NavigationIsland2Props, type NavigationIslandDisplayMode, type NavigationIslandProps, type NumberOperator, ORBCAFE_I18N_MESSAGES, ORB_DARK, ORB_FONT_STACK, ORB_LIGHT, ORB_RADIUS, ORB_TOKENS, ORB_TRANSITION_FAST, type OrbMode, type OrbModeSetting, type OrbTokens, type OrbcafeI18nContextValue, OrbcafeI18nProvider, type OrbcafeI18nProviderProps, type OrbcafeLocale, type OrbcafeLocaleMessages, type OrbcafeMessageKey, type OrbcafeMessageParams, OrbisModeProvider, type OrbisModeProviderProps, PAGE_TRANSITION_PRESETS, PAppPageLayout, type PAppPageLayoutProps, PBarcodeScanner, type PBarcodeScannerDetectedValue, type PBarcodeScannerProps, PNavIsland, type PNavIslandProps, PNumericKeypad, type PNumericKeypadProps, type POrientation, PSmartFilter, type PSmartFilterProps, PTable, type PTableProps, PTouchCard, type PTouchCardMetric, type PTouchCardProps, type PTouchCardSwipeAction, PWorkloadNav, type PWorkloadNavItem, type PWorkloadNavProps, PackageCheck, PackageSearch, type PageTransitionVariant, PanelLeftOpen, PanelRight, PanelsTopLeft, type ParsedMarkdownTable, PieChart, Pin, type PivotAggregation, type PivotChartConfig, PivotChartPanel, type PivotChartType, type PivotFieldDefinition, type PivotFieldType, type PivotFilterSelections, type PivotLayoutConfig, type PivotTableModel, type PivotTablePreset, type PivotValueFieldConfig, type PivotValueFieldState, type PlanningGanttColumn, type PlanningGanttScale, type PlanningGanttSummaryItem, type PlanningTaskOwner, type PlanningTaskRecord, type PlanningTaskStatus, Play, Plus, QrCode, ReceiptText, RefreshCw, type ReportColumn, type ReportFilter, type ReportMetadata, Rocket, RotateCcw, RotateCw, Rows3, SapIcon, type SapIconName, type SapIconProps, Save, ScanLine, Search, type SelectOperator, Send, SendHorizontal, Settings, ShieldCheck, Sigma, SortAsc, SquareSplitHorizontal, Star, StdChat, type StdChatProps, Sun, Table2, type TableAlign, TableBlock, type TableBlockProps, TabletSmartphone, Terminal, type TextOperator, ThinkBlock, type ThinkBlockProps, ThumbsDown, ThumbsUp, Trash2, TreeMenu, type TreeMenuItem, TreePine, TrendingDown, TriangleAlert, Truck, UploadCloud, type UseAmapEmbedUrlOptions, type UseAuthPageOptions, type UseAuthPageResult, type UseDetailInfoOptions, type UseDetailInfoResult, type UseGoogleMapEmbedUrlOptions, type UseGraphChartDataOptions, type UseGraphChartDataResult, type UseGraphInteractionResult, type UseGraphReportOptions, type UseGraphReportResult, type UseKanbanBoardActions, type UseKanbanBoardBindings, type UseKanbanBoardOptions, type UseKanbanBoardResult, type UseNavigationIslandOptions, type UseNavigationIslandResult, type UsePadLayoutOptions, type UsePadLayoutResult, type UsePadRecordEditorOptions, type UsePadRecordEditorResult, type UsePageLayoutOptions, type UsePivotTableOptions, type UsePivotTableResult, type UsePlanningGanttOptions, type UsePlanningGanttResult, type UsePlanningLayoutOptions, type UsePlanningLayoutResult, type UseStandardReportOptions, type UseVoiceInputOptions, type UseVoiceInputResult, User, type VariantMetadata, type VoiceNavigatorContextValue, VoiceNavigatorProvider, type VoiceNavigatorProviderProps, VoiceWaveOverlay, type VoiceWaveOverlayProps, Volume2, Warehouse, Workflow, X, XCircle, buildAmapEmbedUrl, buildGoogleMapEmbedUrl, buildGoogleMapIframe, buttonVariants, createKanbanBoardModel, createSapIcon, findKanbanCard, message, messageManager, moveKanbanCard, orbAlpha, orbChartSeries, parseMarkdownTable, renderMarkdown, resolveVariantFilters, resolveVariantLayout, useAINav, useAmapEmbedUrl, useAuthPage, useDetailInfo, useGoogleMapEmbedUrl, useGraphChartData, useGraphInteraction, useGraphReport, useKanbanBoard, useMediaQuery, useNavigationIsland, useOrbMode, useOrbTokens, useOrbcafeI18n, usePadLayout, usePadRecordEditor, usePageLayout, usePivotTable, usePlanningGantt, usePlanningLayout, useStandardReport, useVoiceInput, useVoiceNavigator };