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

package/dist/{chunk-FCAVAEHF.js → chunk-2LZ3IYGT.js}

@@ -248,6 +248,7 @@ import {
   Arrow01DownIcon,
   Arrow01UpIcon,
   ArrowRightUpIcon,
+  BannedIcon,
   BellOffIcon,
   BookTextIcon,
   BoxArchiveIcon,
@@ -282,6 +283,7 @@ import {
   GoogleLogoIcon,
   GridIcon,
   HardDrivesIcon,
+  HeadsetIcon,
   HhsLogoIcon,
   HomebrewLogoGreyIcon,
   ImageOffIcon,
@@ -25354,29 +25356,104 @@ function ViewToggle({
   );
 }
 
+// src/components/features/approval-level.tsx
+import { jsx as jsx246, jsxs as jsxs196 } from "react/jsx-runtime";
+var APPROVAL_LEVELS = ["ALLOW", "DENY", "ASK_TECHNICIAN", "ASK_USER"];
+var APPROVAL_LEVEL_META = {
+  ALLOW: {
+    label: "Allow",
+    hint: "Runs on its own. You get a summary after.",
+    Icon: CheckCircleIcon,
+    toneClassName: "text-ods-success"
+  },
+  ASK_USER: {
+    label: "Ask User",
+    hint: "Asks the person at the computer first.",
+    Icon: UserIcon,
+    toneClassName: "text-ods-warning"
+  },
+  ASK_TECHNICIAN: {
+    label: "Ask Technician",
+    hint: "Asks a technician first. Nothing runs until they approve.",
+    Icon: HeadsetIcon,
+    toneClassName: "text-ods-warning"
+  },
+  DENY: { label: "Restrict", hint: "Never runs.", Icon: BannedIcon, toneClassName: "text-ods-error" }
+};
+var ICON_PX = 16;
+function ApprovalLevelMark({ level, iconOnly = false, className }) {
+  const { label, hint, Icon, toneClassName } = APPROVAL_LEVEL_META[level];
+  const mark = /* @__PURE__ */ jsxs196("span", { className: cn("inline-flex items-center gap-[var(--spacing-system-xxs)] text-h6", toneClassName, className), children: [
+    /* @__PURE__ */ jsx246(Icon, { size: ICON_PX, className: "shrink-0", "aria-hidden": true }),
+    iconOnly ? /* @__PURE__ */ jsx246("span", { className: "sr-only", children: label }) : label
+  ] });
+  return iconOnly ? /* @__PURE__ */ jsx246(TouchFriendlyTooltip, { content: `${label}: ${hint}`, side: "top", children: mark }) : mark;
+}
+function ApprovalLevelControl({
+  value,
+  onChange,
+  "aria-labelledby": labelledBy,
+  showLabel = true,
+  disabled = false,
+  className
+}) {
+  const current = APPROVAL_LEVEL_META[value];
+  return /* @__PURE__ */ jsxs196("div", { className: cn("flex shrink-0 items-center gap-[var(--spacing-system-sf)]", className), children: [
+    showLabel && /* @__PURE__ */ jsx246("span", { className: cn("whitespace-nowrap text-h6", current.toneClassName), children: current.label }),
+    /* @__PURE__ */ jsx246(TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ jsx246(
+      ToggleGroup,
+      {
+        type: "single",
+        variant: "outline",
+        size: "sm",
+        value,
+        disabled,
+        onValueChange: (next) => {
+          if (next && next !== value) onChange(next);
+        },
+        "aria-labelledby": labelledBy,
+        children: APPROVAL_LEVELS.map((level) => {
+          const { label, hint, Icon, toneClassName } = APPROVAL_LEVEL_META[level];
+          return (
+            // A plain tooltip (hover and keyboard focus): a tap must SELECT the level, and on
+            // touch the name beside the group says what is in force.
+            /* @__PURE__ */ jsxs196(Tooltip, { children: [
+              /* @__PURE__ */ jsx246(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx246(
+                ToggleGroupItem,
+                {
+                  value: level,
+                  "aria-label": label,
+                  className: cn("px-2", level === value && toneClassName),
+                  children: /* @__PURE__ */ jsx246(Icon, { size: ICON_PX, "aria-hidden": true })
+                }
+              ) }),
+              /* @__PURE__ */ jsxs196(TooltipContent, { side: "top", className: "max-w-xs", children: [
+                /* @__PURE__ */ jsx246("b", { children: label }),
+                ": ",
+                hint
+              ] })
+            ] }, level)
+          );
+        })
+      }
+    ) })
+  ] });
+}
+
 // src/components/features/policy-configuration-panel.tsx
 import { ChevronDown as ChevronDown7, Shield } from "lucide-react";
 import { useState as useState65 } from "react";
-import { Fragment as Fragment40, jsx as jsx246, jsxs as jsxs196 } from "react/jsx-runtime";
-var approvalLevelLabels = {
-  ALLOW: "Allow",
-  ASK_USER: "Ask User",
-  ASK_TECHNICIAN: "Ask Technician",
-  DENY: "Restrict"
-};
-var approvalLevelOptions = Object.keys(approvalLevelLabels).map((value) => ({
-  value,
-  label: approvalLevelLabels[value]
-}));
+import { Fragment as Fragment40, jsx as jsx247, jsxs as jsxs197 } from "react/jsx-runtime";
+var approvalLevelOptions = APPROVAL_LEVELS.map((value) => ({ value, label: APPROVAL_LEVEL_META[value].label }));
 var POLICY_LEVEL_WIDTH = "w-[180px]";
 var CATEGORY_LEVEL_WIDTH = "w-[256px]";
-var getApprovalLevelLabel = (level) => approvalLevelLabels[level] ?? level;
-var ApprovalLevelDropdown = ({ value, onChange, allowClear = false, triggerClassName, contentClassName }) => /* @__PURE__ */ jsxs196(DropdownMenu, { children: [
-  /* @__PURE__ */ jsx246(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx246(
+var getApprovalLevelLabel = (level) => APPROVAL_LEVEL_META[level]?.label ?? level;
+var ApprovalLevelDropdown = ({ value, onChange, allowClear = false, triggerClassName, contentClassName }) => /* @__PURE__ */ jsxs197(DropdownMenu, { children: [
+  /* @__PURE__ */ jsx247(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx247(
     Button,
     {
       variant: "outline",
-      rightIcon: /* @__PURE__ */ jsx246(ChevronDown7, { className: "h-6 w-6 text-ods-text-secondary" }),
+      rightIcon: /* @__PURE__ */ jsx247(ChevronDown7, { className: "h-6 w-6 text-ods-text-secondary" }),
       className: cn(
         "flex h-auto items-center justify-between gap-[var(--spacing-system-xsf)] rounded-md border border-ods-border bg-ods-card !px-[var(--spacing-system-xsf)] py-[var(--spacing-system-xsf)] transition-colors !text-h6 hover:bg-ods-bg-hover",
         value ? "text-ods-text-primary" : "text-ods-text-secondary",
@@ -25385,21 +25462,21 @@ var ApprovalLevelDropdown = ({ value, onChange, allowClear = false, triggerClass
       children: value ? getApprovalLevelLabel(value) : "Set Global Permission"
     }
   ) }),
-  /* @__PURE__ */ jsxs196(DropdownMenuContent, { align: "end", className: contentClassName, children: [
-    allowClear && /* @__PURE__ */ jsx246(DropdownMenuItem, { onClick: () => onChange(void 0), className: "text-h6", children: "Clear Global Permission" }),
-    approvalLevelOptions.map((option) => /* @__PURE__ */ jsx246(DropdownMenuItem, { onClick: () => onChange(option.value), className: "text-h6", children: option.label }, option.value))
+  /* @__PURE__ */ jsxs197(DropdownMenuContent, { align: "end", className: contentClassName, children: [
+    allowClear && /* @__PURE__ */ jsx247(DropdownMenuItem, { onClick: () => onChange(void 0), className: "text-h6", children: "Clear Global Permission" }),
+    approvalLevelOptions.map((option) => /* @__PURE__ */ jsx247(DropdownMenuItem, { onClick: () => onChange(option.value), className: "text-h6", children: option.label }, option.value))
   ] })
 ] });
 var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
   const handleChange = (level) => {
     if (level) onPermissionChange(categoryId, policy.id, level);
   };
-  return /* @__PURE__ */ jsxs196("div", { className: "flex items-start gap-[var(--spacing-system-m)] border-b border-ods-border bg-ods-bg px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] last:border-b-0 content-md:items-center", children: [
-    /* @__PURE__ */ jsx246("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx246(ToolIcon, { toolType: policy.toolName, size: 16 }) }),
-    /* @__PURE__ */ jsxs196("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ jsx246("p", { className: "truncate text-ods-text-primary text-h4", title: policy.name, children: policy.name }),
-      /* @__PURE__ */ jsx246("p", { className: "break-all text-ods-text-secondary text-h6", children: policy.commandPattern }),
-      editMode ? /* @__PURE__ */ jsx246("div", { className: "mt-[var(--spacing-system-xsf)] content-md:hidden", children: /* @__PURE__ */ jsx246(
+  return /* @__PURE__ */ jsxs197("div", { className: "flex items-start gap-[var(--spacing-system-m)] border-b border-ods-border bg-ods-bg px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] last:border-b-0 content-md:items-center", children: [
+    /* @__PURE__ */ jsx247("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx247(ToolIcon, { toolType: policy.toolName, size: 16 }) }),
+    /* @__PURE__ */ jsxs197("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx247("p", { className: "truncate text-ods-text-primary text-h4", title: policy.name, children: policy.name }),
+      /* @__PURE__ */ jsx247("p", { className: "break-all text-ods-text-secondary text-h6", children: policy.commandPattern }),
+      editMode ? /* @__PURE__ */ jsx247("div", { className: "mt-[var(--spacing-system-xsf)] content-md:hidden", children: /* @__PURE__ */ jsx247(
         ApprovalLevelDropdown,
         {
           value: policy.approvalLevel,
@@ -25407,9 +25484,9 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
           triggerClassName: "w-full",
           contentClassName: POLICY_LEVEL_WIDTH
         }
-      ) }) : policy.approvalLevel ? /* @__PURE__ */ jsx246("span", { className: "text-ods-text-primary text-h4 content-md:hidden", children: getApprovalLevelLabel(policy.approvalLevel) }) : null
+      ) }) : policy.approvalLevel ? /* @__PURE__ */ jsx247("span", { className: "text-ods-text-primary text-h4 content-md:hidden", children: getApprovalLevelLabel(policy.approvalLevel) }) : null
     ] }),
-    /* @__PURE__ */ jsx246("div", { className: "hidden shrink-0 content-md:block", children: editMode ? /* @__PURE__ */ jsx246(
+    /* @__PURE__ */ jsx247("div", { className: "hidden shrink-0 content-md:block", children: editMode ? /* @__PURE__ */ jsx247(
       ApprovalLevelDropdown,
       {
         value: policy.approvalLevel,
@@ -25417,27 +25494,27 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
         triggerClassName: POLICY_LEVEL_WIDTH,
         contentClassName: POLICY_LEVEL_WIDTH
       }
-    ) : /* @__PURE__ */ jsx246("div", { className: cn("px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)]", POLICY_LEVEL_WIDTH), children: policy.approvalLevel && /* @__PURE__ */ jsx246("span", { className: "text-ods-text-primary text-h4", children: getApprovalLevelLabel(policy.approvalLevel) }) }) })
+    ) : /* @__PURE__ */ jsx247("div", { className: cn("px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)]", POLICY_LEVEL_WIDTH), children: policy.approvalLevel && /* @__PURE__ */ jsx247("span", { className: "text-ods-text-primary text-h4", children: getApprovalLevelLabel(policy.approvalLevel) }) }) })
   ] });
 };
 var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, onBulkLevelChange, onPolicyPermissionChange }) => {
   const { innerRef, containerStyle } = useCollapsible({ expanded: isExpanded, durationMs: 300 });
   const handleBulkChange = (level) => onBulkLevelChange(category.id, level);
-  return /* @__PURE__ */ jsxs196(Fragment40, { children: [
-    /* @__PURE__ */ jsxs196(
+  return /* @__PURE__ */ jsxs197(Fragment40, { children: [
+    /* @__PURE__ */ jsxs197(
       "div",
       {
         className: "flex cursor-pointer items-center gap-[var(--spacing-system-m)] border-t border-ods-border bg-ods-card py-[var(--spacing-system-s)] pl-[var(--spacing-system-m)] pr-[var(--spacing-system-xsf)] transition-colors first:border-t-0 hover:bg-ods-bg-hover",
         onClick: () => onToggle(category.id),
         children: [
-          /* @__PURE__ */ jsx246("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx246("div", { className: "text-ods-text-secondary", children: category.icon ?? /* @__PURE__ */ jsx246(Shield, { className: "h-4 w-4" }) }) }),
-          /* @__PURE__ */ jsxs196("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-            /* @__PURE__ */ jsx246("p", { className: "truncate text-ods-text-primary text-h4", title: category.name, children: category.name }),
-            /* @__PURE__ */ jsxs196("p", { className: "text-ods-text-secondary text-h6", children: [
+          /* @__PURE__ */ jsx247("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx247("div", { className: "text-ods-text-secondary", children: category.icon ?? /* @__PURE__ */ jsx247(Shield, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxs197("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsx247("p", { className: "truncate text-ods-text-primary text-h4", title: category.name, children: category.name }),
+            /* @__PURE__ */ jsxs197("p", { className: "text-ods-text-secondary text-h6", children: [
               category.policies.length,
               " Configurations"
             ] }),
-            editMode && /* @__PURE__ */ jsx246("div", { className: "mt-[var(--spacing-system-xsf)] content-md:hidden", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx246(
+            editMode && /* @__PURE__ */ jsx247("div", { className: "mt-[var(--spacing-system-xsf)] content-md:hidden", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx247(
               ApprovalLevelDropdown,
               {
                 value: bulkLevel,
@@ -25448,7 +25525,7 @@ var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, on
               }
             ) })
           ] }),
-          editMode ? /* @__PURE__ */ jsx246("div", { className: "hidden shrink-0 content-md:block", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx246(
+          editMode ? /* @__PURE__ */ jsx247("div", { className: "hidden shrink-0 content-md:block", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx247(
             ApprovalLevelDropdown,
             {
               value: bulkLevel,
@@ -25457,7 +25534,7 @@ var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, on
               triggerClassName: CATEGORY_LEVEL_WIDTH,
               contentClassName: CATEGORY_LEVEL_WIDTH
             }
-          ) }) : /* @__PURE__ */ jsx246(
+          ) }) : /* @__PURE__ */ jsx247(
             "div",
             {
               className: cn(
@@ -25466,7 +25543,7 @@ var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, on
               )
             }
           ),
-          /* @__PURE__ */ jsx246(
+          /* @__PURE__ */ jsx247(
             Button,
             {
               type: "button",
@@ -25475,7 +25552,7 @@ var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, on
                 e.stopPropagation();
                 onToggle(category.id);
               },
-              leftIcon: /* @__PURE__ */ jsx246(
+              leftIcon: /* @__PURE__ */ jsx247(
                 ChevronDown7,
                 {
                   className: cn(
@@ -25491,7 +25568,7 @@ var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, on
         ]
       }
     ),
-    /* @__PURE__ */ jsx246(
+    /* @__PURE__ */ jsx247(
       "div",
       {
         style: {
@@ -25502,7 +25579,7 @@ var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, on
           visibility: isExpanded ? "visible" : "hidden"
         },
         className: isExpanded ? "opacity-100" : "opacity-0",
-        children: /* @__PURE__ */ jsx246("div", { ref: innerRef, className: "px-[var(--spacing-system-mf)] pb-[var(--spacing-system-mf)] pt-0", children: /* @__PURE__ */ jsx246("div", { className: "overflow-hidden rounded-md border border-ods-border", children: category.policies.map((policy) => /* @__PURE__ */ jsx246(
+        children: /* @__PURE__ */ jsx247("div", { ref: innerRef, className: "px-[var(--spacing-system-mf)] pb-[var(--spacing-system-mf)] pt-0", children: /* @__PURE__ */ jsx247("div", { className: "overflow-hidden rounded-md border border-ods-border", children: category.policies.map((policy) => /* @__PURE__ */ jsx247(
           PolicyRow,
           {
             policy,
@@ -25545,7 +25622,7 @@ var PolicyConfigurationPanel = ({
       onCategoryPermissionChange(categoryId, level);
     }
   };
-  return /* @__PURE__ */ jsx246("div", { className: cn("overflow-hidden rounded-md border border-ods-border bg-ods-card", className), children: categories.map((category) => /* @__PURE__ */ jsx246(
+  return /* @__PURE__ */ jsx247("div", { className: cn("overflow-hidden rounded-md border border-ods-border bg-ods-card", className), children: categories.map((category) => /* @__PURE__ */ jsx247(
     CategorySection,
     {
       category,
@@ -25563,7 +25640,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 
 // src/components/features/policies/policies-table.tsx
 import { useCallback as useCallback22, useMemo as useMemo22, useState as useState66 } from "react";
-import { jsx as jsx247, jsxs as jsxs197 } from "react/jsx-runtime";
+import { jsx as jsx248, jsxs as jsxs198 } from "react/jsx-runtime";
 var EMPTY_COLUMN_FILTERS = [];
 var ALL_PLATFORMS = ["windows", "darwin", "linux"];
 var NOTE_TONE_CLASS = {
@@ -25593,9 +25670,9 @@ function PoliciesTable({
       {
         accessorKey: "name",
         header: "Name",
-        cell: ({ row }) => /* @__PURE__ */ jsxs197("div", { className: "flex min-h-[60px] min-w-0 flex-col justify-center gap-1 py-2", children: [
-          /* @__PURE__ */ jsx247(TruncateText, { children: row.original.name }),
-          row.original.description && /* @__PURE__ */ jsx247(TruncateText, { variant: "h6", tone: "secondary", children: row.original.description })
+        cell: ({ row }) => /* @__PURE__ */ jsxs198("div", { className: "flex min-h-[60px] min-w-0 flex-col justify-center gap-1 py-2", children: [
+          /* @__PURE__ */ jsx248(TruncateText, { children: row.original.name }),
+          row.original.description && /* @__PURE__ */ jsx248(TruncateText, { variant: "h6", tone: "secondary", children: row.original.description })
         ] }),
         meta: { width: "flex-1 min-w-0" }
       },
@@ -25603,7 +25680,7 @@ function PoliciesTable({
         id: "severity",
         accessorFn: (row) => row.critical ? 1 : 0,
         header: "SEVERITY",
-        cell: ({ row }) => /* @__PURE__ */ jsx247("span", { className: "text-ods-text-primary text-h6", children: row.original.severityLabel }),
+        cell: ({ row }) => /* @__PURE__ */ jsx248("span", { className: "text-ods-text-primary text-h6", children: row.original.severityLabel }),
         enableSorting: sortable,
         meta: { width: "w-[100px]", sortable, hideAt: "md" }
       }
@@ -25615,7 +25692,7 @@ function PoliciesTable({
         cell: ({ row }) => {
           const platforms = row.original.platforms ?? [];
           const osTypes = platforms.length > 0 ? platforms : ALL_PLATFORMS;
-          return /* @__PURE__ */ jsx247(OSTypeBadgeGroup, { osTypes, iconSize: "w-6 h-6" });
+          return /* @__PURE__ */ jsx248(OSTypeBadgeGroup, { osTypes, iconSize: "w-6 h-6" });
         },
         meta: { width: "w-[140px]", hideAt: "lg" }
       });
@@ -25626,9 +25703,9 @@ function PoliciesTable({
       header: "STATUS",
       cell: ({ row }) => {
         const { status } = row.original;
-        return /* @__PURE__ */ jsxs197("div", { className: "flex flex-col items-start gap-1", children: [
-          /* @__PURE__ */ jsx247(Tag, { className: "self-start", label: status.label, variant: status.variant }),
-          status.note && /* @__PURE__ */ jsx247("span", { className: `text-h6 ${NOTE_TONE_CLASS[status.note.tone]}`, children: status.note.text })
+        return /* @__PURE__ */ jsxs198("div", { className: "flex flex-col items-start gap-1", children: [
+          /* @__PURE__ */ jsx248(Tag, { className: "self-start", label: status.label, variant: status.variant }),
+          status.note && /* @__PURE__ */ jsx248("span", { className: `text-h6 ${NOTE_TONE_CLASS[status.note.tone]}`, children: status.note.text })
         ] });
       },
       enableSorting: sortable,
@@ -25638,7 +25715,7 @@ function PoliciesTable({
       cols.push({
         id: "actions",
         header: "",
-        cell: ({ row }) => row.original.actions && row.original.actions.length > 0 ? /* @__PURE__ */ jsx247("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end gap-2", children: /* @__PURE__ */ jsx247(MoreActionsMenu, { items: row.original.actions }) }) : null,
+        cell: ({ row }) => row.original.actions && row.original.actions.length > 0 ? /* @__PURE__ */ jsx248("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end gap-2", children: /* @__PURE__ */ jsx248(MoreActionsMenu, { items: row.original.actions }) }) : null,
         enableSorting: false,
         meta: { width: "w-12 content-md:w-auto content-md:min-w-[100px] shrink-0 flex-none", align: "right" }
       });
@@ -25646,13 +25723,13 @@ function PoliciesTable({
     cols.push({
       id: "open",
       header: "",
-      cell: ({ row }) => row.original.href ? /* @__PURE__ */ jsx247("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx247(
+      cell: ({ row }) => row.original.href ? /* @__PURE__ */ jsx248("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx248(
         Button,
         {
           onClick: openInNewTab(row.original.href),
           variant: "outline",
           size: "icon",
-          leftIcon: /* @__PURE__ */ jsx247(ArrowRightUpIcon, { className: "h-5 w-5" }),
+          leftIcon: /* @__PURE__ */ jsx248(ArrowRightUpIcon, { className: "h-5 w-5" }),
           "aria-label": `Open ${row.original.name}`,
           className: "bg-ods-card"
         }
@@ -25682,8 +25759,8 @@ function PoliciesTable({
   }, []);
   const rowHref = useCallback22((row) => rowAsLink ? row.href : void 0, [rowAsLink]);
   const showHeader = isLoading || rows.length > 0;
-  return /* @__PURE__ */ jsxs197(DataTable, { table, children: [
-    showHeader && /* @__PURE__ */ jsx247(
+  return /* @__PURE__ */ jsxs198(DataTable, { table, children: [
+    showHeader && /* @__PURE__ */ jsx248(
       DataTable.Header,
       {
         stickyHeader,
@@ -25693,7 +25770,7 @@ function PoliciesTable({
         onSortChange: sortable ? handleSortChange : void 0
       }
     ),
-    /* @__PURE__ */ jsx247(
+    /* @__PURE__ */ jsx248(
       DataTable.Body,
       {
         loading: isLoading,
@@ -25704,7 +25781,7 @@ function PoliciesTable({
         rowHref
       }
     ),
-    hasMore && onLoadMore && /* @__PURE__ */ jsx247(
+    hasMore && onLoadMore && /* @__PURE__ */ jsx248(
       DataTable.InfiniteFooter,
       {
         hasNextPage: true,
@@ -25717,17 +25794,17 @@ function PoliciesTable({
 }
 
 // src/components/features/policies/policy-summary-cards.tsx
-import { Fragment as Fragment41, jsx as jsx248, jsxs as jsxs198 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx249, jsxs as jsxs199 } from "react/jsx-runtime";
 var EMPTY_VALUE = "\u2014";
 var CARD_SKELETON_KEYS = ["total", "compliance", "failed", "updated"];
 function PolicySummaryCards({ summary, isLoading = false, hasData = true, now }) {
-  return /* @__PURE__ */ jsx248("div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-lg:grid-cols-4", children: isLoading ? (
+  return /* @__PURE__ */ jsx249("div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-lg:grid-cols-4", children: isLoading ? (
     // `h-16 content-md:h-[104px]` is `DashboardInfoCard`'s own height, so the
     // grid does not jump when the real cards replace the placeholders.
-    CARD_SKELETON_KEYS.map((key) => /* @__PURE__ */ jsx248(Skeleton, { className: "h-16 w-full content-md:h-[104px]" }, key))
-  ) : /* @__PURE__ */ jsxs198(Fragment41, { children: [
-    /* @__PURE__ */ jsx248(DashboardInfoCard, { title: "Total Policies", value: hasData ? summary.totalPolicies : EMPTY_VALUE }),
-    /* @__PURE__ */ jsx248(
+    CARD_SKELETON_KEYS.map((key) => /* @__PURE__ */ jsx249(Skeleton, { className: "h-16 w-full content-md:h-[104px]" }, key))
+  ) : /* @__PURE__ */ jsxs199(Fragment41, { children: [
+    /* @__PURE__ */ jsx249(DashboardInfoCard, { title: "Total Policies", value: hasData ? summary.totalPolicies : EMPTY_VALUE }),
+    /* @__PURE__ */ jsx249(
       DashboardInfoCard,
       {
         title: "Compliance Rate",
@@ -25736,7 +25813,7 @@ function PolicySummaryCards({ summary, isLoading = false, hasData = true, now })
         showProgress: hasData
       }
     ),
-    /* @__PURE__ */ jsx248(
+    /* @__PURE__ */ jsx249(
       DashboardInfoCard,
       {
         title: "Failed Policies",
@@ -25746,7 +25823,7 @@ function PolicySummaryCards({ summary, isLoading = false, hasData = true, now })
         progressVariant: "error"
       }
     ),
-    /* @__PURE__ */ jsx248(
+    /* @__PURE__ */ jsx249(
       DashboardInfoCard,
       {
         title: "Updated",
@@ -25874,36 +25951,36 @@ function usersCountLabel(count) {
 }
 
 // src/components/features/cloud-tenants/tenant-access-cell.tsx
-import { jsx as jsx249, jsxs as jsxs199 } from "react/jsx-runtime";
+import { jsx as jsx250, jsxs as jsxs200 } from "react/jsx-runtime";
 function TenantAccessCell({ accessState, lastReadAt: lastReadAt2, now }) {
-  return /* @__PURE__ */ jsxs199("div", { className: "flex min-w-0 flex-col justify-center gap-[var(--spacing-system-xxs)]", children: [
-    /* @__PURE__ */ jsx249(Tag, { ...accessStateTag(accessState), className: "self-start" }),
-    /* @__PURE__ */ jsx249(TruncateText, { variant: "h6", tone: "secondary", children: `Last read: ${formatLastRead(lastReadAt2, now)}` })
+  return /* @__PURE__ */ jsxs200("div", { className: "flex min-w-0 flex-col justify-center gap-[var(--spacing-system-xxs)]", children: [
+    /* @__PURE__ */ jsx250(Tag, { ...accessStateTag(accessState), className: "self-start" }),
+    /* @__PURE__ */ jsx250(TruncateText, { variant: "h6", tone: "secondary", children: `Last read: ${formatLastRead(lastReadAt2, now)}` })
   ] });
 }
 
 // src/components/features/cloud-tenants/tenant-cell.tsx
-import { jsx as jsx250, jsxs as jsxs200 } from "react/jsx-runtime";
+import { jsx as jsx251, jsxs as jsxs201 } from "react/jsx-runtime";
 function TenantCell({ provider, name, domain }) {
   const { Logo, label } = providerMark(provider);
-  return /* @__PURE__ */ jsxs200("div", { className: "flex min-w-0 flex-col justify-center", children: [
-    /* @__PURE__ */ jsxs200("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: [
-      /* @__PURE__ */ jsx250(Logo, { size: 24, role: "img", "aria-label": label, className: "shrink-0" }),
-      /* @__PURE__ */ jsx250(TruncateText, { children: name })
+  return /* @__PURE__ */ jsxs201("div", { className: "flex min-w-0 flex-col justify-center", children: [
+    /* @__PURE__ */ jsxs201("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: [
+      /* @__PURE__ */ jsx251(Logo, { size: 24, role: "img", "aria-label": label, className: "shrink-0" }),
+      /* @__PURE__ */ jsx251(TruncateText, { children: name })
     ] }),
-    /* @__PURE__ */ jsx250(TruncateText, { variant: "h6", tone: "secondary", children: domain ?? TENANT_EMPTY_VALUE })
+    /* @__PURE__ */ jsx251(TruncateText, { variant: "h6", tone: "secondary", children: domain ?? TENANT_EMPTY_VALUE })
   ] });
 }
 
 // src/components/features/cloud-tenants/tenant-customer-cell.tsx
-import { jsx as jsx251, jsxs as jsxs201 } from "react/jsx-runtime";
+import { jsx as jsx252, jsxs as jsxs202 } from "react/jsx-runtime";
 function TenantCustomerCell({ name, imageUrl, userCount }) {
-  return /* @__PURE__ */ jsxs201("div", { className: "flex min-w-0 flex-col justify-center", children: [
-    /* @__PURE__ */ jsxs201("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: [
-      /* @__PURE__ */ jsx251(SquareAvatar, { src: imageUrl ?? void 0, alt: name, fallback: name, size: "xs", variant: "square" }),
-      /* @__PURE__ */ jsx251(TruncateText, { children: name })
+  return /* @__PURE__ */ jsxs202("div", { className: "flex min-w-0 flex-col justify-center", children: [
+    /* @__PURE__ */ jsxs202("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: [
+      /* @__PURE__ */ jsx252(SquareAvatar, { src: imageUrl ?? void 0, alt: name, fallback: name, size: "xs", variant: "square" }),
+      /* @__PURE__ */ jsx252(TruncateText, { children: name })
     ] }),
-    /* @__PURE__ */ jsx251(TruncateText, { variant: "h6", tone: "secondary", children: usersCountLabel(userCount) })
+    /* @__PURE__ */ jsx252(TruncateText, { variant: "h6", tone: "secondary", children: usersCountLabel(userCount) })
   ] });
 }
 
@@ -25922,7 +25999,7 @@ var TENANTS_TABLE_COLUMNS = [
 ];
 
 // src/components/features/cloud-tenants/tenants-table-view.tsx
-import { jsx as jsx252, jsxs as jsxs202 } from "react/jsx-runtime";
+import { jsx as jsx253, jsxs as jsxs203 } from "react/jsx-runtime";
 var getRowId = (row) => row.id;
 var columnMeta = ({ width, hideAt, align }) => ({ width, hideAt, align });
 function TenantsTableView({
@@ -25943,14 +26020,14 @@ function TenantsTableView({
       {
         id: TENANT_COLUMNS.tenant.id,
         header: TENANT_COLUMNS.tenant.header,
-        cell: ({ row }) => /* @__PURE__ */ jsx252(TenantCell, { provider: row.original.provider, name: row.original.name, domain: row.original.domain }),
+        cell: ({ row }) => /* @__PURE__ */ jsx253(TenantCell, { provider: row.original.provider, name: row.original.name, domain: row.original.domain }),
         enableSorting: false,
         meta: columnMeta(TENANT_COLUMNS.tenant)
       },
       {
         id: TENANT_COLUMNS.customer.id,
         header: TENANT_COLUMNS.customer.header,
-        cell: ({ row }) => /* @__PURE__ */ jsx252(
+        cell: ({ row }) => /* @__PURE__ */ jsx253(
           TenantCustomerCell,
           {
             name: row.original.customer.name,
@@ -25964,7 +26041,7 @@ function TenantsTableView({
       {
         id: TENANT_COLUMNS.access.id,
         header: TENANT_COLUMNS.access.header,
-        cell: ({ row }) => /* @__PURE__ */ jsx252(TenantAccessCell, { accessState: row.original.accessState, lastReadAt: row.original.lastReadAt, now }),
+        cell: ({ row }) => /* @__PURE__ */ jsx253(TenantAccessCell, { accessState: row.original.accessState, lastReadAt: row.original.lastReadAt, now }),
         enableSorting: false,
         meta: columnMeta(TENANT_COLUMNS.access)
       },
@@ -25972,13 +26049,13 @@ function TenantsTableView({
         id: TENANT_COLUMNS.open.id,
         cell: ({ row }) => (
           // The row itself is the details link; a nested `<a>` is invalid, so this opens the same href.
-          /* @__PURE__ */ jsx252("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx252(
+          /* @__PURE__ */ jsx253("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx253(
             Button,
             {
               onClick: openInNewTab(getHref(row.original)),
               variant: "outline",
               size: "icon",
-              leftIcon: /* @__PURE__ */ jsx252(ArrowRightUpIcon, { className: "h-5 w-5" }),
+              leftIcon: /* @__PURE__ */ jsx253(ArrowRightUpIcon, { className: "h-5 w-5" }),
               "aria-label": `Open ${row.original.name} in new tab`,
               className: "bg-ods-card"
             }
@@ -25993,16 +26070,16 @@ function TenantsTableView({
   const table = useDataTable({ data: rows, columns, getRowId, enableSorting: false });
   return (
     // Dim, don't unmount, the stale rows while a deferred search refetches.
-    /* @__PURE__ */ jsx252("div", { className: cn("transition-opacity duration-200", isPending && "opacity-60"), children: /* @__PURE__ */ jsxs202(DataTable, { table, children: [
-      /* @__PURE__ */ jsx252(
+    /* @__PURE__ */ jsx253("div", { className: cn("transition-opacity duration-200", isPending && "opacity-60"), children: /* @__PURE__ */ jsxs203(DataTable, { table, children: [
+      /* @__PURE__ */ jsx253(
         DataTable.Header,
         {
           stickyHeader: stickyHeaderOffset !== void 0,
           stickyHeaderOffset,
-          rightSlot: /* @__PURE__ */ jsx252(DataTable.RowCount, { itemName: "result", totalCount: totalCount ?? rows.length })
+          rightSlot: /* @__PURE__ */ jsx253(DataTable.RowCount, { itemName: "result", totalCount: totalCount ?? rows.length })
         }
       ),
-      /* @__PURE__ */ jsx252(
+      /* @__PURE__ */ jsx253(
         DataTable.Body,
         {
           skeletonRows,
@@ -26014,7 +26091,7 @@ function TenantsTableView({
           rowHref: getHref
         }
       ),
-      rows.length > 0 && onLoadMore && /* @__PURE__ */ jsx252(
+      rows.length > 0 && onLoadMore && /* @__PURE__ */ jsx253(
         DataTable.InfiniteFooter,
         {
           hasNextPage,
@@ -26030,7 +26107,7 @@ function TenantsTableView({
 // src/components/features/waitlist-form.tsx
 import { getCountries } from "libphonenumber-js";
 import { useEffect as useEffect37, useState as useState67 } from "react";
-import { Fragment as Fragment42, jsx as jsx253, jsxs as jsxs203 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx254, jsxs as jsxs204 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
   className,
@@ -26114,7 +26191,7 @@ function WaitlistForm({
     }
   };
   if (!isClient) {
-    return /* @__PURE__ */ jsxs203(
+    return /* @__PURE__ */ jsxs204(
       "div",
       {
         className: cn(
@@ -26122,14 +26199,14 @@ function WaitlistForm({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx253("div", { className: "h-12 w-full animate-pulse rounded-[6px] border border-ods-border bg-ods-card" }),
-          /* @__PURE__ */ jsxs203("div", { className: "flex w-full gap-[var(--spacing-system-xs)]", children: [
-            /* @__PURE__ */ jsx253("div", { className: "h-12 w-[130px] shrink-0 animate-pulse rounded-[6px] border border-ods-border bg-ods-card" }),
-            /* @__PURE__ */ jsx253("div", { className: "h-12 flex-1 animate-pulse rounded-[6px] border border-ods-border bg-ods-card" })
+          /* @__PURE__ */ jsx254("div", { className: "h-12 w-full animate-pulse rounded-[6px] border border-ods-border bg-ods-card" }),
+          /* @__PURE__ */ jsxs204("div", { className: "flex w-full gap-[var(--spacing-system-xs)]", children: [
+            /* @__PURE__ */ jsx254("div", { className: "h-12 w-[130px] shrink-0 animate-pulse rounded-[6px] border border-ods-border bg-ods-card" }),
+            /* @__PURE__ */ jsx254("div", { className: "h-12 flex-1 animate-pulse rounded-[6px] border border-ods-border bg-ods-card" })
           ] }),
-          /* @__PURE__ */ jsxs203("div", { className: "flex w-full flex-col items-end gap-[var(--spacing-system-m)]", children: [
-            /* @__PURE__ */ jsx253("div", { className: "w-full animate-pulse rounded-[6px] border border-ods-border bg-ods-bg px-4 py-6" }),
-            /* @__PURE__ */ jsx253("div", { className: "h-12 w-[200px] animate-pulse rounded-[6px] border border-ods-border bg-ods-card" })
+          /* @__PURE__ */ jsxs204("div", { className: "flex w-full flex-col items-end gap-[var(--spacing-system-m)]", children: [
+            /* @__PURE__ */ jsx254("div", { className: "w-full animate-pulse rounded-[6px] border border-ods-border bg-ods-bg px-4 py-6" }),
+            /* @__PURE__ */ jsx254("div", { className: "h-12 w-[200px] animate-pulse rounded-[6px] border border-ods-border bg-ods-card" })
           ] })
         ]
       }
@@ -26143,7 +26220,7 @@ function WaitlistForm({
       void handleSubmit();
     }
   };
-  return /* @__PURE__ */ jsxs203(
+  return /* @__PURE__ */ jsxs204(
     "div",
     {
       id,
@@ -26152,8 +26229,8 @@ function WaitlistForm({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx253(HoneypotField, { ...honeypotInputProps }),
-        /* @__PURE__ */ jsx253(
+        /* @__PURE__ */ jsx254(HoneypotField, { ...honeypotInputProps }),
+        /* @__PURE__ */ jsx254(
           Input,
           {
             type: "email",
@@ -26167,8 +26244,8 @@ function WaitlistForm({
             errorVariant: "warning"
           }
         ),
-        /* @__PURE__ */ jsxs203("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ jsx253(
+        /* @__PURE__ */ jsxs204("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ jsx254(
             PhoneInput,
             {
               value: phone,
@@ -26184,7 +26261,7 @@ function WaitlistForm({
               onKeyDown: handleKeyDown
             }
           ),
-          showPhoneWarning && /* @__PURE__ */ jsx253(
+          showPhoneWarning && /* @__PURE__ */ jsx254(
             "p",
             {
               className: "absolute bottom-0 left-0 translate-y-full truncate text-ods-warning text-h6",
@@ -26193,8 +26270,8 @@ function WaitlistForm({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs203("div", { className: "flex w-full flex-col items-end gap-[var(--spacing-system-l)]", children: [
-          /* @__PURE__ */ jsx253(
+        /* @__PURE__ */ jsxs204("div", { className: "flex w-full flex-col items-end gap-[var(--spacing-system-l)]", children: [
+          /* @__PURE__ */ jsx254(
             CheckboxBlock,
             {
               checked: smsConsent,
@@ -26205,23 +26282,23 @@ function WaitlistForm({
               error: showConsentError ? "Please agree to SMS notifications to continue." : void 0,
               disabled: isSubmitting,
               label: smsCheckboxLabel,
-              description: /* @__PURE__ */ jsxs203(Fragment42, { children: [
+              description: /* @__PURE__ */ jsxs204(Fragment42, { children: [
                 consentText,
                 " View our ",
-                /* @__PURE__ */ jsx253(PolicyLink, { href: termsOfServiceUrl || "#", children: "Terms of Service" }),
+                /* @__PURE__ */ jsx254(PolicyLink, { href: termsOfServiceUrl || "#", children: "Terms of Service" }),
                 " and ",
-                /* @__PURE__ */ jsx253(PolicyLink, { href: privacyPolicyUrl || "#", children: "Privacy Policy" }),
+                /* @__PURE__ */ jsx254(PolicyLink, { href: privacyPolicyUrl || "#", children: "Privacy Policy" }),
                 "."
               ] })
             }
           ),
-          /* @__PURE__ */ jsx253(
+          /* @__PURE__ */ jsx254(
             Button,
             {
               type: "button",
               loading: isSubmitting,
               disabled: isSubmitting,
-              leftIcon: /* @__PURE__ */ jsx253(OpenFrameLogo, {}),
+              leftIcon: /* @__PURE__ */ jsx254(OpenFrameLogo, {}),
               onClick: handleSubmit,
               className: "w-full content-md:w-auto",
               children: isSuccess ? successLabel : submitLabel
@@ -26244,7 +26321,7 @@ import {
   useRef as useRef35,
   useState as useState68
 } from "react";
-import { jsx as jsx254 } from "react/jsx-runtime";
+import { jsx as jsx255 } from "react/jsx-runtime";
 var NotificationsContext = createContext7(null);
 function mergeNotification(base, incoming) {
   const out = { ...base };
@@ -26454,7 +26531,7 @@ function NotificationsProvider({
       renderTile
     ]
   );
-  return /* @__PURE__ */ jsx254(NotificationsContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx255(NotificationsContext.Provider, { value, children });
 }
 function useNotifications() {
   const ctx = useContext7(NotificationsContext);
@@ -26493,7 +26570,7 @@ import {
   useRef as useRef36,
   useState as useState69
 } from "react";
-import { jsx as jsx255, jsxs as jsxs204 } from "react/jsx-runtime";
+import { jsx as jsx256, jsxs as jsxs205 } from "react/jsx-runtime";
 var DrawerOpenContext = createContext9(false);
 var AppLayoutDrawerRoot = ({
   open: openProp,
@@ -26529,7 +26606,7 @@ var AppLayoutDrawerRoot = ({
     if (open) coordination?.notifyDrawerDidOpen(selfHandle);
   }, [open, coordination, selfHandle]);
   useEffect39(() => coordination?.registerDrawer(selfHandle), [coordination, selfHandle]);
-  return /* @__PURE__ */ jsx255(DrawerOpenContext.Provider, { value: open, children: /* @__PURE__ */ jsx255(DialogPrimitive3.Root, { ...rest, open, onOpenChange: handleOpenChange, modal, children }) });
+  return /* @__PURE__ */ jsx256(DrawerOpenContext.Provider, { value: open, children: /* @__PURE__ */ jsx256(DialogPrimitive3.Root, { ...rest, open, onOpenChange: handleOpenChange, modal, children }) });
 };
 AppLayoutDrawerRoot.displayName = "AppLayoutDrawer";
 var AppLayoutDrawerTrigger = DialogPrimitive3.Trigger;
@@ -26714,8 +26791,8 @@ var AppLayoutDrawerContent = forwardRef29(
     const applyInlineSize = resizable && !isMobile;
     const sizeStyle = applyInlineSize ? isHorizontal ? { width: size } : { height: size } : {};
     if (keepMounted && !hasOpened) return null;
-    return /* @__PURE__ */ jsxs204(DialogPrimitive3.Portal, { container: portalContainer, forceMount: persist || void 0, children: [
-      /* @__PURE__ */ jsx255(
+    return /* @__PURE__ */ jsxs205(DialogPrimitive3.Portal, { container: portalContainer, forceMount: persist || void 0, children: [
+      /* @__PURE__ */ jsx256(
         "div",
         {
           "aria-hidden": true,
@@ -26731,7 +26808,7 @@ var AppLayoutDrawerContent = forwardRef29(
           )
         }
       ),
-      /* @__PURE__ */ jsxs204(
+      /* @__PURE__ */ jsxs205(
         DialogPrimitive3.Content,
         {
           ref,
@@ -26762,7 +26839,7 @@ var AppLayoutDrawerContent = forwardRef29(
           },
           ...props,
           children: [
-            applyInlineSize && (!persist || open) ? /* @__PURE__ */ jsx255(
+            applyInlineSize && (!persist || open) ? /* @__PURE__ */ jsx256(
               PanelResizeHandle,
               {
                 variant: "inLayout",
@@ -26776,7 +26853,7 @@ var AppLayoutDrawerContent = forwardRef29(
                 ariaLabel: resizeAriaLabel
               }
             ) : null,
-            /* @__PURE__ */ jsx255(
+            /* @__PURE__ */ jsx256(
               "div",
               {
                 ref: panelRef,
@@ -26810,7 +26887,7 @@ var AppLayoutDrawerFooter = DrawerFooter;
 
 // src/components/features/notifications/notification-tile.tsx
 import { useEffect as useEffect40, useState as useState70 } from "react";
-import { Fragment as Fragment43, jsx as jsx256, jsxs as jsxs205 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx257, jsxs as jsxs206 } from "react/jsx-runtime";
 var variantBySeverity = {
   INFO: "info",
   SUCCESS: "success",
@@ -26873,7 +26950,7 @@ function NotificationTile({
     }, remaining);
     return () => window.clearTimeout(timer);
   }, [id, counting, initialElapsed, liveDurationMs, onSettle]);
-  return /* @__PURE__ */ jsxs205(
+  return /* @__PURE__ */ jsxs206(
     "output",
     {
       className: cn(
@@ -26882,7 +26959,7 @@ function NotificationTile({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs205(
+        /* @__PURE__ */ jsxs206(
           "div",
           {
             className: cn(
@@ -26890,8 +26967,8 @@ function NotificationTile({
               isLive && "pb-[var(--spacing-system-m)]"
             ),
             children: [
-              /* @__PURE__ */ jsxs205("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-                /* @__PURE__ */ jsx256("span", { className: cn("flex size-4 shrink-0 items-center justify-center", typeColorByVariant[accentVariant]), children: image ? /* @__PURE__ */ jsx256(
+              /* @__PURE__ */ jsxs206("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
+                /* @__PURE__ */ jsx257("span", { className: cn("flex size-4 shrink-0 items-center justify-center", typeColorByVariant[accentVariant]), children: image ? /* @__PURE__ */ jsx257(
                   next_image_default,
                   {
                     src: image,
@@ -26902,12 +26979,12 @@ function NotificationTile({
                     height: 16,
                     unoptimized: true
                   }
-                ) : icon ?? /* @__PURE__ */ jsx256("span", { className: cn("size-1.5 rounded-full", dotColorByVariant[accentVariant]) }) }),
+                ) : icon ?? /* @__PURE__ */ jsx257("span", { className: cn("size-1.5 rounded-full", dotColorByVariant[accentVariant]) }) }),
                 type ? lockscreen ? (
                   // A phone names the sender in plain words and never cuts them.
-                  /* @__PURE__ */ jsx256("p", { className: "min-w-0 flex-1 break-words text-ods-text-secondary text-h6", children: type })
-                ) : /* @__PURE__ */ jsx256("p", { className: cn("min-w-0 flex-1 truncate text-h5", typeColorByVariant[accentVariant]), title: type, children: type }) : /* @__PURE__ */ jsx256("span", { className: "min-w-0 flex-1" }),
-                !isLive && createdAtIso ? /* @__PURE__ */ jsx256(
+                  /* @__PURE__ */ jsx257("p", { className: "min-w-0 flex-1 break-words text-ods-text-secondary text-h6", children: type })
+                ) : /* @__PURE__ */ jsx257("p", { className: cn("min-w-0 flex-1 truncate text-h5", typeColorByVariant[accentVariant]), title: type, children: type }) : /* @__PURE__ */ jsx257("span", { className: "min-w-0 flex-1" }),
+                !isLive && createdAtIso ? /* @__PURE__ */ jsx257(
                   "time",
                   {
                     dateTime: createdAtIso,
@@ -26915,20 +26992,20 @@ function NotificationTile({
                     children: timeLabel ?? formatTicketRelativeTime(createdAtIso)
                   }
                 ) : null,
-                !lockscreen && /* @__PURE__ */ jsx256(Fragment43, { children: /* @__PURE__ */ jsx256("span", { className: "relative size-4 shrink-0", children: [
+                !lockscreen && /* @__PURE__ */ jsx257(Fragment43, { children: /* @__PURE__ */ jsx257("span", { className: "relative size-4 shrink-0", children: [
                   {
                     active: isLive,
                     label: "Dismiss notification",
-                    icon: /* @__PURE__ */ jsx256(XmarkIcon, { size: 16 }),
+                    icon: /* @__PURE__ */ jsx257(XmarkIcon, { size: 16 }),
                     onClick: () => onSettle?.(id)
                   },
                   {
                     active: !isLive,
                     label: "Mark notification complete",
-                    icon: /* @__PURE__ */ jsx256(CheckCircleIcon, { size: 16 }),
+                    icon: /* @__PURE__ */ jsx257(CheckCircleIcon, { size: 16 }),
                     onClick: () => onComplete(id)
                   }
-                ].map(({ active, label, icon: actionIcon, onClick }) => /* @__PURE__ */ jsx256(
+                ].map(({ active, label, icon: actionIcon, onClick }) => /* @__PURE__ */ jsx257(
                   "button",
                   {
                     type: "button",
@@ -26943,8 +27020,8 @@ function NotificationTile({
                   label
                 )) }) })
               ] }),
-              /* @__PURE__ */ jsxs205("div", { className: "flex min-w-0 flex-col", children: [
-                title ? /* @__PURE__ */ jsx256(
+              /* @__PURE__ */ jsxs206("div", { className: "flex min-w-0 flex-col", children: [
+                title ? /* @__PURE__ */ jsx257(
                   "p",
                   {
                     className: cn(
@@ -26955,7 +27032,7 @@ function NotificationTile({
                     children: title
                   }
                 ) : null,
-                description ? /* @__PURE__ */ jsx256(
+                description ? /* @__PURE__ */ jsx257(
                   "p",
                   {
                     className: "line-clamp-3 text-ods-text-secondary text-h6",
@@ -26965,7 +27042,7 @@ function NotificationTile({
                 ) : null
               ] }),
               actions,
-              counting ? /* @__PURE__ */ jsx256(
+              counting ? /* @__PURE__ */ jsx257(
                 "div",
                 {
                   "aria-hidden": true,
@@ -26986,7 +27063,7 @@ function NotificationTile({
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { Fragment as Fragment44, jsx as jsx257, jsxs as jsxs206 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx258, jsxs as jsxs207 } from "react/jsx-runtime";
 function NotificationDrawer({
   className,
   liveDurationMs,
@@ -27019,13 +27096,13 @@ function NotificationDrawer({
   } = ctx;
   const renderTile = renderTileProp ?? ctxRenderTile;
   const unreadNotifications = notifications.filter((n) => !n.read);
-  const content = /* @__PURE__ */ jsxs206(Fragment44, { children: [
-    /* @__PURE__ */ jsx257("div", { className: "px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]", children: /* @__PURE__ */ jsx257(
+  const content = /* @__PURE__ */ jsxs207(Fragment44, { children: [
+    /* @__PURE__ */ jsx258("div", { className: "px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]", children: /* @__PURE__ */ jsx258(
       DrawerTitle,
       {
         hideClose: true,
         className: "truncate",
-        actions: /* @__PURE__ */ jsx257(
+        actions: /* @__PURE__ */ jsx258(
           "button",
           {
             type: "button",
@@ -27038,7 +27115,7 @@ function NotificationDrawer({
         children: "New Notifications"
       }
     ) }),
-    /* @__PURE__ */ jsx257(
+    /* @__PURE__ */ jsx258(
       DrawerScrollList,
       {
         unreadNotifications,
@@ -27052,12 +27129,12 @@ function NotificationDrawer({
         renderTile
       }
     ),
-    /* @__PURE__ */ jsxs206("div", { className: "flex flex-col gap-[var(--spacing-system-xs)] px-[var(--spacing-system-m)] pb-[var(--spacing-system-m)]", children: [
-      /* @__PURE__ */ jsxs206("div", { className: "overflow-hidden rounded-md border border-ods-border bg-ods-card", children: [
-        /* @__PURE__ */ jsx257(ShowNotificationsToggleRow, { checked: showPopups, onChange: setShowPopups }),
-        desktopPopupsConfigured && /* @__PURE__ */ jsx257(DesktopNotificationsToggleRow, { checked: showDesktopPopups, onChange: setShowDesktopPopups })
+    /* @__PURE__ */ jsxs207("div", { className: "flex flex-col gap-[var(--spacing-system-xs)] px-[var(--spacing-system-m)] pb-[var(--spacing-system-m)]", children: [
+      /* @__PURE__ */ jsxs207("div", { className: "overflow-hidden rounded-md border border-ods-border bg-ods-card", children: [
+        /* @__PURE__ */ jsx258(ShowNotificationsToggleRow, { checked: showPopups, onChange: setShowPopups }),
+        desktopPopupsConfigured && /* @__PURE__ */ jsx258(DesktopNotificationsToggleRow, { checked: showDesktopPopups, onChange: setShowDesktopPopups })
       ] }),
-      /* @__PURE__ */ jsx257(
+      /* @__PURE__ */ jsx258(
         NotificationsHistoryButton,
         {
           onClick: onHistoryClick ? () => {
@@ -27070,7 +27147,7 @@ function NotificationDrawer({
     ] })
   ] });
   if (layoutContainer) {
-    return /* @__PURE__ */ jsx257(AppLayoutDrawerRoot, { open: isOpen, onOpenChange: (v) => v ? open() : close(), children: /* @__PURE__ */ jsx257(
+    return /* @__PURE__ */ jsx258(AppLayoutDrawerRoot, { open: isOpen, onOpenChange: (v) => v ? open() : close(), children: /* @__PURE__ */ jsx258(
       AppLayoutDrawerContent,
       {
         side: "right",
@@ -27080,7 +27157,7 @@ function NotificationDrawer({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx257(Drawer, { open: isOpen, onOpenChange: (v) => v ? open() : close(), children: /* @__PURE__ */ jsx257(
+  return /* @__PURE__ */ jsx258(Drawer, { open: isOpen, onOpenChange: (v) => v ? open() : close(), children: /* @__PURE__ */ jsx258(
     DrawerContent,
     {
       side: "right",
@@ -27126,16 +27203,16 @@ function DrawerScrollList({
     return () => observer.disconnect();
   }, [hasMore, isLoadingMore, loadMore, loadMoreRootMargin]);
   const isEmpty = unreadNotifications.length === 0;
-  return /* @__PURE__ */ jsx257(
+  return /* @__PURE__ */ jsx258(
     "div",
     {
       ref: scrollRef,
       className: "flex flex-1 flex-col gap-[var(--spacing-system-xs)] overflow-y-auto px-[var(--spacing-system-m)]",
-      children: isEmpty && !isLoadingMore ? /* @__PURE__ */ jsx257(EmptyState, {}) : /* @__PURE__ */ jsxs206(Fragment44, { children: [
+      children: isEmpty && !isLoadingMore ? /* @__PURE__ */ jsx258(EmptyState, {}) : /* @__PURE__ */ jsxs207(Fragment44, { children: [
         unreadNotifications.map((n) => {
           const custom = renderTile?.(n, { onComplete, onSettle, liveDurationMs });
-          if (custom) return /* @__PURE__ */ jsx257("div", { children: custom }, n.id);
-          return /* @__PURE__ */ jsx257(
+          if (custom) return /* @__PURE__ */ jsx258("div", { children: custom }, n.id);
+          return /* @__PURE__ */ jsx258(
             NotificationTile,
             {
               notification: n,
@@ -27146,22 +27223,22 @@ function DrawerScrollList({
             n.id
           );
         }),
-        isLoadingMore && /* @__PURE__ */ jsx257(DrawerLoadingTiles, {}),
-        loadMore && hasMore && /* @__PURE__ */ jsx257("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" })
+        isLoadingMore && /* @__PURE__ */ jsx258(DrawerLoadingTiles, {}),
+        loadMore && hasMore && /* @__PURE__ */ jsx258("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" })
       ] })
     }
   );
 }
 function DrawerLoadingTiles() {
-  return /* @__PURE__ */ jsxs206(Fragment44, { children: [
-    /* @__PURE__ */ jsx257(
+  return /* @__PURE__ */ jsxs207(Fragment44, { children: [
+    /* @__PURE__ */ jsx258(
       "div",
       {
         "aria-hidden": "true",
         className: "h-16 w-full shrink-0 animate-pulse rounded-md border border-ods-border bg-ods-card"
       }
     ),
-    /* @__PURE__ */ jsx257(
+    /* @__PURE__ */ jsx258(
       "div",
       {
         "aria-hidden": "true",
@@ -27171,17 +27248,17 @@ function DrawerLoadingTiles() {
   ] });
 }
 function EmptyState() {
-  return /* @__PURE__ */ jsxs206("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-xs)] py-[var(--spacing-system-l)]", children: [
-    /* @__PURE__ */ jsx257(BellOffIcon, { size: 24, className: "text-ods-text-secondary" }),
-    /* @__PURE__ */ jsx257("p", { className: "text-ods-text-secondary text-h6", children: "No new notifications" })
+  return /* @__PURE__ */ jsxs207("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-xs)] py-[var(--spacing-system-l)]", children: [
+    /* @__PURE__ */ jsx258(BellOffIcon, { size: 24, className: "text-ods-text-secondary" }),
+    /* @__PURE__ */ jsx258("p", { className: "text-ods-text-secondary text-h6", children: "No new notifications" })
   ] });
 }
 function ShowNotificationsToggleRow({ checked, onChange }) {
-  return /* @__PURE__ */ jsxs206("div", { className: "flex items-center gap-[var(--spacing-system-s)] border-b border-ods-border p-[var(--spacing-system-sf)] last:border-b-0", children: [
-    /* @__PURE__ */ jsx257(Switch, { checked, onCheckedChange: onChange, "aria-label": "Show pop-up notifications" }),
-    /* @__PURE__ */ jsxs206("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx257("p", { className: "text-ods-text-primary text-h4", children: "Show Notifications" }),
-      /* @__PURE__ */ jsx257("p", { className: "text-ods-text-secondary text-h6", children: "Show pop-up messages for new alerts" })
+  return /* @__PURE__ */ jsxs207("div", { className: "flex items-center gap-[var(--spacing-system-s)] border-b border-ods-border p-[var(--spacing-system-sf)] last:border-b-0", children: [
+    /* @__PURE__ */ jsx258(Switch, { checked, onCheckedChange: onChange, "aria-label": "Show pop-up notifications" }),
+    /* @__PURE__ */ jsxs207("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx258("p", { className: "text-ods-text-primary text-h4", children: "Show Notifications" }),
+      /* @__PURE__ */ jsx258("p", { className: "text-ods-text-secondary text-h6", children: "Show pop-up messages for new alerts" })
     ] })
   ] });
 }
@@ -27196,8 +27273,8 @@ function DesktopNotificationsToggleRow({ checked, onChange }) {
     }
     if (await request() === "granted") onChange(true);
   };
-  return /* @__PURE__ */ jsxs206("div", { className: "flex items-center gap-[var(--spacing-system-s)] border-b border-ods-border p-[var(--spacing-system-sf)] last:border-b-0", children: [
-    /* @__PURE__ */ jsx257(
+  return /* @__PURE__ */ jsxs207("div", { className: "flex items-center gap-[var(--spacing-system-s)] border-b border-ods-border p-[var(--spacing-system-sf)] last:border-b-0", children: [
+    /* @__PURE__ */ jsx258(
       Switch,
       {
         checked: checked && permission === "granted",
@@ -27206,24 +27283,24 @@ function DesktopNotificationsToggleRow({ checked, onChange }) {
         "aria-label": "Show desktop notifications"
       }
     ),
-    /* @__PURE__ */ jsxs206("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx257("p", { className: cn("text-h4", blocked ? "text-ods-text-secondary" : "text-ods-text-primary"), children: "Desktop Notifications" }),
-      /* @__PURE__ */ jsx257("p", { className: "text-ods-text-secondary text-h6", children: blocked ? "Enable notifications in your browser settings" : "Notify when this tab is in the background" })
+    /* @__PURE__ */ jsxs207("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx258("p", { className: cn("text-h4", blocked ? "text-ods-text-secondary" : "text-ods-text-primary"), children: "Desktop Notifications" }),
+      /* @__PURE__ */ jsx258("p", { className: "text-ods-text-secondary text-h6", children: blocked ? "Enable notifications in your browser settings" : "Notify when this tab is in the background" })
     ] })
   ] });
 }
 function NotificationsHistoryButton({ onClick, historyHref }) {
-  return /* @__PURE__ */ jsx257(
+  return /* @__PURE__ */ jsx258(
     SplitButton,
     {
       variant: "outline",
       fullWidth: true,
       onClick,
       mainDisabled: !onClick,
-      leftIcon: /* @__PURE__ */ jsx257(ClockHistoryIcon, { className: "text-ods-text-secondary" }),
+      leftIcon: /* @__PURE__ */ jsx258(ClockHistoryIcon, { className: "text-ods-text-secondary" }),
       groupAriaLabel: "Notifications history",
       iconAction: {
-        icon: /* @__PURE__ */ jsx257(ArrowRightUpIcon, { className: "text-ods-text-secondary" }),
+        icon: /* @__PURE__ */ jsx258(ArrowRightUpIcon, { className: "text-ods-text-secondary" }),
         "aria-label": "Open notifications history in a new tab",
         href: historyHref,
         openInNewTab: true,
@@ -27236,7 +27313,7 @@ function NotificationsHistoryButton({ onClick, historyHref }) {
 
 // src/components/features/notifications/notification-popups.tsx
 import { useEffect as useEffect42, useState as useState71 } from "react";
-import { jsx as jsx258 } from "react/jsx-runtime";
+import { jsx as jsx259 } from "react/jsx-runtime";
 var positionClasses = {
   "top-right": "top-4 right-4",
   "top-left": "top-4 left-4",
@@ -27286,7 +27363,7 @@ function NotificationPopups({
     event.preventDefault();
     activate(notification);
   };
-  return /* @__PURE__ */ jsx258(
+  return /* @__PURE__ */ jsx259(
     "div",
     {
       "aria-live": "polite",
@@ -27298,12 +27375,12 @@ function NotificationPopups({
       children: live.map((n) => {
         const custom = renderTile?.(n, { onComplete: markRead, onSettle: markSettled, liveDurationMs });
         if (custom) {
-          return /* @__PURE__ */ jsx258("div", { className: "pointer-events-auto", children: custom }, n.id);
+          return /* @__PURE__ */ jsx259("div", { className: "pointer-events-auto", children: custom }, n.id);
         }
         return (
           // `role="button"` rather than a real <button>: the row hosts its own
           // nested interactive elements, which a <button> may not contain.
-          /* @__PURE__ */ jsx258(
+          /* @__PURE__ */ jsx259(
             "div",
             {
               role: "button",
@@ -27311,7 +27388,7 @@ function NotificationPopups({
               onClick: handleBodyClick(n),
               onKeyDown: handleBodyKeyDown(n),
               className: "pointer-events-auto cursor-pointer rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
-              children: /* @__PURE__ */ jsx258(
+              children: /* @__PURE__ */ jsx259(
                 NotificationTile,
                 {
                   notification: n,
@@ -27391,7 +27468,7 @@ function approvalMetaToBatchData(approval) {
 }
 
 // src/components/features/notifications/approval-request-notification-tile.tsx
-import { Fragment as Fragment45, jsx as jsx259, jsxs as jsxs207 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx260, jsxs as jsxs208 } from "react/jsx-runtime";
 var LOCKSCREEN_BUTTON = "h-9 min-w-24";
 function ApprovalRequestNotificationTile({
   notification,
@@ -27437,7 +27514,7 @@ function ApprovalRequestNotificationTile({
     }
     onComplete(notification.id);
   };
-  return /* @__PURE__ */ jsx259(
+  return /* @__PURE__ */ jsx260(
     NotificationTile,
     {
       notification: tileNotification,
@@ -27449,9 +27526,9 @@ function ApprovalRequestNotificationTile({
       presentation,
       timeLabel,
       paused: pinned || processing,
-      actions: /* @__PURE__ */ jsxs207("div", { className: "flex w-full items-center gap-[var(--spacing-system-xs)]", children: [
-        status === "pending" ? /* @__PURE__ */ jsxs207(Fragment45, { children: [
-          /* @__PURE__ */ jsx259(
+      actions: /* @__PURE__ */ jsxs208("div", { className: "flex w-full items-center gap-[var(--spacing-system-xs)]", children: [
+        status === "pending" ? /* @__PURE__ */ jsxs208(Fragment45, { children: [
+          /* @__PURE__ */ jsx260(
             Button,
             {
               variant: "accent",
@@ -27467,7 +27544,7 @@ function ApprovalRequestNotificationTile({
               children: "Approve"
             }
           ),
-          /* @__PURE__ */ jsx259(
+          /* @__PURE__ */ jsx260(
             Button,
             {
               variant: "outline",
@@ -27478,14 +27555,14 @@ function ApprovalRequestNotificationTile({
               children: "Reject"
             }
           )
-        ] }) : /* @__PURE__ */ jsxs207("span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
-          /* @__PURE__ */ jsx259(ApprovalStatusTag, { status }),
-          approval.resolvedByName ? /* @__PURE__ */ jsxs207("span", { className: "truncate text-ods-text-secondary text-h6", children: [
+        ] }) : /* @__PURE__ */ jsxs208("span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
+          /* @__PURE__ */ jsx260(ApprovalStatusTag, { status }),
+          approval.resolvedByName ? /* @__PURE__ */ jsxs208("span", { className: "truncate text-ods-text-secondary text-h6", children: [
             "by ",
             approval.resolvedByName
           ] }) : null
         ] }),
-        !lockscreen && /* @__PURE__ */ jsx259(
+        !lockscreen && /* @__PURE__ */ jsx260(
           Button,
           {
             variant: "outline",
@@ -27497,11 +27574,11 @@ function ApprovalRequestNotificationTile({
             "aria-expanded": expanded,
             "aria-label": toggleLabel,
             className: "ml-auto w-6 shrink-0 px-0 md:w-8",
-            children: /* @__PURE__ */ jsx259(ExpandChevron, { expanded })
+            children: /* @__PURE__ */ jsx260(ExpandChevron, { expanded })
           }
         )
       ] }),
-      children: !lockscreen && /* @__PURE__ */ jsx259("div", { style: containerStyle, children: /* @__PURE__ */ jsx259("div", { ref: innerRef, children: /* @__PURE__ */ jsx259("div", { className: "border-t border-ods-border", children: /* @__PURE__ */ jsx259(
+      children: !lockscreen && /* @__PURE__ */ jsx260("div", { style: containerStyle, children: /* @__PURE__ */ jsx260("div", { ref: innerRef, children: /* @__PURE__ */ jsx260("div", { className: "border-t border-ods-border", children: /* @__PURE__ */ jsx260(
         ApprovalBatchMessage,
         {
           data: batchData,
@@ -27517,7 +27594,7 @@ function ApprovalRequestNotificationTile({
 
 // src/components/features/time-tracker/time-tracker-context.tsx
 import { createContext as createContext10, useCallback as useCallback25, useContext as useContext10, useState as useState73 } from "react";
-import { jsx as jsx260 } from "react/jsx-runtime";
+import { jsx as jsx261 } from "react/jsx-runtime";
 var TimeTrackerContext = createContext10(null);
 function TimeTrackerProvider({
   children,
@@ -27530,7 +27607,7 @@ function TimeTrackerProvider({
   const close = useCallback25(() => setIsOpen(false), []);
   const toggle = useCallback25(() => setIsOpen((v) => !v), []);
   const value = { ...data, isOpen, open, close, toggle };
-  return /* @__PURE__ */ jsx260(TimeTrackerContext.Provider, { value: enabled ? value : null, children });
+  return /* @__PURE__ */ jsx261(TimeTrackerContext.Provider, { value: enabled ? value : null, children });
 }
 function useTimeTracker() {
   const ctx = useContext10(TimeTrackerContext);
@@ -27570,15 +27647,15 @@ function useTrackerClock({ status, runningSince, accumulatedMs = 0 }) {
 }
 
 // src/components/features/time-tracker/time-tracker-panel.tsx
-import { jsx as jsx261, jsxs as jsxs208 } from "react/jsx-runtime";
+import { jsx as jsx262, jsxs as jsxs209 } from "react/jsx-runtime";
 function renderCustomerOption(option, isSelected) {
   const { label, imageUrl } = option;
-  return /* @__PURE__ */ jsxs208("div", { className: "flex w-full min-w-0 items-center justify-between gap-[var(--spacing-system-xs)]", children: [
-    /* @__PURE__ */ jsxs208("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xs)]", children: [
-      /* @__PURE__ */ jsx261(SquareAvatar, { src: imageUrl, alt: label, fallback: label, size: "sm", variant: "square" }),
-      /* @__PURE__ */ jsx261("span", { className: "truncate", title: label, children: label })
+  return /* @__PURE__ */ jsxs209("div", { className: "flex w-full min-w-0 items-center justify-between gap-[var(--spacing-system-xs)]", children: [
+    /* @__PURE__ */ jsxs209("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xs)]", children: [
+      /* @__PURE__ */ jsx262(SquareAvatar, { src: imageUrl, alt: label, fallback: label, size: "sm", variant: "square" }),
+      /* @__PURE__ */ jsx262("span", { className: "truncate", title: label, children: label })
     ] }),
-    isSelected && /* @__PURE__ */ jsx261(CheckIcon, { className: "text-ods-accent", size: 20 })
+    isSelected && /* @__PURE__ */ jsx262(CheckIcon, { className: "text-ods-accent", size: 20 })
   ] });
 }
 function TimeTrackerPanel({
@@ -27658,7 +27735,7 @@ function TimeTrackerPanel({
     imageUrl: c.imageUrl
   }));
   const selectedCustomer = customerAutocompleteOptions.find((o) => o.value === selectedCustomerId);
-  const customerStartAdornment = selectedCustomer ? /* @__PURE__ */ jsx261(
+  const customerStartAdornment = selectedCustomer ? /* @__PURE__ */ jsx262(
     SquareAvatar,
     {
       src: selectedCustomer.imageUrl,
@@ -27669,7 +27746,7 @@ function TimeTrackerPanel({
     }
   ) : void 0;
   const visibleEntries = lastEntries.slice(0, 3);
-  return /* @__PURE__ */ jsxs208(
+  return /* @__PURE__ */ jsxs209(
     "div",
     {
       className: cn(
@@ -27677,7 +27754,7 @@ function TimeTrackerPanel({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx261(
+        /* @__PURE__ */ jsx262(
           Button,
           {
             variant: "transparent",
@@ -27685,13 +27762,13 @@ function TimeTrackerPanel({
             onClick: onClose,
             "aria-label": "Close time tracker",
             className: "absolute right-[var(--spacing-system-sf)] top-[var(--spacing-system-sf)] hidden text-ods-text-secondary hover:text-ods-text-primary md:inline-flex [&_svg]:!size-6",
-            children: /* @__PURE__ */ jsx261(XmarkIcon, {})
+            children: /* @__PURE__ */ jsx262(XmarkIcon, {})
           }
         ),
-        /* @__PURE__ */ jsxs208("div", { className: "flex flex-col gap-[var(--spacing-system-m)]", children: [
-          /* @__PURE__ */ jsxs208("div", { className: "flex items-center gap-[var(--spacing-system-s)]", children: [
-            /* @__PURE__ */ jsx261(StatusTag, { status }),
-            isActive && /* @__PURE__ */ jsx261(
+        /* @__PURE__ */ jsxs209("div", { className: "flex flex-col gap-[var(--spacing-system-m)]", children: [
+          /* @__PURE__ */ jsxs209("div", { className: "flex items-center gap-[var(--spacing-system-s)]", children: [
+            /* @__PURE__ */ jsx262(StatusTag, { status }),
+            isActive && /* @__PURE__ */ jsx262(
               Button,
               {
                 variant: "transparent",
@@ -27701,8 +27778,8 @@ function TimeTrackerPanel({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs208("div", { className: "flex items-stretch overflow-hidden rounded-md border border-ods-border", children: [
-            /* @__PURE__ */ jsx261("div", { className: "flex flex-1 items-center border-r border-ods-border bg-ods-bg px-[var(--spacing-system-m)] py-[var(--spacing-system-s)]", children: /* @__PURE__ */ jsx261(
+          /* @__PURE__ */ jsxs209("div", { className: "flex items-stretch overflow-hidden rounded-md border border-ods-border", children: [
+            /* @__PURE__ */ jsx262("div", { className: "flex flex-1 items-center border-r border-ods-border bg-ods-bg px-[var(--spacing-system-m)] py-[var(--spacing-system-s)]", children: /* @__PURE__ */ jsx262(
               "span",
               {
                 className: cn(
@@ -27712,7 +27789,7 @@ function TimeTrackerPanel({
                 children: elapsedLabel
               }
             ) }),
-            /* @__PURE__ */ jsx261(
+            /* @__PURE__ */ jsx262(
               Button,
               {
                 size: "icon",
@@ -27721,10 +27798,10 @@ function TimeTrackerPanel({
                 disabled: isStarting,
                 "aria-label": isRunning ? "Pause tracking" : isActive ? "Resume tracking" : "Start tracking",
                 className: "h-auto w-auto rounded-none transition-none [&_svg]:!size-6",
-                children: isRunning ? /* @__PURE__ */ jsx261(PauseIcon, {}) : /* @__PURE__ */ jsx261(PlayIcon, {})
+                children: isRunning ? /* @__PURE__ */ jsx262(PauseIcon, {}) : /* @__PURE__ */ jsx262(PlayIcon, {})
               }
             ),
-            isActive && /* @__PURE__ */ jsx261(
+            isActive && /* @__PURE__ */ jsx262(
               Button,
               {
                 size: "icon",
@@ -27733,12 +27810,12 @@ function TimeTrackerPanel({
                 disabled: isSubmitting,
                 "aria-label": "Finish and save tracking",
                 className: "h-auto w-auto rounded-none border-l border-ods-border [&_svg]:!size-6",
-                children: /* @__PURE__ */ jsx261(CheckCircleIcon, {})
+                children: /* @__PURE__ */ jsx262(CheckCircleIcon, {})
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs208("div", { className: cn("grid gap-[var(--spacing-system-m)]", showCustomer && "grid-cols-2"), children: [
-            /* @__PURE__ */ jsx261(
+          /* @__PURE__ */ jsxs209("div", { className: cn("grid gap-[var(--spacing-system-m)]", showCustomer && "grid-cols-2"), children: [
+            /* @__PURE__ */ jsx262(
               Autocomplete,
               {
                 value: selectedTicketId,
@@ -27754,7 +27831,7 @@ function TimeTrackerPanel({
                 }
               }
             ),
-            showCustomer && /* @__PURE__ */ jsx261(
+            showCustomer && /* @__PURE__ */ jsx262(
               Autocomplete,
               {
                 value: selectedCustomerId ?? null,
@@ -27773,7 +27850,7 @@ function TimeTrackerPanel({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx261(
+        /* @__PURE__ */ jsx262(
           Textarea,
           {
             value: notes,
@@ -27784,30 +27861,30 @@ function TimeTrackerPanel({
             className: "max-h-[280px]"
           }
         ),
-        /* @__PURE__ */ jsxs208("div", { className: "flex flex-col gap-[var(--spacing-system-m)]", children: [
-          visibleEntries.length === 0 ? /* @__PURE__ */ jsxs208("div", { className: "flex min-h-[268px] flex-col items-center justify-center gap-[var(--spacing-system-l)] p-[var(--spacing-system-l)] text-center text-ods-text-secondary", children: [
-            /* @__PURE__ */ jsx261(ClockHistoryIcon, { className: "size-6" }),
-            /* @__PURE__ */ jsxs208("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsx261("p", { className: "font-medium text-h4", children: "No time logged" }),
-              /* @__PURE__ */ jsx261("p", { className: "text-h6", children: "Last entries will appear here" })
+        /* @__PURE__ */ jsxs209("div", { className: "flex flex-col gap-[var(--spacing-system-m)]", children: [
+          visibleEntries.length === 0 ? /* @__PURE__ */ jsxs209("div", { className: "flex min-h-[268px] flex-col items-center justify-center gap-[var(--spacing-system-l)] p-[var(--spacing-system-l)] text-center text-ods-text-secondary", children: [
+            /* @__PURE__ */ jsx262(ClockHistoryIcon, { className: "size-6" }),
+            /* @__PURE__ */ jsxs209("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx262("p", { className: "font-medium text-h4", children: "No time logged" }),
+              /* @__PURE__ */ jsx262("p", { className: "text-h6", children: "Last entries will appear here" })
             ] })
-          ] }) : /* @__PURE__ */ jsxs208("div", { className: "flex flex-col gap-[var(--spacing-system-xs)]", children: [
-            /* @__PURE__ */ jsx261("p", { className: "font-mono uppercase tracking-wide text-ods-text-secondary text-h6", children: "Last Entries" }),
-            /* @__PURE__ */ jsx261("div", { className: "overflow-hidden rounded-md border border-ods-border bg-ods-card", children: visibleEntries.map((entry) => /* @__PURE__ */ jsx261(LastEntryRow, { entry, onClick: handleEntryClick }, entry.id)) })
+          ] }) : /* @__PURE__ */ jsxs209("div", { className: "flex flex-col gap-[var(--spacing-system-xs)]", children: [
+            /* @__PURE__ */ jsx262("p", { className: "font-mono uppercase tracking-wide text-ods-text-secondary text-h6", children: "Last Entries" }),
+            /* @__PURE__ */ jsx262("div", { className: "overflow-hidden rounded-md border border-ods-border bg-ods-card", children: visibleEntries.map((entry) => /* @__PURE__ */ jsx262(LastEntryRow, { entry, onClick: handleEntryClick }, entry.id)) })
           ] }),
-          /* @__PURE__ */ jsxs208("div", { className: "grid grid-cols-2 gap-[var(--spacing-system-m)]", children: [
-            /* @__PURE__ */ jsx261(
+          /* @__PURE__ */ jsxs209("div", { className: "grid grid-cols-2 gap-[var(--spacing-system-m)]", children: [
+            /* @__PURE__ */ jsx262(
               Button,
               {
                 variant: "outline",
                 className: "min-w-0",
                 onClick: handleManualEntry,
                 disabled: !onManualEntry,
-                leftIcon: /* @__PURE__ */ jsx261(PlusCircleIcon, { className: "text-ods-text-secondary" }),
+                leftIcon: /* @__PURE__ */ jsx262(PlusCircleIcon, { className: "text-ods-text-secondary" }),
                 children: "Manual Entry"
               }
             ),
-            /* @__PURE__ */ jsx261(
+            /* @__PURE__ */ jsx262(
               SplitButton,
               {
                 variant: "outline",
@@ -27818,7 +27895,7 @@ function TimeTrackerPanel({
                 mainDisabled: !onOpenMyTime,
                 groupAriaLabel: "Open my time",
                 iconAction: {
-                  icon: /* @__PURE__ */ jsx261(ArrowRightUpIcon, { size: 24 }),
+                  icon: /* @__PURE__ */ jsx262(ArrowRightUpIcon, { size: 24 }),
                   "aria-label": "Open my time in a new view",
                   onClick: onOpenMyTimeMenu,
                   disabled: !onOpenMyTimeMenu,
@@ -27829,7 +27906,7 @@ function TimeTrackerPanel({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx261(Button, { variant: "outline", fullWidth: true, onClick: onClose, className: "md:hidden", children: "Close" })
+        /* @__PURE__ */ jsx262(Button, { variant: "outline", fullWidth: true, onClick: onClose, className: "md:hidden", children: "Close" })
       ]
     }
   );
@@ -27837,32 +27914,32 @@ function TimeTrackerPanel({
 var STATUS_TAG_SKIN = "gap-[var(--spacing-system-xs)] font-mono font-medium uppercase tracking-tight";
 function StatusTag({ status }) {
   if (status === "tracking") {
-    return /* @__PURE__ */ jsx261(
+    return /* @__PURE__ */ jsx262(
       Tag,
       {
         variant: "success",
         className: STATUS_TAG_SKIN,
-        icon: /* @__PURE__ */ jsx261(DotsLoaderIcon, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ jsx262(DotsLoaderIcon, { className: "h-4 w-4" }),
         label: "Tracking"
       }
     );
   }
   if (status === "paused") {
-    return /* @__PURE__ */ jsx261(Tag, { variant: "warning", className: STATUS_TAG_SKIN, icon: /* @__PURE__ */ jsx261(PauseIcon, { className: "h-4 w-4" }), label: "Paused" });
+    return /* @__PURE__ */ jsx262(Tag, { variant: "warning", className: STATUS_TAG_SKIN, icon: /* @__PURE__ */ jsx262(PauseIcon, { className: "h-4 w-4" }), label: "Paused" });
   }
-  return /* @__PURE__ */ jsx261(Tag, { variant: "grey", className: STATUS_TAG_SKIN, label: "Ready to Track" });
+  return /* @__PURE__ */ jsx262(Tag, { variant: "grey", className: STATUS_TAG_SKIN, label: "Ready to Track" });
 }
 function LastEntryRow({ entry, onClick }) {
-  return /* @__PURE__ */ jsxs208("div", { className: "flex items-center gap-[var(--spacing-system-m)] border-b border-ods-border bg-ods-bg px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] last:border-b-0", children: [
-    /* @__PURE__ */ jsxs208("div", { className: "flex w-[88px] shrink-0 flex-col justify-center", children: [
-      /* @__PURE__ */ jsx261("span", { className: "truncate font-medium text-ods-text-primary text-h4", children: entry.durationLabel }),
-      /* @__PURE__ */ jsx261("span", { className: "truncate text-ods-text-secondary text-h6", children: entry.dateLabel })
+  return /* @__PURE__ */ jsxs209("div", { className: "flex items-center gap-[var(--spacing-system-m)] border-b border-ods-border bg-ods-bg px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] last:border-b-0", children: [
+    /* @__PURE__ */ jsxs209("div", { className: "flex w-[88px] shrink-0 flex-col justify-center", children: [
+      /* @__PURE__ */ jsx262("span", { className: "truncate font-medium text-ods-text-primary text-h4", children: entry.durationLabel }),
+      /* @__PURE__ */ jsx262("span", { className: "truncate text-ods-text-secondary text-h6", children: entry.dateLabel })
     ] }),
-    /* @__PURE__ */ jsxs208("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
-      /* @__PURE__ */ jsx261("span", { className: "truncate font-medium text-ods-text-primary text-h4", children: entry.title }),
-      entry.description && /* @__PURE__ */ jsx261("span", { className: "truncate text-ods-text-secondary text-h6", children: entry.description })
+    /* @__PURE__ */ jsxs209("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
+      /* @__PURE__ */ jsx262("span", { className: "truncate font-medium text-ods-text-primary text-h4", children: entry.title }),
+      entry.description && /* @__PURE__ */ jsx262("span", { className: "truncate text-ods-text-secondary text-h6", children: entry.description })
     ] }),
-    /* @__PURE__ */ jsx261(
+    /* @__PURE__ */ jsx262(
       Button,
       {
         variant: "outline",
@@ -27871,7 +27948,7 @@ function LastEntryRow({ entry, onClick }) {
         disabled: !onClick,
         "aria-label": `Open entry: ${entry.title}`,
         className: "h-12 w-12 shrink-0 [&_svg]:!size-6",
-        children: /* @__PURE__ */ jsx261(Chevron02RightIcon, {})
+        children: /* @__PURE__ */ jsx262(Chevron02RightIcon, {})
       }
     )
   ] });
@@ -27882,9 +27959,9 @@ import * as PopoverPrimitive7 from "@radix-ui/react-popover";
 import { useEffect as useEffect44, useRef as useRef38, useState as useState76 } from "react";
 
 // src/components/navigation/unread-dot.tsx
-import { jsx as jsx262 } from "react/jsx-runtime";
+import { jsx as jsx263 } from "react/jsx-runtime";
 function UnreadDot({ size = "responsive", className }) {
-  return /* @__PURE__ */ jsx262(
+  return /* @__PURE__ */ jsx263(
     "span",
     {
       className: cn(
@@ -27897,7 +27974,7 @@ function UnreadDot({ size = "responsive", className }) {
 }
 function UnreadCountBadge({ count, className }) {
   if (count <= 0) return null;
-  return /* @__PURE__ */ jsx262(
+  return /* @__PURE__ */ jsx263(
     "span",
     {
       className: cn(
@@ -27912,7 +27989,7 @@ function UnreadCountBadge({ count, className }) {
 }
 
 // src/components/navigation/header-button.tsx
-import { jsx as jsx263, jsxs as jsxs209 } from "react/jsx-runtime";
+import { jsx as jsx264, jsxs as jsxs210 } from "react/jsx-runtime";
 function HeaderButton({
   isActive = false,
   icon,
@@ -27920,7 +27997,7 @@ function HeaderButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx263(
+  return /* @__PURE__ */ jsx264(
     "button",
     {
       className: cn(
@@ -27938,16 +28015,16 @@ function HeaderButton({
         className
       ),
       ...props,
-      children: showUnreadDot ? /* @__PURE__ */ jsxs209("span", { className: "relative inline-flex", children: [
+      children: showUnreadDot ? /* @__PURE__ */ jsxs210("span", { className: "relative inline-flex", children: [
         icon,
-        /* @__PURE__ */ jsx263(UnreadDot, {})
+        /* @__PURE__ */ jsx264(UnreadDot, {})
       ] }) : icon
     }
   );
 }
 
 // src/components/features/time-tracker/time-tracker-header-button.tsx
-import { Fragment as Fragment46, jsx as jsx264, jsxs as jsxs210 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx265, jsxs as jsxs211 } from "react/jsx-runtime";
 function TimeTrackerHeaderButton({ className, disabled }) {
   const ctx = useOptionalTimeTracker();
   const elapsedLabel = useTrackerClock({
@@ -27977,8 +28054,8 @@ function TimeTrackerHeaderButton({ className, disabled }) {
   const { open, close, status } = ctx;
   const isPaused = status === "paused";
   const isActive = status === "tracking" || isPaused;
-  return /* @__PURE__ */ jsxs210(PopoverPrimitive7.Root, { open: isOpen, onOpenChange: (next) => next ? open() : close(), children: [
-    /* @__PURE__ */ jsx264(PopoverPrimitive7.Trigger, { asChild: true, children: /* @__PURE__ */ jsx264(
+  return /* @__PURE__ */ jsxs211(PopoverPrimitive7.Root, { open: isOpen, onOpenChange: (next) => next ? open() : close(), children: [
+    /* @__PURE__ */ jsx265(PopoverPrimitive7.Trigger, { asChild: true, children: /* @__PURE__ */ jsx265(
       HeaderButton,
       {
         "aria-label": "Time tracker",
@@ -27992,14 +28069,14 @@ function TimeTrackerHeaderButton({ className, disabled }) {
           isActive && "md:w-auto md:min-w-[144px] md:justify-center md:gap-[var(--spacing-system-xsf)] md:px-[var(--spacing-system-sf)]",
           className
         ),
-        icon: /* @__PURE__ */ jsxs210(Fragment46, { children: [
-          /* @__PURE__ */ jsx264(
+        icon: /* @__PURE__ */ jsxs211(Fragment46, { children: [
+          /* @__PURE__ */ jsx265(
             ClockHistoryIcon,
             {
               className: cn("h-6 w-6", isPaused ? "text-ods-text-secondary" : isActive && "text-ods-accent")
             }
           ),
-          isActive && /* @__PURE__ */ jsx264(
+          isActive && /* @__PURE__ */ jsx265(
             "span",
             {
               className: cn(
@@ -28012,7 +28089,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsx264(PopoverPrimitive7.Portal, { container: layoutContainer ?? void 0, children: /* @__PURE__ */ jsx264(
+    /* @__PURE__ */ jsx265(PopoverPrimitive7.Portal, { container: layoutContainer ?? void 0, children: /* @__PURE__ */ jsx265(
       "div",
       {
         "aria-hidden": "true",
@@ -28025,7 +28102,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
         )
       }
     ) }),
-    /* @__PURE__ */ jsx264(PopoverPrimitive7.Portal, { children: /* @__PURE__ */ jsx264(
+    /* @__PURE__ */ jsx265(PopoverPrimitive7.Portal, { children: /* @__PURE__ */ jsx265(
       PopoverPrimitive7.Content,
       {
         align: "end",
@@ -28037,7 +28114,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
           "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95"
         ),
-        children: /* @__PURE__ */ jsx264(TimeTrackerPanel, { ...ctx, onClose: close })
+        children: /* @__PURE__ */ jsx265(TimeTrackerPanel, { ...ctx, onClose: close })
       }
     ) })
   ] });
@@ -28060,11 +28137,11 @@ function matchesDeviceName(device, search = "") {
 
 // src/components/features/devices/devices-view-config.tsx
 import { createContext as createContext11, useContext as useContext11 } from "react";
-import { jsx as jsx265 } from "react/jsx-runtime";
+import { jsx as jsx266 } from "react/jsx-runtime";
 var EMPTY_CONFIG = {};
 var DevicesViewConfigContext = createContext11(EMPTY_CONFIG);
 function DevicesViewConfigProvider({ value, children }) {
-  return /* @__PURE__ */ jsx265(DevicesViewConfigContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx266(DevicesViewConfigContext.Provider, { value, children });
 }
 function useDevicesViewConfig() {
   return useContext11(DevicesViewConfigContext);
@@ -28075,7 +28152,7 @@ function useDeviceImageUrl(imageUrl, hash) {
 }
 
 // src/components/features/devices/device-selector/device-selection-mode-radio.tsx
-import { jsx as jsx266 } from "react/jsx-runtime";
+import { jsx as jsx267 } from "react/jsx-runtime";
 var SPECIFIC_MODE_OPTION = {
   value: "specific",
   label: "Select Specific Devices",
@@ -28089,7 +28166,7 @@ var SELECTION_MODE_OPTIONS = [
     label: "Select Devices by Criteria",
     description: CRITERIA_MODE_DESCRIPTION,
     disabled: true,
-    trailing: /* @__PURE__ */ jsx266(Tag, { label: "Coming Soon", variant: "grey" })
+    trailing: /* @__PURE__ */ jsx267(Tag, { label: "Coming Soon", variant: "grey" })
   }
 ];
 var SELECTION_MODE_OPTIONS_ENABLED = [
@@ -28106,7 +28183,7 @@ function DeviceSelectionModeRadio({ value, onChange, disabled }) {
   const allOptions = isControlled ? SELECTION_MODE_OPTIONS_ENABLED : SELECTION_MODE_OPTIONS;
   const options = isMobile ? allOptions.filter((option) => !option.disabled) : allOptions;
   if (options.length < 2) return null;
-  return /* @__PURE__ */ jsx266(
+  return /* @__PURE__ */ jsx267(
     RadioGroupBlock,
     {
       name: "selectionMode",
@@ -28245,54 +28322,54 @@ var DEVICE_ENRICHMENT_FILTER = { statuses: [...DEVICE_ENRICHMENT_STATUSES] };
 var HIDDEN_DEVICE_STATUSES = [DEVICE_STATUS.ARCHIVED, DEVICE_STATUS.DELETED];
 
 // src/components/features/devices/device-type-icon.tsx
-import { jsx as jsx267 } from "react/jsx-runtime";
+import { jsx as jsx268 } from "react/jsx-runtime";
 var DEFAULT_CLASS_NAME = "w-6 h-6 text-ods-text-secondary";
 function renderDeviceTypeIcon(type, className = DEFAULT_CLASS_NAME) {
   switch (type?.toLowerCase()) {
     case "desktop":
-      return /* @__PURE__ */ jsx267(MonitorIcon, { className });
+      return /* @__PURE__ */ jsx268(MonitorIcon, { className });
     case "laptop":
-      return /* @__PURE__ */ jsx267(LaptopIcon, { className });
+      return /* @__PURE__ */ jsx268(LaptopIcon, { className });
     case "server":
-      return /* @__PURE__ */ jsx267(HardDrivesIcon, { className });
+      return /* @__PURE__ */ jsx268(HardDrivesIcon, { className });
     case "mobile":
-      return /* @__PURE__ */ jsx267(MobilePhoneIcon, { className });
+      return /* @__PURE__ */ jsx268(MobilePhoneIcon, { className });
     case "tablet":
-      return /* @__PURE__ */ jsx267(TabletIcon, { className });
+      return /* @__PURE__ */ jsx268(TabletIcon, { className });
     default:
       return void 0;
   }
 }
 
 // src/components/features/devices/device-type-tile.tsx
-import { jsx as jsx268 } from "react/jsx-runtime";
+import { jsx as jsx269 } from "react/jsx-runtime";
 var ICON_CLASS = "size-4 text-ods-text-secondary";
 function DeviceTypeTile({ type }) {
-  return /* @__PURE__ */ jsx268("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-[6px] border border-ods-border bg-ods-card", children: renderDeviceTypeIcon(type ?? void 0, ICON_CLASS) ?? /* @__PURE__ */ jsx268(MonitorIcon, { className: ICON_CLASS }) });
+  return /* @__PURE__ */ jsx269("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-[6px] border border-ods-border bg-ods-card", children: renderDeviceTypeIcon(type ?? void 0, ICON_CLASS) ?? /* @__PURE__ */ jsx269(MonitorIcon, { className: ICON_CLASS }) });
 }
 
 // src/components/features/devices/device-tags-filter-button.tsx
-import { Fragment as Fragment47, jsx as jsx269, jsxs as jsxs211 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx270, jsxs as jsxs212 } from "react/jsx-runtime";
 function DeviceTagsFilterButton({ onClick }) {
-  return /* @__PURE__ */ jsxs211(Fragment47, { children: [
-    /* @__PURE__ */ jsx269(
+  return /* @__PURE__ */ jsxs212(Fragment47, { children: [
+    /* @__PURE__ */ jsx270(
       Button,
       {
         variant: "outline",
         onClick,
-        leftIcon: /* @__PURE__ */ jsx269(Filter02Icon, { className: "text-ods-text-secondary" }),
+        leftIcon: /* @__PURE__ */ jsx270(Filter02Icon, { className: "text-ods-text-secondary" }),
         className: "hidden shrink-0 content-md:inline-flex",
         children: "Device Tags"
       }
     ),
-    /* @__PURE__ */ jsx269(
+    /* @__PURE__ */ jsx270(
       Button,
       {
         variant: "outline",
         size: "icon",
         "aria-label": "Device Tags",
         onClick,
-        leftIcon: /* @__PURE__ */ jsx269(Filter02Icon, { className: "text-ods-text-primary" }),
+        leftIcon: /* @__PURE__ */ jsx270(Filter02Icon, { className: "text-ods-text-primary" }),
         className: "shrink-0 content-md:hidden"
       }
     )
@@ -28300,7 +28377,7 @@ function DeviceTagsFilterButton({ onClick }) {
 }
 
 // src/components/features/devices/devices-filter-toolbar.tsx
-import { Fragment as Fragment48, jsx as jsx270, jsxs as jsxs212 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx271, jsxs as jsxs213 } from "react/jsx-runtime";
 function DevicesFilterToolbar({
   searchValue,
   onSearchChange,
@@ -28321,8 +28398,8 @@ function DevicesFilterToolbar({
   sticky = true,
   toolbarRef
 }) {
-  return /* @__PURE__ */ jsxs212(Fragment48, { children: [
-    /* @__PURE__ */ jsxs212(
+  return /* @__PURE__ */ jsxs213(Fragment48, { children: [
+    /* @__PURE__ */ jsxs213(
       "div",
       {
         ref: toolbarRef,
@@ -28331,7 +28408,7 @@ function DevicesFilterToolbar({
           sticky && "sticky top-0 z-20 -mx-[var(--spacing-system-l)] -mt-[var(--spacing-system-l)] bg-ods-bg p-[var(--spacing-system-l)]"
         ),
         children: [
-          /* @__PURE__ */ jsx270("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx270(
+          /* @__PURE__ */ jsx271("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx271(
             TagSearchInput,
             {
               tags,
@@ -28344,11 +28421,11 @@ function DevicesFilterToolbar({
               addMorePlaceholder: "Add More..."
             }
           ) }),
-          /* @__PURE__ */ jsx270(DeviceTagsFilterButton, { onClick: onOpenFilterModal })
+          /* @__PURE__ */ jsx271(DeviceTagsFilterButton, { onClick: onOpenFilterModal })
         ]
       }
     ),
-    /* @__PURE__ */ jsx270(
+    /* @__PURE__ */ jsx271(
       FilterModal,
       {
         isOpen: isFilterModalOpen,
@@ -28368,7 +28445,7 @@ function DevicesFilterToolbar({
 
 // src/components/features/devices/devices-table-columns.tsx
 import { useMemo as useMemo26 } from "react";
-import { jsx as jsx271, jsxs as jsxs213 } from "react/jsx-runtime";
+import { jsx as jsx272, jsxs as jsxs214 } from "react/jsx-runtime";
 function formatDateTime(input) {
   const date = formatDate2(input);
   return date === "\u2014" ? date : `${date} ${formatTime(input)}`;
@@ -28383,7 +28460,7 @@ function uniqueById(options) {
 function getDeviceActionsColumn(renderRowActions) {
   return {
     id: "actions",
-    cell: renderRowActions ? ({ row }) => /* @__PURE__ */ jsx271("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end gap-2", children: renderRowActions(row.original) }) : () => null,
+    cell: renderRowActions ? ({ row }) => /* @__PURE__ */ jsx272("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end gap-2", children: renderRowActions(row.original) }) : () => null,
     enableSorting: false,
     meta: { width: "w-12 shrink-0 flex-none", align: "right" }
   };
@@ -28395,13 +28472,13 @@ function OpenDeviceButton({ device }) {
     event.preventDefault();
     if (href) window.open(href, "_blank", "noopener,noreferrer");
   };
-  return /* @__PURE__ */ jsx271("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx271(
+  return /* @__PURE__ */ jsx272("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx272(
     Button,
     {
       onClick: open,
       variant: "outline",
       size: "icon",
-      leftIcon: /* @__PURE__ */ jsx271(ArrowRightUpIcon, { className: "h-5 w-5" }),
+      leftIcon: /* @__PURE__ */ jsx272(ArrowRightUpIcon, { className: "h-5 w-5" }),
       "aria-label": "Open in new tab",
       className: "bg-ods-card"
     }
@@ -28410,7 +28487,7 @@ function OpenDeviceButton({ device }) {
 function getDeviceOpenColumn() {
   return {
     id: "open",
-    cell: ({ row }) => /* @__PURE__ */ jsx271(OpenDeviceButton, { device: row.original }),
+    cell: ({ row }) => /* @__PURE__ */ jsx272(OpenDeviceButton, { device: row.original }),
     enableSorting: false,
     meta: { width: "w-12 shrink-0 flex-none", hideAt: "md", align: "right" }
   };
@@ -28450,16 +28527,16 @@ function DevicesTableBody({
     state: columnFilters !== void 0 ? { columnFilters } : void 0,
     onColumnFiltersChange
   });
-  return /* @__PURE__ */ jsxs213(DataTable, { table, children: [
-    showHeader && /* @__PURE__ */ jsx271(
+  return /* @__PURE__ */ jsxs214(DataTable, { table, children: [
+    showHeader && /* @__PURE__ */ jsx272(
       DataTable.Header,
       {
         stickyHeader: !!stickyHeaderOffset,
         stickyHeaderOffset,
-        rightSlot: /* @__PURE__ */ jsx271(DataTable.RowCount, { itemName: "device", totalCount })
+        rightSlot: /* @__PURE__ */ jsx272(DataTable.RowCount, { itemName: "device", totalCount })
       }
     ),
-    /* @__PURE__ */ jsx271(
+    /* @__PURE__ */ jsx272(
       DataTable.Body,
       {
         loading: isLoading,
@@ -28475,9 +28552,9 @@ function DevicesTableBody({
 }
 function OrganizationCell({ device }) {
   const fullImageUrl = useDeviceImageUrl(device.organizationImageUrl, device.organizationImageHash);
-  return /* @__PURE__ */ jsxs213("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsx271(EntityImage, { src: fullImageUrl, alt: device.organization || "Customer", className: "size-12 content-md:size-12" }),
-    /* @__PURE__ */ jsx271("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: /* @__PURE__ */ jsx271("span", { className: "break-words text-ods-text-primary text-h4", children: device.organization || "" }) })
+  return /* @__PURE__ */ jsxs214("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx272(EntityImage, { src: fullImageUrl, alt: device.organization || "Customer", className: "size-12 content-md:size-12" }),
+    /* @__PURE__ */ jsx272("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: /* @__PURE__ */ jsx272("span", { className: "break-words text-ods-text-primary text-h4", children: device.organization || "" }) })
   ] });
 }
 function buildDeviceFilterOptions(deviceFilters) {
@@ -28518,9 +28595,9 @@ function getDeviceTableColumns(deviceFilters, filtersPending) {
       header: "DEVICE",
       cell: ({ row }) => {
         const device = row.original;
-        return /* @__PURE__ */ jsxs213("div", { className: "relative box-border flex h-20 w-full shrink-0 content-stretch items-center justify-start gap-4 py-0", children: [
-          /* @__PURE__ */ jsx271(DeviceTypeTile, { type: device.type }),
-          /* @__PURE__ */ jsx271("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx271(TruncateText, { children: getDeviceName(device) }) })
+        return /* @__PURE__ */ jsxs214("div", { className: "relative box-border flex h-20 w-full shrink-0 content-stretch items-center justify-start gap-4 py-0", children: [
+          /* @__PURE__ */ jsx272(DeviceTypeTile, { type: device.type }),
+          /* @__PURE__ */ jsx272("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx272(TruncateText, { children: getDeviceName(device) }) })
         ] });
       },
       meta: { width: "flex-1 content-md:w-1/4" }
@@ -28532,9 +28609,9 @@ function getDeviceTableColumns(deviceFilters, filtersPending) {
       cell: ({ row }) => {
         const device = row.original;
         const statusConfig2 = getDeviceStatusConfig(device.status);
-        return /* @__PURE__ */ jsxs213("div", { className: "flex shrink-0 flex-col items-start gap-1", children: [
-          /* @__PURE__ */ jsx271("div", { className: "inline-flex", children: /* @__PURE__ */ jsx271(Tag, { label: statusConfig2.label, variant: statusConfig2.variant }) }),
-          /* @__PURE__ */ jsx271("span", { className: "hidden text-ods-text-secondary text-h6 content-md:flex", children: device.last_seen ? formatDateTime(device.last_seen) : "Never" })
+        return /* @__PURE__ */ jsxs214("div", { className: "flex shrink-0 flex-col items-start gap-1", children: [
+          /* @__PURE__ */ jsx272("div", { className: "inline-flex", children: /* @__PURE__ */ jsx272(Tag, { label: statusConfig2.label, variant: statusConfig2.variant }) }),
+          /* @__PURE__ */ jsx272("span", { className: "hidden text-ods-text-secondary text-h6 content-md:flex", children: device.last_seen ? formatDateTime(device.last_seen) : "Never" })
         ] });
       },
       meta: {
@@ -28551,7 +28628,7 @@ function getDeviceTableColumns(deviceFilters, filtersPending) {
       accessorKey: "os",
       id: "os",
       header: "OS",
-      cell: ({ row }) => /* @__PURE__ */ jsx271(OSTypeBadge, { osType: row.original.osType, iconSize: "w-4 h-4 content-md:w-6 content-md:h-6" }),
+      cell: ({ row }) => /* @__PURE__ */ jsx272(OSTypeBadge, { osType: row.original.osType, iconSize: "w-4 h-4 content-md:w-6 content-md:h-6" }),
       meta: {
         width: "w-[200px] content-md:w-1/6",
         hideAt: "md",
@@ -28562,7 +28639,7 @@ function getDeviceTableColumns(deviceFilters, filtersPending) {
       accessorKey: "organization",
       id: "organization",
       header: "CUSTOMER",
-      cell: ({ row }) => /* @__PURE__ */ jsx271(OrganizationCell, { device: row.original }),
+      cell: ({ row }) => /* @__PURE__ */ jsx272(OrganizationCell, { device: row.original }),
       meta: {
         width: "w-1/6",
         hideAt: "lg",
@@ -28682,15 +28759,15 @@ function useDeviceSelector({
 }
 
 // src/components/features/devices/device-selector/device-selector.tsx
-import { Fragment as Fragment49, jsx as jsx272, jsxs as jsxs214 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx273, jsxs as jsxs215 } from "react/jsx-runtime";
 var EMPTY_SET = /* @__PURE__ */ new Set();
 var NOOP = () => {
 };
 var DEFAULT_GET_DEVICE_KEY = (d) => d.machineId || d.id;
 function CustomerCell({ device }) {
   const fullImageUrl = useDeviceImageUrl(device.organizationImageUrl, device.organizationImageHash);
-  return /* @__PURE__ */ jsxs214("div", { className: "flex min-w-0 items-center gap-3", children: [
-    /* @__PURE__ */ jsx272(
+  return /* @__PURE__ */ jsxs215("div", { className: "flex min-w-0 items-center gap-3", children: [
+    /* @__PURE__ */ jsx273(
       EntityImage,
       {
         src: fullImageUrl,
@@ -28698,9 +28775,9 @@ function CustomerCell({ device }) {
         className: "size-10 shrink-0 content-md:size-10"
       }
     ),
-    /* @__PURE__ */ jsxs214("div", { className: "flex min-w-0 flex-col justify-center", children: [
-      /* @__PURE__ */ jsx272(TruncateText, { children: device.organization || "" }),
-      device.organizationEmail && /* @__PURE__ */ jsx272(TruncateText, { variant: "h6", tone: "secondary", children: device.organizationEmail })
+    /* @__PURE__ */ jsxs215("div", { className: "flex min-w-0 flex-col justify-center", children: [
+      /* @__PURE__ */ jsx273(TruncateText, { children: device.organization || "" }),
+      device.organizationEmail && /* @__PURE__ */ jsx273(TruncateText, { variant: "h6", tone: "secondary", children: device.organizationEmail })
     ] })
   ] });
 }
@@ -28991,11 +29068,11 @@ function DeviceSelector({
         cell: ({ row }) => {
           const device = row.original;
           const lastSeen = device.last_seen || device.lastSeen;
-          return /* @__PURE__ */ jsxs214("div", { className: "flex h-20 items-center gap-3", children: [
-            /* @__PURE__ */ jsx272(DeviceTypeTile, { type: device.type }),
-            /* @__PURE__ */ jsxs214("div", { className: "flex min-w-0 flex-col", children: [
-              /* @__PURE__ */ jsx272(TruncateText, { children: getDeviceName(device) }),
-              /* @__PURE__ */ jsx272(TruncateText, { variant: "h6", tone: "secondary", children: formatLastOnline(lastSeen) })
+          return /* @__PURE__ */ jsxs215("div", { className: "flex h-20 items-center gap-3", children: [
+            /* @__PURE__ */ jsx273(DeviceTypeTile, { type: device.type }),
+            /* @__PURE__ */ jsxs215("div", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ jsx273(TruncateText, { children: getDeviceName(device) }),
+              /* @__PURE__ */ jsx273(TruncateText, { variant: "h6", tone: "secondary", children: formatLastOnline(lastSeen) })
             ] })
           ] });
         },
@@ -29005,7 +29082,7 @@ function DeviceSelector({
         id: "organization",
         accessorKey: "organization",
         header: "CUSTOMER",
-        cell: ({ row }) => /* @__PURE__ */ jsx272(CustomerCell, { device: row.original }),
+        cell: ({ row }) => /* @__PURE__ */ jsx273(CustomerCell, { device: row.original }),
         enableSorting: false,
         meta: {
           width: "w-[320px]",
@@ -29017,7 +29094,7 @@ function DeviceSelector({
         id: "os",
         accessorKey: "os",
         header: "OS",
-        cell: ({ row }) => /* @__PURE__ */ jsx272(OSTypeBadge, { osType: row.original.osType, iconSize: "w-4 h-4 content-md:w-6 content-md:h-6" }),
+        cell: ({ row }) => /* @__PURE__ */ jsx273(OSTypeBadge, { osType: row.original.osType, iconSize: "w-4 h-4 content-md:w-6 content-md:h-6" }),
         enableSorting: false,
         meta: {
           width: "w-[200px] content-md:w-1/6",
@@ -29030,7 +29107,7 @@ function DeviceSelector({
         header: "STATUS",
         cell: ({ row }) => {
           const config = getDeviceStatusConfig(row.original.status);
-          return /* @__PURE__ */ jsx272(Tag, { label: config.label, variant: config.variant, className: "w-min" });
+          return /* @__PURE__ */ jsx273(Tag, { label: config.label, variant: config.variant, className: "w-min" });
         },
         enableSorting: false,
         meta: {
@@ -29044,14 +29121,14 @@ function DeviceSelector({
           const device = row.original;
           const disabledReason = isDeviceDisabled?.(device);
           if (disabledReason) {
-            return /* @__PURE__ */ jsxs214("div", { "data-no-row-click": true, className: "pointer-events-auto flex w-full items-center justify-end gap-2", children: [
-              /* @__PURE__ */ jsx272("span", { className: "whitespace-pre-line text-right text-ods-text-secondary text-h6 content-max-md:hidden", children: disabledReason }),
-              /* @__PURE__ */ jsx272(
+            return /* @__PURE__ */ jsxs215("div", { "data-no-row-click": true, className: "pointer-events-auto flex w-full items-center justify-end gap-2", children: [
+              /* @__PURE__ */ jsx273("span", { className: "whitespace-pre-line text-right text-ods-text-secondary text-h6 content-max-md:hidden", children: disabledReason }),
+              /* @__PURE__ */ jsx273(
                 Button,
                 {
                   variant: "outline",
                   size: "icon",
-                  leftIcon: /* @__PURE__ */ jsx272(PlusCircleIcon, { size: 24 }),
+                  leftIcon: /* @__PURE__ */ jsx273(PlusCircleIcon, { size: 24 }),
                   className: "shrink-0 text-ods-text-secondary",
                   disabled: true
                 }
@@ -29062,25 +29139,25 @@ function DeviceSelector({
           if (key === void 0) return null;
           const isSelected = selectedIds.has(key);
           if (activeSubTab === "selected") {
-            return /* @__PURE__ */ jsx272("div", { "data-no-row-click": true, className: "pointer-events-auto flex w-full items-center justify-end", children: /* @__PURE__ */ jsx272(
+            return /* @__PURE__ */ jsx273("div", { "data-no-row-click": true, className: "pointer-events-auto flex w-full items-center justify-end", children: /* @__PURE__ */ jsx273(
               Button,
               {
                 variant: "outline",
                 size: "icon",
                 onClick: () => toggleDevice(device),
-                leftIcon: /* @__PURE__ */ jsx272(TrashIcon, { size: 24 }),
+                leftIcon: /* @__PURE__ */ jsx273(TrashIcon, { size: 24 }),
                 className: "text-ods-error hover:opacity-80",
                 disabled
               }
             ) });
           }
-          return /* @__PURE__ */ jsx272("div", { "data-no-row-click": true, className: "pointer-events-auto flex w-full items-center justify-end", children: /* @__PURE__ */ jsx272(
+          return /* @__PURE__ */ jsx273("div", { "data-no-row-click": true, className: "pointer-events-auto flex w-full items-center justify-end", children: /* @__PURE__ */ jsx273(
             Button,
             {
               variant: "outline",
               size: "icon",
               onClick: () => toggleDevice(device),
-              leftIcon: isSelected ? /* @__PURE__ */ jsx272(CheckCircleIcon, { size: 24 }) : /* @__PURE__ */ jsx272(PlusCircleIcon, { size: 24 }),
+              leftIcon: isSelected ? /* @__PURE__ */ jsx273(CheckCircleIcon, { size: 24 }) : /* @__PURE__ */ jsx273(PlusCircleIcon, { size: 24 }),
               className: isSelected ? "border-ods-accent bg-ods-open-yellow-secondary text-ods-accent hover:border-ods-accent hover:bg-ods-open-yellow-secondary" : "text-ods-text-secondary hover:text-ods-text-primary",
               disabled
             }
@@ -29144,7 +29221,7 @@ function DeviceSelector({
     [selectedCount, singleSelect]
   );
   const availableInfiniteScroll = activeSubTab === "available" ? infiniteScroll : void 0;
-  const bulkAction = singleSelect || isCriteria ? null : activeSubTab === "available" ? /* @__PURE__ */ jsx272(
+  const bulkAction = singleSelect || isCriteria ? null : activeSubTab === "available" ? /* @__PURE__ */ jsx273(
     "button",
     {
       type: "button",
@@ -29153,7 +29230,7 @@ function DeviceSelector({
       className: "cursor-pointer border-0 bg-transparent text-ods-accent underline text-h6 hover:text-ods-accent-hover disabled:cursor-not-allowed disabled:opacity-50",
       children: "Add All Devices"
     }
-  ) : selectedCount > 0 ? /* @__PURE__ */ jsxs214(
+  ) : selectedCount > 0 ? /* @__PURE__ */ jsxs215(
     "button",
     {
       type: "button",
@@ -29169,14 +29246,14 @@ function DeviceSelector({
   ) : null;
   const hasActiveFilter = columnFilters.length > 0 || selectedTags.length > 0 || searchTerm.trim().length > 0;
   const showHeader = isCriteria || loading || devicesForTable.length > 0 || hasActiveFilter;
-  const deviceTable = /* @__PURE__ */ jsxs214(DataTable, { table, children: [
-    showHeader && /* @__PURE__ */ jsx272(
+  const deviceTable = /* @__PURE__ */ jsxs215(DataTable, { table, children: [
+    showHeader && /* @__PURE__ */ jsx273(
       DataTable.Header,
       {
-        rightSlot: bulkAction ?? /* @__PURE__ */ jsx272(DataTable.RowCount, { itemName: "device", totalCount: totalCount ?? server?.totalCount })
+        rightSlot: bulkAction ?? /* @__PURE__ */ jsx273(DataTable.RowCount, { itemName: "device", totalCount: totalCount ?? server?.totalCount })
       }
     ),
-    /* @__PURE__ */ jsx272(
+    /* @__PURE__ */ jsx273(
       DataTable.Body,
       {
         loading,
@@ -29185,7 +29262,7 @@ function DeviceSelector({
         rowClassName
       }
     ),
-    availableInfiniteScroll && /* @__PURE__ */ jsx272(
+    availableInfiniteScroll && /* @__PURE__ */ jsx273(
       DataTable.InfiniteFooter,
       {
         hasNextPage: availableInfiniteScroll.hasNextPage,
@@ -29199,10 +29276,10 @@ function DeviceSelector({
     // The page-level stack (info bar → mode picker → the picker card) uses
     // `--spacing-system-l`, the token every other stacked page surface in the app
     // separates its blocks with (16px mobile / 24px desktop).
-    /* @__PURE__ */ jsxs214("div", { className: "flex flex-col gap-[var(--spacing-system-l)]", children: [
+    /* @__PURE__ */ jsxs215("div", { className: "flex flex-col gap-[var(--spacing-system-l)]", children: [
       headerContent,
-      showSelectionModeRadio && /* @__PURE__ */ jsx272(DeviceSelectionModeRadio, { value: selectionMode, onChange: onSelectionModeChange, disabled }),
-      isCriteria ? /* @__PURE__ */ jsxs214(Fragment49, { children: [
+      showSelectionModeRadio && /* @__PURE__ */ jsx273(DeviceSelectionModeRadio, { value: selectionMode, onChange: onSelectionModeChange, disabled }),
+      isCriteria ? /* @__PURE__ */ jsxs215(Fragment49, { children: [
         criteriaContent,
         deviceTable
       ] }) : (
@@ -29214,8 +29291,8 @@ function DeviceSelector({
            absolutely positioned INSIDE this box rather than portaled, so clipping
            it would cut them off whenever the table is short. The tab strip clips
            its own corners instead: it is the only child that reaches the radius. */
-        /* @__PURE__ */ jsxs214("div", { className: "flex flex-col rounded-[6px] border border-ods-border bg-ods-bg", children: [
-          !singleSelect && /* @__PURE__ */ jsx272(
+        /* @__PURE__ */ jsxs215("div", { className: "flex flex-col rounded-[6px] border border-ods-border bg-ods-bg", children: [
+          !singleSelect && /* @__PURE__ */ jsx273(
             TabNavigation,
             {
               tabs: assignTabs,
@@ -29224,8 +29301,8 @@ function DeviceSelector({
               className: "overflow-clip rounded-t-[6px]"
             }
           ),
-          /* @__PURE__ */ jsxs214("div", { className: "flex flex-col gap-[var(--spacing-system-m)] p-[var(--spacing-system-m)]", children: [
-            showToolbar && /* @__PURE__ */ jsx272(
+          /* @__PURE__ */ jsxs215("div", { className: "flex flex-col gap-[var(--spacing-system-m)] p-[var(--spacing-system-m)]", children: [
+            showToolbar && /* @__PURE__ */ jsx273(
               DevicesFilterToolbar,
               {
                 sticky: false,
@@ -29255,10 +29332,10 @@ function DeviceSelector({
 }
 
 // src/components/features/devices/device-selector/device-selector-skeleton.tsx
-import { jsx as jsx273 } from "react/jsx-runtime";
+import { jsx as jsx274 } from "react/jsx-runtime";
 var NO_DEVICES = [];
 function DeviceSelectorSkeleton(props) {
-  return /* @__PURE__ */ jsx273(DeviceSelector, { ...props, devices: NO_DEVICES, loading: true, disabled: true });
+  return /* @__PURE__ */ jsx274(DeviceSelector, { ...props, devices: NO_DEVICES, loading: true, disabled: true });
 }
 
 // src/components/features/devices/device-selector/narrowing.ts
@@ -29284,7 +29361,7 @@ function narrowingToFilter(narrowing) {
 }
 
 // src/components/features/devices/devices-grid.tsx
-import { Fragment as Fragment50, jsx as jsx274, jsxs as jsxs215 } from "react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx275, jsxs as jsxs216 } from "react/jsx-runtime";
 function DevicesGrid({
   devices,
   isLoading,
@@ -29299,11 +29376,11 @@ function DevicesGrid({
     const href = device.machineId || device.id ? getDeviceHref?.(device) : void 0;
     if (href) router.push(href);
   };
-  return /* @__PURE__ */ jsx274("div", { className: "space-y-4", children: isLoading && devices.length === 0 ? /* @__PURE__ */ jsx274(DeviceCardSkeletonGrid, { count: 12 }) : devices.length === 0 ? /* @__PURE__ */ jsx274("div", { className: "flex h-64 items-center justify-center rounded-[6px] border border-ods-border bg-ods-card", children: /* @__PURE__ */ jsx274("p", { className: "text-ods-text-secondary", children: emptyMessage }) }) : /* @__PURE__ */ jsxs215(Fragment50, { children: [
-    /* @__PURE__ */ jsxs215("div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-lg:grid-cols-3", children: [
+  return /* @__PURE__ */ jsx275("div", { className: "space-y-4", children: isLoading && devices.length === 0 ? /* @__PURE__ */ jsx275(DeviceCardSkeletonGrid, { count: 12 }) : devices.length === 0 ? /* @__PURE__ */ jsx275("div", { className: "flex h-64 items-center justify-center rounded-[6px] border border-ods-border bg-ods-card", children: /* @__PURE__ */ jsx275("p", { className: "text-ods-text-secondary", children: emptyMessage }) }) : /* @__PURE__ */ jsxs216(Fragment50, { children: [
+    /* @__PURE__ */ jsxs216("div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-lg:grid-cols-3", children: [
       devices.map((device) => {
         const statusConfig2 = getDeviceStatusConfig(device.status);
-        return /* @__PURE__ */ jsx274(
+        return /* @__PURE__ */ jsx275(
           DeviceCard,
           {
             device: {
@@ -29329,14 +29406,14 @@ function DevicesGrid({
           device.id || device.machineId
         );
       }),
-      isFetchingNextPage && Array.from({ length: 4 }, (_, i) => /* @__PURE__ */ jsx274(DeviceCardSkeleton, {}, `skeleton-${i}`))
+      isFetchingNextPage && Array.from({ length: 4 }, (_, i) => /* @__PURE__ */ jsx275(DeviceCardSkeleton, {}, `skeleton-${i}`))
     ] }),
-    hasNextPage && /* @__PURE__ */ jsx274("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" })
+    hasNextPage && /* @__PURE__ */ jsx275("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" })
   ] }) });
 }
 
 // src/components/features/devices/devices-grid-filters.tsx
-import { jsx as jsx275, jsxs as jsxs216 } from "react/jsx-runtime";
+import { jsx as jsx276, jsxs as jsxs217 } from "react/jsx-runtime";
 function DevicesGridFilters({
   filterColumns,
   currentFilters,
@@ -29350,22 +29427,22 @@ function DevicesGridFilters({
   if (filterableColumns.length === 0 && totalCount === void 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs216("div", { className: "sticky top-[96px] z-10 flex flex-wrap items-start gap-[var(--spacing-system-m)] bg-ods-bg px-[var(--spacing-system-m)]", children: [
+  return /* @__PURE__ */ jsxs217("div", { className: "sticky top-[96px] z-10 flex flex-wrap items-start gap-[var(--spacing-system-m)] bg-ods-bg px-[var(--spacing-system-m)]", children: [
     filterableColumns.map((column) => {
       const selected = currentFilters[column.key] ?? [];
       const active = selected.length > 0;
-      return /* @__PURE__ */ jsx275(
+      return /* @__PURE__ */ jsx276(
         FiltersDropdown,
         {
-          triggerElement: /* @__PURE__ */ jsxs216(
+          triggerElement: /* @__PURE__ */ jsxs217(
             "button",
             {
               type: "button",
               className: "group inline-flex cursor-pointer select-none items-center gap-[var(--spacing-system-xsf)] py-[var(--spacing-system-sf)]",
               "aria-label": `Filter by ${column.label}`,
               children: [
-                /* @__PURE__ */ jsx275("span", { className: "whitespace-nowrap uppercase text-ods-text-secondary transition-colors text-h5 group-hover:text-ods-text-primary", children: column.label }),
-                /* @__PURE__ */ jsx275(
+                /* @__PURE__ */ jsx276("span", { className: "whitespace-nowrap uppercase text-ods-text-secondary transition-colors text-h5 group-hover:text-ods-text-primary", children: column.label }),
+                /* @__PURE__ */ jsx276(
                   Filter02Icon,
                   {
                     className: cn(
@@ -29398,7 +29475,7 @@ function DevicesGridFilters({
         column.key
       );
     }),
-    totalCount !== void 0 && /* @__PURE__ */ jsx275("div", { className: "absolute inset-y-0 right-0 flex items-center", children: /* @__PURE__ */ jsxs216("span", { className: "whitespace-nowrap text-ods-text-secondary text-h6", children: [
+    totalCount !== void 0 && /* @__PURE__ */ jsx276("div", { className: "absolute inset-y-0 right-0 flex items-center", children: /* @__PURE__ */ jsxs217("span", { className: "whitespace-nowrap text-ods-text-secondary text-h6", children: [
       totalCount,
       " results"
     ] }) })
@@ -29407,7 +29484,7 @@ function DevicesGridFilters({
 
 // src/components/features/devices/devices-list.tsx
 import { useCallback as useCallback29, useMemo as useMemo30 } from "react";
-import { jsx as jsx276, jsxs as jsxs217 } from "react/jsx-runtime";
+import { jsx as jsx277, jsxs as jsxs218 } from "react/jsx-runtime";
 var EMPTY_DEVICES_NARROWING = {
   search: "",
   statuses: [],
@@ -29518,13 +29595,13 @@ function DevicesList({
     // No gap under a pinned toolbar: its own `p-l` is the space below the search
     // box, and a gap here would double it. An unpinned toolbar has no padding of
     // its own, so there it is the gap that separates the two.
-    /* @__PURE__ */ jsxs217(
+    /* @__PURE__ */ jsxs218(
       "div",
       {
         className: className ?? (stickyToolbar ? "flex flex-col" : "flex flex-col gap-[var(--spacing-system-l)]"),
         style: containerStyle,
         children: [
-          !isEmptyState && /* @__PURE__ */ jsx276(
+          !isEmptyState && /* @__PURE__ */ jsx277(
             DevicesFilterToolbar,
             {
               sticky: stickyToolbar,
@@ -29546,7 +29623,7 @@ function DevicesList({
               onTagsChange: handleModalTagsChange
             }
           ),
-          /* @__PURE__ */ jsx276("div", { className: `transition-opacity duration-200 ${isPending ? "opacity-60" : ""}`, children: /* @__PURE__ */ jsx276(
+          /* @__PURE__ */ jsx277("div", { className: `transition-opacity duration-200 ${isPending ? "opacity-60" : ""}`, children: /* @__PURE__ */ jsx277(
             DevicesTableBody,
             {
               devices,
@@ -29563,7 +29640,7 @@ function DevicesList({
               hideColumns,
               disableColumnFilters: hideFilters,
               totalCount,
-              footerSlot: infiniteScroll && /* @__PURE__ */ jsx276(
+              footerSlot: infiniteScroll && /* @__PURE__ */ jsx277(
                 DataTable.InfiniteFooter,
                 {
                   hasNextPage: infiniteScroll.hasNextPage,
@@ -29581,10 +29658,10 @@ function DevicesList({
 }
 
 // src/components/features/devices/devices-panel-header.tsx
-import { jsx as jsx277 } from "react/jsx-runtime";
+import { jsx as jsx278 } from "react/jsx-runtime";
 var DEVICE_VIEW_MODE_ITEMS = [
-  { id: "table", icon: /* @__PURE__ */ jsx277(TableCellIcon, { className: "h-6 w-6" }) },
-  { id: "grid", icon: /* @__PURE__ */ jsx277(GridIcon, { className: "h-6 w-6" }) }
+  { id: "table", icon: /* @__PURE__ */ jsx278(TableCellIcon, { className: "h-6 w-6" }) },
+  { id: "grid", icon: /* @__PURE__ */ jsx278(GridIcon, { className: "h-6 w-6" }) }
 ];
 function buildDevicePanelActions({
   archiveHref,
@@ -29603,7 +29680,7 @@ function buildDevicePanelActions({
       // A disabled `href` still renders a live link, so the loading copy carries
       // no destination at all rather than a navigable one it cannot honour.
       ...disabled ? { disabled: true } : { href: archiveHref },
-      icon: /* @__PURE__ */ jsx277(BoxArchiveIcon, { className: "h-5 w-5 text-ods-text-secondary" }),
+      icon: /* @__PURE__ */ jsx278(BoxArchiveIcon, { className: "h-5 w-5 text-ods-text-secondary" }),
       variant: "outline"
     });
   }
@@ -29612,7 +29689,7 @@ function buildDevicePanelActions({
     result.push({
       label: "Add Customer",
       ...disabled || !addCustomerHref ? { disabled: true } : { href: addCustomerHref },
-      icon: /* @__PURE__ */ jsx277(PlusCircleIcon, { className: "h-5 w-5 text-ods-text-secondary" }),
+      icon: /* @__PURE__ */ jsx278(PlusCircleIcon, { className: "h-5 w-5 text-ods-text-secondary" }),
       variant: "outline"
     });
   }
@@ -29620,14 +29697,14 @@ function buildDevicePanelActions({
     label: "Add Device",
     onClick: disabled ? void 0 : onAddDevice,
     disabled: disabled || noOrganizations || isCheckingOrganizations,
-    icon: /* @__PURE__ */ jsx277(PlusCircleIcon, { className: `h-5 w-5 ${accent ? "text-ods-text-on-accent" : "text-ods-text-secondary"}` }),
+    icon: /* @__PURE__ */ jsx278(PlusCircleIcon, { className: `h-5 w-5 ${accent ? "text-ods-text-on-accent" : "text-ods-text-secondary"}` }),
     variant: accent ? "accent" : "outline"
   });
   return result;
 }
 
 // src/components/features/devices/devices-panel-view.tsx
-import { Fragment as Fragment51, jsx as jsx278, jsxs as jsxs218 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx279, jsxs as jsxs219 } from "react/jsx-runtime";
 var NO_FILTERS = {};
 var NO_TAGS = [];
 var NO_FILTER_GROUPS = [];
@@ -29680,9 +29757,9 @@ function DevicesPanelView({
   gridSentinelRef
 }) {
   const gridColumns = filterColumns ?? getDeviceFilterColumns(deviceFilters).filter((column) => !hideFilters?.includes(column.key));
-  const list = /* @__PURE__ */ jsxs218(Fragment51, { children: [
-    /* @__PURE__ */ jsx278(DevicesFilterToolbar, { ...toolbar, isLoading: loading }),
-    viewMode === "table" ? /* @__PURE__ */ jsx278(
+  const list = /* @__PURE__ */ jsxs219(Fragment51, { children: [
+    /* @__PURE__ */ jsx279(DevicesFilterToolbar, { ...toolbar, isLoading: loading }),
+    viewMode === "table" ? /* @__PURE__ */ jsx279(
       DevicesTableBody,
       {
         devices,
@@ -29698,7 +29775,7 @@ function DevicesPanelView({
         hideColumns,
         disableColumnFilters: hideFilters,
         totalCount: loading ? void 0 : totalCount,
-        footerSlot: loading ? void 0 : /* @__PURE__ */ jsx278(
+        footerSlot: loading ? void 0 : /* @__PURE__ */ jsx279(
           DataTable.InfiniteFooter,
           {
             hasNextPage,
@@ -29708,8 +29785,8 @@ function DevicesPanelView({
           }
         )
       }
-    ) : /* @__PURE__ */ jsxs218(Fragment51, { children: [
-      /* @__PURE__ */ jsx278(
+    ) : /* @__PURE__ */ jsxs219(Fragment51, { children: [
+      /* @__PURE__ */ jsx279(
         DevicesGridFilters,
         {
           filterColumns: gridColumns,
@@ -29719,7 +29796,7 @@ function DevicesPanelView({
           isLoading: loading
         }
       ),
-      /* @__PURE__ */ jsx278(
+      /* @__PURE__ */ jsx279(
         DevicesGrid,
         {
           devices,
@@ -29732,7 +29809,7 @@ function DevicesPanelView({
       )
     ] })
   ] });
-  return /* @__PURE__ */ jsxs218(
+  return /* @__PURE__ */ jsxs219(
     PageLayout,
     {
       title,
@@ -29740,7 +29817,7 @@ function DevicesPanelView({
       showHeader: !headerSlot,
       actionsVariant: "icon-buttons",
       className,
-      selector: /* @__PURE__ */ jsx278(
+      selector: /* @__PURE__ */ jsx279(
         TabSelector,
         {
           value: viewMode,
@@ -29753,24 +29830,24 @@ function DevicesPanelView({
       contentClassName: "flex flex-col",
       children: [
         headerSlot,
-        loading && /* @__PURE__ */ jsx278("span", { role: "status", className: "sr-only", children: "Loading devices\u2026" }),
+        loading && /* @__PURE__ */ jsx279("span", { role: "status", className: "sr-only", children: "Loading devices\u2026" }),
         noOrganizations && !loading && // Core Alert restyled to the ODS warning tokens. The icon is wrapped in a
         // span so Alert's `[&>svg]` absolute-positioning rules don't apply.
-        /* @__PURE__ */ jsxs218(Alert, { className: "mb-[var(--spacing-system-l)] flex items-start gap-[var(--spacing-system-m)] rounded-[6px] border-0 bg-ods-warning-secondary text-ods-warning", children: [
-          /* @__PURE__ */ jsx278("span", { className: "shrink-0", children: /* @__PURE__ */ jsx278(AlertTriangleIcon, { className: "h-6 w-6" }) }),
-          /* @__PURE__ */ jsx278("p", { className: "text-h3", children: "Add a customer to connect a new device" })
+        /* @__PURE__ */ jsxs219(Alert, { className: "mb-[var(--spacing-system-l)] flex items-start gap-[var(--spacing-system-m)] rounded-[6px] border-0 bg-ods-warning-secondary text-ods-warning", children: [
+          /* @__PURE__ */ jsx279("span", { className: "shrink-0", children: /* @__PURE__ */ jsx279(AlertTriangleIcon, { className: "h-6 w-6" }) }),
+          /* @__PURE__ */ jsx279("p", { className: "text-h3", children: "Add a customer to connect a new device" })
         ] }),
         emptyState && !loading ? emptyState : loading ? (
           // `inert` rather than per-control `disabled`: the toolbar's search field
           // and tag chips have no disabled state of their own, and a focusable
           // input that silently drops what is typed into it is worse than one
           // that cannot be reached at all.
-          /* @__PURE__ */ jsx278("div", { inert: true, children: list })
+          /* @__PURE__ */ jsx279("div", { inert: true, children: list })
         ) : (
           // Dimmed, not skeletoned, while a filter or search change resolves: the
           // rows on screen are the previous answer and stay readable until the
           // next one arrives.
-          /* @__PURE__ */ jsx278("div", { className: cn(isNarrowing && "opacity-60 transition-opacity"), children: list })
+          /* @__PURE__ */ jsx279("div", { className: cn(isNarrowing && "opacity-60 transition-opacity"), children: list })
         )
       ]
     }
@@ -29802,11 +29879,11 @@ var SOFTWARE_SOURCE_LABEL = {
 };
 
 // src/components/features/software/package-search-field-placeholder.tsx
-import { jsx as jsx279 } from "react/jsx-runtime";
+import { jsx as jsx280 } from "react/jsx-runtime";
 var PACKAGE_SEARCH_LABEL = "Software Name";
 var PACKAGE_SEARCH_PLACEHOLDER = "Search for Software";
 function PackageSearchFieldPlaceholder({ error }) {
-  return /* @__PURE__ */ jsx279(
+  return /* @__PURE__ */ jsx280(
     Autocomplete,
     {
       label: PACKAGE_SEARCH_LABEL,
@@ -29824,7 +29901,7 @@ function PackageSearchFieldPlaceholder({ error }) {
 }
 
 // src/components/features/software/schedule-fields.tsx
-import { jsx as jsx280, jsxs as jsxs219 } from "react/jsx-runtime";
+import { jsx as jsx281, jsxs as jsxs220 } from "react/jsx-runtime";
 function SoftwareScheduleFields({
   date,
   time,
@@ -29837,7 +29914,7 @@ function SoftwareScheduleFields({
 }) {
   const timeOptions = timing.getTimeOptions(date, timeReference);
   const startError = timing.getStartError(date, time, timeReference);
-  return /* @__PURE__ */ jsxs219(
+  return /* @__PURE__ */ jsxs220(
     "div",
     {
       className: cn(
@@ -29845,9 +29922,9 @@ function SoftwareScheduleFields({
         columns === "fill" ? "content-md:grid-cols-3" : "content-md:grid-cols-4"
       ),
       children: [
-        /* @__PURE__ */ jsxs219("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ jsx280(Label, { className: "text-h4", children: "Date" }),
-          /* @__PURE__ */ jsx280(
+        /* @__PURE__ */ jsxs220("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
+          /* @__PURE__ */ jsx281(Label, { className: "text-h4", children: "Date" }),
+          /* @__PURE__ */ jsx281(
             DatePickerInputSimple,
             {
               placeholder: "Select date",
@@ -29860,18 +29937,18 @@ function SoftwareScheduleFields({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs219("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ jsx280(Label, { className: "text-h4", children: "Time" }),
-          /* @__PURE__ */ jsxs219(Select, { value: time, onValueChange: onTimeChange, children: [
-            /* @__PURE__ */ jsx280(SelectTrigger, { children: /* @__PURE__ */ jsx280(SelectValue, { placeholder: "Select time" }) }),
-            /* @__PURE__ */ jsx280(SelectContent, { children: timeOptions.map((option) => /* @__PURE__ */ jsx280(SelectItem, { value: option.value, children: option.label }, option.value)) })
+        /* @__PURE__ */ jsxs220("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
+          /* @__PURE__ */ jsx281(Label, { className: "text-h4", children: "Time" }),
+          /* @__PURE__ */ jsxs220(Select, { value: time, onValueChange: onTimeChange, children: [
+            /* @__PURE__ */ jsx281(SelectTrigger, { children: /* @__PURE__ */ jsx281(SelectValue, { placeholder: "Select time" }) }),
+            /* @__PURE__ */ jsx281(SelectContent, { children: timeOptions.map((option) => /* @__PURE__ */ jsx281(SelectItem, { value: option.value, children: option.label }, option.value)) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs219("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ jsx280(Label, { className: "text-h4", children: "Timezone" }),
-          /* @__PURE__ */ jsxs219(Select, { value: timeReference, onValueChange: (value) => onTimeReferenceChange(value), children: [
-            /* @__PURE__ */ jsx280(SelectTrigger, { children: /* @__PURE__ */ jsx280(SelectValue, {}) }),
-            /* @__PURE__ */ jsx280(SelectContent, { children: timing.timeReferenceOptions.map((option) => /* @__PURE__ */ jsx280(SelectItem, { value: option.value, children: option.label }, option.value)) })
+        /* @__PURE__ */ jsxs220("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
+          /* @__PURE__ */ jsx281(Label, { className: "text-h4", children: "Timezone" }),
+          /* @__PURE__ */ jsxs220(Select, { value: timeReference, onValueChange: (value) => onTimeReferenceChange(value), children: [
+            /* @__PURE__ */ jsx281(SelectTrigger, { children: /* @__PURE__ */ jsx281(SelectValue, {}) }),
+            /* @__PURE__ */ jsx281(SelectContent, { children: timing.timeReferenceOptions.map((option) => /* @__PURE__ */ jsx281(SelectItem, { value: option.value, children: option.label }, option.value)) })
           ] })
         ] })
       ]
@@ -29934,41 +30011,41 @@ function newSoftwareRow(key) {
 }
 
 // src/components/features/software/software-row-fields.tsx
-import { jsx as jsx281, jsxs as jsxs220 } from "react/jsx-runtime";
+import { jsx as jsx282, jsxs as jsxs221 } from "react/jsx-runtime";
 function InfoCell2({ value, label }) {
-  return /* @__PURE__ */ jsxs220("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
-    /* @__PURE__ */ jsx281("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: value ? /* @__PURE__ */ jsx281("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx281(TruncateText, { children: value }) }) : /* @__PURE__ */ jsx281("div", { className: "min-w-0 flex-1 text-h4", children: /* @__PURE__ */ jsx281("span", { className: "text-ods-text-secondary", children: "\u2014" }) }) }),
-    /* @__PURE__ */ jsx281("p", { className: "truncate text-ods-text-secondary text-h6", children: label })
+  return /* @__PURE__ */ jsxs221("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
+    /* @__PURE__ */ jsx282("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: value ? /* @__PURE__ */ jsx282("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx282(TruncateText, { children: value }) }) : /* @__PURE__ */ jsx282("div", { className: "min-w-0 flex-1 text-h4", children: /* @__PURE__ */ jsx282("span", { className: "text-ods-text-secondary", children: "\u2014" }) }) }),
+    /* @__PURE__ */ jsx282("p", { className: "truncate text-ods-text-secondary text-h6", children: label })
   ] });
 }
 function SoftwareRowFields({ row, removable, onChange, onRemove, renderPackageSearch }) {
-  return /* @__PURE__ */ jsxs220("div", { className: "flex flex-col gap-[var(--spacing-system-l)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-l)] content-lg:flex-row content-lg:items-end", children: [
-    /* @__PURE__ */ jsx281("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs220(
+  return /* @__PURE__ */ jsxs221("div", { className: "flex flex-col gap-[var(--spacing-system-l)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-l)] content-lg:flex-row content-lg:items-end", children: [
+    /* @__PURE__ */ jsx282("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs221(
       Select,
       {
         value: row.packageManager,
         onValueChange: (value) => onChange({ ...row, packageManager: value, pkg: null }),
         children: [
-          /* @__PURE__ */ jsx281(SelectTrigger, { label: "Package Manager", labelVariant: "large", children: /* @__PURE__ */ jsx281(SelectValue, {}) }),
-          /* @__PURE__ */ jsx281(SelectContent, { children: PACKAGE_MANAGERS.map((manager) => {
+          /* @__PURE__ */ jsx282(SelectTrigger, { label: "Package Manager", labelVariant: "large", children: /* @__PURE__ */ jsx282(SelectValue, {}) }),
+          /* @__PURE__ */ jsx282(SelectContent, { children: PACKAGE_MANAGERS.map((manager) => {
             const Icon = PACKAGE_MANAGER_ICON[manager];
-            return /* @__PURE__ */ jsx281(SelectItem, { value: manager, children: /* @__PURE__ */ jsxs220("span", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
-              /* @__PURE__ */ jsx281(Icon, { size: 20, className: "shrink-0 text-ods-text-secondary" }),
+            return /* @__PURE__ */ jsx282(SelectItem, { value: manager, children: /* @__PURE__ */ jsxs221("span", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
+              /* @__PURE__ */ jsx282(Icon, { size: 20, className: "shrink-0 text-ods-text-secondary" }),
               PACKAGE_MANAGER_LABEL[manager]
             ] }) }, manager);
           }) })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx281("div", { className: "min-w-0 flex-1", children: renderPackageSearch({
+    /* @__PURE__ */ jsx282("div", { className: "min-w-0 flex-1", children: renderPackageSearch({
       packageManager: row.packageManager,
       value: row.pkg,
       onChange: (pkg) => onChange({ ...row, pkg })
     }) }),
-    /* @__PURE__ */ jsx281(InfoCell2, { value: row.pkg?.description, label: "Description" }),
-    /* @__PURE__ */ jsxs220("div", { className: "flex min-w-0 flex-1 items-end gap-[var(--spacing-system-lf)]", children: [
-      /* @__PURE__ */ jsx281(InfoCell2, { value: row.pkg?.version, label: "Current Version" }),
-      /* @__PURE__ */ jsx281(
+    /* @__PURE__ */ jsx282(InfoCell2, { value: row.pkg?.description, label: "Description" }),
+    /* @__PURE__ */ jsxs221("div", { className: "flex min-w-0 flex-1 items-end gap-[var(--spacing-system-lf)]", children: [
+      /* @__PURE__ */ jsx282(InfoCell2, { value: row.pkg?.version, label: "Current Version" }),
+      /* @__PURE__ */ jsx282(
         Button,
         {
           type: "button",
@@ -29977,7 +30054,7 @@ function SoftwareRowFields({ row, removable, onChange, onRemove, renderPackageSe
           "aria-label": "Remove software",
           onClick: onRemove,
           disabled: !removable,
-          leftIcon: /* @__PURE__ */ jsx281(TrashIcon, { size: 24, className: "text-ods-error" })
+          leftIcon: /* @__PURE__ */ jsx282(TrashIcon, { size: 24, className: "text-ods-error" })
         }
       )
     ] })
@@ -29985,7 +30062,7 @@ function SoftwareRowFields({ row, removable, onChange, onRemove, renderPackageSe
 }
 
 // src/components/features/software/software-action-form.tsx
-import { Fragment as Fragment52, jsx as jsx282, jsxs as jsxs221 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx283, jsxs as jsxs222 } from "react/jsx-runtime";
 var INITIAL_ROWS = () => [newSoftwareRow("row-0")];
 function SoftwareActionForm({
   action,
@@ -30024,7 +30101,7 @@ function SoftwareActionForm({
   const removeRow = (key) => setRows((current) => current.filter((row) => row.key !== key));
   const addRow = () => setRows((current) => [...current, newSoftwareRow(crypto.randomUUID())]);
   const inline = runModeLayout === "inline";
-  const runModeField = /* @__PURE__ */ jsx282(
+  const runModeField = /* @__PURE__ */ jsx283(
     RadioGroupBlock,
     {
       name: "runMode",
@@ -30036,7 +30113,7 @@ function SoftwareActionForm({
       itemClassName: "py-[var(--spacing-system-sf)]"
     }
   );
-  const scheduleFields = mode === "schedule" && /* @__PURE__ */ jsx282(
+  const scheduleFields = mode === "schedule" && /* @__PURE__ */ jsx283(
     SoftwareScheduleFields,
     {
       date,
@@ -30049,7 +30126,7 @@ function SoftwareActionForm({
       columns: inline ? "fill" : "page"
     }
   );
-  return /* @__PURE__ */ jsxs221(
+  return /* @__PURE__ */ jsxs222(
     PageLayout,
     {
       title: copy.formTitle,
@@ -30059,7 +30136,7 @@ function SoftwareActionForm({
       showHeader,
       className,
       children: [
-        rows.map((row) => /* @__PURE__ */ jsx282(
+        rows.map((row) => /* @__PURE__ */ jsx283(
           SoftwareRowFields,
           {
             row,
@@ -30070,7 +30147,7 @@ function SoftwareActionForm({
           },
           row.key
         )),
-        addRows && /* @__PURE__ */ jsx282(
+        addRows && /* @__PURE__ */ jsx283(
           Button,
           {
             type: "button",
@@ -30078,18 +30155,18 @@ function SoftwareActionForm({
             size: "small",
             className: "self-start",
             onClick: addRow,
-            leftIcon: /* @__PURE__ */ jsx282(PlusCircleIcon, { size: 24, className: "text-ods-text-secondary" }),
+            leftIcon: /* @__PURE__ */ jsx283(PlusCircleIcon, { size: 24, className: "text-ods-text-secondary" }),
             children: "Add Software"
           }
         ),
-        inline ? /* @__PURE__ */ jsxs221("div", { className: "flex flex-col gap-[var(--spacing-system-l)] content-lg:flex-row content-lg:items-end", children: [
-          /* @__PURE__ */ jsx282("div", { className: "min-w-0 content-lg:flex-1", children: runModeField }),
-          scheduleFields && /* @__PURE__ */ jsx282("div", { className: "min-w-0 content-lg:flex-1", children: scheduleFields })
-        ] }) : /* @__PURE__ */ jsxs221(Fragment52, { children: [
+        inline ? /* @__PURE__ */ jsxs222("div", { className: "flex flex-col gap-[var(--spacing-system-l)] content-lg:flex-row content-lg:items-end", children: [
+          /* @__PURE__ */ jsx283("div", { className: "min-w-0 content-lg:flex-1", children: runModeField }),
+          scheduleFields && /* @__PURE__ */ jsx283("div", { className: "min-w-0 content-lg:flex-1", children: scheduleFields })
+        ] }) : /* @__PURE__ */ jsxs222(Fragment52, { children: [
           runModeField,
           scheduleFields
         ] }),
-        showDeviceHeading && /* @__PURE__ */ jsx282("h2", { className: "pt-[var(--spacing-system-l)] text-ods-text-primary text-h2", children: "Device Selection" }),
+        showDeviceHeading && /* @__PURE__ */ jsx283("h2", { className: "pt-[var(--spacing-system-l)] text-ods-text-primary text-h2", children: "Device Selection" }),
         renderDevicePicker({ osTypes: osTypesKey.split(","), osTypesKey })
       ]
     }
@@ -30097,10 +30174,10 @@ function SoftwareActionForm({
 }
 
 // src/components/features/logs/log-drawer.tsx
-import { jsx as jsx283, jsxs as jsxs222 } from "react/jsx-runtime";
+import { jsx as jsx284, jsxs as jsxs223 } from "react/jsx-runtime";
 var EMPTY_MARK = "\u2014";
 function EmptyMark() {
-  return /* @__PURE__ */ jsx283("span", { className: "text-ods-text-secondary", children: EMPTY_MARK });
+  return /* @__PURE__ */ jsx284("span", { className: "text-ods-text-secondary", children: EMPTY_MARK });
 }
 function LogDrawer({
   isOpen,
@@ -30113,14 +30190,14 @@ function LogDrawer({
   children,
   docked = false
 }) {
-  return /* @__PURE__ */ jsx283(
+  return /* @__PURE__ */ jsx284(
     AppLayoutDrawerRoot,
     {
       open: isOpen,
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      children: /* @__PURE__ */ jsxs222(
+      children: /* @__PURE__ */ jsxs223(
         AppLayoutDrawerContent,
         {
           side: "right",
@@ -30128,23 +30205,23 @@ function LogDrawer({
           overlayClassName: docked ? "hidden" : void 0,
           dismissOnInteractOutside: docked ? false : void 0,
           children: [
-            /* @__PURE__ */ jsxs222(AppLayoutDrawerHeader, { children: [
-              /* @__PURE__ */ jsx283(AppLayoutDrawerTitle, { children: "Log Details" }),
-              (statusTag || timestamp) && /* @__PURE__ */ jsxs222("div", { className: "flex items-center gap-2", children: [
-                statusTag && /* @__PURE__ */ jsx283(Tag, { label: statusTag.label, variant: statusTag.variant }),
-                timestamp && /* @__PURE__ */ jsx283("span", { className: "text-ods-text-secondary text-h6", children: timestamp })
+            /* @__PURE__ */ jsxs223(AppLayoutDrawerHeader, { children: [
+              /* @__PURE__ */ jsx284(AppLayoutDrawerTitle, { children: "Log Details" }),
+              (statusTag || timestamp) && /* @__PURE__ */ jsxs223("div", { className: "flex items-center gap-2", children: [
+                statusTag && /* @__PURE__ */ jsx284(Tag, { label: statusTag.label, variant: statusTag.variant }),
+                timestamp && /* @__PURE__ */ jsx284("span", { className: "text-ods-text-secondary text-h6", children: timestamp })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs222(AppLayoutDrawerBody, { children: [
-              /* @__PURE__ */ jsxs222("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto", children: [
-                description && /* @__PURE__ */ jsx283(AppLayoutDrawerDescription, { asChild: true, className: "leading-6 text-ods-text-primary text-h4", children: /* @__PURE__ */ jsx283("div", { children: description }) }),
-                infoFields && infoFields.length > 0 && /* @__PURE__ */ jsx283("div", { className: "grid grid-cols-1 gap-3 rounded-[6px] border border-ods-border bg-ods-card p-4", children: infoFields.map((field) => /* @__PURE__ */ jsxs222("div", { className: "grid grid-cols-1 gap-0.5", children: [
-                  typeof field.value === "string" ? field.value === "" || field.value === EMPTY_MARK ? /* @__PURE__ */ jsx283("span", { className: "text-h4", children: /* @__PURE__ */ jsx283(EmptyMark, {}) }) : /* @__PURE__ */ jsx283(TruncateText, { children: field.value }) : /* @__PURE__ */ jsx283("span", { className: "truncate text-ods-text-primary text-h4", children: field.value === null || field.value === void 0 || field.value === false ? /* @__PURE__ */ jsx283(EmptyMark, {}) : field.value }),
-                  /* @__PURE__ */ jsx283("span", { className: "truncate text-ods-text-secondary text-h6", children: field.label })
+            /* @__PURE__ */ jsxs223(AppLayoutDrawerBody, { children: [
+              /* @__PURE__ */ jsxs223("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto", children: [
+                description && /* @__PURE__ */ jsx284(AppLayoutDrawerDescription, { asChild: true, className: "leading-6 text-ods-text-primary text-h4", children: /* @__PURE__ */ jsx284("div", { children: description }) }),
+                infoFields && infoFields.length > 0 && /* @__PURE__ */ jsx284("div", { className: "grid grid-cols-1 gap-3 rounded-[6px] border border-ods-border bg-ods-card p-4", children: infoFields.map((field) => /* @__PURE__ */ jsxs223("div", { className: "grid grid-cols-1 gap-0.5", children: [
+                  typeof field.value === "string" ? field.value === "" || field.value === EMPTY_MARK ? /* @__PURE__ */ jsx284("span", { className: "text-h4", children: /* @__PURE__ */ jsx284(EmptyMark, {}) }) : /* @__PURE__ */ jsx284(TruncateText, { children: field.value }) : /* @__PURE__ */ jsx284("span", { className: "truncate text-ods-text-primary text-h4", children: field.value === null || field.value === void 0 || field.value === false ? /* @__PURE__ */ jsx284(EmptyMark, {}) : field.value }),
+                  /* @__PURE__ */ jsx284("span", { className: "truncate text-ods-text-secondary text-h6", children: field.label })
                 ] }, typeof field.label === "string" ? field.label : "")) }),
                 children
               ] }),
-              deviceCard && /* @__PURE__ */ jsx283("div", { className: "mt-auto", children: deviceCard })
+              deviceCard && /* @__PURE__ */ jsx284("div", { className: "mt-auto", children: deviceCard })
             ] })
           ]
         }
@@ -30165,7 +30242,7 @@ function logSourceLabels(device) {
 
 // src/components/features/logs/logs-page-view.tsx
 import { useMemo as useMemo31 } from "react";
-import { jsx as jsx284, jsxs as jsxs223 } from "react/jsx-runtime";
+import { jsx as jsx285, jsxs as jsxs224 } from "react/jsx-runtime";
 function LogsPageView({
   children,
   onRefresh,
@@ -30181,25 +30258,25 @@ function LogsPageView({
       {
         label: "Refresh",
         variant: "outline",
-        icon: /* @__PURE__ */ jsx284(Refresh02HrIcon, { size: 24, className: "text-ods-text-secondary" }),
+        icon: /* @__PURE__ */ jsx285(Refresh02HrIcon, { size: 24, className: "text-ods-text-secondary" }),
         onClick: onRefresh
       }
     ],
     [onRefresh]
   );
-  return /* @__PURE__ */ jsxs223(PageLayout, { title: "Logs", actions, showHeader, className, children: [
-    !hideSearch && /* @__PURE__ */ jsxs223("div", { className: "sticky top-0 z-20 -my-[var(--spacing-system-l)] flex items-center gap-[var(--spacing-system-m)] bg-ods-bg py-[var(--spacing-system-l)]", children: [
-      /* @__PURE__ */ jsx284(
+  return /* @__PURE__ */ jsxs224(PageLayout, { title: "Logs", actions, showHeader, className, children: [
+    !hideSearch && /* @__PURE__ */ jsxs224("div", { className: "sticky top-0 z-20 -my-[var(--spacing-system-l)] flex items-center gap-[var(--spacing-system-m)] bg-ods-bg py-[var(--spacing-system-l)]", children: [
+      /* @__PURE__ */ jsx285(
         Input,
         {
           placeholder: "Search for Logs",
           value: search,
           onChange: (e) => onSearchChange(e.target.value),
           className: "flex-1",
-          startAdornment: /* @__PURE__ */ jsx284(SearchIcon, { className: "h-4 w-4 content-md:h-6 content-md:w-6" })
+          startAdornment: /* @__PURE__ */ jsx285(SearchIcon, { className: "h-4 w-4 content-md:h-6 content-md:w-6" })
         }
       ),
-      /* @__PURE__ */ jsx284(
+      /* @__PURE__ */ jsx285(
         Button,
         {
           variant: "outline",
@@ -30207,7 +30284,7 @@ function LogsPageView({
           className: "content-md:hidden",
           onClick: onOpenFilters,
           "aria-label": "Open filters",
-          leftIcon: /* @__PURE__ */ jsx284(Filter02Icon, { className: "text-ods-text-primary" })
+          leftIcon: /* @__PURE__ */ jsx285(Filter02Icon, { className: "text-ods-text-primary" })
         }
       )
     ] }),
@@ -30215,14 +30292,14 @@ function LogsPageView({
   ] });
 }
 function LogCopyIconButton({ onClick, copied = false, disabled = false }) {
-  return /* @__PURE__ */ jsx284(
+  return /* @__PURE__ */ jsx285(
     Button,
     {
       onClick,
       disabled,
       variant: "outline",
       size: "icon",
-      leftIcon: copied ? /* @__PURE__ */ jsx284(CheckIcon, { className: "h-5 w-5 text-ods-success" }) : /* @__PURE__ */ jsx284(Copy02Icon, { className: "h-5 w-5" }),
+      leftIcon: copied ? /* @__PURE__ */ jsx285(CheckIcon, { className: "h-5 w-5 text-ods-success" }) : /* @__PURE__ */ jsx285(Copy02Icon, { className: "h-5 w-5" }),
       "aria-label": "Copy log details",
       className: "bg-ods-card"
     }
@@ -30246,7 +30323,7 @@ var LOG_COLUMN_WIDTHS = {
 import { useCallback as useCallback30, useEffect as useEffect46, useMemo as useMemo32 } from "react";
 
 // src/components/platform/ToolBadge.tsx
-import { jsx as jsx285, jsxs as jsxs224 } from "react/jsx-runtime";
+import { jsx as jsx286, jsxs as jsxs225 } from "react/jsx-runtime";
 var ToolBadge = ({
   toolType,
   label,
@@ -30258,8 +30335,8 @@ var ToolBadge = ({
   iconClassName
 }) => {
   const text = label ?? (toolType ? getToolLabel(toolType) : "");
-  const mark = icon ?? (toolType ? /* @__PURE__ */ jsx285(ToolIcon, { toolType, className: iconClassName, size: 16 }) : null);
-  const linked = (node, linkClassName) => href && targetPlatform ? /* @__PURE__ */ jsx285(
+  const mark = icon ?? (toolType ? /* @__PURE__ */ jsx286(ToolIcon, { toolType, className: iconClassName, size: 16 }) : null);
+  const linked = (node, linkClassName) => href && targetPlatform ? /* @__PURE__ */ jsx286(
     NavLinkAnchorViaRuntime,
     {
       href,
@@ -30268,10 +30345,10 @@ var ToolBadge = ({
       className: linkClassName,
       children: node
     }
-  ) : href ? /* @__PURE__ */ jsx285("a", { href, target: "_blank", rel: "noopener noreferrer", title: text || void 0, className: linkClassName, children: node }) : node;
+  ) : href ? /* @__PURE__ */ jsx286("a", { href, target: "_blank", rel: "noopener noreferrer", title: text || void 0, className: linkClassName, children: node }) : node;
   if (variant === "chip") {
     return linked(
-      /* @__PURE__ */ jsxs224(
+      /* @__PURE__ */ jsxs225(
         "span",
         {
           className: cn(
@@ -30280,8 +30357,8 @@ var ToolBadge = ({
             className
           ),
           children: [
-            mark && /* @__PURE__ */ jsx285("span", { className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center [&_img]:h-full [&_img]:w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-full", children: mark }),
-            text && /* @__PURE__ */ jsx285("span", { className: "whitespace-nowrap", children: text })
+            mark && /* @__PURE__ */ jsx286("span", { className: "flex h-3.5 w-3.5 shrink-0 items-center justify-center [&_img]:h-full [&_img]:w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-full", children: mark }),
+            text && /* @__PURE__ */ jsx286("span", { className: "whitespace-nowrap", children: text })
           ]
         }
       ),
@@ -30289,16 +30366,16 @@ var ToolBadge = ({
     );
   }
   return linked(
-    /* @__PURE__ */ jsxs224("div", { className: cn("flex items-center gap-1 text-ods-text-secondary", className), children: [
+    /* @__PURE__ */ jsxs225("div", { className: cn("flex items-center gap-1 text-ods-text-secondary", className), children: [
       mark,
-      /* @__PURE__ */ jsx285("span", { className: "text-ods-text-primary text-h4", children: text })
+      /* @__PURE__ */ jsx286("span", { className: "text-ods-text-primary text-h4", children: text })
     ] }),
     "inline-flex rounded-sm hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus"
   );
 };
 
 // src/components/features/logs/logs-table-view.tsx
-import { Fragment as Fragment53, jsx as jsx286, jsxs as jsxs225 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx287, jsxs as jsxs226 } from "react/jsx-runtime";
 function multiSelectFor() {
   return multiSelectFilterFn;
 }
@@ -30336,9 +30413,9 @@ function LogsTableView({
       {
         accessorKey: "logId",
         header: logIdHeader ? () => logIdHeader : "Log ID",
-        cell: ({ row }) => /* @__PURE__ */ jsxs225("div", { className: "flex shrink-0 flex-col justify-center", children: [
-          /* @__PURE__ */ jsx286(TruncateText, { children: row.original.timestamp }),
-          /* @__PURE__ */ jsx286(TruncateText, { variant: "h6", tone: "secondary", children: row.original.logId })
+        cell: ({ row }) => /* @__PURE__ */ jsxs226("div", { className: "flex shrink-0 flex-col justify-center", children: [
+          /* @__PURE__ */ jsx287(TruncateText, { children: row.original.timestamp }),
+          /* @__PURE__ */ jsx287(TruncateText, { variant: "h6", tone: "secondary", children: row.original.logId })
         ] }),
         enableSorting: false,
         meta: { width: LOG_COLUMN_WIDTHS.logId, alwaysShowHeader: true }
@@ -30346,7 +30423,7 @@ function LogsTableView({
       {
         accessorKey: "status",
         header: "Status",
-        cell: ({ row }) => /* @__PURE__ */ jsx286("div", { className: "shrink-0", children: /* @__PURE__ */ jsx286(Tag, { label: row.original.status.label, variant: row.original.status.variant }) }),
+        cell: ({ row }) => /* @__PURE__ */ jsx287("div", { className: "shrink-0", children: /* @__PURE__ */ jsx287(Tag, { label: row.original.status.label, variant: row.original.status.variant }) }),
         enableSorting: false,
         filterFn: multiSelect,
         meta: {
@@ -30363,7 +30440,7 @@ function LogsTableView({
       {
         accessorKey: "tool",
         header: "Tool",
-        cell: ({ row }) => /* @__PURE__ */ jsx286(
+        cell: ({ row }) => /* @__PURE__ */ jsx287(
           ToolBadge,
           {
             toolType: normalizeToolTypeWithFallback(row.original.source.toolType),
@@ -30389,9 +30466,9 @@ function LogsTableView({
         header: "SOURCE",
         cell: ({ row }) => {
           const { deviceName, organization } = logSourceLabels(row.original.device);
-          return /* @__PURE__ */ jsxs225("div", { className: "flex min-h-[60px] flex-col justify-center gap-1 py-2", children: [
-            deviceName && /* @__PURE__ */ jsx286(TruncateText, { children: deviceName }),
-            organization && /* @__PURE__ */ jsx286(TruncateText, { variant: "h6", tone: "secondary", children: organization })
+          return /* @__PURE__ */ jsxs226("div", { className: "flex min-h-[60px] flex-col justify-center gap-1 py-2", children: [
+            deviceName && /* @__PURE__ */ jsx287(TruncateText, { children: deviceName }),
+            organization && /* @__PURE__ */ jsx287(TruncateText, { variant: "h6", tone: "secondary", children: organization })
           ] });
         },
         enableSorting: false,
@@ -30405,25 +30482,25 @@ function LogsTableView({
       {
         accessorKey: "description",
         header: "Log Details",
-        cell: ({ row }) => /* @__PURE__ */ jsx286(TruncateText, { lines: 3, className: "text-ods-text-secondary text-h6", children: row.original.description.title }),
+        cell: ({ row }) => /* @__PURE__ */ jsx287(TruncateText, { lines: 3, className: "text-ods-text-secondary text-h6", children: row.original.description.title }),
         enableSorting: false,
         meta: { width: LOG_COLUMN_WIDTHS.description, hideAt: "lg" }
       },
       {
         id: "copy",
-        cell: ({ row }) => /* @__PURE__ */ jsx286("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: renderCopyAction?.(row.original) }),
+        cell: ({ row }) => /* @__PURE__ */ jsx287("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: renderCopyAction?.(row.original) }),
         enableSorting: false,
         meta: { width: `${LOG_COLUMN_WIDTHS.action} ml-auto`, align: "right" }
       },
       {
         id: "quickView",
-        cell: ({ row }) => /* @__PURE__ */ jsx286("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx286(
+        cell: ({ row }) => /* @__PURE__ */ jsx287("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx287(
           Button,
           {
             onClick: () => onQuickView?.(row.original),
             variant: "outline",
             size: "icon",
-            leftIcon: /* @__PURE__ */ jsx286(EyeIcon2, { className: "h-5 w-5" }),
+            leftIcon: /* @__PURE__ */ jsx287(EyeIcon2, { className: "h-5 w-5" }),
             "aria-label": "Quick view",
             className: "bg-ods-card"
           }
@@ -30433,13 +30510,13 @@ function LogsTableView({
       },
       {
         id: "open",
-        cell: ({ row }) => /* @__PURE__ */ jsx286("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx286(
+        cell: ({ row }) => /* @__PURE__ */ jsx287("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx287(
           Button,
           {
             onClick: getLogHref ? openInNewTab(getLogHref(row.original)) : void 0,
             variant: "outline",
             size: "icon",
-            leftIcon: /* @__PURE__ */ jsx286(ArrowRightUpIcon, { className: "h-5 w-5" }),
+            leftIcon: /* @__PURE__ */ jsx287(ArrowRightUpIcon, { className: "h-5 w-5" }),
             "aria-label": "Open in new tab",
             className: "bg-ods-card"
           }
@@ -30494,30 +30571,30 @@ function LogsTableView({
     onHideSearchChange?.(hideSearch);
   }, [hideSearch, onHideSearchChange]);
   if (showEmptyState) {
-    const emptyProps = deviceScoped ? { icon: /* @__PURE__ */ jsx286(ClipboardListIcon, {}), title: EMPTY_TITLE, description: EMPTY_DESCRIPTION } : {
-      icon: /* @__PURE__ */ jsx286(ClipboardListIcon, {}),
+    const emptyProps = deviceScoped ? { icon: /* @__PURE__ */ jsx287(ClipboardListIcon, {}), title: EMPTY_TITLE, description: EMPTY_DESCRIPTION } : {
+      icon: /* @__PURE__ */ jsx287(ClipboardListIcon, {}),
       title: EMPTY_TITLE,
       description: EMPTY_DESCRIPTION,
       actions: [
-        { icon: /* @__PURE__ */ jsx286(EyeAltIcon, {}), label: "Track who did what, when, and on which device" },
-        { icon: /* @__PURE__ */ jsx286(Filter01ListIcon, {}), label: "Filter by user, action type, Customer, or date range" },
-        { icon: /* @__PURE__ */ jsx286(SearchIcon, {}), label: "Investigate incidents and audit security events" }
+        { icon: /* @__PURE__ */ jsx287(EyeAltIcon, {}), label: "Track who did what, when, and on which device" },
+        { icon: /* @__PURE__ */ jsx287(Filter01ListIcon, {}), label: "Filter by user, action type, Customer, or date range" },
+        { icon: /* @__PURE__ */ jsx287(SearchIcon, {}), label: "Investigate incidents and audit security events" }
       ],
       ...guideButton
     };
-    return /* @__PURE__ */ jsx286(Fragment53, { children: renderEmptyState ? renderEmptyState(emptyProps) : /* @__PURE__ */ jsx286(NoData, { ...emptyProps }) });
+    return /* @__PURE__ */ jsx287(Fragment53, { children: renderEmptyState ? renderEmptyState(emptyProps) : /* @__PURE__ */ jsx287(NoData, { ...emptyProps }) });
   }
-  return /* @__PURE__ */ jsxs225(Fragment53, { children: [
-    /* @__PURE__ */ jsxs225(DataTable, { table, children: [
-      !(scopedEmpty && !hasQuery) && /* @__PURE__ */ jsx286(DataTable.Header, { stickyHeader: true, stickyHeaderOffset: "top-[96px]", rightSlot: /* @__PURE__ */ jsx286(DataTable.RowCount, {}) }),
-      /* @__PURE__ */ jsx286(
+  return /* @__PURE__ */ jsxs226(Fragment53, { children: [
+    /* @__PURE__ */ jsxs226(DataTable, { table, children: [
+      !(scopedEmpty && !hasQuery) && /* @__PURE__ */ jsx287(DataTable.Header, { stickyHeader: true, stickyHeaderOffset: "top-[96px]", rightSlot: /* @__PURE__ */ jsx287(DataTable.RowCount, {}) }),
+      /* @__PURE__ */ jsx287(
         DataTable.Body,
         {
           loading,
           skeletonRows: 10,
           ...scoped ? {
             emptyState: {
-              icon: /* @__PURE__ */ jsx286(ClipboardListIcon, {}),
+              icon: /* @__PURE__ */ jsx287(ClipboardListIcon, {}),
               title: "No logs found",
               description: hasQuery ? "No results. Try adjusting your search or filters." : deviceScoped ? "Logs for this device will appear here." : "Logs for this customer will appear here."
             }
@@ -30526,7 +30603,7 @@ function LogsTableView({
           rowClassName: "mb-1"
         }
       ),
-      /* @__PURE__ */ jsx286(
+      /* @__PURE__ */ jsx287(
         DataTable.InfiniteFooter,
         {
           hasNextPage,
@@ -30536,7 +30613,7 @@ function LogsTableView({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx286(
+    /* @__PURE__ */ jsx287(
       FilterModal,
       {
         isOpen: mobileFilterOpen,
@@ -30619,9 +30696,9 @@ function LogsTableSkeleton({ logIdHeader }) {
     getRowId: () => "",
     enableSorting: false
   });
-  return /* @__PURE__ */ jsxs225(DataTable, { table, children: [
-    /* @__PURE__ */ jsx286(DataTable.Header, { stickyHeader: true, stickyHeaderOffset: "top-[96px]" }),
-    /* @__PURE__ */ jsx286(DataTable.Body, { loading: true, skeletonRows: 10, emptyMessage: "", rowClassName: "mb-1" })
+  return /* @__PURE__ */ jsxs226(DataTable, { table, children: [
+    /* @__PURE__ */ jsx287(DataTable.Header, { stickyHeader: true, stickyHeaderOffset: "top-[96px]" }),
+    /* @__PURE__ */ jsx287(DataTable.Body, { loading: true, skeletonRows: 10, emptyMessage: "", rowClassName: "mb-1" })
   ] });
 }
 
@@ -30658,17 +30735,17 @@ var KNOWLEDGE_BASE_STATUS_VARIANT = {
 };
 
 // src/components/features/knowledge-base/knowledge-base-table.tsx
-import { jsx as jsx287, jsxs as jsxs226 } from "react/jsx-runtime";
+import { jsx as jsx288, jsxs as jsxs227 } from "react/jsx-runtime";
 function getKnowledgeBaseOpenColumn(getHref) {
   return {
     id: "open",
-    cell: ({ row }) => /* @__PURE__ */ jsx287("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx287(
+    cell: ({ row }) => /* @__PURE__ */ jsx288("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx288(
       Button,
       {
         onClick: openInNewTab(getHref(row.original)),
         variant: "outline",
         size: "icon",
-        leftIcon: /* @__PURE__ */ jsx287(ArrowRightUpIcon, { className: "h-5 w-5" }),
+        leftIcon: /* @__PURE__ */ jsx288(ArrowRightUpIcon, { className: "h-5 w-5" }),
         "aria-label": "Open in new tab",
         className: "bg-ods-card"
       }
@@ -30687,12 +30764,12 @@ function getKnowledgeBaseColumns(mode) {
         const Icon = item.type === "FOLDER" ? KNOWLEDGE_BASE_ITEM_ICON.FOLDER : KNOWLEDGE_BASE_ITEM_ICON.ARTICLE;
         const status = item.status;
         const tagStatus = status === "DRAFT" || status === "ARCHIVED" ? status : null;
-        return /* @__PURE__ */ jsxs226("div", { className: "relative box-border flex h-20 w-full shrink-0 content-stretch items-center justify-start gap-[var(--spacing-system-m)] py-0", children: [
-          /* @__PURE__ */ jsx287("div", { className: "relative flex h-8 w-8 shrink-0 items-center justify-center rounded-[6px] border border-ods-border", children: /* @__PURE__ */ jsx287(Icon, { size: 16, className: "shrink-0 text-ods-text-secondary" }) }),
-          /* @__PURE__ */ jsxs226("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-            /* @__PURE__ */ jsxs226("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
-              /* @__PURE__ */ jsx287("div", { className: "min-w-0", children: /* @__PURE__ */ jsx287(TruncateText, { children: item.name }) }),
-              tagStatus && /* @__PURE__ */ jsx287(
+        return /* @__PURE__ */ jsxs227("div", { className: "relative box-border flex h-20 w-full shrink-0 content-stretch items-center justify-start gap-[var(--spacing-system-m)] py-0", children: [
+          /* @__PURE__ */ jsx288("div", { className: "relative flex h-8 w-8 shrink-0 items-center justify-center rounded-[6px] border border-ods-border", children: /* @__PURE__ */ jsx288(Icon, { size: 16, className: "shrink-0 text-ods-text-secondary" }) }),
+          /* @__PURE__ */ jsxs227("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsxs227("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
+              /* @__PURE__ */ jsx288("div", { className: "min-w-0", children: /* @__PURE__ */ jsx288(TruncateText, { children: item.name }) }),
+              tagStatus && /* @__PURE__ */ jsx288(
                 Tag,
                 {
                   variant: KNOWLEDGE_BASE_STATUS_VARIANT[tagStatus],
@@ -30701,7 +30778,7 @@ function getKnowledgeBaseColumns(mode) {
                 }
               )
             ] }),
-            item.type === "ARTICLE" && item.summary && /* @__PURE__ */ jsx287(TruncateText, { variant: "h6", tone: "secondary", children: item.summary })
+            item.type === "ARTICLE" && item.summary && /* @__PURE__ */ jsx288(TruncateText, { variant: "h6", tone: "secondary", children: item.summary })
           ] })
         ] });
       },
@@ -30715,9 +30792,9 @@ function getKnowledgeBaseColumns(mode) {
         if (row.original.type !== "ARTICLE") return null;
         const ts = mode === "archive" ? row.original.updatedAt ?? row.original.createdAt : row.original.createdAt;
         if (!ts) return null;
-        return /* @__PURE__ */ jsxs226("div", { className: "flex flex-col whitespace-nowrap", children: [
-          /* @__PURE__ */ jsx287("span", { className: "text-ods-text-primary text-h4", children: formatDate2(ts) }),
-          /* @__PURE__ */ jsx287("span", { className: "text-heading-5 text-ods-text-secondary", children: formatTime(ts) })
+        return /* @__PURE__ */ jsxs227("div", { className: "flex flex-col whitespace-nowrap", children: [
+          /* @__PURE__ */ jsx288("span", { className: "text-ods-text-primary text-h4", children: formatDate2(ts) }),
+          /* @__PURE__ */ jsx288("span", { className: "text-heading-5 text-ods-text-secondary", children: formatTime(ts) })
         ] });
       },
       enableSorting: false,
@@ -30750,22 +30827,22 @@ function KnowledgeBaseTableBody({
     getRowId: (row) => row.id,
     enableSorting: false
   });
-  return /* @__PURE__ */ jsxs226(DataTable, { table, children: [
-    /* @__PURE__ */ jsx287(
+  return /* @__PURE__ */ jsxs227(DataTable, { table, children: [
+    /* @__PURE__ */ jsx288(
       DataTable.Header,
       {
         stickyHeader: !!stickyHeaderOffset,
         stickyHeaderOffset,
-        rightSlot: /* @__PURE__ */ jsx287(DataTable.RowCount, { itemName: mode === "archive" ? "article" : "item", totalCount })
+        rightSlot: /* @__PURE__ */ jsx288(DataTable.RowCount, { itemName: mode === "archive" ? "article" : "item", totalCount })
       }
     ),
-    /* @__PURE__ */ jsx287(DataTable.Body, { loading: isLoading, skeletonRows, emptyMessage, rowHref: getHref }),
+    /* @__PURE__ */ jsx288(DataTable.Body, { loading: isLoading, skeletonRows, emptyMessage, rowHref: getHref }),
     footerSlot
   ] });
 }
 
 // src/components/features/knowledge-base/knowledge-base-article-view.tsx
-import { jsx as jsx288, jsxs as jsxs227 } from "react/jsx-runtime";
+import { jsx as jsx289, jsxs as jsxs228 } from "react/jsx-runtime";
 function KnowledgeBaseArticleView({
   title,
   onBack,
@@ -30780,7 +30857,7 @@ function KnowledgeBaseArticleView({
   children,
   className = "px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]"
 }) {
-  return /* @__PURE__ */ jsxs227(
+  return /* @__PURE__ */ jsxs228(
     PageLayout,
     {
       title,
@@ -30790,10 +30867,10 @@ function KnowledgeBaseArticleView({
       menuActions,
       className,
       children: [
-        tags.length > 0 && /* @__PURE__ */ jsx288("div", { className: "flex flex-wrap gap-[var(--spacing-system-xsf)]", children: tags.map((tag) => /* @__PURE__ */ jsx288(Tag, { label: tag.label, variant: "outline", className: "max-w-full" }, tag.id)) }),
-        /* @__PURE__ */ jsx288(Card, { className: "border-ods-border px-[var(--spacing-system-mf)] py-0", children: /* @__PURE__ */ jsxs227("div", { className: "grid grid-cols-2 gap-x-[var(--spacing-system-mf)] content-lg:grid-cols-3", children: [
-          /* @__PURE__ */ jsxs227("div", { className: "flex h-20 min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
-            author.deleted ? /* @__PURE__ */ jsx288(DeletedUserAvatar, { size: "md" }) : /* @__PURE__ */ jsx288(
+        tags.length > 0 && /* @__PURE__ */ jsx289("div", { className: "flex flex-wrap gap-[var(--spacing-system-xsf)]", children: tags.map((tag) => /* @__PURE__ */ jsx289(Tag, { label: tag.label, variant: "outline", className: "max-w-full" }, tag.id)) }),
+        /* @__PURE__ */ jsx289(Card, { className: "border-ods-border px-[var(--spacing-system-mf)] py-0", children: /* @__PURE__ */ jsxs228("div", { className: "grid grid-cols-2 gap-x-[var(--spacing-system-mf)] content-lg:grid-cols-3", children: [
+          /* @__PURE__ */ jsxs228("div", { className: "flex h-20 min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
+            author.deleted ? /* @__PURE__ */ jsx289(DeletedUserAvatar, { size: "md" }) : /* @__PURE__ */ jsx289(
               SquareAvatar,
               {
                 src: author.imageUrl,
@@ -30803,29 +30880,29 @@ function KnowledgeBaseArticleView({
                 variant: "round"
               }
             ),
-            /* @__PURE__ */ jsxs227("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-              /* @__PURE__ */ jsx288(TruncateText, { className: author.deleted ? "text-ods-error" : void 0, children: author.name ?? "Unknown" }),
-              /* @__PURE__ */ jsx288("p", { className: "truncate text-heading-5 text-ods-text-secondary", children: "Author" })
+            /* @__PURE__ */ jsxs228("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+              /* @__PURE__ */ jsx289(TruncateText, { className: author.deleted ? "text-ods-error" : void 0, children: author.name ?? "Unknown" }),
+              /* @__PURE__ */ jsx289("p", { className: "truncate text-heading-5 text-ods-text-secondary", children: "Author" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs227("div", { className: "flex h-20 min-w-0 flex-col justify-center", children: [
-            /* @__PURE__ */ jsx288(TruncateText, { children: updatedLabel }),
-            /* @__PURE__ */ jsx288("p", { className: "truncate text-heading-5 text-ods-text-secondary", children: "Updated" })
+          /* @__PURE__ */ jsxs228("div", { className: "flex h-20 min-w-0 flex-col justify-center", children: [
+            /* @__PURE__ */ jsx289(TruncateText, { children: updatedLabel }),
+            /* @__PURE__ */ jsx289("p", { className: "truncate text-heading-5 text-ods-text-secondary", children: "Updated" })
           ] }),
-          /* @__PURE__ */ jsx288(
+          /* @__PURE__ */ jsx289(
             "div",
             {
               className: "col-span-2 -mx-[var(--spacing-system-mf)] border-t border-ods-border content-lg:hidden",
               "aria-hidden": true
             }
           ),
-          /* @__PURE__ */ jsxs227("div", { className: "flex h-20 min-w-0 flex-col items-start justify-center gap-[var(--spacing-system-xxs)]", children: [
-            /* @__PURE__ */ jsx288(Tag, { variant: KNOWLEDGE_BASE_STATUS_VARIANT[status], label: status }),
-            /* @__PURE__ */ jsx288("p", { className: "truncate text-heading-5 text-ods-text-secondary", children: "Status" })
+          /* @__PURE__ */ jsxs228("div", { className: "flex h-20 min-w-0 flex-col items-start justify-center gap-[var(--spacing-system-xxs)]", children: [
+            /* @__PURE__ */ jsx289(Tag, { variant: KNOWLEDGE_BASE_STATUS_VARIANT[status], label: status }),
+            /* @__PURE__ */ jsx289("p", { className: "truncate text-heading-5 text-ods-text-secondary", children: "Status" })
           ] })
         ] }) }),
         content,
-        attachments.length > 0 && /* @__PURE__ */ jsx288(TicketDetailSection, { label: "Attachments", children: /* @__PURE__ */ jsx288(TicketAttachmentsList, { attachments }) }),
+        attachments.length > 0 && /* @__PURE__ */ jsx289(TicketDetailSection, { label: "Attachments", children: /* @__PURE__ */ jsx289(TicketAttachmentsList, { attachments }) }),
         children
       ]
     }
@@ -30869,9 +30946,9 @@ function shiftFor(slots, index, to) {
 }
 
 // src/components/features/sortable-list/sortable-drag-handle.tsx
-import { jsx as jsx289 } from "react/jsx-runtime";
+import { jsx as jsx290 } from "react/jsx-runtime";
 function SortableDragHandle({ handleProps, label, className }) {
-  return /* @__PURE__ */ jsx289(
+  return /* @__PURE__ */ jsx290(
     Button,
     {
       type: "button",
@@ -30880,7 +30957,7 @@ function SortableDragHandle({ handleProps, label, className }) {
       "aria-label": label ? `Drag ${label} to reorder` : "Drag to reorder",
       ...handleProps,
       className: cn("shrink-0 cursor-grab touch-none text-ods-text-secondary hover:text-ods-text-primary", className),
-      leftIcon: /* @__PURE__ */ jsx289(DraggerIcon, {})
+      leftIcon: /* @__PURE__ */ jsx290(DraggerIcon, {})
     }
   );
 }
@@ -30899,7 +30976,7 @@ import {
   useRef as useRef41,
   useState as useState81
 } from "react";
-import { jsx as jsx290, jsxs as jsxs228 } from "react/jsx-runtime";
+import { jsx as jsx291, jsxs as jsxs229 } from "react/jsx-runtime";
 var SORTABLE_ITEM_ATTRIBUTE = "data-sortable-item";
 var SHIFT_MS = 200;
 var DROP_MS = 150;
@@ -31038,15 +31115,15 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
     () => ({ dragType, disabled, dragAndDropEnabled, reorder, readItems }),
     [dragType, disabled, dragAndDropEnabled, reorder, readItems]
   );
-  return /* @__PURE__ */ jsx290(SortableListContext.Provider, { value: context, children: /* @__PURE__ */ jsxs228("div", { ref: listRef, className, children: [
+  return /* @__PURE__ */ jsx291(SortableListContext.Provider, { value: context, children: /* @__PURE__ */ jsxs229("div", { ref: listRef, className, children: [
     children,
-    /* @__PURE__ */ jsx290("p", { "aria-live": "polite", className: "sr-only", children: announcement })
+    /* @__PURE__ */ jsx291("p", { "aria-live": "polite", className: "sr-only", children: announcement })
   ] }) });
 }
 
 // src/components/features/sortable-list/sortable-move-buttons.tsx
 import { useRef as useRef42 } from "react";
-import { jsx as jsx291, jsxs as jsxs229 } from "react/jsx-runtime";
+import { jsx as jsx292, jsxs as jsxs230 } from "react/jsx-runtime";
 function SortableMoveButtons({ index, count, label, className }) {
   const { disabled, reorder } = useSortableListContext();
   const upRef = useRef42(null);
@@ -31061,8 +31138,8 @@ function SortableMoveButtons({ index, count, label, className }) {
     });
   };
   const subject = label ?? "item";
-  return /* @__PURE__ */ jsxs229("div", { className: cn("inline-flex shrink-0", className), children: [
-    /* @__PURE__ */ jsx291(
+  return /* @__PURE__ */ jsxs230("div", { className: cn("inline-flex shrink-0", className), children: [
+    /* @__PURE__ */ jsx292(
       Button,
       {
         ref: upRef,
@@ -31073,10 +31150,10 @@ function SortableMoveButtons({ index, count, label, className }) {
         disabled: disabled || index <= 0,
         onClick: () => move(-1),
         className: "rounded-r-none border-r-0",
-        children: /* @__PURE__ */ jsx291(Arrow01UpIcon, {})
+        children: /* @__PURE__ */ jsx292(Arrow01UpIcon, {})
       }
     ),
-    /* @__PURE__ */ jsx291(
+    /* @__PURE__ */ jsx292(
       Button,
       {
         ref: downRef,
@@ -31087,7 +31164,7 @@ function SortableMoveButtons({ index, count, label, className }) {
         disabled: disabled || index >= count - 1,
         onClick: () => move(1),
         className: "rounded-l-none",
-        children: /* @__PURE__ */ jsx291(Arrow01DownIcon, {})
+        children: /* @__PURE__ */ jsx292(Arrow01DownIcon, {})
       }
     )
   ] });
@@ -31143,7 +31220,7 @@ function useSortableItem() {
 }
 
 // src/components/features/ticket-status-config-list/ticket-status-config-list.tsx
-import { jsx as jsx292 } from "react/jsx-runtime";
+import { jsx as jsx293 } from "react/jsx-runtime";
 function TicketStatusConfigList({
   items,
   onReorder,
@@ -31151,13 +31228,13 @@ function TicketStatusConfigList({
   getItemLabel,
   className
 }) {
-  return /* @__PURE__ */ jsx292(
+  return /* @__PURE__ */ jsx293(
     SortableList,
     {
       onReorder,
       getItemLabel,
       className: cn("flex w-full flex-col gap-[var(--spacing-system-xs)]", className),
-      children: items.map((item, index) => /* @__PURE__ */ jsx292(SortableRow, { index, count: items.length, label: getItemLabel?.(index), children: (args) => renderRow(item, args) }, item.id))
+      children: items.map((item, index) => /* @__PURE__ */ jsx293(SortableRow, { index, count: items.length, label: getItemLabel?.(index), children: (args) => renderRow(item, args) }, item.id))
     }
   );
 }
@@ -31168,7 +31245,7 @@ function SortableRow({
   children
 }) {
   const { itemRef, dragHandleProps, isDragging, dragAndDropEnabled } = useSortableItem();
-  return /* @__PURE__ */ jsx292(
+  return /* @__PURE__ */ jsx293(
     "div",
     {
       ref: itemRef,
@@ -31176,18 +31253,18 @@ function SortableRow({
       children: children({
         dragHandleProps,
         isDragging,
-        moveButtons: dragAndDropEnabled ? null : /* @__PURE__ */ jsx292(SortableMoveButtons, { index, count, label })
+        moveButtons: dragAndDropEnabled ? null : /* @__PURE__ */ jsx293(SortableMoveButtons, { index, count, label })
       })
     }
   );
 }
 
 // src/components/features/conversation-card.tsx
-import { jsx as jsx293, jsxs as jsxs230 } from "react/jsx-runtime";
+import { jsx as jsx294, jsxs as jsxs231 } from "react/jsx-runtime";
 function Who({ speaker }) {
-  return /* @__PURE__ */ jsxs230("div", { className: "flex items-baseline gap-2 text-ods-text-primary text-h4", children: [
+  return /* @__PURE__ */ jsxs231("div", { className: "flex items-baseline gap-2 text-ods-text-primary text-h4", children: [
     speaker.name,
-    speaker.meta && /* @__PURE__ */ jsx293("span", { className: "text-ods-text-secondary text-h6", children: speaker.meta })
+    speaker.meta && /* @__PURE__ */ jsx294("span", { className: "text-ods-text-secondary text-h6", children: speaker.meta })
   ] });
 }
 function ConversationCard({
@@ -31201,36 +31278,36 @@ function ConversationCard({
   footerTone = "default",
   className
 }) {
-  return /* @__PURE__ */ jsxs230(
+  return /* @__PURE__ */ jsxs231(
     "div",
     {
       className: cn("flex h-full flex-col gap-4 rounded-xl border border-ods-border bg-ods-card p-5 md:p-7", className),
       children: [
-        /* @__PURE__ */ jsxs230("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx293("span", { className: "shrink-0", children: requester.avatar }),
-          /* @__PURE__ */ jsxs230("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx293(Who, { speaker: requester }),
-            /* @__PURE__ */ jsxs230("p", { className: "m-0 mt-1 line-clamp-2 min-h-[2lh] text-ods-text-primary text-h3", title: request, children: [
+        /* @__PURE__ */ jsxs231("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx294("span", { className: "shrink-0", children: requester.avatar }),
+          /* @__PURE__ */ jsxs231("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx294(Who, { speaker: requester }),
+            /* @__PURE__ */ jsxs231("p", { className: "m-0 mt-1 line-clamp-2 min-h-[2lh] text-ods-text-primary text-h3", title: request, children: [
               "\u201C",
               request,
               "\u201D"
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs230("div", { className: "flex items-start gap-3 rounded-md border border-ods-border bg-ods-bg p-3.5", children: [
-          /* @__PURE__ */ jsx293("span", { className: "shrink-0", children: responder.avatar }),
-          /* @__PURE__ */ jsxs230("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx293(Who, { speaker: responder }),
-            /* @__PURE__ */ jsxs230("div", { className: "mt-1 flex items-start gap-2 text-ods-text-secondary text-h4", children: [
-              /* @__PURE__ */ jsx293(CheckCircleIcon, { size: 16, className: "mt-1 shrink-0 text-ods-success", "aria-hidden": true }),
-              /* @__PURE__ */ jsx293("span", { className: "line-clamp-3 min-h-[3lh] min-w-0 flex-1", title: outcome, children: outcome }),
+        /* @__PURE__ */ jsxs231("div", { className: "flex items-start gap-3 rounded-md border border-ods-border bg-ods-bg p-3.5", children: [
+          /* @__PURE__ */ jsx294("span", { className: "shrink-0", children: responder.avatar }),
+          /* @__PURE__ */ jsxs231("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx294(Who, { speaker: responder }),
+            /* @__PURE__ */ jsxs231("div", { className: "mt-1 flex items-start gap-2 text-ods-text-secondary text-h4", children: [
+              /* @__PURE__ */ jsx294(CheckCircleIcon, { size: 16, className: "mt-1 shrink-0 text-ods-success", "aria-hidden": true }),
+              /* @__PURE__ */ jsx294("span", { className: "line-clamp-3 min-h-[3lh] min-w-0 flex-1", title: outcome, children: outcome }),
               outcomeAside
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs230("div", { className: "mt-auto flex items-center justify-between gap-3 border-t border-ods-border pt-3.5 text-ods-text-secondary text-h6", children: [
-          /* @__PURE__ */ jsx293("span", { children: footerLabel }),
-          /* @__PURE__ */ jsx293(
+        /* @__PURE__ */ jsxs231("div", { className: "mt-auto flex items-center justify-between gap-3 border-t border-ods-border pt-3.5 text-ods-text-secondary text-h6", children: [
+          /* @__PURE__ */ jsx294("span", { children: footerLabel }),
+          /* @__PURE__ */ jsx294(
             "span",
             {
               className: cn(
@@ -31248,7 +31325,7 @@ function ConversationCard({
 
 // src/components/features/capability-explorer.tsx
 import { useRef as useRef43 } from "react";
-import { jsx as jsx294, jsxs as jsxs231 } from "react/jsx-runtime";
+import { jsx as jsx295, jsxs as jsxs232 } from "react/jsx-runtime";
 var PANEL_HEIGHT_CLASS = "h-[824px]";
 var PANEL_TOP_HEIGHT_CLASS = "h-[256px]";
 var PANEL_SCREEN_HEIGHT_CLASS = "h-[420px]";
@@ -31258,9 +31335,9 @@ var SKELETON_HEIGHT_CLASS = "h-[700px] content-lg:h-[824px]";
 var capabilityTabId = (id) => `${id}-tab`;
 function Highlights({ items, className }) {
   if (items.length === 0) return null;
-  return /* @__PURE__ */ jsx294("ul", { className: cn("grid grid-cols-1 gap-2", className), children: items.slice(0, 3).map((text) => /* @__PURE__ */ jsxs231("li", { className: "flex min-w-0 items-center gap-2.5", children: [
-    /* @__PURE__ */ jsx294(CheckIcon, { size: 16, className: "shrink-0 text-ods-flamingo-cyan" }),
-    /* @__PURE__ */ jsx294(TruncateText, { variant: "h6", triggerClassName: "flex-1", children: text })
+  return /* @__PURE__ */ jsx295("ul", { className: cn("grid grid-cols-1 gap-2", className), children: items.slice(0, 3).map((text) => /* @__PURE__ */ jsxs232("li", { className: "flex min-w-0 items-center gap-2.5", children: [
+    /* @__PURE__ */ jsx295(CheckIcon, { size: 16, className: "shrink-0 text-ods-flamingo-cyan" }),
+    /* @__PURE__ */ jsx295(TruncateText, { variant: "h6", triggerClassName: "flex-1", children: text })
   ] }, text)) });
 }
 function Example({
@@ -31270,14 +31347,14 @@ function Example({
   responderMark,
   className
 }) {
-  const who = (name, note) => /* @__PURE__ */ jsxs231("p", { className: "flex min-w-0 items-baseline gap-2 text-ods-text-primary text-h6", children: [
-    /* @__PURE__ */ jsx294("span", { className: "shrink-0", children: name }),
-    note && /* @__PURE__ */ jsx294("span", { className: "truncate text-ods-text-secondary", children: note })
+  const who = (name, note) => /* @__PURE__ */ jsxs232("p", { className: "flex min-w-0 items-baseline gap-2 text-ods-text-primary text-h6", children: [
+    /* @__PURE__ */ jsx295("span", { className: "shrink-0", children: name }),
+    note && /* @__PURE__ */ jsx295("span", { className: "truncate text-ods-text-secondary", children: note })
   ] });
-  const mark = (node) => node ? /* @__PURE__ */ jsx294("span", { className: "flex size-6 shrink-0 items-center justify-center", children: node }) : null;
+  const mark = (node) => node ? /* @__PURE__ */ jsx295("span", { className: "flex size-6 shrink-0 items-center justify-center", children: node }) : null;
   const requester = example.requester;
   const responder = example.responder;
-  return /* @__PURE__ */ jsxs231(
+  return /* @__PURE__ */ jsxs232(
     "div",
     {
       className: cn(
@@ -31285,20 +31362,20 @@ function Example({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs231("div", { className: "flex min-w-0 gap-2.5", children: [
+        /* @__PURE__ */ jsxs232("div", { className: "flex min-w-0 gap-2.5", children: [
           mark(requester?.mark ?? requesterMark),
-          /* @__PURE__ */ jsxs231("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ jsxs232("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
             who(requester?.name ?? labels.requester, requester?.note ?? labels.requesterNote),
-            /* @__PURE__ */ jsx294(TruncateText, { lines: 2, variant: "h4", className: "min-h-[2lh]", children: `\u201C${example.request}\u201D` })
+            /* @__PURE__ */ jsx295(TruncateText, { lines: 2, variant: "h4", className: "min-h-[2lh]", children: `\u201C${example.request}\u201D` })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs231("div", { className: "flex min-w-0 gap-2.5 border-t border-ods-border pt-3", children: [
+        /* @__PURE__ */ jsxs232("div", { className: "flex min-w-0 gap-2.5 border-t border-ods-border pt-3", children: [
           mark(responder?.mark ?? responderMark),
-          /* @__PURE__ */ jsxs231("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ jsxs232("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
             who(responder?.name ?? labels.responder, responder?.note ?? labels.responderNote),
-            /* @__PURE__ */ jsxs231("div", { className: "flex min-w-0 items-start gap-2", children: [
-              /* @__PURE__ */ jsx294(CheckIcon, { size: 16, className: "mt-0.5 shrink-0 text-ods-flamingo-cyan" }),
-              /* @__PURE__ */ jsx294(TruncateText, { lines: 2, variant: "h6", tone: "secondary", className: "min-h-[2lh]", triggerClassName: "flex-1", children: example.outcome })
+            /* @__PURE__ */ jsxs232("div", { className: "flex min-w-0 items-start gap-2", children: [
+              /* @__PURE__ */ jsx295(CheckIcon, { size: 16, className: "mt-0.5 shrink-0 text-ods-flamingo-cyan" }),
+              /* @__PURE__ */ jsx295(TruncateText, { lines: 2, variant: "h6", tone: "secondary", className: "min-h-[2lh]", triggerClassName: "flex-1", children: example.outcome })
             ] })
           ] })
         ] })
@@ -31307,9 +31384,9 @@ function Example({
   );
 }
 function CapabilityExplorerSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs231("div", { className, children: [
-    /* @__PURE__ */ jsx294(Skeleton, { className: cn(SKELETON_HEIGHT_CLASS, "w-full") }),
-    /* @__PURE__ */ jsx294(SnapCarouselControlsSkeleton, { className: "content-lg:hidden" })
+  return /* @__PURE__ */ jsxs232("div", { className, children: [
+    /* @__PURE__ */ jsx295(Skeleton, { className: cn(SKELETON_HEIGHT_CLASS, "w-full") }),
+    /* @__PURE__ */ jsx295(SnapCarouselControlsSkeleton, { className: "content-lg:hidden" })
   ] });
 }
 function CapabilityExplorer({
@@ -31325,9 +31402,9 @@ function CapabilityExplorer({
   const wide = useContentLgUp();
   const listRef = useRef43(null);
   if (items.length === 0) return null;
-  if (wide === void 0) return /* @__PURE__ */ jsx294(CapabilityExplorerSkeleton, { className });
+  if (wide === void 0) return /* @__PURE__ */ jsx295(CapabilityExplorerSkeleton, { className });
   if (!wide) {
-    return /* @__PURE__ */ jsx294(
+    return /* @__PURE__ */ jsx295(
       SnapCarousel,
       {
         className,
@@ -31338,7 +31415,7 @@ function CapabilityExplorer({
         getKey: (item) => item.id,
         focusIndex: items.findIndex((item) => item.id === activeId),
         slideClassName: "min-w-0 basis-[86%]",
-        renderItem: (item) => /* @__PURE__ */ jsxs231(
+        renderItem: (item) => /* @__PURE__ */ jsxs232(
           "article",
           {
             className: cn(
@@ -31346,19 +31423,19 @@ function CapabilityExplorer({
               CARD_HEIGHT_CLASS
             ),
             children: [
-              /* @__PURE__ */ jsxs231("div", { className: "flex min-w-0 items-center gap-3", children: [
-                item.iconName && /* @__PURE__ */ jsx294("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg text-ods-flamingo-cyan", children: /* @__PURE__ */ jsx294(EntityIcon, { icon: { name: item.iconName }, size: 18 }) }),
-                /* @__PURE__ */ jsxs231("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsxs231("h3", { className: "flex min-w-0 items-center gap-2 text-ods-text-primary text-h4", children: [
-                    /* @__PURE__ */ jsx294(TruncateText, { as: "span", variant: "h4", triggerClassName: "flex-1", children: item.title }),
+              /* @__PURE__ */ jsxs232("div", { className: "flex min-w-0 items-center gap-3", children: [
+                item.iconName && /* @__PURE__ */ jsx295("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg text-ods-flamingo-cyan", children: /* @__PURE__ */ jsx295(EntityIcon, { icon: { name: item.iconName }, size: 18 }) }),
+                /* @__PURE__ */ jsxs232("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxs232("h3", { className: "flex min-w-0 items-center gap-2 text-ods-text-primary text-h4", children: [
+                    /* @__PURE__ */ jsx295(TruncateText, { as: "span", variant: "h4", triggerClassName: "flex-1", children: item.title }),
                     item.badge
                   ] }),
-                  item.caption && /* @__PURE__ */ jsx294(TruncateText, { variant: "h6", tone: "secondary", children: item.caption })
+                  item.caption && /* @__PURE__ */ jsx295(TruncateText, { variant: "h6", tone: "secondary", children: item.caption })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx294(TruncateText, { lines: 3, variant: "h6", tone: "secondary", className: "min-h-[3lh]", children: item.intro }),
-              /* @__PURE__ */ jsx294("div", { className: "shrink-0 overflow-hidden rounded-lg border border-ods-border", children: renderScreen(item, { compact: true }) }),
-              item.example && /* @__PURE__ */ jsx294(
+              /* @__PURE__ */ jsx295(TruncateText, { lines: 3, variant: "h6", tone: "secondary", className: "min-h-[3lh]", children: item.intro }),
+              /* @__PURE__ */ jsx295("div", { className: "shrink-0 overflow-hidden rounded-lg border border-ods-border", children: renderScreen(item, { compact: true }) }),
+              item.example && /* @__PURE__ */ jsx295(
                 Example,
                 {
                   example: item.example,
@@ -31368,7 +31445,7 @@ function CapabilityExplorer({
                   className: "shrink-0"
                 }
               ),
-              item.footer && /* @__PURE__ */ jsx294("div", { className: "mt-auto min-w-0 shrink-0 overflow-hidden", children: item.footer })
+              item.footer && /* @__PURE__ */ jsx295("div", { className: "mt-auto min-w-0 shrink-0 overflow-hidden", children: item.footer })
             ]
           }
         )
@@ -31389,7 +31466,7 @@ function CapabilityExplorer({
     onActiveChange(items[next].id);
     listRef.current?.querySelectorAll('[role="tab"]')[next]?.focus();
   };
-  return /* @__PURE__ */ jsxs231(
+  return /* @__PURE__ */ jsxs232(
     "div",
     {
       className: cn(
@@ -31398,7 +31475,7 @@ function CapabilityExplorer({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx294(
+        /* @__PURE__ */ jsx295(
           "div",
           {
             ref: listRef,
@@ -31409,7 +31486,7 @@ function CapabilityExplorer({
             className: "flex min-h-0 flex-col gap-1 overflow-y-auto",
             children: items.map((item, index) => {
               const selected = index === activeIndex;
-              return /* @__PURE__ */ jsxs231(
+              return /* @__PURE__ */ jsxs232(
                 "button",
                 {
                   id: capabilityTabId(item.id),
@@ -31424,18 +31501,18 @@ function CapabilityExplorer({
                     selected ? "border-ods-border bg-ods-card" : "border-transparent hover:bg-ods-bg-hover"
                   ),
                   children: [
-                    item.iconName && /* @__PURE__ */ jsx294(
+                    item.iconName && /* @__PURE__ */ jsx295(
                       "span",
                       {
                         className: cn(
                           "flex size-9 shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg",
                           selected ? "text-ods-flamingo-cyan" : "text-ods-text-secondary"
                         ),
-                        children: /* @__PURE__ */ jsx294(EntityIcon, { icon: { name: item.iconName }, size: 18 })
+                        children: /* @__PURE__ */ jsx295(EntityIcon, { icon: { name: item.iconName }, size: 18 })
                       }
                     ),
-                    /* @__PURE__ */ jsxs231("span", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsxs231(
+                    /* @__PURE__ */ jsxs232("span", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsxs232(
                         "span",
                         {
                           className: cn(
@@ -31443,14 +31520,14 @@ function CapabilityExplorer({
                             selected ? "text-ods-text-primary" : "text-ods-text-secondary"
                           ),
                           children: [
-                            /* @__PURE__ */ jsx294("span", { className: "truncate", children: item.title }),
+                            /* @__PURE__ */ jsx295("span", { className: "truncate", children: item.title }),
                             item.badge
                           ]
                         }
                       ),
-                      item.caption && /* @__PURE__ */ jsx294("span", { className: "mt-0.5 block truncate text-ods-text-secondary text-h6", title: item.caption, children: item.caption })
+                      item.caption && /* @__PURE__ */ jsx295("span", { className: "mt-0.5 block truncate text-ods-text-secondary text-h6", title: item.caption, children: item.caption })
                     ] }),
-                    /* @__PURE__ */ jsx294(
+                    /* @__PURE__ */ jsx295(
                       Chevron02RightIcon,
                       {
                         size: 16,
@@ -31465,7 +31542,7 @@ function CapabilityExplorer({
             })
           }
         ),
-        /* @__PURE__ */ jsxs231(
+        /* @__PURE__ */ jsxs232(
           "div",
           {
             id: panelId,
@@ -31473,7 +31550,7 @@ function CapabilityExplorer({
             "aria-labelledby": capabilityTabId(active.id),
             className: "flex min-h-0 min-w-0 flex-col gap-5 overflow-hidden rounded-xl border border-ods-border bg-ods-card px-8 py-7",
             children: [
-              /* @__PURE__ */ jsxs231(
+              /* @__PURE__ */ jsxs232(
                 "div",
                 {
                   className: cn(
@@ -31483,12 +31560,12 @@ function CapabilityExplorer({
                     PANEL_TOP_HEIGHT_CLASS
                   ),
                   children: [
-                    /* @__PURE__ */ jsxs231("div", { className: "flex min-w-0 flex-col overflow-hidden", children: [
-                      /* @__PURE__ */ jsx294(TruncateText, { lines: 2, variant: "h2", className: "mb-2", children: active.title }),
-                      /* @__PURE__ */ jsx294(TruncateText, { lines: 3, variant: "h4", tone: "secondary", className: "min-h-[3lh]", children: active.intro }),
-                      /* @__PURE__ */ jsx294(Highlights, { items: active.highlights ?? [], className: "mt-auto" })
+                    /* @__PURE__ */ jsxs232("div", { className: "flex min-w-0 flex-col overflow-hidden", children: [
+                      /* @__PURE__ */ jsx295(TruncateText, { lines: 2, variant: "h2", className: "mb-2", children: active.title }),
+                      /* @__PURE__ */ jsx295(TruncateText, { lines: 3, variant: "h4", tone: "secondary", className: "min-h-[3lh]", children: active.intro }),
+                      /* @__PURE__ */ jsx295(Highlights, { items: active.highlights ?? [], className: "mt-auto" })
                     ] }),
-                    active.example && /* @__PURE__ */ jsx294(
+                    active.example && /* @__PURE__ */ jsx295(
                       Example,
                       {
                         example: active.example,
@@ -31500,8 +31577,8 @@ function CapabilityExplorer({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx294("div", { className: cn("shrink-0 overflow-hidden rounded-xl border border-ods-border", PANEL_SCREEN_HEIGHT_CLASS), children: renderScreen(active, { compact: false }) }),
-              active.footer && /* @__PURE__ */ jsx294("div", { className: cn("flex min-w-0 shrink-0 items-center overflow-hidden", PANEL_FOOTER_HEIGHT_CLASS), children: active.footer })
+              /* @__PURE__ */ jsx295("div", { className: cn("shrink-0 overflow-hidden rounded-xl border border-ods-border", PANEL_SCREEN_HEIGHT_CLASS), children: renderScreen(active, { compact: false }) }),
+              active.footer && /* @__PURE__ */ jsx295("div", { className: cn("flex min-w-0 shrink-0 items-center overflow-hidden", PANEL_FOOTER_HEIGHT_CLASS), children: active.footer })
             ]
           }
         )
@@ -31881,6 +31958,10 @@ export {
   TranscribeAndSummarizeCombinedSection,
   HighlightVideoCombinedSection,
   ViewToggle,
+  APPROVAL_LEVELS,
+  APPROVAL_LEVEL_META,
+  ApprovalLevelMark,
+  ApprovalLevelControl,
   PolicyConfigurationPanel,
   DataTableEmpty,
   DataTableRow,