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

package/dist/knowledge-H5BIWJVI.js

@@ -0,0 +1,108 @@
+"use client";
+"use client";
+import {
+  useProductDemoCast
+} from "./chunk-L2VUINHN.js";
+import {
+  DEMO_DEVICES
+} from "./chunk-CYUUHFXL.js";
+import {
+  KnowledgeBaseArticleView
+} 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 {
+  SimpleMarkdownRenderer
+} from "./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/knowledge.tsx
+import { useMemo } from "react";
+
+// src/components/product-demo/fixtures/knowledge.ts
+function buildKnowledgeFixture(cast) {
+  const client = cast.organization("acme");
+  const author = cast.person("dana");
+  return {
+    article: {
+      title: `New laptop runbook: ${client.name}`,
+      tags: [
+        { id: "kb-tag-client", label: client.name },
+        { id: "kb-tag-onboarding", label: "onboarding" },
+        { id: "kb-tag-runbook", label: "runbook" }
+      ],
+      author: { name: author.name, imageUrl: author.avatarUrl },
+      updatedLabel: "10/06/2026",
+      status: "PUBLISHED"
+    },
+    content: [
+      `How ${client.name} sets up a laptop for a new hire. Every step can be run by a technician or asked of the assistant.`,
+      "",
+      "## Before the first day",
+      "",
+      "1. **Enroll the laptop.** Sign in with the enrollment account. It appears in Devices within a minute.",
+      '2. **Turn on disk encryption.** The "Disk encryption" policy does it. Check that the recovery key is saved.',
+      "3. **Install the standard apps.** Chrome, Slack, Microsoft 365 and the VPN client from the software catalog.",
+      `4. **Create the accounts.** Mailbox, groups and MFA in the ${client.name} Microsoft 365 tenant.`,
+      "",
+      "## On the first day",
+      "",
+      `1. **Join the office Wi-Fi.** Staff network only. The guest network is for visitors.`,
+      `2. **Add the printers.** Front desk and second floor, the same drivers as ${DEMO_DEVICES.reception.hostname}.`,
+      "3. **Hand over.** Sign in together once and close the onboarding ticket."
+    ].join("\n")
+  };
+}
+
+// src/components/product-demo/screens/knowledge.tsx
+import { jsx } from "react/jsx-runtime";
+function KnowledgeScreen(_props) {
+  const cast = useProductDemoCast();
+  const fixture = useMemo(() => buildKnowledgeFixture(cast), [cast]);
+  return /* @__PURE__ */ jsx("div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ jsx(
+    KnowledgeBaseArticleView,
+    {
+      ...fixture.article,
+      content: /* @__PURE__ */ jsx(SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
+    }
+  ) });
+}
+export {
+  KnowledgeScreen as default
+};

package/dist/knowledge-KTCVJIWN.cjs

@@ -0,0 +1,108 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+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');
+
+
+var _chunkHETQETPVcjs = 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/knowledge.tsx
+var _react = require('react');
+
+// src/components/product-demo/fixtures/knowledge.ts
+function buildKnowledgeFixture(cast) {
+  const client = cast.organization("acme");
+  const author = cast.person("dana");
+  return {
+    article: {
+      title: `New laptop runbook: ${client.name}`,
+      tags: [
+        { id: "kb-tag-client", label: client.name },
+        { id: "kb-tag-onboarding", label: "onboarding" },
+        { id: "kb-tag-runbook", label: "runbook" }
+      ],
+      author: { name: author.name, imageUrl: author.avatarUrl },
+      updatedLabel: "10/06/2026",
+      status: "PUBLISHED"
+    },
+    content: [
+      `How ${client.name} sets up a laptop for a new hire. Every step can be run by a technician or asked of the assistant.`,
+      "",
+      "## Before the first day",
+      "",
+      "1. **Enroll the laptop.** Sign in with the enrollment account. It appears in Devices within a minute.",
+      '2. **Turn on disk encryption.** The "Disk encryption" policy does it. Check that the recovery key is saved.',
+      "3. **Install the standard apps.** Chrome, Slack, Microsoft 365 and the VPN client from the software catalog.",
+      `4. **Create the accounts.** Mailbox, groups and MFA in the ${client.name} Microsoft 365 tenant.`,
+      "",
+      "## On the first day",
+      "",
+      `1. **Join the office Wi-Fi.** Staff network only. The guest network is for visitors.`,
+      `2. **Add the printers.** Front desk and second floor, the same drivers as ${_chunkKHXZFLINcjs.DEMO_DEVICES.reception.hostname}.`,
+      "3. **Hand over.** Sign in together once and close the onboarding ticket."
+    ].join("\n")
+  };
+}
+
+// src/components/product-demo/screens/knowledge.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function KnowledgeScreen(_props) {
+  const cast = _chunkII4QMH26cjs.useProductDemoCast.call(void 0, );
+  const fixture = _react.useMemo.call(void 0, () => buildKnowledgeFixture(cast), [cast]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL6ZQGWCXcjs.KnowledgeBaseArticleView,
+    {
+      ...fixture.article,
+      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHETQETPVcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
+    }
+  ) });
+}
+
+
+exports.default = KnowledgeScreen;

package/dist/logs-DB5Z7M5Q.js

@@ -0,0 +1,216 @@
+"use client";
+"use client";
+import {
+  DEMO_DEVICES,
+  DEMO_ORGANIZATIONS,
+  DEMO_PEOPLE,
+  demoMinutesAgo
+} from "./chunk-CYUUHFXL.js";
+import {
+  AppLayoutDrawerContainerContext,
+  DeviceCard,
+  LogCopyIconButton,
+  LogDrawer,
+  LogsPageView,
+  LogsTableView,
+  ToolBadge,
+  logSeverityVariant,
+  logSourceLabels
+} 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 {
+  normalizeToolTypeWithFallback
+} from "./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 {
+  Button
+} from "./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/logs.tsx
+import { useState } from "react";
+
+// src/components/product-demo/fixtures/logs.ts
+var DAY = new Intl.DateTimeFormat("en-US", { dateStyle: "short", timeZone: "UTC" });
+var TIME = new Intl.DateTimeFormat("en-US", { timeStyle: "short", timeZone: "UTC" });
+function displayTime(iso) {
+  const date = new Date(iso);
+  return `${DAY.format(date)} ${TIME.format(date)}`;
+}
+function entry(logId, minutesAgo, severity, toolType, device2, summary) {
+  return {
+    id: logId,
+    logId,
+    timestamp: displayTime(demoMinutesAgo(minutesAgo)),
+    status: { label: severity, variant: logSeverityVariant(severity) },
+    source: { name: toolType, toolType },
+    device: device2,
+    description: { title: summary }
+  };
+}
+var sam = { name: DEMO_DEVICES.samT14.hostname, organization: DEMO_ORGANIZATIONS.northbridge.name };
+var system = (organization) => ({ name: "null", organization });
+var LOGS_FIXTURE_SEARCH = "sign-in";
+var device = (key) => ({
+  name: DEMO_DEVICES[key].hostname,
+  organization: DEMO_ORGANIZATIONS[DEMO_DEVICES[key].organization].name
+});
+var LOGS_FIXTURE_ENTRIES = [
+  entry("evt-8f3a61c2", 52, "ERROR", "FLEET_MDM", sam, "Sign-in from new country"),
+  entry(
+    "evt-8f3a5d07",
+    96,
+    "WARNING",
+    "OPENFRAME_RMM",
+    system(DEMO_ORGANIZATIONS.northbridge.name),
+    "27 failed sign-ins for one account in 10 minutes"
+  ),
+  entry("evt-8f3a4b90", 171, "INFO", "FLEET_MDM", device("mayaAir"), "Sign-in from a new device, approved with MFA"),
+  entry(
+    "evt-8f3a3e15",
+    233,
+    "INFO",
+    "OPENFRAME_RMM",
+    system(DEMO_ORGANIZATIONS.acme.name),
+    "Sign-in blocked: the source address is on the block list"
+  ),
+  entry("evt-8f3a2c44", 318, "INFO", "FLEET_MDM", device("frontDesk"), "Sign-in after a password reset"),
+  entry("evt-8f3a1a02", 402, "INFO", "MESHCENTRAL", device("buildServer"), "Technician sign-in to a remote session"),
+  entry("evt-8f3a0b7e", 487, "INFO", "FLEET_MDM", device("leoThinkPad"), "Sign-in from the office network"),
+  entry("evt-8f39f951", 561, "INFO", "FLEET_MDM", device("reception"), "Sign-in from the office network")
+];
+var LOGS_FIXTURE_FACETS = {
+  severities: ["ERROR", "WARNING", "INFO"],
+  toolTypes: ["FLEET_MDM", "OPENFRAME_RMM", "MESHCENTRAL"],
+  organizations: Object.values(DEMO_ORGANIZATIONS).map((organization) => ({
+    id: organization.id,
+    label: organization.name,
+    value: organization.id
+  }))
+};
+var LOGS_FIXTURE_SELECTED = LOGS_FIXTURE_ENTRIES[0];
+var LOGS_FIXTURE_SELECTED_DETAILS = [
+  "Event Type: sign-in",
+  "Message: Sign-in from new country",
+  `Details: ${DEMO_PEOPLE.sam.name} signed in on ${DEMO_DEVICES.samT14.hostname} from a country not seen for this account before.`
+].join("\n");
+var LOGS_FIXTURE_DEVICE = {
+  device: {
+    id: DEMO_DEVICES.samT14.id,
+    machineId: DEMO_DEVICES.samT14.id,
+    name: DEMO_DEVICES.samT14.hostname,
+    organization: DEMO_ORGANIZATIONS.northbridge.name,
+    lastSeen: demoMinutesAgo(3),
+    operatingSystem: "windows"
+  },
+  statusTag: { label: "ONLINE", variant: "success" }
+};
+
+// src/components/product-demo/screens/logs.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var noop = () => {
+};
+var NO_FILTERS = {};
+var ACTION_COLUMNS = ["copy", "quickView", "open"];
+var BESIDE_DRAWER_HIDDEN = [...ACTION_COLUMNS, "tool", "source"];
+var logHref = () => "#";
+var copyAction = () => /* @__PURE__ */ jsx(LogCopyIconButton, {});
+function LogsScreen({ compact = false }) {
+  const [dock, setDock] = useState(null);
+  const selected = LOGS_FIXTURE_SELECTED;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full bg-ods-bg", children: [
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 overflow-clip", children: /* @__PURE__ */ jsx(
+      LogsPageView,
+      {
+        showHeader: false,
+        className: "p-[var(--spacing-system-l)]",
+        search: LOGS_FIXTURE_SEARCH,
+        onSearchChange: noop,
+        onOpenFilters: noop,
+        children: /* @__PURE__ */ jsx(
+          LogsTableView,
+          {
+            logs: LOGS_FIXTURE_ENTRIES,
+            facets: LOGS_FIXTURE_FACETS,
+            filters: NO_FILTERS,
+            onFilterChange: noop,
+            getLogHref: logHref,
+            renderCopyAction: copyAction,
+            onQuickView: noop,
+            hiddenColumns: compact ? ACTION_COLUMNS : BESIDE_DRAWER_HIDDEN
+          }
+        )
+      }
+    ) }),
+    !compact && /* @__PURE__ */ jsx("div", { ref: setDock, className: "relative w-[calc(400px+var(--spacing-system-m))] shrink-0", children: dock && /* @__PURE__ */ jsx(AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ jsx(
+      LogDrawer,
+      {
+        docked: true,
+        isOpen: true,
+        onClose: noop,
+        description: /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words", children: LOGS_FIXTURE_SELECTED_DETAILS }),
+        statusTag: selected.status,
+        timestamp: selected.timestamp,
+        infoFields: [
+          { label: "Log ID", value: selected.logId },
+          {
+            label: "Source",
+            value: /* @__PURE__ */ jsx(ToolBadge, { toolType: normalizeToolTypeWithFallback(selected.source.toolType) })
+          },
+          { label: "Device", value: logSourceLabels(selected.device).deviceName }
+        ],
+        deviceCard: /* @__PURE__ */ jsx(
+          DeviceCard,
+          {
+            ...LOGS_FIXTURE_DEVICE,
+            actions: {
+              moreButton: { visible: false },
+              detailsButton: {
+                visible: true,
+                component: /* @__PURE__ */ jsx(Button, { variant: "outline", className: "shrink-0", children: "Details" })
+              }
+            }
+          }
+        )
+      }
+    ) }) })
+  ] });
+}
+export {
+  LogsScreen as default
+};

package/dist/logs-RVCC2UQW.cjs

@@ -0,0 +1,216 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+
+
+
+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');
+
+
+var _chunkHETQETPVcjs = 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');
+
+
+var _chunkDFQYAYBHcjs = 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/logs.tsx
+var _react = require('react');
+
+// src/components/product-demo/fixtures/logs.ts
+var DAY = new Intl.DateTimeFormat("en-US", { dateStyle: "short", timeZone: "UTC" });
+var TIME = new Intl.DateTimeFormat("en-US", { timeStyle: "short", timeZone: "UTC" });
+function displayTime(iso) {
+  const date = new Date(iso);
+  return `${DAY.format(date)} ${TIME.format(date)}`;
+}
+function entry(logId, minutesAgo, severity, toolType, device2, summary) {
+  return {
+    id: logId,
+    logId,
+    timestamp: displayTime(_chunkKHXZFLINcjs.demoMinutesAgo.call(void 0, minutesAgo)),
+    status: { label: severity, variant: _chunkL6ZQGWCXcjs.logSeverityVariant.call(void 0, severity) },
+    source: { name: toolType, toolType },
+    device: device2,
+    description: { title: summary }
+  };
+}
+var sam = { name: _chunkKHXZFLINcjs.DEMO_DEVICES.samT14.hostname, organization: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.northbridge.name };
+var system = (organization) => ({ name: "null", organization });
+var LOGS_FIXTURE_SEARCH = "sign-in";
+var device = (key) => ({
+  name: _chunkKHXZFLINcjs.DEMO_DEVICES[key].hostname,
+  organization: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS[_chunkKHXZFLINcjs.DEMO_DEVICES[key].organization].name
+});
+var LOGS_FIXTURE_ENTRIES = [
+  entry("evt-8f3a61c2", 52, "ERROR", "FLEET_MDM", sam, "Sign-in from new country"),
+  entry(
+    "evt-8f3a5d07",
+    96,
+    "WARNING",
+    "OPENFRAME_RMM",
+    system(_chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.northbridge.name),
+    "27 failed sign-ins for one account in 10 minutes"
+  ),
+  entry("evt-8f3a4b90", 171, "INFO", "FLEET_MDM", device("mayaAir"), "Sign-in from a new device, approved with MFA"),
+  entry(
+    "evt-8f3a3e15",
+    233,
+    "INFO",
+    "OPENFRAME_RMM",
+    system(_chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.acme.name),
+    "Sign-in blocked: the source address is on the block list"
+  ),
+  entry("evt-8f3a2c44", 318, "INFO", "FLEET_MDM", device("frontDesk"), "Sign-in after a password reset"),
+  entry("evt-8f3a1a02", 402, "INFO", "MESHCENTRAL", device("buildServer"), "Technician sign-in to a remote session"),
+  entry("evt-8f3a0b7e", 487, "INFO", "FLEET_MDM", device("leoThinkPad"), "Sign-in from the office network"),
+  entry("evt-8f39f951", 561, "INFO", "FLEET_MDM", device("reception"), "Sign-in from the office network")
+];
+var LOGS_FIXTURE_FACETS = {
+  severities: ["ERROR", "WARNING", "INFO"],
+  toolTypes: ["FLEET_MDM", "OPENFRAME_RMM", "MESHCENTRAL"],
+  organizations: Object.values(_chunkKHXZFLINcjs.DEMO_ORGANIZATIONS).map((organization) => ({
+    id: organization.id,
+    label: organization.name,
+    value: organization.id
+  }))
+};
+var LOGS_FIXTURE_SELECTED = LOGS_FIXTURE_ENTRIES[0];
+var LOGS_FIXTURE_SELECTED_DETAILS = [
+  "Event Type: sign-in",
+  "Message: Sign-in from new country",
+  `Details: ${_chunkKHXZFLINcjs.DEMO_PEOPLE.sam.name} signed in on ${_chunkKHXZFLINcjs.DEMO_DEVICES.samT14.hostname} from a country not seen for this account before.`
+].join("\n");
+var LOGS_FIXTURE_DEVICE = {
+  device: {
+    id: _chunkKHXZFLINcjs.DEMO_DEVICES.samT14.id,
+    machineId: _chunkKHXZFLINcjs.DEMO_DEVICES.samT14.id,
+    name: _chunkKHXZFLINcjs.DEMO_DEVICES.samT14.hostname,
+    organization: _chunkKHXZFLINcjs.DEMO_ORGANIZATIONS.northbridge.name,
+    lastSeen: _chunkKHXZFLINcjs.demoMinutesAgo.call(void 0, 3),
+    operatingSystem: "windows"
+  },
+  statusTag: { label: "ONLINE", variant: "success" }
+};
+
+// src/components/product-demo/screens/logs.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var noop = () => {
+};
+var NO_FILTERS = {};
+var ACTION_COLUMNS = ["copy", "quickView", "open"];
+var BESIDE_DRAWER_HIDDEN = [...ACTION_COLUMNS, "tool", "source"];
+var logHref = () => "#";
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL6ZQGWCXcjs.LogCopyIconButton, {});
+function LogsScreen({ compact = false }) {
+  const [dock, setDock] = _react.useState.call(void 0, null);
+  const selected = LOGS_FIXTURE_SELECTED;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full bg-ods-bg", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1 overflow-clip", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkL6ZQGWCXcjs.LogsPageView,
+      {
+        showHeader: false,
+        className: "p-[var(--spacing-system-l)]",
+        search: LOGS_FIXTURE_SEARCH,
+        onSearchChange: noop,
+        onOpenFilters: noop,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkL6ZQGWCXcjs.LogsTableView,
+          {
+            logs: LOGS_FIXTURE_ENTRIES,
+            facets: LOGS_FIXTURE_FACETS,
+            filters: NO_FILTERS,
+            onFilterChange: noop,
+            getLogHref: logHref,
+            renderCopyAction: copyAction,
+            onQuickView: noop,
+            hiddenColumns: compact ? ACTION_COLUMNS : BESIDE_DRAWER_HIDDEN
+          }
+        )
+      }
+    ) }),
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setDock, className: "relative w-[calc(400px+var(--spacing-system-m))] shrink-0", children: dock && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL6ZQGWCXcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkL6ZQGWCXcjs.LogDrawer,
+      {
+        docked: true,
+        isOpen: true,
+        onClose: noop,
+        description: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "whitespace-pre-wrap break-words", children: LOGS_FIXTURE_SELECTED_DETAILS }),
+        statusTag: selected.status,
+        timestamp: selected.timestamp,
+        infoFields: [
+          { label: "Log ID", value: selected.logId },
+          {
+            label: "Source",
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL6ZQGWCXcjs.ToolBadge, { toolType: _chunkHETQETPVcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+          },
+          { label: "Device", value: _chunkL6ZQGWCXcjs.logSourceLabels.call(void 0, selected.device).deviceName }
+        ],
+        deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkL6ZQGWCXcjs.DeviceCard,
+          {
+            ...LOGS_FIXTURE_DEVICE,
+            actions: {
+              moreButton: { visible: false },
+              detailsButton: {
+                visible: true,
+                component: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", className: "shrink-0", children: "Details" })
+              }
+            }
+          }
+        )
+      }
+    ) }) })
+  ] });
+}
+
+
+exports.default = LogsScreen;