@overvis/hmi-workspace-ui 0.0.0-stage → 0.1.0

package/dist/src/audit/revert-device-confirmation.d.ts

@@ -0,0 +1,20 @@
+import type { SetupRevertDevice, SetupRevertDeviceProof } from "@overvis/hmi-shared/workspace";
+interface ConfirmationProps {
+    workspaceId: string;
+    device: SetupRevertDevice;
+    /** A revert used the proof; the challenge is consumed and needs no cancel. */
+    settled: boolean;
+    /**
+     * The dialog holds this device's proof. Polling stops then: a refresh after the revert would
+     * find the challenge used up and show it as no longer valid.
+     */
+    confirmed: boolean;
+    onProof: (proof: SetupRevertDeviceProof | null) => void;
+}
+/**
+ * Confirms one deleted MC252 is at hand before a revert recreates it: the user presses R on it,
+ * or types the code its screen shows. Reports the proof once it has one; the revert checks it
+ * again. The challenge is cancelled when this unmounts, unless a revert used it.
+ */
+export declare function RevertDeviceConfirmation(props: ConfirmationProps): import("react").JSX.Element;
+export {};

package/dist/src/audit/setup-change-list.d.ts

@@ -0,0 +1,5 @@
+import type { SetupEntityChange } from "@overvis/hmi-shared/workspace";
+/** Setup entities created, updated or deleted, each with its type and name. */
+export declare function SetupChangeList({ changes }: {
+    changes: readonly SetupEntityChange[];
+}): import("react").JSX.Element;

package/dist/src/brand/brand-link.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export declare function BrandLink({ to, label, children, compact, }: {
+    to: "/login" | "/";
+    label?: string;
+    children?: ReactNode;
+    compact?: ReactNode;
+}): import("react").JSX.Element;

package/dist/src/brand/local-brand-link.d.ts

@@ -0,0 +1,11 @@
+/** Calls `onChange` whenever the local branding files change; returns the unsubscribe. */
+export type SubscribeBrandingChanges = (onChange: () => void) => () => void;
+/**
+ * Brand link and favicon from the project's local branding files. Local logos are files on this
+ * machine, not in the workspace, so no workspace change feed covers them: they are read once and
+ * again on each `subscribeChanges` notification.
+ */
+export declare function LocalBrandLink({ workspaceId, subscribeChanges, }: {
+    workspaceId: string;
+    subscribeChanges?: SubscribeBrandingChanges | undefined;
+}): import("react").JSX.Element;

package/dist/src/brand/overvis-logo.d.ts

@@ -0,0 +1,10 @@
+/** Overvis wordmark (mark + "Overvis" text). Color via `currentColor`. */
+export declare function OvervisLogo({ className, markOnly, }: {
+    className?: string;
+    /** Icon mark only — useful in dense mobile headers. */
+    markOnly?: boolean;
+}): import("react").JSX.Element;
+/** Overvis HMI product logo: the Overvis wordmark followed by "HMI". Color via `currentColor`. */
+export declare function OvervisHmiLogo({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/src/brand/workspace-brand-link.d.ts

@@ -0,0 +1,10 @@
+export declare function WorkspaceLogo({ src, name }: {
+    src: string | null;
+    name: string;
+}): import("react").JSX.Element;
+/** Undefined URLs hide the brand while loading; null means the default brand. */
+export declare function WorkspaceBrandLink({ name, light, dark, }: {
+    name: string;
+    light: string | null | undefined;
+    dark: string | null | undefined;
+}): import("react").JSX.Element | null;

package/dist/src/brand/workspace-favicon.d.ts

@@ -0,0 +1,4 @@
+/** Restore the host's favicon while loading, on failure, and when leaving the workspace. */
+export declare function WorkspaceFavicon({ src }: {
+    src: string | null;
+}): null;

package/dist/src/chrome/language-switcher.d.ts

@@ -0,0 +1,3 @@
+export declare function LanguageSwitcher({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/src/chrome/mode-toggle.d.ts

@@ -0,0 +1 @@
+export declare function ModeToggle(): import("react").JSX.Element;

package/dist/src/chrome/text-link.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps } from "react";
+declare function ChromeTextAnchor({ className, ...props }: ComponentProps<"a">): import("react").JSX.Element;
+/**
+ * Navigation that looks like `Button variant="link"`. Use this instead of wrapping
+ * `<Link>` in `<Button>` — Base UI Button always forces `role="button"`.
+ */
+export declare const ChromeTextLink: import("@tanstack/react-router").LinkComponent<typeof ChromeTextAnchor, string>;
+export {};

package/dist/src/code-editor/code-editor.d.ts

@@ -0,0 +1,55 @@
+import { type Ref } from "react";
+import { type Extension } from "@codemirror/state";
+/** A change to make in the text: an edit, then the cursor, then completion when `complete`. */
+export interface CodeEditorEdit {
+    readonly from: number;
+    readonly to: number;
+    readonly insert: string;
+    readonly cursor?: number;
+    readonly complete?: boolean;
+}
+/** What a problem's tooltip offers: a fix that edits the text, or something to run. */
+export interface CodeEditorAction {
+    /** Already in the UI language. */
+    readonly label: string;
+    readonly edit?: CodeEditorEdit;
+    readonly run?: () => void;
+}
+/** A problem to mark in the text, in UTF-16 offsets. */
+export interface CodeEditorDiagnostic {
+    readonly from: number;
+    readonly to: number;
+    readonly severity: "error" | "warning" | "info";
+    /** Already in the UI language. */
+    readonly message: string;
+    readonly actions?: readonly CodeEditorAction[];
+}
+export interface CodeEditorHandle {
+    /** Selects `from`–`to`, scrolls it into view and focuses the editor. */
+    reveal(from: number, to?: number): void;
+    focus(): void;
+    /** The text as it is now. */
+    text(): string;
+    /** Makes a change, as a fix does, and focuses the editor. */
+    apply(edit: CodeEditorEdit): void;
+}
+/**
+ * A CodeMirror 6 code editor bound to `value`: typing calls `onChange` with the whole text, and a
+ * `value` that differs from the text replaces it. `extensions` add the language and its
+ * features; passing a different array reconfigures them, so keep it stable while they are the
+ * same. `diagnostics` mark problems in the text and in the gutter, with their fixes.
+ */
+export declare function CodeEditor({ value, onChange, extensions, diagnostics, readOnly, id, ariaLabel, ariaDescribedBy, invalid, className, ref, }: {
+    value: string;
+    onChange?: (value: string) => void;
+    extensions?: readonly Extension[];
+    diagnostics?: readonly CodeEditorDiagnostic[];
+    readOnly?: boolean;
+    /** Id of the editable element, for a `<label htmlFor>`. */
+    id?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    invalid?: boolean;
+    className?: string;
+    ref?: Ref<CodeEditorHandle>;
+}): import("react").JSX.Element;

package/dist/src/code-editor/formula-input.d.ts

@@ -0,0 +1,20 @@
+import { type EditorLanguage } from "./language-features.js";
+/**
+ * A one-line formula field with the formula language's completion, hover and signature help.
+ * Enter submits the form it is in; Tab leaves it.
+ */
+export declare function FormulaInput({ id, labelId, value, onChange, language, invalid, placeholder, ariaDescribedBy, className, }: {
+    id: string;
+    /**
+     * The id of the field's label, which names the editable element and focuses it when clicked;
+     * `htmlFor` alone cannot, as the element is not an input.
+     */
+    labelId: string;
+    value: string;
+    onChange: (value: string) => void;
+    language: EditorLanguage;
+    invalid?: boolean;
+    placeholder?: string;
+    ariaDescribedBy?: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/src/code-editor/json-positions.d.ts

@@ -0,0 +1,26 @@
+import type { SyntaxNode, Tree } from "@lezer/common";
+/** A span of the document text, in UTF-16 offsets as the editor counts them. */
+export interface TextSpan {
+    readonly from: number;
+    readonly to: number;
+}
+/** The syntax tree of JSON text; it parses whatever is typed, marking the errors. */
+export declare function parseJsonTree(text: string): Tree;
+/**
+ * The node of the value at JSON pointer `path`, or of the deepest value on the way to it that
+ * the text has; `exact` tells which.
+ */
+export declare function jsonPointerNode(tree: Tree, text: string, path: string): {
+    node: SyntaxNode;
+    exact: boolean;
+} | null;
+/**
+ * Where a problem at JSON pointer `path` is in the text; `range` is a part of the formula in the
+ * string there, in units of the formula as decoded.
+ */
+export declare function jsonProblemSpan(tree: Tree, text: string, path: string, range?: {
+    readonly start: number;
+    readonly end: number;
+}): TextSpan;
+/** Where the first syntax error of JSON text is, or null when it parses. */
+export declare function jsonSyntaxError(tree: Tree, text: string): TextSpan | null;

package/dist/src/code-editor/language-features.d.ts

@@ -0,0 +1,122 @@
+import { type Extension } from "@codemirror/state";
+import { EditorView } from "@codemirror/view";
+/** One completion, with texts in the UI language. */
+export interface EditorCompletionItem {
+    /** Shown in the list and matched against what is typed. */
+    readonly label: string;
+    readonly kind: string;
+    /** Replaces the completed span; a snippet with `${1:text}` fields when `snippet`. */
+    readonly insert: string;
+    readonly snippet?: boolean;
+    /** A signature, type or path. */
+    readonly detail?: string;
+    /** One line about the item. */
+    readonly description?: string;
+    readonly docsUrl?: string;
+    readonly boost?: number;
+    /** Changes before the completed span, such as a definition the inserted text needs. */
+    readonly additionalEdits?: readonly EditorEdit[];
+}
+/** A change to the text. */
+export interface EditorEdit {
+    readonly from: number;
+    readonly to: number;
+    readonly insert: string;
+}
+export interface EditorCompletions {
+    /** The span the completion replaces, which may run past the cursor. */
+    readonly from: number;
+    readonly to: number;
+    readonly items: readonly EditorCompletionItem[];
+    /** Whether the items are matched against the typed text already and must not be filtered. */
+    readonly filtered: boolean;
+}
+/** What to show about the text under the pointer or cursor. */
+export interface EditorInfo {
+    readonly from: number;
+    readonly to: number;
+    /** Code lines, such as signatures or `name: type`. */
+    readonly code: readonly string[];
+    readonly description?: string;
+    readonly docsUrl?: string;
+    /** Buttons, such as Go to definition. */
+    readonly actions?: readonly {
+        readonly label: string;
+        readonly run: (view: EditorView) => void;
+    }[];
+}
+export interface EditorSignatureHelp {
+    readonly signatures: readonly {
+        readonly label: string;
+        readonly parameters: readonly {
+            readonly from: number;
+            readonly to: number;
+        }[];
+    }[];
+    readonly active: number;
+    readonly parameter: number;
+    readonly description?: string;
+    readonly docsUrl?: string;
+}
+export interface EditorNameHint {
+    /** Where the hint shows, after the text it names. */
+    readonly offset: number;
+    readonly text: string;
+    /** Marks a reference to something that does not exist. */
+    readonly unknown?: boolean;
+}
+/** Where a definition is: a span to select, or something to open. */
+export type EditorDefinition = {
+    readonly from: number;
+    readonly to: number;
+} | {
+    readonly open: () => void;
+};
+/** A place an item is used or defined, for Find references. */
+export interface EditorReference {
+    /** Where it is, such as a file and line. */
+    readonly location: string;
+    /** Its line. */
+    readonly text: string;
+    readonly definition?: boolean;
+    readonly target: EditorDefinition;
+}
+/** Renaming the item at an offset. */
+export interface EditorRename {
+    /** The name to rename at `offset`, or null when nothing there can be renamed. */
+    readonly prepare: (text: string, offset: number) => {
+        readonly from: number;
+        readonly to: number;
+        readonly name: string;
+    } | null;
+    /** The changes that rename it to `name`, or why it cannot be, in the UI language. */
+    readonly apply: (text: string, offset: number, name: string) => {
+        readonly edits: readonly EditorEdit[];
+    } | {
+        readonly problem: string;
+    };
+}
+/** A language's editor features, as functions of the text and an offset. */
+export interface EditorLanguage {
+    readonly completions?: (text: string, offset: number) => EditorCompletions | null;
+    readonly info?: (text: string, offset: number) => EditorInfo | null;
+    readonly signatureHelp?: (text: string, offset: number) => EditorSignatureHelp | null;
+    readonly nameHints?: (text: string) => readonly EditorNameHint[];
+    readonly definition?: (text: string, offset: number) => EditorDefinition | null;
+    readonly references?: (text: string, offset: number) => readonly EditorReference[] | null;
+    readonly rename?: EditorRename;
+    /** The label of the Docs link, in the UI language. */
+    readonly docsLabel: string;
+    /** Labels of Find references and Rename, in the UI language. */
+    readonly referencesLabel?: string;
+    readonly renameLabel?: string;
+}
+/**
+ * Completion, hover and keyboard info, signature help, names after ids, go-to-definition, find
+ * references and rename for a language. Ctrl/Cmd-click or F12 go to a definition, Shift-F12 lists
+ * references, F2 renames, Ctrl-Space completes and Enter or Tab takes the selected completion,
+ * Ctrl/Cmd-K then Ctrl/Cmd-I shows info at the cursor, and a tap shows it on touch screens.
+ */
+export declare function languageFeatures(language: EditorLanguage): Extension;
+/** Opens completion at the cursor, such as after a fix cleared a value to choose anew. */
+export declare const openCompletion: import("@codemirror/view").Command;

package/dist/src/code-editor/taskfile-language.d.ts

@@ -0,0 +1,10 @@
+import { StreamLanguage } from "@codemirror/language";
+interface TaskfileState {
+    /** Nothing but blanks and a label came before on this line. */
+    lineStart: boolean;
+    /** The previous word was `DEF`: this one is the defined name. */
+    defining: boolean;
+}
+/** MC252 taskfile highlighting for `CodeEditor`. Lines are case-insensitive, as on the device. */
+export declare function taskfile(): StreamLanguage<TaskfileState>;
+export {};

package/dist/src/dev-fatal/error-boundary.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+interface DevFatalErrorBoundaryProps {
+    children: ReactNode;
+}
+/**
+ * Catches React render errors and shows the same DEV fatal overlay as window
+ * handlers. When the feature is disabled, children render with no boundary.
+ */
+export declare function DevFatalErrorBoundary({ children }: DevFatalErrorBoundaryProps): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+export {};

package/dist/src/dev-fatal/format-console-error.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Turn `console.error` arguments into overlay text.
+ * React DEV diagnostics use printf-style `%s` placeholders.
+ */
+export declare function formatConsoleErrorText(args: readonly unknown[]): string;

package/dist/src/dev-fatal/install.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Attach window `error` / `unhandledrejection` listeners and wrap `console.error`
+ * once (DEV + kill-switch). Idempotent for the page lifetime (window/console
+ * Symbol flags survive module HMR).
+ */
+export declare function installDevFatalCrash(): void;

package/dist/src/dev-fatal/is-enabled.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Pure gate used by tests and by {@link isDevFatalCrashEnabled}.
+ * Opt-out when `fatalCrashEnv` is `"0"` or `"false"` (case-insensitive).
+ */
+export declare function resolveDevFatalCrashEnabled(dev: boolean, fatalCrashEnv: string | undefined): boolean;
+/** True when DEV fatal crash overlay/listeners should run. */
+export declare function isDevFatalCrashEnabled(): boolean;

package/dist/src/dev-fatal/overlay.d.ts

@@ -0,0 +1,8 @@
+export interface DevFatalOverlayInput {
+    title: string;
+    error: unknown;
+    componentStack?: string;
+}
+export declare function formatErrorText(error: unknown): string;
+/** Idempotent full-screen fatal overlay (plain DOM). First successful show wins. */
+export declare function showDevFatalOverlay(input: DevFatalOverlayInput): void;

package/dist/src/dev-fatal/report-render-error.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Report a React render failure to the DEV fatal overlay.
+ * Boundary catches always fatal — the tree is already dead, so ignore-filters
+ * (AbortError / ResizeObserver) do not apply here (those are for window listeners).
+ */
+export declare function reportDevFatalRenderError(error: Error, componentStack: string | undefined): void;

package/dist/src/dev-fatal/should-ignore.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Reasons that must not trigger the DEV fatal overlay (intentional aborts,
+ * known benign browser noise).
+ */
+export declare function shouldIgnoreDevFatal(reason: unknown): boolean;

package/dist/src/entry/host/index.d.ts

@@ -0,0 +1,43 @@
+export { LocalWorkspaceApp, type LocalWorkspaceAppProps, } from "../../workspace/local-workspace-app.js";
+export { WorkspaceHostProvider, useWorkspaceHost, type MintDeviceUiTicket, type RenderNavFooter, type WorkspaceHostMode, } from "../../workspace/context.js";
+export { WorkspaceLayout } from "../../workspace/layout.js";
+export { createQueryClient, createTrpcClient, trpcContext, type CreateTrpcClientOptions, } from "../../trpc.js";
+export { ThemeProvider, useTheme, type ResolvedTheme, type Theme } from "../../theme-provider.js";
+export { DevFatalErrorBoundary } from "../../dev-fatal/error-boundary.js";
+export { installDevFatalCrash } from "../../dev-fatal/install.js";
+export { BrandLink } from "../../brand/brand-link.js";
+export { OvervisHmiLogo, OvervisLogo } from "../../brand/overvis-logo.js";
+export { WorkspaceBrandLink, WorkspaceLogo } from "../../brand/workspace-brand-link.js";
+export { WorkspaceFavicon } from "../../brand/workspace-favicon.js";
+export { ChromeTextLink } from "../../chrome/text-link.js";
+export { LanguageSwitcher } from "../../chrome/language-switcher.js";
+export { ModeToggle } from "../../chrome/mode-toggle.js";
+export { MobileNavProvider, MobileNavMenuButton } from "../../workspace/mobile-nav.js";
+export { workspaceAccessLabel } from "../../workspace/access-label.js";
+export { isWorkspaceNoAccessError } from "../../workspace/errors.js";
+export { NoAccessPage } from "../../workspace/no-access.js";
+export { WorkspaceIndexPage } from "../../workspace/index-page.js";
+export { WorkspaceSuspendedPage } from "../../workspace/suspended.js";
+export { CopyableId } from "../../workspace/copyable-id.js";
+export { WorkspacePullInstructions } from "../../workspace/pull-instructions.js";
+export { AuditHistoryPage } from "../../audit/history-page.js";
+export { CheckpointRevertPreview, type CheckpointRevertControl, } from "../../audit/revert-checkpoint-dialog.js";
+export { DashboardCopyDialog } from "../../workspace/dashboards/copy-dialog.js";
+export { DashboardPage } from "../../workspace/dashboards/page.js";
+export { DashboardNavigationProvider } from "../../workspace/dashboards/navigation.js";
+export { parseRouterSearch, stringifyRouterSearch, } from "../../workspace/dashboards/search-params.js";
+export { DashboardEnabledSwitch, DashboardDisabledBadge, } from "../../workspace/dashboards/enabled-switch.js";
+export { DashboardIconGlyph } from "../../workspace/dashboards/icon.js";
+export { ReportPage } from "../../workspace/reports/page.js";
+export { invalidateAfterApiCall, invalidateAfterDirectApiCall, invalidateWorkspaceCaches, type WorkspaceCacheChange, type WorkspaceCacheEntity, type WorkspaceCacheUtils, } from "../../workspace/caches.js";
+export { useUiPageStateReader } from "../../workspace/page-state/context.js";
+export type { UiPageState } from "../../workspace/page-state/model.js";
+export { SetupDashboardsPage } from "../../workspace/setup/dashboards-page.js";
+export { SetupEndpointsPage } from "../../workspace/setup/endpoints/page.js";
+export { SetupEndpointStatusPage } from "../../workspace/setup/endpoints/status-page.js";
+export { SetupParametersPage } from "../../workspace/setup/parameters/page.js";
+export { SetupReportsPage } from "../../workspace/setup/report/page.js";
+export { SetupFilesPage } from "../../workspace/setup/files/page.js";
+export { postWorkspaceUpload, type WorkspaceUploadHost } from "../../workspace/setup/files/http.js";
+export { SetupParameterFormDialog, SetupEndpointCreateDialog, SetupEndpointEditDialog, SetupDashboardCreateDialog, SetupDashboardCreateFromReportDialog, SetupDashboardSettingsDialog, SetupReportFormDialog, } from "../../workspace/setup/route/dialogs.js";
+export { createWorkspaceRoutes, type WorkspaceRoutesOptions } from "../../workspace/routes.js";

package/dist/src/entry/ui/index.d.ts

@@ -0,0 +1,80 @@
+export { cn } from "../../lib/utils.js";
+export * from "../../ui/alert.js";
+export * from "../../ui/accordion.js";
+export * from "../../ui/alert-dialog.js";
+export * from "../../ui/aspect-ratio.js";
+export * from "../../ui/attachment.js";
+export * from "../../ui/avatar.js";
+export * from "../../ui/badge.js";
+export * from "../../ui/breadcrumb.js";
+export * from "../../ui/bubble.js";
+export * from "../../ui/button.js";
+export * from "../../ui/button-group.js";
+export * from "../../ui/calendar.js";
+export * from "../../ui/card.js";
+export * from "../../ui/carousel.js";
+export * from "../../ui/chart.js";
+export { Area, AreaChart, Bar, BarChart, CartesianGrid, ComposedChart, Line, LineChart, Rectangle, ReferenceLine, XAxis, YAxis, type AreaProps, type BarProps, type BarShapeProps, type CartesianGridProps, type LineProps, type RectangleProps, type ReferenceLineProps, type XAxisProps, type YAxisProps, } from "recharts";
+export * from "../../ui/checkbox.js";
+export * from "../../ui/collapsible.js";
+export * from "../../ui/combobox.js";
+export * from "../../ui/command.js";
+export { ContentOverlayProvider, ContentOverlayRegion, WindowOverlayScope, } from "../../ui/content-overlay/region.js";
+export * from "../../ui/context-menu.js";
+export { DataTable, DataTableColumnHeader, DataTableColumnVisibility, DataTablePagination, DataTableToolbar, type DataTableColumnDef, type DataTableInstance, type DataTableOptions, type DataTableProps, } from "../../ui/data-table.js";
+export { DateTimePicker, DateTimeRangePicker, type DateTimePickerProps, type DateTimeRange, type DateTimeRangePickerProps, } from "../../ui/date-time-picker.js";
+export * from "../../ui/dialog.js";
+export * from "../../ui/direction.js";
+export * from "../../ui/dropdown-menu.js";
+export * from "../../ui/drawer.js";
+export * from "../../ui/empty.js";
+export * from "../../ui/field.js";
+export * from "../../ui/gauge.js";
+export * from "../../ui/hover-card.js";
+export * from "../../ui/input.js";
+export * from "../../ui/input-group.js";
+export * from "../../ui/input-otp.js";
+export * from "../../ui/item.js";
+export * from "../../ui/kbd.js";
+export * from "../../ui/label.js";
+export * from "../../ui/marker.js";
+export * from "../../ui/menubar.js";
+export * from "../../ui/notice-card.js";
+export * from "../../ui/message.js";
+export * from "../../ui/message-scroller.js";
+export * from "../../ui/native-select.js";
+export * from "../../ui/navigation-menu.js";
+export * from "../../ui/pagination.js";
+export * from "../../ui/page-header.js";
+export * from "../../ui/page-title.js";
+export * from "../../ui/popover.js";
+export * from "../../ui/progress.js";
+export * from "../../ui/questionnaire.js";
+export * from "../../ui/radio-group.js";
+export * from "../../ui/resizable.js";
+export * from "../../ui/scroll-area.js";
+export * from "../../ui/separator.js";
+export * from "../../ui/select.js";
+export * from "../../ui/sheet.js";
+export * from "../../ui/sidebar.js";
+export * from "../../ui/skeleton.js";
+export * from "../../ui/gauge-bar.js";
+export * from "../../ui/sparkline.js";
+export * from "../../ui/spinner.js";
+export * from "../../ui/svg-diagram.js";
+export type { SvgDiagramBinding, SvgDiagramLabels } from "../../ui/svg-diagram/types.js";
+export * from "../../ui/slider.js";
+export * from "../../ui/sonner.js";
+export { useToast } from "../../ui/message-history/toast.js";
+export { MessageHistoryProvider, MessageScopeProvider } from "../../ui/message-history/context.js";
+export { MessageHistoryBell } from "../../ui/message-history/panel.js";
+export { showNotificationToast, type NotificationToastOptions, } from "../../ui/message-history/emit.js";
+export type { MessageScope } from "../../ui/message-history/model.js";
+export * from "../../ui/switch.js";
+export * from "../../ui/table.js";
+export * from "../../ui/tabs.js";
+export * from "../../ui/textarea.js";
+export * from "../../ui/toggle.js";
+export * from "../../ui/toggle-group.js";
+export * from "../../ui/tooltip.js";
+export { toast } from "../../ui/message-history/legacy.js";

package/dist/src/form/api-error.d.ts

@@ -0,0 +1,11 @@
+import { type AppLocale } from "@overvis/hmi-shared";
+import { type PublicApiErrorCode as ApiErrorCode } from "@overvis/hmi-shared/api-errors";
+/** The known API error code of a failed call (`error.message`, also when wrapped in text). */
+export declare function apiErrorCode(error: unknown): ApiErrorCode | null;
+/**
+ * Localized text for a failed API call: a call that never reached the API reads the
+ * cannot-connect text; a known code `X` reads catalog message `error_X` plus actionable details;
+ * `input_invalid` reads the invalid-input text; hidden server failures read the request-failed
+ * text; any other code is shown as an unexpected API error.
+ */
+export declare function apiErrorMessage(error: unknown, locale?: AppLocale): string;

package/dist/src/form/fields/checkbox-field.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export interface CheckboxFieldProps {
+    label: ReactNode;
+    id?: string;
+    description?: ReactNode;
+    disabled?: boolean;
+}
+/** Boolean field: checkbox with its label beside it and errors underneath the label. */
+export declare function CheckboxField({ label, id, description, disabled }: CheckboxFieldProps): import("react").JSX.Element;

package/dist/src/form/fields/dashboard-picker-field.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+/**
+ * Picks one of the workspace's dashboards by ID; an empty value means none. A selected dashboard
+ * that is no longer listed stays selected until the user picks another.
+ */
+export declare function DashboardPickerField({ label, workspaceId, allowEmpty, exclude, description, }: {
+    label: string;
+    workspaceId: string;
+    allowEmpty?: boolean;
+    /** Dashboards not offered, such as the one being configured. */
+    exclude?: readonly string[];
+    description?: ReactNode;
+}): import("react").JSX.Element;

package/dist/src/form/fields/formula-field.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import type { EditorLanguage } from "../../code-editor/language-features.js";
+export interface FormulaFieldProps {
+    label: string;
+    /** Completion, hover and signature help of the formulas the field takes. */
+    language: EditorLanguage;
+    id?: string;
+    description?: ReactNode;
+}
+/** A formula field: one line of the formula language with its completion and help. */
+export declare function FormulaField({ label, language, id, description }: FormulaFieldProps): import("react").JSX.Element;

package/dist/src/form/fields/otp-field.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export interface OtpFieldProps {
+    label: string;
+    id?: string;
+    description?: ReactNode;
+    /** Digits in the code. Default 6, rendered as two groups of three. */
+    length?: number;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    /** Called once every slot is filled; typically submits the form. */
+    onComplete?: () => void;
+}
+/** One-time numeric code (email OTP, authenticator app) as separate digit slots. */
+export declare function OtpField({ label, id, description, length, disabled, autoFocus, onComplete, }: OtpFieldProps): import("react").JSX.Element;

package/dist/src/form/fields/parameter-picker-field.d.ts

@@ -0,0 +1,3 @@
+import { type ParameterPickerProps } from "../../workspace/parameters/picker/picker.js";
+/** A parameter picker bound to the surrounding form field. */
+export declare function ParameterPickerField(props: Omit<ParameterPickerProps, "name" | "value" | "onChange" | "onBlur" | "invalid" | "errors">): import("react").JSX.Element;

package/dist/src/form/fields/text-field.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps, ReactNode } from "react";
+import { Input } from "../../ui/input.js";
+export interface TextFieldProps extends Omit<ComponentProps<typeof Input>, "value" | "onChange" | "onBlur"> {
+    label: string;
+    /** Keeps the label for assistive technology only, e.g. in a list of similar rows. */
+    hideLabel?: boolean;
+    description?: ReactNode;
+}
+export declare function TextField({ label, hideLabel, id, description, ...inputProps }: TextFieldProps): import("react").JSX.Element;

package/dist/src/form/fields/textarea-field.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from "react";
+import { Textarea } from "../../ui/textarea.js";
+export interface TextAreaFieldProps extends Omit<ComponentProps<typeof Textarea>, "value" | "onChange" | "onBlur"> {
+    label: string;
+}
+export declare function TextAreaField({ label, id, ...textareaProps }: TextAreaFieldProps): import("react").JSX.Element;

package/dist/src/form/focus-first-invalid-field.d.ts

@@ -0,0 +1,4 @@
+/** CustomEvent name listened to by foldable Setup cards. */
+export declare const FOLDABLE_CARD_OPEN_EVENT = "foldable:open";
+/** Pass to `useAppForm({ onSubmitInvalid: focusFirstInvalidField })`. */
+export declare function focusFirstInvalidField(): void;

package/dist/src/form/form-contexts.d.ts

@@ -0,0 +1 @@
+export declare const fieldContext: import("react").Context<import("@tanstack/react-form").AnyFieldApi>, formContext: import("react").Context<import("@tanstack/react-form").AnyFormApi>, useFieldContext: <TData>() => import("@tanstack/react-form").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;

package/dist/src/form/form-error-banner.d.ts

@@ -0,0 +1,4 @@
+/** Form-level submission errors. Compact dialogs: `order-1` so this sits above the footer. */
+export declare function FormErrorBanner({ className }: {
+    className?: string;
+}): import("react").JSX.Element;