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

package/dist/software-update-6PXKRKBT.js

@@ -0,0 +1,179 @@
+"use client";
+"use client";
+import {
+  buildDevicesFixture
+} from "./chunk-WANCBTUE.js";
+import {
+  useProductDemoCast
+} from "./chunk-L2VUINHN.js";
+import {
+  DEMO_DEVICES,
+  DEMO_NOW
+} from "./chunk-CYUUHFXL.js";
+import {
+  Autocomplete,
+  DeviceSelector,
+  PACKAGE_SEARCH_LABEL,
+  PACKAGE_SEARCH_PLACEHOLDER,
+  SoftwareActionForm
+} from "./chunk-FCAVAEHF.js";
+import "./chunk-ILNN6QRW.js";
+import "./chunk-LQYXMEYF.js";
+import "./chunk-4JPLYOS6.js";
+import "./chunk-NPAQSMRY.js";
+import "./chunk-6T3BTD6Q.js";
+import "./chunk-3K5ZLZE7.js";
+import "./chunk-HFL2F4RM.js";
+import "./chunk-WSDT7LYL.js";
+import "./chunk-G3GRYDMS.js";
+import "./chunk-PLWMIU72.js";
+import "./chunk-ROBQ5TR7.js";
+import "./chunk-2NASBO7O.js";
+import "./chunk-KBJJQFYU.js";
+import "./chunk-P3JMAMHP.js";
+import "./chunk-CMZ3QTFQ.js";
+import "./chunk-34I6XI3N.js";
+import "./chunk-GY4IZG22.js";
+import "./chunk-TTVOLEUS.js";
+import "./chunk-H3PKYE4N.js";
+import "./chunk-JHQ334WS.js";
+import "./chunk-IYVFSLWJ.js";
+import "./chunk-FBZMAPWO.js";
+import "./chunk-AGVXKD4K.js";
+import "./chunk-E4ABZWTJ.js";
+import "./chunk-KEKCQENI.js";
+import "./chunk-ADBE7QF3.js";
+import "./chunk-N45D4ZXQ.js";
+import "./chunk-NCPTID44.js";
+import "./chunk-OSIKGEBU.js";
+import "./chunk-CMGFZHCN.js";
+import "./chunk-WI6FHKD7.js";
+import "./chunk-INS7KZJB.js";
+import "./chunk-YDPKUAP4.js";
+import "./chunk-DAAVMYUT.js";
+import "./chunk-V3JFVKHV.js";
+import "./chunk-WMNCVLES.js";
+import "./chunk-4R2L3DSA.js";
+import "./chunk-FYEJTF5Y.js";
+import "./chunk-7RXWKTAP.js";
+import "./chunk-62GWEYJ5.js";
+
+// src/components/product-demo/screens/software-update.tsx
+import { useMemo } from "react";
+
+// src/components/product-demo/fixtures/software-update.ts
+var chrome = {
+  id: "Google.Chrome",
+  name: "Google Chrome",
+  description: "A fast, secure web browser built for the modern web",
+  version: "141.0.7390.66",
+  packageType: null
+};
+function demoDay() {
+  const [year, month, day] = DEMO_NOW.slice(0, 10).split("-").map(Number);
+  return new Date(year, month - 1, day);
+}
+var TONIGHT_11_PM = { value: "23:00", label: "11:00 PM" };
+var timing = {
+  timeReferenceOptions: [
+    { value: "SERVER", label: "Your account timezone" },
+    { value: "DEVICE_LOCAL", label: "Device local timezone" }
+  ],
+  getTimeOptions: () => [
+    { value: "22:00", label: "10:00 PM" },
+    { value: "22:30", label: "10:30 PM" },
+    TONIGHT_11_PM,
+    { value: "23:30", label: "11:30 PM" }
+  ],
+  getEarliestDay: demoDay,
+  getStartError: () => void 0
+};
+var initialValues = {
+  rows: [{ key: "row-0", packageManager: "WINGET", pkg: chrome }],
+  mode: "schedule",
+  date: demoDay(),
+  time: TONIGHT_11_PM.value,
+  timeReference: "SERVER"
+};
+function buildSoftwareUpdateFixture(cast) {
+  const devices = buildDevicesFixture(cast).devices.filter((device) => device.osType === "WINDOWS");
+  return {
+    action: "UPDATE",
+    package: chrome,
+    timing,
+    initialValues,
+    devices,
+    selectedIds: /* @__PURE__ */ new Set([DEMO_DEVICES.reception.id, DEMO_DEVICES.samT14.id, DEMO_DEVICES.frontDesk.id])
+  };
+}
+
+// src/components/product-demo/screens/software-update.tsx
+import { jsx } from "react/jsx-runtime";
+var noop = () => {
+};
+var HIDDEN_WHEN_COMPACT = ["organization"];
+function StaticPackageField({ value }) {
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      label: PACKAGE_SEARCH_LABEL,
+      labelVariant: "large",
+      options: value ? [{ value: value.id, label: value.name, description: value.description ?? void 0 }] : [],
+      value: value?.id ?? null,
+      onChange: noop,
+      placeholder: PACKAGE_SEARCH_PLACEHOLDER
+    }
+  );
+}
+var renderPackageSearch = (field) => /* @__PURE__ */ jsx(StaticPackageField, { ...field });
+var NO_NARROWING = { columnFilters: [], tags: [] };
+function SoftwareUpdateScreen({ compact = false }) {
+  const cast = useProductDemoCast();
+  const fixture = useMemo(() => buildSoftwareUpdateFixture(cast), [cast]);
+  const selected = useMemo(
+    () => fixture.devices.filter((device) => fixture.selectedIds.has(device.id)),
+    [fixture.devices, fixture.selectedIds]
+  );
+  return /* @__PURE__ */ jsx("div", { className: "h-full bg-ods-bg pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ jsx("div", { className: "h-full", children: /* @__PURE__ */ jsx(
+    SoftwareActionForm,
+    {
+      action: fixture.action,
+      showHeader: false,
+      addRows: false,
+      runModeLayout: "inline",
+      showDeviceHeading: false,
+      onSubmit: noop,
+      timing: fixture.timing,
+      initialValues: fixture.initialValues,
+      renderPackageSearch,
+      renderDevicePicker: () => /* @__PURE__ */ jsx(
+        DeviceSelector,
+        {
+          devices: selected,
+          loading: false,
+          selectedIds: fixture.selectedIds,
+          showSelectionModeRadio: false,
+          showToolbar: false,
+          hideColumns: compact ? HIDDEN_WHEN_COMPACT : void 0,
+          server: {
+            activeTab: "selected",
+            onTabChange: noop,
+            search: "",
+            onSearchChange: noop,
+            narrowing: NO_NARROWING,
+            onNarrowingChange: noop,
+            selectedCount: selected.length,
+            totalCount: selected.length,
+            onAdd: noop,
+            onRemove: noop,
+            onAddAll: noop,
+            onRemoveAll: noop
+          }
+        }
+      )
+    }
+  ) }) });
+}
+export {
+  SoftwareUpdateScreen as default
+};

package/dist/software-update-D4OVSWSG.cjs

@@ -0,0 +1,179 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+"use client";
+
+
+var _chunkWFPCCBOMcjs = require('./chunk-WFPCCBOM.cjs');
+
+
+var _chunkII4QMH26cjs = require('./chunk-II4QMH26.cjs');
+
+
+
+var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
+
+
+
+
+
+
+var _chunkL6ZQGWCXcjs = require('./chunk-L6ZQGWCX.cjs');
+require('./chunk-4HJRHEXD.cjs');
+require('./chunk-HQQE74RO.cjs');
+require('./chunk-DEY6XXGO.cjs');
+require('./chunk-PPXR22YC.cjs');
+require('./chunk-JO5TLJPM.cjs');
+require('./chunk-B4NCVYEQ.cjs');
+require('./chunk-MZ4KBSH7.cjs');
+require('./chunk-WBNAEYTQ.cjs');
+require('./chunk-AUMKE74M.cjs');
+require('./chunk-LX22Y43B.cjs');
+require('./chunk-HETQETPV.cjs');
+require('./chunk-KT3U3ZRP.cjs');
+require('./chunk-DC4RTYWK.cjs');
+require('./chunk-FFT56TYB.cjs');
+require('./chunk-GQ7JJUIT.cjs');
+require('./chunk-WVOTC7HW.cjs');
+require('./chunk-7DNL734S.cjs');
+require('./chunk-ETYLOZOB.cjs');
+require('./chunk-AL2GUHAJ.cjs');
+require('./chunk-PSVSEN4J.cjs');
+require('./chunk-F5BPGWGT.cjs');
+require('./chunk-MGHIV4L6.cjs');
+require('./chunk-AECTRMGQ.cjs');
+require('./chunk-UJ7AXHRZ.cjs');
+require('./chunk-AAYNCJMW.cjs');
+require('./chunk-ULWVKHSI.cjs');
+require('./chunk-LLSUVPQC.cjs');
+require('./chunk-VX4E6YSB.cjs');
+require('./chunk-RDW5JAME.cjs');
+require('./chunk-XXBLN4BP.cjs');
+require('./chunk-2Y7QZAB2.cjs');
+require('./chunk-4GFNWALL.cjs');
+require('./chunk-DFQYAYBH.cjs');
+require('./chunk-LLRGR4I5.cjs');
+require('./chunk-G7SBHMRR.cjs');
+require('./chunk-G6OHIX5C.cjs');
+require('./chunk-3LU4UFPS.cjs');
+require('./chunk-CPA2CKRZ.cjs');
+require('./chunk-3ATAYP36.cjs');
+require('./chunk-QBJ4SE23.cjs');
+
+// src/components/product-demo/screens/software-update.tsx
+var _react = require('react');
+
+// src/components/product-demo/fixtures/software-update.ts
+var chrome = {
+  id: "Google.Chrome",
+  name: "Google Chrome",
+  description: "A fast, secure web browser built for the modern web",
+  version: "141.0.7390.66",
+  packageType: null
+};
+function demoDay() {
+  const [year, month, day] = _chunkKHXZFLINcjs.DEMO_NOW.slice(0, 10).split("-").map(Number);
+  return new Date(year, month - 1, day);
+}
+var TONIGHT_11_PM = { value: "23:00", label: "11:00 PM" };
+var timing = {
+  timeReferenceOptions: [
+    { value: "SERVER", label: "Your account timezone" },
+    { value: "DEVICE_LOCAL", label: "Device local timezone" }
+  ],
+  getTimeOptions: () => [
+    { value: "22:00", label: "10:00 PM" },
+    { value: "22:30", label: "10:30 PM" },
+    TONIGHT_11_PM,
+    { value: "23:30", label: "11:30 PM" }
+  ],
+  getEarliestDay: demoDay,
+  getStartError: () => void 0
+};
+var initialValues = {
+  rows: [{ key: "row-0", packageManager: "WINGET", pkg: chrome }],
+  mode: "schedule",
+  date: demoDay(),
+  time: TONIGHT_11_PM.value,
+  timeReference: "SERVER"
+};
+function buildSoftwareUpdateFixture(cast) {
+  const devices = _chunkWFPCCBOMcjs.buildDevicesFixture.call(void 0, cast).devices.filter((device) => device.osType === "WINDOWS");
+  return {
+    action: "UPDATE",
+    package: chrome,
+    timing,
+    initialValues,
+    devices,
+    selectedIds: /* @__PURE__ */ new Set([_chunkKHXZFLINcjs.DEMO_DEVICES.reception.id, _chunkKHXZFLINcjs.DEMO_DEVICES.samT14.id, _chunkKHXZFLINcjs.DEMO_DEVICES.frontDesk.id])
+  };
+}
+
+// src/components/product-demo/screens/software-update.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var noop = () => {
+};
+var HIDDEN_WHEN_COMPACT = ["organization"];
+function StaticPackageField({ value }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL6ZQGWCXcjs.Autocomplete,
+    {
+      label: _chunkL6ZQGWCXcjs.PACKAGE_SEARCH_LABEL,
+      labelVariant: "large",
+      options: value ? [{ value: value.id, label: value.name, description: _nullishCoalesce(value.description, () => ( void 0)) }] : [],
+      value: _nullishCoalesce(_optionalChain([value, 'optionalAccess', _ => _.id]), () => ( null)),
+      onChange: noop,
+      placeholder: _chunkL6ZQGWCXcjs.PACKAGE_SEARCH_PLACEHOLDER
+    }
+  );
+}
+var renderPackageSearch = (field) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StaticPackageField, { ...field });
+var NO_NARROWING = { columnFilters: [], tags: [] };
+function SoftwareUpdateScreen({ compact = false }) {
+  const cast = _chunkII4QMH26cjs.useProductDemoCast.call(void 0, );
+  const fixture = _react.useMemo.call(void 0, () => buildSoftwareUpdateFixture(cast), [cast]);
+  const selected = _react.useMemo.call(void 0, 
+    () => fixture.devices.filter((device) => fixture.selectedIds.has(device.id)),
+    [fixture.devices, fixture.selectedIds]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL6ZQGWCXcjs.SoftwareActionForm,
+    {
+      action: fixture.action,
+      showHeader: false,
+      addRows: false,
+      runModeLayout: "inline",
+      showDeviceHeading: false,
+      onSubmit: noop,
+      timing: fixture.timing,
+      initialValues: fixture.initialValues,
+      renderPackageSearch,
+      renderDevicePicker: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkL6ZQGWCXcjs.DeviceSelector,
+        {
+          devices: selected,
+          loading: false,
+          selectedIds: fixture.selectedIds,
+          showSelectionModeRadio: false,
+          showToolbar: false,
+          hideColumns: compact ? HIDDEN_WHEN_COMPACT : void 0,
+          server: {
+            activeTab: "selected",
+            onTabChange: noop,
+            search: "",
+            onSearchChange: noop,
+            narrowing: NO_NARROWING,
+            onNarrowingChange: noop,
+            selectedCount: selected.length,
+            totalCount: selected.length,
+            onAdd: noop,
+            onRemove: noop,
+            onAddAll: noop,
+            onRemoveAll: noop
+          }
+        }
+      )
+    }
+  ) }) });
+}
+
+
+exports.default = SoftwareUpdateScreen;

package/dist/tickets-board-BHLPAVNJ.cjs

@@ -0,0 +1,137 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"use client";
+
+
+var _chunkII4QMH26cjs = require('./chunk-II4QMH26.cjs');
+
+
+
+var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
+
+
+
+var _chunk4HJRHEXDcjs = require('./chunk-4HJRHEXD.cjs');
+require('./chunk-B4NCVYEQ.cjs');
+require('./chunk-KT3U3ZRP.cjs');
+require('./chunk-FFT56TYB.cjs');
+require('./chunk-WVOTC7HW.cjs');
+require('./chunk-AL2GUHAJ.cjs');
+require('./chunk-F5BPGWGT.cjs');
+require('./chunk-MGHIV4L6.cjs');
+require('./chunk-ULWVKHSI.cjs');
+require('./chunk-LLSUVPQC.cjs');
+require('./chunk-VX4E6YSB.cjs');
+require('./chunk-RDW5JAME.cjs');
+require('./chunk-2Y7QZAB2.cjs');
+require('./chunk-4GFNWALL.cjs');
+require('./chunk-DFQYAYBH.cjs');
+require('./chunk-LLRGR4I5.cjs');
+require('./chunk-3LU4UFPS.cjs');
+require('./chunk-CPA2CKRZ.cjs');
+require('./chunk-3ATAYP36.cjs');
+require('./chunk-QBJ4SE23.cjs');
+
+// src/components/product-demo/screens/tickets-board.tsx
+var _react = require('react');
+
+// src/components/product-demo/fixtures/tickets-board.ts
+function ticket(id, title, status, rest) {
+  return { id, title, status, ticketNumber: _nullishCoalesce(rest.ticketNumber, () => ( "")), ...rest };
+}
+var assignee = ({ id, name, initials, avatarUrl }) => ({ id, name, initials, avatarUrl });
+function buildTicketsBoardFixture(cast) {
+  const dana = assignee(cast.person("dana"));
+  const alex = assignee(cast.person("alex"));
+  return [
+    _chunk4HJRHEXDcjs.columnFromTicketStatus.call(void 0, "ACTIVE", [
+      ticket("tk-1051", "Printer offline at the front desk", "ACTIVE", {
+        ticketNumber: "1051",
+        agent: "fae",
+        deviceHostnames: [_chunkKHXZFLINcjs.DEMO_DEVICES.frontDesk.hostname],
+        organizationName: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.harbor.name,
+        priority: "medium",
+        hasNewMessage: true,
+        activity: { kind: "ai-working" }
+      }),
+      ticket("tk-1052", "New hire starts Monday", "ACTIVE", {
+        ticketNumber: "1052",
+        agent: "mingo",
+        organizationName: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.acme.name,
+        priority: "low",
+        tags: ["onboarding"]
+      })
+    ]),
+    _chunk4HJRHEXDcjs.columnFromTicketStatus.call(void 0, "TECH_REQUIRED", [
+      ticket("tk-1049", "Acrobat Pro for Maya", "TECH_REQUIRED", {
+        ticketNumber: "1049",
+        agent: "fae",
+        deviceHostnames: [_chunkKHXZFLINcjs.DEMO_DEVICES.mayaAir.hostname],
+        organizationName: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.northbridge.name,
+        priority: "high",
+        assignees: [dana],
+        pendingApproval: {
+          id: "approval-1049",
+          approvalType: "INSTALL",
+          explanation: "Install Adobe Acrobat Pro (paid license)"
+        }
+      }),
+      ticket("tk-1050", "VPN keeps dropping on the train", "TECH_REQUIRED", {
+        ticketNumber: "1050",
+        agent: "fae",
+        deviceHostnames: [_chunkKHXZFLINcjs.DEMO_DEVICES.samT14.hostname],
+        organizationName: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.northbridge.name,
+        priority: "medium",
+        assignees: [alex],
+        escalatedByUser: true
+      })
+    ]),
+    _chunk4HJRHEXDcjs.columnFromTicketStatus.call(void 0, "ON_HOLD", [
+      ticket("tk-1046", "Replace the conference room display", "ON_HOLD", {
+        ticketNumber: "1046",
+        organizationName: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.acme.name,
+        priority: "low",
+        assignees: [alex],
+        activity: { kind: "waiting-external" }
+      })
+    ]),
+    _chunk4HJRHEXDcjs.columnFromTicketStatus.call(void 0, 
+      "RESOLVED",
+      [
+        ticket("tk-1048", "Slow laptop", "RESOLVED", {
+          ticketNumber: "1048",
+          agent: "fae",
+          deviceHostnames: [_chunkKHXZFLINcjs.DEMO_DEVICES.samT14.hostname],
+          organizationName: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.northbridge.name
+        }),
+        ticket("tk-1047", "Teams will not open", "RESOLVED", {
+          ticketNumber: "1047",
+          agent: "fae",
+          deviceHostnames: [_chunkKHXZFLINcjs.DEMO_DEVICES.mayaAir.hostname],
+          organizationName: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.northbridge.name
+        }),
+        ticket("tk-1045", "Turned the firewall back on", "RESOLVED", {
+          ticketNumber: "1045",
+          agent: "mingo",
+          deviceHostnames: [_chunkKHXZFLINcjs.DEMO_DEVICES.leoThinkPad.hostname],
+          organizationName: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.harbor.name
+        })
+      ],
+      { total: 14 }
+    )
+  ];
+}
+
+// src/components/product-demo/screens/tickets-board.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var noop = () => {
+};
+var FOLDED = { ON_HOLD: true, RESOLVED: true };
+function TicketsBoardScreen({ compact = false }) {
+  const cast = _chunkII4QMH26cjs.useProductDemoCast.call(void 0, );
+  const board = _react.useMemo.call(void 0, () => buildTicketsBoardFixture(cast), [cast]);
+  const columns = compact ? board.filter((column) => column.id !== "ON_HOLD") : board;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg p-[var(--spacing-system-m)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4HJRHEXDcjs.Board, { columns, onChange: noop, initialCollapsed: compact ? void 0 : FOLDED }) });
+}
+
+
+exports.default = TicketsBoardScreen;

package/dist/tickets-board-PYDNELSK.js

@@ -0,0 +1,137 @@
+"use client";
+"use client";
+import {
+  useProductDemoCast
+} from "./chunk-L2VUINHN.js";
+import {
+  DEMO_DEVICES,
+  DEMO_ORGANIZATIONS
+} from "./chunk-CYUUHFXL.js";
+import {
+  Board,
+  columnFromTicketStatus
+} from "./chunk-ILNN6QRW.js";
+import "./chunk-3K5ZLZE7.js";
+import "./chunk-2NASBO7O.js";
+import "./chunk-P3JMAMHP.js";
+import "./chunk-34I6XI3N.js";
+import "./chunk-H3PKYE4N.js";
+import "./chunk-IYVFSLWJ.js";
+import "./chunk-FBZMAPWO.js";
+import "./chunk-ADBE7QF3.js";
+import "./chunk-N45D4ZXQ.js";
+import "./chunk-NCPTID44.js";
+import "./chunk-OSIKGEBU.js";
+import "./chunk-WI6FHKD7.js";
+import "./chunk-INS7KZJB.js";
+import "./chunk-YDPKUAP4.js";
+import "./chunk-DAAVMYUT.js";
+import "./chunk-4R2L3DSA.js";
+import "./chunk-FYEJTF5Y.js";
+import "./chunk-7RXWKTAP.js";
+import "./chunk-62GWEYJ5.js";
+
+// src/components/product-demo/screens/tickets-board.tsx
+import { useMemo } from "react";
+
+// src/components/product-demo/fixtures/tickets-board.ts
+function ticket(id, title, status, rest) {
+  return { id, title, status, ticketNumber: rest.ticketNumber ?? "", ...rest };
+}
+var assignee = ({ id, name, initials, avatarUrl }) => ({ id, name, initials, avatarUrl });
+function buildTicketsBoardFixture(cast) {
+  const dana = assignee(cast.person("dana"));
+  const alex = assignee(cast.person("alex"));
+  return [
+    columnFromTicketStatus("ACTIVE", [
+      ticket("tk-1051", "Printer offline at the front desk", "ACTIVE", {
+        ticketNumber: "1051",
+        agent: "fae",
+        deviceHostnames: [DEMO_DEVICES.frontDesk.hostname],
+        organizationName: DEMO_ORGANIZATIONS.harbor.name,
+        priority: "medium",
+        hasNewMessage: true,
+        activity: { kind: "ai-working" }
+      }),
+      ticket("tk-1052", "New hire starts Monday", "ACTIVE", {
+        ticketNumber: "1052",
+        agent: "mingo",
+        organizationName: DEMO_ORGANIZATIONS.acme.name,
+        priority: "low",
+        tags: ["onboarding"]
+      })
+    ]),
+    columnFromTicketStatus("TECH_REQUIRED", [
+      ticket("tk-1049", "Acrobat Pro for Maya", "TECH_REQUIRED", {
+        ticketNumber: "1049",
+        agent: "fae",
+        deviceHostnames: [DEMO_DEVICES.mayaAir.hostname],
+        organizationName: DEMO_ORGANIZATIONS.northbridge.name,
+        priority: "high",
+        assignees: [dana],
+        pendingApproval: {
+          id: "approval-1049",
+          approvalType: "INSTALL",
+          explanation: "Install Adobe Acrobat Pro (paid license)"
+        }
+      }),
+      ticket("tk-1050", "VPN keeps dropping on the train", "TECH_REQUIRED", {
+        ticketNumber: "1050",
+        agent: "fae",
+        deviceHostnames: [DEMO_DEVICES.samT14.hostname],
+        organizationName: DEMO_ORGANIZATIONS.northbridge.name,
+        priority: "medium",
+        assignees: [alex],
+        escalatedByUser: true
+      })
+    ]),
+    columnFromTicketStatus("ON_HOLD", [
+      ticket("tk-1046", "Replace the conference room display", "ON_HOLD", {
+        ticketNumber: "1046",
+        organizationName: DEMO_ORGANIZATIONS.acme.name,
+        priority: "low",
+        assignees: [alex],
+        activity: { kind: "waiting-external" }
+      })
+    ]),
+    columnFromTicketStatus(
+      "RESOLVED",
+      [
+        ticket("tk-1048", "Slow laptop", "RESOLVED", {
+          ticketNumber: "1048",
+          agent: "fae",
+          deviceHostnames: [DEMO_DEVICES.samT14.hostname],
+          organizationName: DEMO_ORGANIZATIONS.northbridge.name
+        }),
+        ticket("tk-1047", "Teams will not open", "RESOLVED", {
+          ticketNumber: "1047",
+          agent: "fae",
+          deviceHostnames: [DEMO_DEVICES.mayaAir.hostname],
+          organizationName: DEMO_ORGANIZATIONS.northbridge.name
+        }),
+        ticket("tk-1045", "Turned the firewall back on", "RESOLVED", {
+          ticketNumber: "1045",
+          agent: "mingo",
+          deviceHostnames: [DEMO_DEVICES.leoThinkPad.hostname],
+          organizationName: DEMO_ORGANIZATIONS.harbor.name
+        })
+      ],
+      { total: 14 }
+    )
+  ];
+}
+
+// src/components/product-demo/screens/tickets-board.tsx
+import { jsx } from "react/jsx-runtime";
+var noop = () => {
+};
+var FOLDED = { ON_HOLD: true, RESOLVED: true };
+function TicketsBoardScreen({ compact = false }) {
+  const cast = useProductDemoCast();
+  const board = useMemo(() => buildTicketsBoardFixture(cast), [cast]);
+  const columns = compact ? board.filter((column) => column.id !== "ON_HOLD") : board;
+  return /* @__PURE__ */ jsx("div", { className: "h-full bg-ods-bg p-[var(--spacing-system-m)]", children: /* @__PURE__ */ jsx(Board, { columns, onChange: noop, initialCollapsed: compact ? void 0 : FOLDED }) });
+}
+export {
+  TicketsBoardScreen as default
+};

package/dist/types/case-study.d.ts

@@ -5,6 +5,14 @@ import type { PlatformRecord } from './platform';
 import type { MSP } from './stack';
 import type { UserProfile } from './user';
 import type { EntityQuote } from './video-processing';
+/**
+ * One headline number of a story ("50%" / "of routine tasks automated"). A
+ * story carries at most three; a card shows the first, the story's page all.
+ */
+export interface CaseStudyMetric {
+    value: string;
+    label: string;
+}
 export interface CaseStudy {
     id: number;
     title: string;
@@ -15,6 +23,8 @@ export interface CaseStudy {
     challenge: string | null;
     solution: string | null;
     results: string | null;
+    /** Headline metrics (jsonb, at most three). Null or empty: the story has none. */
+    metrics?: CaseStudyMetric[] | null;
     testimonial_video_url: string | null;
     main_video_url: string | null;
     main_video_thumbnail?: string | null;
@@ -58,7 +68,7 @@ export interface CaseStudy {
  * is and who tells it. A full `CaseStudy` row satisfies it; a surface that ships
  * the card's data to the browser (the site menu) sends only this.
  */
-export type CaseStudyCardData = Pick<CaseStudy, 'id' | 'title' | 'summary' | 'featured_image'> & Partial<Pick<CaseStudy, 'main_video_url' | 'main_video_thumbnail' | 'highlight_video_url' | 'highlight_video_thumbnail' | 'video_bites'>> & {
+export type CaseStudyCardData = Pick<CaseStudy, 'id' | 'title' | 'summary' | 'featured_image'> & Partial<Pick<CaseStudy, 'main_video_url' | 'main_video_thumbnail' | 'highlight_video_url' | 'highlight_video_thumbnail' | 'video_bites' | 'metrics'>> & {
     user?: Pick<UserProfile, 'full_name' | 'job_title'> & Partial<Pick<UserProfile, 'avatar_url'>>;
     msp?: Pick<MSP, 'name' | 'icon_url'>;
 };
@@ -71,6 +81,8 @@ export interface CreateCaseStudyData {
     challenge?: string;
     solution?: string;
     results?: string;
+    /** Headline metrics, at most three. Null or an empty list clears them. */
+    metrics?: CaseStudyMetric[] | null;
     testimonial_video_url?: string;
     main_video_url?: string;
     main_video_thumbnail?: string | null;
@@ -108,6 +120,8 @@ export interface CaseStudyFilters {
     company_size?: string;
     search?: string;
     featured?: boolean;
+    /** Only stories that carry at least one headline metric. */
+    withMetrics?: boolean;
     status?: string;
     limit?: number;
     offset?: number;