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

package/dist/components/product-demo/cast.d.ts

@@ -0,0 +1,58 @@
+import { type ReactNode } from 'react';
+import { DEMO_PEOPLE, type DemoOrganizationKey, type DemoPersonKey } from './fixtures/shared';
+/**
+ * What a host adds to the product screens' cast. The people and customers of
+ * the stories are the library's; their PICTURES are the host's, because the
+ * library holds no storage address:
+ *   - `people`: a portrait by persona slug (`tech`, `leo`, `alex-reed`, ...);
+ *   - `organizations`: a logo by customer key (`acme`, `northbridge`,
+ *     `harbor`).
+ * Anything left out falls back to initials, the way the product draws a
+ * person or a customer that has no picture.
+ */
+export interface ProductDemoCast {
+    people?: Readonly<Record<string, {
+        avatarUrl?: string | null;
+    } | undefined>>;
+    organizations?: Readonly<Record<string, {
+        logoUrl?: string | null;
+    } | undefined>>;
+}
+export type DemoPersonRole = (typeof DEMO_PEOPLE)[DemoPersonKey]['role'];
+export interface DemoPerson {
+    id: string;
+    slug: string;
+    name: string;
+    initials: string;
+    /** A technician works in the product; an end user is the customer's employee. */
+    role: DemoPersonRole;
+    /** The host's portrait; absent: the product draws its initials. */
+    avatarUrl?: string;
+}
+export interface DemoOrganization {
+    id: string;
+    name: string;
+    initials: string;
+    domain: string;
+    /** The host's logo; absent: the product draws the customer's initials. */
+    logoUrl?: string;
+}
+/** The cast a fixture is built from: every person and customer, with their pictures resolved. */
+export interface DemoCast {
+    person: (key: DemoPersonKey) => DemoPerson;
+    organization: (key: DemoOrganizationKey) => DemoOrganization;
+}
+/** The cast with the host's pictures applied; no argument: initials everywhere. */
+export declare function resolveProductDemoCast(cast?: ProductDemoCast | null): DemoCast;
+/**
+ * Gives every product screen under it the host's pictures of the cast. Mount
+ * it once around the screens of a page (an explorer, a hero window); a screen
+ * outside it still renders, with initials.
+ */
+export declare function ProductDemoCastProvider({ cast, children }: {
+    cast: ProductDemoCast | null;
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** The resolved cast for a screen's fixture; stable while the host's cast is. */
+export declare function useProductDemoCast(): DemoCast;
+//# sourceMappingURL=cast.d.ts.map

package/dist/components/product-demo/cast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cast.d.ts","sourceRoot":"","sources":["../../../src/components/product-demo/cast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAsB,WAAW,EAAE,KAAK,mBAAmB,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElH;;;;;;;;;GASG;AACH,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC,CAAC;IAC7E,aAAa,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC,CAAC;CACnF;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,iFAAiF;IACjF,IAAI,EAAE,cAAc,CAAC;IACrB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iGAAiG;AACjG,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,UAAU,CAAC;IAC3C,YAAY,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,gBAAgB,CAAC;CAC9D;AAED,mFAAmF;AACnF,wBAAgB,sBAAsB,CAAC,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,GAAG,QAAQ,CAW9E;AAID;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEhH;AAED,iFAAiF;AACjF,wBAAgB,kBAAkB,IAAI,QAAQ,CAG7C"}

package/dist/components/product-demo/fixtures/cloud-tenants.d.ts

@@ -0,0 +1,10 @@
+import type { TenantRow } from '../../features/cloud-tenants';
+import type { DemoCast } from '../cast';
+export interface CloudTenantsFixture {
+    rows: TenantRow[];
+    /** The clock "Last read" is relative to. */
+    now: Date;
+}
+/** The three customers' directories, a Microsoft 365 and a Google Workspace tenant each: all connected with write access but one that lost its connection. */
+export declare function buildCloudTenantsFixture(cast: DemoCast): CloudTenantsFixture;
+//# sourceMappingURL=cloud-tenants.d.ts.map

package/dist/components/product-demo/fixtures/cloud-tenants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-tenants.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/cloud-tenants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAoB,MAAM,SAAS,CAAC;AAkB1D,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,4CAA4C;IAC5C,GAAG,EAAE,IAAI,CAAC;CACX;AAED,8JAA8J;AAC9J,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,QAAQ,GAAG,mBAAmB,CAoC5E"}

package/dist/components/product-demo/fixtures/devices.d.ts

@@ -0,0 +1,14 @@
+import type { DeviceFilters, DeviceRow } from '../../features/devices';
+import type { DemoCast } from '../cast';
+export interface DevicesFixture {
+    devices: DeviceRow[];
+    deviceFilters: DeviceFilters;
+    totalCount: number;
+}
+/** The fleet of the three demo customers on an ordinary morning: a mix of states, one desktop offline since last night. */
+export declare function buildDevicesFixture(cast: DemoCast): DevicesFixture;
+/** What the Devices page shows for a search: the query in the field and the rows that answer it. */
+export declare const DEVICES_SEARCH_QUERY = "Windows";
+/** The fleet narrowed to its Windows devices, the way the list answers that search. */
+export declare function buildWindowsDevicesFixture(cast: DemoCast): DevicesFixture;
+//# sourceMappingURL=devices.d.ts.map

package/dist/components/product-demo/fixtures/devices.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/devices.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAyCxC,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,2HAA2H;AAC3H,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,QAAQ,GAAG,cAAc,CAuBlE;AAED,oGAAoG;AACpG,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAE9C,uFAAuF;AACvF,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,QAAQ,GAAG,cAAc,CAQzE"}

package/dist/components/product-demo/fixtures/knowledge.d.ts

@@ -0,0 +1,14 @@
+import type { KnowledgeBaseArticleViewProps } from '../../features/knowledge-base';
+import type { DemoCast } from '../cast';
+export interface KnowledgeFixture {
+    article: Pick<KnowledgeBaseArticleViewProps, 'title' | 'tags' | 'author' | 'updatedLabel' | 'status'>;
+    /** The article's body, in the markdown the product stores. */
+    content: string;
+}
+/**
+ * One article of a client's knowledge base, open: the runbook a technician (or
+ * the assistant) follows to set up a new hire's laptop. It names the client,
+ * its author and the steps, so the page says what the knowledge base is for.
+ */
+export declare function buildKnowledgeFixture(cast: DemoCast): KnowledgeFixture;
+//# sourceMappingURL=knowledge.d.ts.map

package/dist/components/product-demo/fixtures/knowledge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"knowledge.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/knowledge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,IAAI,CAAC,6BAA6B,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,cAAc,GAAG,QAAQ,CAAC,CAAC;IACtG,8DAA8D;IAC9D,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,QAAQ,GAAG,gBAAgB,CAgCtE"}

package/dist/components/product-demo/fixtures/logs.d.ts

@@ -0,0 +1,15 @@
+import { type LogDrawerProps, type LogsTableViewProps, type UiLogEntry } from '../../features/logs';
+import type { DeviceCardProps } from '../../ui/device-card';
+/** What the Logs page is searched for in the picture: the rows below are what answers it. */
+export declare const LOGS_FIXTURE_SEARCH = "sign-in";
+/** A day of sign-ins across the three customers: one worth a look, a burst of failures, the rest routine. */
+export declare const LOGS_FIXTURE_ENTRIES: UiLogEntry[];
+/** The filters the column headers offer. */
+export declare const LOGS_FIXTURE_FACETS: NonNullable<LogsTableViewProps['facets']>;
+/** The entry open in the Log Details drawer. */
+export declare const LOGS_FIXTURE_SELECTED: UiLogEntry;
+/** The drawer's text for the selected entry, as the product prints a log: what happened and to whom (its id, source and device are the fields under it). */
+export declare const LOGS_FIXTURE_SELECTED_DETAILS: Extract<LogDrawerProps['description'], string>;
+/** The device card pinned under the selected entry. */
+export declare const LOGS_FIXTURE_DEVICE: Pick<DeviceCardProps, 'device' | 'statusTag'>;
+//# sourceMappingURL=logs.d.ts.map

package/dist/components/product-demo/fixtures/logs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/logs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,kBAAkB,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACxH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAmC5D,6FAA6F;AAC7F,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAO7C,6GAA6G;AAC7G,eAAO,MAAM,oBAAoB,EAAE,UAAU,EAuB5C,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAQzE,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,qBAAqB,EAAE,UAAoC,CAAC;AAEzE,4JAA4J;AAC5J,eAAO,MAAM,6BAA6B,EAAE,OAAO,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,CAI7E,CAAC;AAEb,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,WAAW,CAU7E,CAAC"}

package/dist/components/product-demo/fixtures/policies.d.ts

@@ -0,0 +1,13 @@
+import { type PolicySummaryStats, type PolicyTableRow } from '../../features/policies';
+export interface PoliciesFixture {
+    summary: PolicySummaryStats;
+    rows: PolicyTableRow[];
+    /** The clock the "Updated" card is relative to. */
+    now: Date;
+}
+/**
+ * The product's fleet-wide policies page. The summary and every status cell
+ * are computed from the host counts by the product's own functions.
+ */
+export declare const POLICIES_FIXTURE: PoliciesFixture;
+//# sourceMappingURL=policies.d.ts.map

package/dist/components/product-demo/fixtures/policies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policies.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/policies.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AA2CjC,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,mDAAmD;IACnD,GAAG,EAAE,IAAI,CAAC;CACX;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAgB9B,CAAC"}

package/dist/components/product-demo/fixtures/remote-session.d.ts

@@ -0,0 +1,20 @@
+import type { RemoteDesktopChatPanelProps, RemoteDesktopViewProps } from '../../features/remote-session';
+import type { DemoCast } from '../cast';
+export interface RemoteSessionFixture {
+    view: Pick<RemoteDesktopViewProps, 'deviceName' | 'organizationName' | 'currentDisplayLabel' | 'displayMenuGroups' | 'actionsMenuGroups'>;
+    chat: Pick<RemoteDesktopChatPanelProps, 'messages' | 'technician'>;
+    /** What the remote desktop itself shows. */
+    desktop: {
+        printer: string;
+        clock: string;
+        date: string;
+    };
+}
+/**
+ * A connected session on the front desk laptop: the end user reports the
+ * printer in the session chat, the technician restarts the spooler on the
+ * remote desktop and says so. The technician's rows carry their portrait; the
+ * end user's are a plain name, the way the product shows the other side.
+ */
+export declare function buildRemoteSessionFixture(cast: DemoCast): RemoteSessionFixture;
+//# sourceMappingURL=remote-session.d.ts.map

package/dist/components/product-demo/fixtures/remote-session.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remote-session.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/remote-session.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAC3B,sBAAsB,EAEvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAaxC,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,IAAI,CACR,sBAAsB,EACtB,YAAY,GAAG,kBAAkB,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,mBAAmB,CACtG,CAAC;IACF,IAAI,EAAE,IAAI,CAAC,2BAA2B,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC;IACnE,4CAA4C;IAC5C,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3D;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,QAAQ,GAAG,oBAAoB,CA8B9E"}

package/dist/components/product-demo/fixtures/shared.d.ts

@@ -0,0 +1,156 @@
+/**
+ * The cast every product-screen fixture draws from, so the screens of one page
+ * tell one story. The people are the hub's demo personas (invented names); the
+ * organizations and devices are invented too.
+ */
+export declare const DEMO_ORGANIZATIONS: {
+    readonly acme: {
+        readonly id: "org-acme";
+        readonly name: "Acme Logistics";
+        readonly initials: "AL";
+        readonly domain: "acmelogistics.example";
+    };
+    readonly northbridge: {
+        readonly id: "org-northbridge";
+        readonly name: "Northbridge Legal";
+        readonly initials: "NL";
+        readonly domain: "northbridgelegal.example";
+    };
+    readonly harbor: {
+        readonly id: "org-harbor";
+        readonly name: "Harbor Dental";
+        readonly initials: "HD";
+        readonly domain: "harbordental.example";
+    };
+};
+/**
+ * `slug` is the persona's slug at the host (the key its portrait arrives by,
+ * see `ProductDemoCastProvider`; the host's own technician is `tech`); `role` decides how the product draws the
+ * person: a technician works in the product, an end user is the customer's
+ * employee on the other end.
+ */
+export declare const DEMO_PEOPLE: {
+    readonly jen: {
+        readonly id: "user-jen";
+        readonly slug: "jen";
+        readonly name: "Jen Park";
+        readonly initials: "JP";
+        readonly role: "end_user";
+    };
+    readonly leo: {
+        readonly id: "user-leo";
+        readonly slug: "leo";
+        readonly name: "Leo Martin";
+        readonly initials: "LM";
+        readonly role: "end_user";
+    };
+    readonly maya: {
+        readonly id: "user-maya";
+        readonly slug: "maya";
+        readonly name: "Maya Lopez";
+        readonly initials: "ML";
+        readonly role: "end_user";
+    };
+    readonly priya: {
+        readonly id: "user-priya";
+        readonly slug: "priya";
+        readonly name: "Priya Shah";
+        readonly initials: "PS";
+        readonly role: "end_user";
+    };
+    readonly sam: {
+        readonly id: "user-sam";
+        readonly slug: "sam";
+        readonly name: "Sam Okafor";
+        readonly initials: "SO";
+        readonly role: "end_user";
+    };
+    readonly dana: {
+        readonly id: "user-dana";
+        readonly slug: "tech";
+        readonly name: "Dana Reyes";
+        readonly initials: "DR";
+        readonly role: "technician";
+    };
+    readonly alex: {
+        readonly id: "user-alex";
+        readonly slug: "alex-reed";
+        readonly name: "Alex Reed";
+        readonly initials: "AR";
+        readonly role: "technician";
+    };
+    readonly roman: {
+        readonly id: "user-roman";
+        readonly slug: "roman-smith";
+        readonly name: "Roman Smith";
+        readonly initials: "RS";
+        readonly role: "technician";
+    };
+    readonly sara: {
+        readonly id: "user-sara";
+        readonly slug: "sara-kim";
+        readonly name: "Sara Kim";
+        readonly initials: "SK";
+        readonly role: "technician";
+    };
+};
+export type DemoPersonKey = keyof typeof DEMO_PEOPLE;
+export type DemoOrganizationKey = keyof typeof DEMO_ORGANIZATIONS;
+export declare const DEMO_DEVICES: {
+    readonly frontDesk: {
+        readonly id: "device-frontdesk";
+        readonly hostname: "FRONTDESK-LT02";
+        readonly os: "WINDOWS";
+        readonly organization: "harbor";
+    };
+    readonly mayaAir: {
+        readonly id: "device-maya";
+        readonly hostname: "MAYA-MBA";
+        readonly os: "MAC_OS";
+        readonly organization: "northbridge";
+    };
+    readonly samT14: {
+        readonly id: "device-sam";
+        readonly hostname: "SAM-T14";
+        readonly os: "WINDOWS";
+        readonly organization: "northbridge";
+    };
+    readonly reception: {
+        readonly id: "device-reception";
+        readonly hostname: "RECEPTION-01";
+        readonly os: "WINDOWS";
+        readonly organization: "acme";
+    };
+    readonly leoThinkPad: {
+        readonly id: "device-leo";
+        readonly hostname: "LEO-THINKPAD";
+        readonly os: "WINDOWS";
+        readonly organization: "harbor";
+    };
+    readonly buildServer: {
+        readonly id: "device-build";
+        readonly hostname: "BUILD-SRV-01";
+        readonly os: "LINUX";
+        readonly organization: "acme";
+    };
+    readonly jenSurface: {
+        readonly id: "device-jen";
+        readonly hostname: "JEN-SURFACE";
+        readonly os: "WINDOWS";
+        readonly organization: "acme";
+    };
+    readonly priyaXps: {
+        readonly id: "device-priya";
+        readonly hostname: "PRIYA-XPS";
+        readonly os: "WINDOWS";
+        readonly organization: "northbridge";
+    };
+};
+/**
+ * A fixed "now" for relative times, so a screen reads the same on every render
+ * and never drifts between the server and the browser.
+ */
+export declare const DEMO_NOW = "2026-10-06T14:05:00.000Z";
+/** An instant `minutes` before {@link DEMO_NOW}. */
+export declare function demoMinutesAgo(minutes: number): string;
+//# sourceMappingURL=shared.d.ts.map

package/dist/components/product-demo/fixtures/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/shared.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;CAIrB,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUd,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,WAAW,CAAC;AACrD,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAElE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASf,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,QAAQ,6BAA6B,CAAC;AAEnD,oDAAoD;AACpD,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEtD"}

package/dist/components/product-demo/fixtures/software-update.d.ts

@@ -0,0 +1,19 @@
+import type { DeviceRow } from '../../features/devices';
+import type { SelectedPackage, SoftwareScheduleTiming } from '../../features/software';
+import type { DemoCast } from '../cast';
+/**
+ * Chrome updated tonight at 11 PM on the Windows devices picked for it (WinGet
+ * installs on Windows, so the picker offers the fleet's Windows devices), one
+ * of them offline until it reconnects.
+ */
+export declare function buildSoftwareUpdateFixture(cast: DemoCast): {
+    readonly action: "UPDATE";
+    readonly package: SelectedPackage;
+    readonly timing: SoftwareScheduleTiming<string>;
+    readonly initialValues: Partial<import("../..").SoftwareActionFormValues<string>> & {
+        timeReference: string;
+    };
+    readonly devices: DeviceRow[];
+    readonly selectedIds: Set<string>;
+};
+//# sourceMappingURL=software-update.d.ts.map

package/dist/components/product-demo/fixtures/software-update.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"software-update.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/software-update.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAA2B,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAChH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA6CxC;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,QAAQ;;;;;;;;;EAUxD"}

package/dist/components/product-demo/fixtures/tickets-board.d.ts

@@ -0,0 +1,8 @@
+import { type BoardColumnDef } from '../../features/board';
+import type { DemoCast } from '../cast';
+/**
+ * A help desk mid-morning: Fae opened and closed most of it, one ticket waits
+ * for a technician's approval, and the technicians hold what needs a person.
+ */
+export declare function buildTicketsBoardFixture(cast: DemoCast): BoardColumnDef[];
+//# sourceMappingURL=tickets-board.d.ts.map

package/dist/components/product-demo/fixtures/tickets-board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tickets-board.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/fixtures/tickets-board.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,cAAc,EAAoB,MAAM,sBAAsB,CAAC;AACrG,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,SAAS,CAAC;AAcpD;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,QAAQ,GAAG,cAAc,EAAE,CAgFzE"}

package/dist/components/product-demo/index.cjs

@@ -0,0 +1,112 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"use client";
+
+
+
+
+var _chunkII4QMH26cjs = require('../../chunk-II4QMH26.cjs');
+require('../../chunk-KHXZFLIN.cjs');
+
+
+var _chunkG6OHIX5Ccjs = require('../../chunk-G6OHIX5C.cjs');
+require('../../chunk-3LU4UFPS.cjs');
+
+
+var _chunkCPA2CKRZcjs = require('../../chunk-CPA2CKRZ.cjs');
+require('../../chunk-3ATAYP36.cjs');
+require('../../chunk-QBJ4SE23.cjs');
+
+// src/components/product-demo/product-screen.tsx
+var _react = require('react');
+
+// src/components/product-demo/registry.ts
+var PRODUCT_SCREEN_LOADERS = {
+  "remote-session": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../remote-session-R6VAFESR.cjs"))),
+  "software-update": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../software-update-D4OVSWSG.cjs"))),
+  devices: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../devices-YGYJIXQY.cjs"))),
+  policies: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../policies-HV4IQCBV.cjs"))),
+  "cloud-tenants": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../cloud-tenants-KZUZGD4A.cjs"))),
+  "tickets-board": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../tickets-board-BHLPAVNJ.cjs"))),
+  logs: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../logs-RVCC2UQW.cjs"))),
+  knowledge: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../knowledge-KTCVJIWN.cjs")))
+};
+
+// src/components/product-demo/screen-keys.ts
+var PRODUCT_SCREEN_LABELS = {
+  "remote-session": "Remote desktop session",
+  "software-update": "Update software",
+  devices: "Devices",
+  policies: "Policies",
+  "cloud-tenants": "Cloud tenants",
+  "tickets-board": "Ticket board",
+  logs: "Logs with a log open",
+  knowledge: "Knowledge base"
+};
+var PRODUCT_SCREEN_KEYS = Object.keys(PRODUCT_SCREEN_LABELS);
+function isProductScreenKey(value) {
+  return typeof value === "string" && Object.prototype.hasOwnProperty.call(PRODUCT_SCREEN_LABELS, value);
+}
+var PRODUCT_SCREEN_OPTIONS = PRODUCT_SCREEN_KEYS.map(
+  (key) => ({ value: key, label: PRODUCT_SCREEN_LABELS[key] })
+);
+
+// src/components/product-demo/product-screen.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var LAZY_SCREENS = Object.fromEntries(
+  PRODUCT_SCREEN_KEYS.map((key) => [key, _react.lazy.call(void 0, PRODUCT_SCREEN_LOADERS[key])])
+);
+var PRODUCT_SCREEN_HEIGHT = 440;
+var PRODUCT_SCREEN_COMPACT_HEIGHT = 300;
+var MIN_LAYOUT_WIDTH = {
+  devices: 1120,
+  logs: 1120,
+  "software-update": 1400
+};
+var COMPACT_LAYOUT_WIDTH = {
+  "remote-session": 380
+};
+function ProductScreenSkeleton({
+  compact = false,
+  height,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkCPA2CKRZcjs.Skeleton,
+    {
+      className,
+      style: { height: _nullishCoalesce(height, () => ( (compact ? PRODUCT_SCREEN_COMPACT_HEIGHT : PRODUCT_SCREEN_HEIGHT))) }
+    }
+  );
+}
+function ProductScreen({ screen, compact = false, label, height, designWidth, ...frame }) {
+  const Screen = LAZY_SCREENS[screen];
+  const frameHeight = _nullishCoalesce(height, () => ( (compact ? PRODUCT_SCREEN_COMPACT_HEIGHT : PRODUCT_SCREEN_HEIGHT)));
+  const minWidth = compact ? void 0 : MIN_LAYOUT_WIDTH[screen];
+  const compactWidth = compact ? COMPACT_LAYOUT_WIDTH[screen] : void 0;
+  const layoutWidth = _nullishCoalesce(compactWidth, () => ( // A screen with a minimum keeps it whether or not the host names a width (the frame's default is narrower).
+  (minWidth !== void 0 ? Math.max(_nullishCoalesce(designWidth, () => ( minWidth)), minWidth) : designWidth)));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkG6OHIX5Ccjs.ProductScreenFrame,
+    {
+      ...frame,
+      designWidth: layoutWidth,
+      ...compactWidth !== void 0 && { scaleFrom: 0 },
+      label: _nullishCoalesce(label, () => ( PRODUCT_SCREEN_LABELS[screen])),
+      height: frameHeight,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCPA2CKRZcjs.Skeleton, { className: "h-full w-full" }), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Screen, { compact }) })
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+
+exports.PRODUCT_SCREEN_COMPACT_HEIGHT = PRODUCT_SCREEN_COMPACT_HEIGHT; exports.PRODUCT_SCREEN_HEIGHT = PRODUCT_SCREEN_HEIGHT; exports.PRODUCT_SCREEN_KEYS = PRODUCT_SCREEN_KEYS; exports.PRODUCT_SCREEN_LABELS = PRODUCT_SCREEN_LABELS; exports.PRODUCT_SCREEN_OPTIONS = PRODUCT_SCREEN_OPTIONS; exports.ProductDemoCastProvider = _chunkII4QMH26cjs.ProductDemoCastProvider; exports.ProductScreen = ProductScreen; exports.ProductScreenSkeleton = ProductScreenSkeleton; exports.isProductScreenKey = isProductScreenKey; exports.resolveProductDemoCast = _chunkII4QMH26cjs.resolveProductDemoCast; exports.useProductDemoCast = _chunkII4QMH26cjs.useProductDemoCast;

package/dist/components/product-demo/index.d.ts

@@ -0,0 +1,6 @@
+export { ProductDemoCastProvider, resolveProductDemoCast, useProductDemoCast } from './cast';
+export type { DemoCast, DemoOrganization, DemoPerson, ProductDemoCast } from './cast';
+export * from './product-screen';
+export * from './screen-keys';
+export type { ProductScreenComponent, ProductScreenViewProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/product-demo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/product-demo/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAC7F,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACtF,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/product-demo/index.js

@@ -0,0 +1,112 @@
+"use client";
+"use client";
+import {
+  ProductDemoCastProvider,
+  resolveProductDemoCast,
+  useProductDemoCast
+} from "../../chunk-L2VUINHN.js";
+import "../../chunk-CYUUHFXL.js";
+import {
+  ProductScreenFrame
+} from "../../chunk-WMNCVLES.js";
+import "../../chunk-4R2L3DSA.js";
+import {
+  Skeleton
+} from "../../chunk-FYEJTF5Y.js";
+import "../../chunk-7RXWKTAP.js";
+import "../../chunk-62GWEYJ5.js";
+
+// src/components/product-demo/product-screen.tsx
+import { lazy, Suspense } from "react";
+
+// src/components/product-demo/registry.ts
+var PRODUCT_SCREEN_LOADERS = {
+  "remote-session": () => import("../../remote-session-GSGZOFDX.js"),
+  "software-update": () => import("../../software-update-6PXKRKBT.js"),
+  devices: () => import("../../devices-LBMG42K6.js"),
+  policies: () => import("../../policies-EWUULFBR.js"),
+  "cloud-tenants": () => import("../../cloud-tenants-OGLVVQ7X.js"),
+  "tickets-board": () => import("../../tickets-board-PYDNELSK.js"),
+  logs: () => import("../../logs-DB5Z7M5Q.js"),
+  knowledge: () => import("../../knowledge-H5BIWJVI.js")
+};
+
+// src/components/product-demo/screen-keys.ts
+var PRODUCT_SCREEN_LABELS = {
+  "remote-session": "Remote desktop session",
+  "software-update": "Update software",
+  devices: "Devices",
+  policies: "Policies",
+  "cloud-tenants": "Cloud tenants",
+  "tickets-board": "Ticket board",
+  logs: "Logs with a log open",
+  knowledge: "Knowledge base"
+};
+var PRODUCT_SCREEN_KEYS = Object.keys(PRODUCT_SCREEN_LABELS);
+function isProductScreenKey(value) {
+  return typeof value === "string" && Object.prototype.hasOwnProperty.call(PRODUCT_SCREEN_LABELS, value);
+}
+var PRODUCT_SCREEN_OPTIONS = PRODUCT_SCREEN_KEYS.map(
+  (key) => ({ value: key, label: PRODUCT_SCREEN_LABELS[key] })
+);
+
+// src/components/product-demo/product-screen.tsx
+import { jsx } from "react/jsx-runtime";
+var LAZY_SCREENS = Object.fromEntries(
+  PRODUCT_SCREEN_KEYS.map((key) => [key, lazy(PRODUCT_SCREEN_LOADERS[key])])
+);
+var PRODUCT_SCREEN_HEIGHT = 440;
+var PRODUCT_SCREEN_COMPACT_HEIGHT = 300;
+var MIN_LAYOUT_WIDTH = {
+  devices: 1120,
+  logs: 1120,
+  "software-update": 1400
+};
+var COMPACT_LAYOUT_WIDTH = {
+  "remote-session": 380
+};
+function ProductScreenSkeleton({
+  compact = false,
+  height,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      className,
+      style: { height: height ?? (compact ? PRODUCT_SCREEN_COMPACT_HEIGHT : PRODUCT_SCREEN_HEIGHT) }
+    }
+  );
+}
+function ProductScreen({ screen, compact = false, label, height, designWidth, ...frame }) {
+  const Screen = LAZY_SCREENS[screen];
+  const frameHeight = height ?? (compact ? PRODUCT_SCREEN_COMPACT_HEIGHT : PRODUCT_SCREEN_HEIGHT);
+  const minWidth = compact ? void 0 : MIN_LAYOUT_WIDTH[screen];
+  const compactWidth = compact ? COMPACT_LAYOUT_WIDTH[screen] : void 0;
+  const layoutWidth = compactWidth ?? // A screen with a minimum keeps it whether or not the host names a width (the frame's default is narrower).
+  (minWidth !== void 0 ? Math.max(designWidth ?? minWidth, minWidth) : designWidth);
+  return /* @__PURE__ */ jsx(
+    ProductScreenFrame,
+    {
+      ...frame,
+      designWidth: layoutWidth,
+      ...compactWidth !== void 0 && { scaleFrom: 0 },
+      label: label ?? PRODUCT_SCREEN_LABELS[screen],
+      height: frameHeight,
+      children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full" }), children: /* @__PURE__ */ jsx(Screen, { compact }) })
+    }
+  );
+}
+export {
+  PRODUCT_SCREEN_COMPACT_HEIGHT,
+  PRODUCT_SCREEN_HEIGHT,
+  PRODUCT_SCREEN_KEYS,
+  PRODUCT_SCREEN_LABELS,
+  PRODUCT_SCREEN_OPTIONS,
+  ProductDemoCastProvider,
+  ProductScreen,
+  ProductScreenSkeleton,
+  isProductScreenKey,
+  resolveProductDemoCast,
+  useProductDemoCast
+};

package/dist/components/product-demo/product-screen.d.ts

@@ -0,0 +1,22 @@
+import { type ProductScreenFrameProps } from '../ui/product-screen-frame';
+import { type ProductScreenKey } from './screen-keys';
+/** Frame heights of the two renderings: constants, so a skeleton and the loaded screen are one box. */
+export declare const PRODUCT_SCREEN_HEIGHT = 440;
+export declare const PRODUCT_SCREEN_COMPACT_HEIGHT = 300;
+export interface ProductScreenProps extends Omit<ProductScreenFrameProps, 'children' | 'label' | 'height'> {
+    screen: ProductScreenKey;
+    /** The narrow rendering in the short frame. */
+    compact?: boolean;
+    /** Overrides the registry's label. */
+    label?: string;
+    /** Overrides the frame height of the rendering. */
+    height?: number | string;
+}
+/** The box a product screen occupies while it loads. */
+export declare function ProductScreenSkeleton({ compact, height, className, }: Pick<ProductScreenProps, 'compact' | 'height' | 'className'>): import("react").JSX.Element;
+/**
+ * One product screen of the registry, in its frame. The screen's code is
+ * downloaded when this mounts; until then the frame holds its box.
+ */
+export declare function ProductScreen({ screen, compact, label, height, designWidth, ...frame }: ProductScreenProps): import("react").JSX.Element;
+//# sourceMappingURL=product-screen.d.ts.map

package/dist/components/product-demo/product-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-screen.d.ts","sourceRoot":"","sources":["../../../src/components/product-demo/product-screen.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAG9F,OAAO,EAA8C,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAQlG,uGAAuG;AACvG,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,6BAA6B,MAAM,CAAC;AA0BjD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxG,MAAM,EAAE,gBAAgB,CAAC;IACzB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,wDAAwD;AACxD,wBAAgB,qBAAqB,CAAC,EACpC,OAAe,EACf,MAAM,EACN,SAAS,GACV,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC,+BAO9D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAuBlH"}