@flamingo-stack/openframe-frontend-core 0.0.710 → 0.0.712

package/dist/components/features/knowledge-base/knowledge-base-table.d.ts

@@ -0,0 +1,52 @@
+import { type ReactNode } from 'react';
+import { type ColumnDef } from '../../ui/data-table';
+import { type KnowledgeBaseArticleStatus } from './knowledge-base-status';
+export type KnowledgeBaseRowType = 'ARTICLE' | 'FOLDER' | string;
+export type KnowledgeBaseRowStatus = KnowledgeBaseArticleStatus | string | null | undefined;
+export interface KnowledgeBaseRow {
+    readonly id: string;
+    readonly type: KnowledgeBaseRowType;
+    readonly name: string;
+    readonly parentId?: string | null;
+    readonly status?: KnowledgeBaseRowStatus;
+    readonly summary?: string | null;
+    readonly createdAt?: string | null;
+    readonly updatedAt?: string | null;
+    readonly tags?: ReadonlyArray<{
+        readonly id: string;
+        readonly key: string;
+        readonly color?: string | null;
+    }>;
+}
+export type KnowledgeBaseTableMode = 'standard' | 'archive';
+/** Where a row leads: the article's page, or the folder's listing. */
+export type KnowledgeBaseRowHref = (item: KnowledgeBaseRow) => string;
+/**
+ * Click handler that opens `href` in a new tab. The button sits inside a row
+ * that renders as a link, and `<a>` cannot be nested inside `<a>`, so it is a
+ * `<button>` that opens the tab itself.
+ */
+/** The trailing "open in new tab" column. */
+export declare function getKnowledgeBaseOpenColumn(getHref: KnowledgeBaseRowHref): ColumnDef<KnowledgeBaseRow>;
+export declare function getKnowledgeBaseColumns(mode: KnowledgeBaseTableMode): ColumnDef<KnowledgeBaseRow>[];
+export interface KnowledgeBaseTableBodyProps {
+    items: KnowledgeBaseRow[];
+    /**
+     * Where a row leads, for the row link and the "open in new tab" button.
+     * Pass a stable function (module level or `useCallback`): the columns and
+     * the rows are memoized on it.
+     */
+    getHref: KnowledgeBaseRowHref;
+    mode?: KnowledgeBaseTableMode;
+    isLoading?: boolean;
+    emptyMessage?: string;
+    skeletonRows?: number;
+    stickyHeaderOffset?: string;
+    footerSlot?: ReactNode;
+    actionsColumn?: ColumnDef<KnowledgeBaseRow>;
+    totalCount?: number;
+    /** The narrow rendering: the name column and the row actions only (no date, no "open in new tab"). */
+    compact?: boolean;
+}
+export declare function KnowledgeBaseTableBody({ items, getHref, mode, isLoading, emptyMessage, skeletonRows, stickyHeaderOffset, footerSlot, actionsColumn, totalCount, compact, }: KnowledgeBaseTableBodyProps): import("react").JSX.Element;
+//# sourceMappingURL=knowledge-base-table.d.ts.map

package/dist/components/features/knowledge-base/knowledge-base-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"knowledge-base-table.d.ts","sourceRoot":"","sources":["../../../../src/components/features/knowledge-base/knowledge-base-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAKhD,OAAO,EAAE,KAAK,SAAS,EAAqC,MAAM,qBAAqB,CAAC;AAIxF,OAAO,EAAiC,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAEzG,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AACjE,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAE5F,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,oBAAoB,CAAC;IACpC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,sBAAsB,CAAC;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CAC9G;AAED,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,SAAS,CAAC;AAE5D,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAEtE;;;;GAIG;AACH,6CAA6C;AAC7C,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,oBAAoB,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAkBrG;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,sBAAsB,GAAG,SAAS,CAAC,gBAAgB,CAAC,EAAE,CA2DnG;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B;;;;OAIG;IACH,OAAO,EAAE,oBAAoB,CAAC;IAC9B,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAE5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sGAAsG;IACtG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,OAAO,EACP,IAAiB,EACjB,SAAS,EACT,YAAgC,EAChC,YAAY,EACZ,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,UAAU,EACV,OAAe,GAChB,EAAE,2BAA2B,+BA0B7B"}

package/dist/components/features/logs/index.d.ts

@@ -0,0 +1,12 @@
+export { LogDrawer } from './log-drawer';
+export type { LogDrawerInfoField, LogDrawerProps } from './log-drawer';
+export { logSourceLabels, SYSTEM_SOURCE_LABEL } from './log-source-labels';
+export type { LogSourceLabels } from './log-source-labels';
+export { LogCopyIconButton, LogsPageView } from './logs-page-view';
+export type { LogCopyIconButtonProps, LogsPageViewProps } from './logs-page-view';
+export { LOG_COLUMN_WIDTHS } from './logs-table-columns';
+export { LogsTableSkeleton, LogsTableView } from './logs-table-view';
+export type { LogsTableGuideButton, LogsTableSkeletonProps, LogsTableViewProps } from './logs-table-view';
+export { logSeverityVariant } from './types';
+export type { LogsTableColumnId, LogsTableDateFilter, LogsTableFacets, LogsTableFilterOption, LogStatusVariant, UiLogEntry, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/logs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logs/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACrE,YAAY,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC1G,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,UAAU,GACX,MAAM,SAAS,CAAC"}

package/dist/components/features/logs/log-drawer.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from 'react';
+import { type TagProps } from '../../ui/tag';
+export interface LogDrawerInfoField {
+    label: string;
+    value: string | ReactNode;
+}
+export interface LogDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    description: ReactNode;
+    statusTag?: {
+        label: string;
+        variant?: TagProps['variant'];
+    };
+    timestamp?: string;
+    infoFields?: LogDrawerInfoField[];
+    /** The device the log belongs to, pinned to the bottom. The host renders the card. */
+    deviceCard?: ReactNode;
+    /** Drawn under the info card, for example a Copy action. */
+    children?: ReactNode;
+    /**
+     * The drawer sits in a box of its own beside the content instead of over it:
+     * no backdrop. The box is the element `AppLayoutDrawerContainerContext`
+     * provides (a positioned element the host renders next to the table).
+     */
+    docked?: boolean;
+}
+export declare function LogDrawer({ isOpen, onClose, description, statusTag, timestamp, infoFields, deviceCard, children, docked, }: LogDrawerProps): import("react").JSX.Element;
+//# sourceMappingURL=log-drawer.d.ts.map

package/dist/components/features/logs/log-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logs/log-drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUlD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;KAC/B,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAClC,sFAAsF;IACtF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,MAAc,GACf,EAAE,cAAc,+BA+EhB"}

package/dist/components/features/logs/log-source-labels.d.ts

@@ -0,0 +1,11 @@
+/** The Source column's label for a system event, which has no device. */
+export declare const SYSTEM_SOURCE_LABEL = "System";
+export interface LogSourceLabels {
+    deviceName: string;
+    organization: string | undefined;
+}
+export declare function logSourceLabels(device: {
+    name: string;
+    organization?: string;
+}): LogSourceLabels;
+//# sourceMappingURL=log-source-labels.d.ts.map

package/dist/components/features/logs/log-source-labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-source-labels.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logs/log-source-labels.ts"],"names":[],"mappings":"AAWA,yEAAyE;AACzE,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,eAAe,CAKhG"}

package/dist/components/features/logs/logs-page-view.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+export interface LogsPageViewProps {
+    /** The table (and whatever boundary the host loads it under). */
+    children: ReactNode;
+    /** The header's Refresh action. */
+    onRefresh?: () => void;
+    /** Render the page header (title and Refresh). Default true; a section with its own heading passes false. */
+    showHeader?: boolean;
+    className?: string;
+    /** The search field's text. */
+    search: string;
+    onSearchChange: (value: string) => void;
+    /** Hide the search toolbar: there is nothing to search yet. */
+    hideSearch?: boolean;
+    /** The narrow layout's filter button. */
+    onOpenFilters?: () => void;
+}
+/**
+ * The Logs page chrome: the header with its Refresh action and the search
+ * toolbar, around the table. The toolbar sits outside the table so the field
+ * keeps focus while the host loads another result.
+ */
+export declare function LogsPageView({ children, onRefresh, showHeader, className, search, onSearchChange, hideSearch, onOpenFilters, }: LogsPageViewProps): import("react").JSX.Element;
+export interface LogCopyIconButtonProps {
+    onClick?: () => void;
+    /** The copy just succeeded: the icon is a check. */
+    copied?: boolean;
+    disabled?: boolean;
+}
+/** A row's "Copy log details" icon button. The host fetches the log and copies it. */
+export declare function LogCopyIconButton({ onClick, copied, disabled }: LogCopyIconButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=logs-page-view.d.ts.map

package/dist/components/features/logs/logs-page-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-page-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logs/logs-page-view.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAMhD,MAAM,WAAW,iBAAiB;IAChC,iEAAiE;IACjE,QAAQ,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,6GAA6G;IAC7G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,MAAM,EACN,cAAc,EACd,UAAkB,EAClB,aAAa,GACd,EAAE,iBAAiB,+BAsCnB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,sFAAsF;AACtF,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,MAAc,EAAE,QAAgB,EAAE,EAAE,sBAAsB,+BAYtG"}

package/dist/components/features/logs/logs-table-columns.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Column widths of the logs table. Data-only, read by the live table and by
+ * `LogsTableSkeleton`, so the header row cannot drift from the rows it stands in
+ * for and a width is changed in one place.
+ */
+export declare const LOG_COLUMN_WIDTHS: {
+    readonly logId: "w-[200px]";
+    readonly status: "w-[120px]";
+    readonly tool: "w-[240px]";
+    readonly source: "w-[120px]";
+    readonly description: "flex-1";
+    /** One icon button. */
+    readonly action: "w-12 shrink-0 flex-none";
+};
+//# sourceMappingURL=logs-table-columns.d.ts.map

package/dist/components/features/logs/logs-table-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-table-columns.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logs/logs-table-columns.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;IAQ5B,uBAAuB;;CAEf,CAAC"}

package/dist/components/features/logs/logs-table-view.d.ts

@@ -0,0 +1,64 @@
+import { type ReactNode } from 'react';
+import { type NoDataProps } from '../../ui/no-data';
+import type { LogsTableColumnId, LogsTableDateFilter, LogsTableFacets, UiLogEntry } from './types';
+/** The footer button of the onboarding empty state (a guide link, when the host has one). */
+export type LogsTableGuideButton = Pick<NoDataProps, 'buttonLabel' | 'buttonIcon' | 'buttonProps' | 'onButtonClick'>;
+/**
+ * Click handler that opens `href` in a new tab. The row is a link, and a link
+ * cannot hold another link, so the button opens the tab itself.
+ */
+export interface LogsTableViewProps<T extends UiLogEntry = UiLogEntry> {
+    /** The rows loaded so far. Keep the array stable between renders. */
+    logs: T[];
+    /** A new first page is in flight: the body shows skeleton rows. */
+    loading?: boolean;
+    /** What the columns can be filtered by; null while unknown. */
+    facets?: LogsTableFacets | null;
+    /** Applied filters by column id: `status`, `tool`, `source`. */
+    filters: Record<string, string[]>;
+    onFilterChange: (filters: Record<string, string[]>) => void;
+    /** The applied search text, which counts as a query for the empty states. */
+    search?: string;
+    /** The applied date filter: its range counts as a query, and the mobile filter modal edits it. */
+    dateFilter?: LogsTableDateFilter;
+    /** Header of the Log ID column (the host's date sort and range control). Default: the label. */
+    logIdHeader?: ReactNode;
+    /** The table shows one device's logs (a device tab). */
+    deviceScoped?: boolean;
+    /** The table is locked to one organization: the Source column has no filter. */
+    organizationLocked?: boolean;
+    /** Where a row leads; also what the "Open in new tab" button opens. */
+    getLogHref?: (log: T) => string;
+    /** The row's copy action (the host fetches the full log). */
+    renderCopyAction?: (log: T) => ReactNode;
+    /** The eye button of a row. */
+    onQuickView?: (log: T) => void;
+    hasNextPage?: boolean;
+    isFetchingNextPage?: boolean;
+    onLoadMore?: () => void;
+    /** The mobile filter modal; its trigger lives in the search toolbar. */
+    mobileFilterOpen?: boolean;
+    onMobileFilterClose?: () => void;
+    /** Told when the search toolbar should hide: there is nothing to search yet. */
+    onHideSearchChange?: (hide: boolean) => void;
+    /** How the onboarding empty state is drawn. Default: the plain `NoData` panel. */
+    renderEmptyState?: (props: NoDataProps) => ReactNode;
+    guideButton?: LogsTableGuideButton;
+    /** Columns left out (a narrow rendering). */
+    hiddenColumns?: readonly LogsTableColumnId[];
+}
+/**
+ * The logs table: its columns, rows, filters, empty and loading states. The host
+ * loads the rows and owns the filter, search and date state.
+ */
+export declare function LogsTableView<T extends UiLogEntry = UiLogEntry>({ logs, loading, facets, filters, onFilterChange, search, dateFilter, logIdHeader, deviceScoped, organizationLocked, getLogHref, renderCopyAction, onQuickView, hasNextPage, isFetchingNextPage, onLoadMore, mobileFilterOpen, onMobileFilterClose, onHideSearchChange, renderEmptyState, guideButton, hiddenColumns, }: LogsTableViewProps<T>): import("react").JSX.Element;
+export interface LogsTableSkeletonProps {
+    /** The Log ID header in its inert form, so the icon does not arrive with the data. */
+    logIdHeader?: ReactNode;
+}
+/**
+ * Loading fallback of the logs table: an empty `DataTable` with the table's own
+ * columns, so the header row and the column widths match the loaded table.
+ */
+export declare function LogsTableSkeleton({ logIdHeader }: LogsTableSkeletonProps): import("react").JSX.Element;
+//# sourceMappingURL=logs-table-view.d.ts.map

package/dist/components/features/logs/logs-table-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-table-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logs/logs-table-view.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAC;AAexE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAenG,6FAA6F;AAC7F,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,YAAY,GAAG,aAAa,GAAG,eAAe,CAAC,CAAC;AAMrH;;;GAGG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU;IACnE,qEAAqE;IACrE,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,gEAAgE;IAChE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClC,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5D,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kGAAkG;IAClG,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,gGAAgG;IAChG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uEAAuE;IACvE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IACzC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,SAAS,CAAC;IACrD,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,6CAA6C;IAC7C,aAAa,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;CAC9C;AAID;;;GAGG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,EAAE,EAC/D,IAAI,EACJ,OAAe,EACf,MAAM,EACN,OAAO,EACP,cAAc,EACd,MAAM,EACN,UAAU,EACV,WAAW,EACX,YAAoB,EACpB,kBAA0B,EAC1B,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,WAAmB,EACnB,kBAA0B,EAC1B,UAAiB,EACjB,gBAAwB,EACxB,mBAA0B,EAC1B,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,aAAa,GACd,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAqSvB;AAoBD,MAAM,WAAW,sBAAsB;IACrC,sFAAsF;IACtF,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,EAAE,sBAAsB,+BAoExE"}

package/dist/components/features/logs/types.d.ts

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import type { DateFilterResult } from '../../ui/date-picker';
+/** The tag colour a log severity is drawn in. */
+export type LogStatusVariant = 'success' | 'warning' | 'error' | 'grey' | 'critical';
+/** One row of the logs table, as plain display data. */
+export interface UiLogEntry {
+    id: string;
+    logId: string;
+    /** Already formatted for display. */
+    timestamp: string;
+    status: {
+        label: string;
+        variant?: LogStatusVariant;
+    };
+    source: {
+        name: string;
+        toolType: string;
+        icon?: ReactNode;
+    };
+    device: {
+        name: string;
+        organization?: string;
+    };
+    description: {
+        title: string;
+        details?: string;
+    };
+}
+/** A filter choice of a column header and of the mobile filter modal. */
+export interface LogsTableFilterOption {
+    id: string;
+    label: string;
+    value: string;
+}
+/** What the table can be filtered by, as the API reports it. */
+export interface LogsTableFacets {
+    severities: readonly string[];
+    toolTypes: readonly string[];
+    /** Ready-made options: the caller owns how an organization is labelled. */
+    organizations: readonly LogsTableFilterOption[];
+}
+/** The applied date sort and range, and how a new one is committed. */
+export interface LogsTableDateFilter {
+    sortDirection: 'asc' | 'desc';
+    range: DateFilterResult['range'];
+    onApply: (result: DateFilterResult) => void;
+}
+/** The columns of the logs table, by id. */
+export type LogsTableColumnId = 'logId' | 'status' | 'tool' | 'source' | 'description' | 'copy' | 'quickView' | 'open';
+/** The tag colour for a severity as the API spells it. */
+export declare function logSeverityVariant(severity: string): LogStatusVariant;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/features/logs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,iDAAiD;AACjD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAErF,wDAAwD;AACxD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,gBAAgB,CAAC;KAC5B,CAAC;IACF,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,yEAAyE;AACzE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,gEAAgE;AAChE,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,2EAA2E;IAC3E,aAAa,EAAE,SAAS,qBAAqB,EAAE,CAAC;CACjD;AAED,uEAAuE;AACvE,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,KAAK,GAAG,MAAM,CAAC;IAC9B,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7C;AAED,4CAA4C;AAC5C,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;AAEvH,0DAA0D;AAC1D,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,CAarE"}

package/dist/components/features/policies/compute-policy-summary.d.ts

@@ -0,0 +1,37 @@
+import type { PolicyTableStatus } from './policy-table-row';
+/**
+ * The host counts of a fleet-wide policy, as Fleet reports them. The product's
+ * own `Policy` model satisfies this structurally.
+ */
+export interface PolicyHostCounts {
+    passing_host_count: number;
+    failing_host_count: number;
+    host_count_updated_at?: string;
+    hosts_include_any?: readonly unknown[];
+}
+export interface PolicySummaryStats {
+    totalPolicies: number;
+    failingPolicies: number;
+    failingPoliciesPercentage: number;
+    compliantPolicies: number;
+    compliantPoliciesPercentage: number;
+    lastUpdatedAt: string | null;
+}
+export type PolicyStatus = 'compliant' | 'failing' | 'pending' | 'partial';
+export declare const POLICY_STATUS_CONFIG: Record<PolicyStatus, {
+    label: string;
+    variant: 'success' | 'error' | 'warning';
+}>;
+export declare function getPolicyStatus(policy: PolicyHostCounts): PolicyStatus;
+/**
+ * The STATUS cell of a fleet-wide policy: its status tag, plus how many devices
+ * fail it or have not answered yet.
+ */
+export declare function getPolicyTableStatus(policy: PolicyHostCounts): PolicyTableStatus;
+/**
+ * Compute policy compliance summary from a list of policies.
+ * Only policies with a definitive status (compliant or failing) are included
+ * in compliance stats. Pending and partial policies are excluded.
+ */
+export declare function computePolicySummary(policies: readonly PolicyHostCounts[]): PolicySummaryStats;
+//# sourceMappingURL=compute-policy-summary.d.ts.map

package/dist/components/features/policies/compute-policy-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute-policy-summary.d.ts","sourceRoot":"","sources":["../../../../src/components/features/policies/compute-policy-summary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,yBAAyB,EAAE,MAAM,CAAC;IAClC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,2BAA2B,EAAE,MAAM,CAAC;IACpC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAE3E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;CAAE,CAKlH,CAAC;AAQF,wBAAgB,eAAe,CAAC,MAAM,EAAE,gBAAgB,GAAG,YAAY,CAStE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,gBAAgB,GAAG,iBAAiB,CAchF;AAWD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,SAAS,gBAAgB,EAAE,GAAG,kBAAkB,CAgC9F"}

package/dist/components/features/policies/index.d.ts

@@ -0,0 +1,8 @@
+export { PoliciesTable } from './policies-table';
+export type { PoliciesTableProps } from './policies-table';
+export { PolicySummaryCards } from './policy-summary-cards';
+export type { PolicySummaryCardsProps } from './policy-summary-cards';
+export { computePolicySummary, getPolicyStatus, getPolicyTableStatus, POLICY_STATUS_CONFIG, } from './compute-policy-summary';
+export type { PolicyHostCounts, PolicyStatus, PolicySummaryStats } from './compute-policy-summary';
+export type { PolicyStatusVariant, PolicyTableAction, PolicyTableRow, PolicyTableStatus } from './policy-table-row';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/policies/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/policies/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnG,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/features/policies/policies-table.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from 'react';
+import type { NoDataProps } from '../../ui/no-data';
+import type { PolicyTableRow } from './policy-table-row';
+export interface PoliciesTableProps {
+    rows: PolicyTableRow[];
+    isLoading?: boolean;
+    /** Show the OS Platform column (fleet-wide monitoring view). */
+    showPlatform?: boolean;
+    /** Enable client-side sorting on Severity & Status, with header sort controls. */
+    sortable?: boolean;
+    emptyMessage?: string;
+    /** Rich empty state (icon + title + description), overrides `emptyMessage`. */
+    emptyState?: NoDataProps;
+    /** Make each row a link to its `href`. */
+    rowAsLink?: boolean;
+    stickyHeader?: boolean;
+    stickyHeaderOffset?: string;
+    /** Rendered at the right edge of the header (e.g. a row count). */
+    rightSlot?: ReactNode;
+    skeletonRows?: number;
+    /** Infinite "load more" footer. */
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    /** The next page is being fetched: the footer shows it and asks for nothing more meanwhile. Default false (a host that pages rows it already holds). */
+    isLoadingMore?: boolean;
+}
+/**
+ * Shared policies table. Renders a normalized `PolicyTableRow[]` with a
+ * consistent column set (Policy name+description, Severity, optional Platform,
+ * Status, optional row actions, open-in-new-tab). Used by both the fleet-wide
+ * monitoring page and the per-device Policies tab.
+ */
+export declare function PoliciesTable({ rows, isLoading, showPlatform, sortable, emptyMessage, emptyState, rowAsLink, stickyHeader, stickyHeaderOffset, rightSlot, skeletonRows, hasMore, onLoadMore, isLoadingMore, }: PoliciesTableProps): import("react").JSX.Element;
+//# sourceMappingURL=policies-table.d.ts.map

package/dist/components/features/policies/policies-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policies-table.d.ts","sourceRoot":"","sources":["../../../../src/components/features/policies/policies-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAMvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAiBzD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mEAAmE;IACnE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wJAAwJ;IACxJ,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAiB,EACjB,YAAoB,EACpB,QAAgB,EAChB,YAAY,EACZ,UAAU,EACV,SAAiB,EACjB,YAAoB,EACpB,kBAAkB,EAClB,SAAS,EACT,YAAiB,EACjB,OAAe,EACf,UAAU,EACV,aAAqB,GACtB,EAAE,kBAAkB,+BAgKpB"}

package/dist/components/features/policies/policy-summary-cards.d.ts

@@ -0,0 +1,17 @@
+import type { PolicySummaryStats } from './compute-policy-summary';
+export interface PolicySummaryCardsProps {
+    summary: PolicySummaryStats;
+    isLoading?: boolean;
+    /**
+     * Whether the summary describes loaded data. It decides the VALUES, never
+     * whether the cards render: without data every card shows the empty mark,
+     * because "Total Policies 0 / Failed 0" is an all-clear a failed load has
+     * not earned.
+     */
+    hasData?: boolean;
+    /** The clock "Updated" is relative to. Default: the moment of the render. */
+    now?: Date;
+}
+/** The four counters above the fleet-wide policies table. */
+export declare function PolicySummaryCards({ summary, isLoading, hasData, now }: PolicySummaryCardsProps): import("react").JSX.Element;
+//# sourceMappingURL=policy-summary-cards.d.ts.map

package/dist/components/features/policies/policy-summary-cards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy-summary-cards.d.ts","sourceRoot":"","sources":["../../../../src/components/features/policies/policy-summary-cards.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAOnE,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,GAAG,CAAC,EAAE,IAAI,CAAC;CACZ;AAED,6DAA6D;AAC7D,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAiB,EAAE,OAAc,EAAE,GAAG,EAAE,EAAE,uBAAuB,+BAyC9G"}

package/dist/components/features/policies/policy-table-row.d.ts

@@ -0,0 +1,37 @@
+import type { ComponentProps } from 'react';
+import type { MoreActionsMenu } from '../../ui/more-actions-menu';
+/** A single ellipsis-menu action, as accepted by the core `MoreActionsMenu`. */
+export type PolicyTableAction = ComponentProps<typeof MoreActionsMenu>['items'][number];
+export type PolicyStatusVariant = 'success' | 'error' | 'warning' | 'critical' | 'grey';
+export interface PolicyTableStatus {
+    label: string;
+    variant: PolicyStatusVariant;
+    /** Optional secondary line under the status tag (e.g. "3 devices"). */
+    note?: {
+        text: string;
+        tone: 'error' | 'warning';
+    };
+}
+/**
+ * Normalized row consumed by the shared `PoliciesTable`. Each caller maps its
+ * own policy model (fleet-wide policy, per-device Fleet host policy, ...) into
+ * this view-model so the table/columns live in a single place.
+ */
+export interface PolicyTableRow {
+    /** Stable row id. */
+    id: string;
+    name: string;
+    description?: string;
+    /** Critical severity: drives sorting and the default severity label. */
+    critical: boolean;
+    /** Display text for the SEVERITY column ("Critical" / "Low" / "Non-critical"). */
+    severityLabel: string;
+    status: PolicyTableStatus;
+    /** OS platforms, only rendered when the table shows the Platform column. */
+    platforms?: string[];
+    /** Optional ellipsis-menu actions for the row. */
+    actions?: PolicyTableAction[];
+    /** Target for the open-in-new-tab button and (optionally) the row link. */
+    href?: string;
+}
+//# sourceMappingURL=policy-table-row.d.ts.map

package/dist/components/features/policies/policy-table-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy-table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/features/policies/policy-table-row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,gFAAgF;AAChF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAExF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAExF,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,mBAAmB,CAAC;IAC7B,uEAAuE;IACvE,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,CAAC;CACpD;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,qBAAqB;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,QAAQ,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,kDAAkD;IAClD,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/features/remote-session/index.d.ts

@@ -4,6 +4,14 @@ export { RemoteSessionBlockFrame, RemoteSessionEndButton, RemoteSessionMinimized
 export type { RemoteSessionBlockFrameProps, RemoteSessionMinimizedChipProps, RemoteSessionSummaryProps, } from './remote-session-block';
 export { RemoteSessionChatPanel } from './remote-session-chat-panel';
 export type { RemoteSessionChatPanelProps } from './remote-session-chat-panel';
+export { RemoteDesktopChatMessageRow } from './remote-desktop-chat-message-row';
+export type { RemoteDesktopChatMessageRowProps } from './remote-desktop-chat-message-row';
+export { REMOTE_DESKTOP_CHAT_END_USER_NAME, RemoteDesktopChatPanel } from './remote-desktop-chat-panel';
+export type { RemoteDesktopChatPanelProps, RemoteDesktopChatTechnician } from './remote-desktop-chat-panel';
+export { RemoteDesktopFullscreenToolbar } from './remote-desktop-fullscreen-toolbar';
+export type { RemoteDesktopFullscreenToolbarProps } from './remote-desktop-fullscreen-toolbar';
+export { RemoteDesktopView, RemoteDesktopViewSkeleton } from './remote-desktop-view';
+export type { RemoteDesktopViewProps } from './remote-desktop-view';
 export { RemoteSessionDialog } from './remote-session-dialog';
 export type { RemoteSessionDialogProps } from './remote-session-dialog';
 export { RemoteSessionBorder, RemoteSessionPill } from './remote-session-overlay';

package/dist/components/features/remote-session/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,4BAA4B,EAC5B,+BAA+B,EAC/B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,YAAY,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EACL,iCAAiC,EACjC,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,2BAA2B,EAAE,iCAAiC,EAAE,MAAM,yBAAyB,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACjH,YAAY,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,8BAA8B,GAC/B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,gCAAgC,EAChC,oBAAoB,EACpB,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,EAClB,0BAA0B,EAC1B,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjG,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,wBAAwB,EACxB,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,4BAA4B,EAC5B,+BAA+B,EAC/B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,YAAY,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,YAAY,EAAE,gCAAgC,EAAE,MAAM,mCAAmC,CAAC;AAC1F,OAAO,EAAE,iCAAiC,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACxG,YAAY,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC5G,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,YAAY,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAC/F,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACrF,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EACL,iCAAiC,EACjC,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,2BAA2B,EAAE,iCAAiC,EAAE,MAAM,yBAAyB,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACjH,YAAY,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,8BAA8B,GAC/B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,gCAAgC,EAChC,oBAAoB,EACpB,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,EAClB,0BAA0B,EAC1B,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjG,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,wBAAwB,EACxB,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,SAAS,CAAC"}

package/dist/components/features/remote-session/remote-desktop-chat-message-row.d.ts

@@ -0,0 +1,21 @@
+export interface RemoteDesktopChatMessageRowProps {
+    authorName: string;
+    /** The technician's rows carry the avatar and the accent-colored name. */
+    isTechnician: boolean;
+    avatarUrl?: string;
+    /** When the message was sent: an ISO timestamp or a `Date`. */
+    sentAt: string | Date;
+    body: string;
+}
+/**
+ * One session-chat message on the technician's side, shared by the recording
+ * transcript and the live panel: the technician's rows carry a 24px avatar and
+ * an accent-colored name, the end user's rows a plain grey name; the timestamp
+ * sits right-aligned on the name row and the message body follows below.
+ *
+ * Names are Azeret Mono 18/24 medium in the mockup - a combination the ODS
+ * composite utilities don't carry (`text-h5` is the 14px uppercase caption),
+ * so the heading family is applied over `text-h4` via the ODS font variable.
+ */
+export declare function RemoteDesktopChatMessageRow({ authorName, isTechnician, avatarUrl, sentAt, body, }: RemoteDesktopChatMessageRowProps): import("react").JSX.Element;
+//# sourceMappingURL=remote-desktop-chat-message-row.d.ts.map

package/dist/components/features/remote-session/remote-desktop-chat-message-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-desktop-chat-message-row.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-desktop-chat-message-row.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gCAAgC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;GASG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,EACV,YAAY,EACZ,SAAS,EACT,MAAM,EACN,IAAI,GACL,EAAE,gCAAgC,+BAuBlC"}

package/dist/components/features/remote-session/remote-desktop-chat-panel.d.ts

@@ -0,0 +1,31 @@
+import type { RemoteSessionChatMessage } from './types';
+/** Who is typing on the technician's side of the chat: shown on the technician's rows. */
+export interface RemoteDesktopChatTechnician {
+    name: string;
+    avatarUrl?: string;
+}
+/** The end user has no profile on the wire: their rows read "User" unless a row names them. */
+export declare const REMOTE_DESKTOP_CHAT_END_USER_NAME = "User";
+export interface RemoteDesktopChatPanelProps {
+    messages: RemoteSessionChatMessage[];
+    /** The dialog's history is still on its way; the empty state must not claim there is nothing. */
+    loading?: boolean;
+    technician: RemoteDesktopChatTechnician;
+    sending: boolean;
+    /** Resolves `false` to keep the draft in the input (nothing was sent). */
+    onSend: (body: string) => Promise<boolean>;
+    /**
+     * `side` - the right-hand column next to the screen;
+     * `overlay` - floating over the stream in fullscreen, positioned against
+     * the fullscreen screen container.
+     */
+    variant: 'side' | 'overlay';
+}
+/**
+ * The technician's chat with the end user during a remote session: the message
+ * stream bottom-aligned above the composer. The end user's side is
+ * `RemoteSessionChatPanel` in the session block; the "joined the chat" notice
+ * is that side's indication only and is not shown here.
+ */
+export declare function RemoteDesktopChatPanel({ messages, loading, technician, sending, onSend, variant, }: RemoteDesktopChatPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=remote-desktop-chat-panel.d.ts.map

package/dist/components/features/remote-session/remote-desktop-chat-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-desktop-chat-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-desktop-chat-panel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,0FAA0F;AAC1F,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+FAA+F;AAC/F,eAAO,MAAM,iCAAiC,SAAS,CAAC;AAExD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,iGAAiG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,2BAA2B,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,OAAO,EACP,UAAU,EACV,OAAO,EACP,MAAM,EACN,OAAO,GACR,EAAE,2BAA2B,+BAuD7B"}

package/dist/components/features/remote-session/remote-desktop-fullscreen-toolbar.d.ts

@@ -0,0 +1,21 @@
+import { type ActionsMenuGroup } from '../../ui/actions-menu';
+export interface RemoteDesktopFullscreenToolbarProps {
+    deviceName: string;
+    displayMenuGroups: ActionsMenuGroup[];
+    currentDisplayLabel: string;
+    actionsMenuGroups: ActionsMenuGroup[];
+    onOpenSettings: () => void;
+    onExitFullscreen: () => void;
+    /** Session chat toggle - omitted when the session has no chat. */
+    chatOpen?: boolean;
+    onToggleChat?: () => void;
+}
+/**
+ * Compact overlay chrome for the fullscreen remote-desktop mode (Figma 1-70992):
+ * a floating semi-transparent bar at top-center (device name, display switcher,
+ * actions / exit-fullscreen / settings) plus a dimmed OpenFrame logo in the
+ * top-left corner of the stream. Rendered inside the fullscreen container,
+ * absolutely positioned over the screen.
+ */
+export declare function RemoteDesktopFullscreenToolbar({ deviceName, displayMenuGroups, currentDisplayLabel, actionsMenuGroups, onOpenSettings, onExitFullscreen, chatOpen, onToggleChat, }: RemoteDesktopFullscreenToolbarProps): import("react").JSX.Element;
+//# sourceMappingURL=remote-desktop-fullscreen-toolbar.d.ts.map

package/dist/components/features/remote-session/remote-desktop-fullscreen-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-desktop-fullscreen-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-desktop-fullscreen-toolbar.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGnF,MAAM,WAAW,mCAAmC;IAClD,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,8BAA8B,CAAC,EAC7C,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,QAAgB,EAChB,YAAY,GACb,EAAE,mCAAmC,+BA2ErC"}