@flamingo-stack/openframe-frontend-core 0.0.717 → 0.0.718

package/dist/index.js

@@ -8,7 +8,7 @@ import {
   ShellTypeBadge,
   SoftwareInfo,
   SoftwareSourceBadge
-} from "./chunk-VZI5BA4L.js";
+} from "./chunk-XGHGGBM3.js";
 import {
   AppHeader,
   AppLayout,
@@ -33,7 +33,7 @@ import {
   isMegaMenu,
   navLinkLabel,
   siteNavHasMobileMenus
-} from "./chunk-47FISYO5.js";
+} from "./chunk-YEMCCYIF.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
@@ -95,7 +95,6 @@ import {
   AuthBenefitsPanel,
   AuthProvidersList,
   AuthShell,
-  Autocomplete,
   BackToLoginLink,
   Badge,
   BenefitCard,
@@ -220,7 +219,6 @@ import {
   GooglePlayBadge,
   HIDDEN_DEVICE_STATUSES,
   HeaderButton,
-  HiddenTagsPopup,
   HighlightCard,
   HighlightCardGrid,
   HighlightConfigSection,
@@ -565,7 +563,7 @@ import {
   useTrackerClock,
   useWalkthroughVideo,
   usersCountLabel
-} from "./chunk-B5XU6KOA.js";
+} from "./chunk-N2PF5CFX.js";
 import {
   Board,
   BoardColumn,
@@ -585,9 +583,12 @@ import {
 import "./chunk-LQYXMEYF.js";
 import "./chunk-4JPLYOS6.js";
 import {
+  AssignTicketModal,
+  Autocomplete,
   BACK_BUTTON_SKELETON_CLASS,
   BackButton,
   EntityImage,
+  HiddenTagsPopup,
   KeepRecordingModal,
   PageActions,
   PageLayout,
@@ -632,11 +633,12 @@ import {
   TITLE_BLOCK_MIN_HEIGHT,
   TitleBlock,
   TruncateText,
+  UnassignTicketModal,
   formatRemoteSessionElapsed,
   formatRemoteSessionOffset,
   usePageActionsBottomPadding,
   useRemoteSessionTimer
-} from "./chunk-NPAQSMRY.js";
+} from "./chunk-LOYPRJWA.js";
 import {
   CommandApprovalToast,
   GraphQLIntrospector,
@@ -670,7 +672,6 @@ import {
   useActiveSection,
   useApiParams,
   useAuthenticatedImage,
-  useAutoLimitTags,
   useBatchImages,
   useClaudeMirrorSrc,
   useContactSubmission,
@@ -680,7 +681,6 @@ import {
   useFocusTrap,
   useFormRescue,
   useHumanitySignals,
-  useKeyboardCollisionPadding,
   useLocationHash,
   useMemoizedCallback,
   useNatsClient,
@@ -704,7 +704,7 @@ import {
   validateSchema,
   validateVariables,
   variablesToUrlParams
-} from "./chunk-6T3BTD6Q.js";
+} from "./chunk-IWCPXJEE.js";
 import {
   DRAG_AND_DROP_MEDIA_QUERY,
   useDragAndDropEnabled,
@@ -712,6 +712,10 @@ import {
   useLocalStorage
 } from "./chunk-3K5ZLZE7.js";
 import "./chunk-HFL2F4RM.js";
+import {
+  useAutoLimitTags,
+  useKeyboardCollisionPadding
+} from "./chunk-YYYVS7CX.js";
 import "./chunk-WSDT7LYL.js";
 import "./chunk-G3GRYDMS.js";
 import {
@@ -2160,6 +2164,7 @@ export {
   AskDisplay,
   AskPrompts,
   AspectRatio,
+  AssignTicketModal,
   AssigneeDropdown,
   AuditLoggingIcon,
   AuthBenefitsPanel,
@@ -3162,6 +3167,7 @@ export {
   TruncateText,
   TrustpilotIcon,
   UnarchiveChatModal,
+  UnassignTicketModal,
   UnreadCountBadge,
   UnreadDot,
   UnsavedChangesChip,

package/dist/{knowledge-EHNRYT7U.cjs → knowledge-KLVPVEYZ.cjs}

@@ -8,14 +8,15 @@ var _chunkII4QMH26cjs = require('./chunk-II4QMH26.cjs');
 var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
 
 
-var _chunk5MF3NMYCcjs = require('./chunk-5MF3NMYC.cjs');
+var _chunkZ3CVSPO3cjs = require('./chunk-Z3CVSPO3.cjs');
 require('./chunk-4HJRHEXD.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
-require('./chunk-PPXR22YC.cjs');
-require('./chunk-JO5TLJPM.cjs');
+require('./chunk-Z5UWW3Z2.cjs');
+require('./chunk-ZXCZYMN4.cjs');
 require('./chunk-B4NCVYEQ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
+require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-WBNAEYTQ.cjs');
 require('./chunk-AUMKE74M.cjs');
 require('./chunk-LX22Y43B.cjs');
@@ -96,7 +97,7 @@ function KnowledgeScreen(_props) {
   const cast = _chunkII4QMH26cjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => buildKnowledgeFixture(cast), [cast]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5MF3NMYCcjs.KnowledgeBaseArticleView,
+    _chunkZ3CVSPO3cjs.KnowledgeBaseArticleView,
     {
       ...fixture.article,
       content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUWQWMGJ7cjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })

package/dist/{knowledge-DEKYJXBS.js → knowledge-RZSFNR33.js}

@@ -8,14 +8,15 @@ import {
 } from "./chunk-CYUUHFXL.js";
 import {
   KnowledgeBaseArticleView
-} from "./chunk-B5XU6KOA.js";
+} from "./chunk-N2PF5CFX.js";
 import "./chunk-ILNN6QRW.js";
 import "./chunk-LQYXMEYF.js";
 import "./chunk-4JPLYOS6.js";
-import "./chunk-NPAQSMRY.js";
-import "./chunk-6T3BTD6Q.js";
+import "./chunk-LOYPRJWA.js";
+import "./chunk-IWCPXJEE.js";
 import "./chunk-3K5ZLZE7.js";
 import "./chunk-HFL2F4RM.js";
+import "./chunk-YYYVS7CX.js";
 import "./chunk-WSDT7LYL.js";
 import "./chunk-G3GRYDMS.js";
 import "./chunk-PLWMIU72.js";

package/dist/{logs-Q7YFIVYI.js → logs-E5DOV5JO.js}

@@ -16,14 +16,15 @@ import {
   ToolBadge,
   logSeverityVariant,
   logSourceLabels
-} from "./chunk-B5XU6KOA.js";
+} from "./chunk-N2PF5CFX.js";
 import "./chunk-ILNN6QRW.js";
 import "./chunk-LQYXMEYF.js";
 import "./chunk-4JPLYOS6.js";
-import "./chunk-NPAQSMRY.js";
-import "./chunk-6T3BTD6Q.js";
+import "./chunk-LOYPRJWA.js";
+import "./chunk-IWCPXJEE.js";
 import "./chunk-3K5ZLZE7.js";
 import "./chunk-HFL2F4RM.js";
+import "./chunk-YYYVS7CX.js";
 import "./chunk-WSDT7LYL.js";
 import "./chunk-G3GRYDMS.js";
 import "./chunk-PLWMIU72.js";

package/dist/{logs-3V765P7O.cjs → logs-OX3XTVL2.cjs}

@@ -16,14 +16,15 @@ var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
 
 
 
-var _chunk5MF3NMYCcjs = require('./chunk-5MF3NMYC.cjs');
+var _chunkZ3CVSPO3cjs = require('./chunk-Z3CVSPO3.cjs');
 require('./chunk-4HJRHEXD.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
-require('./chunk-PPXR22YC.cjs');
-require('./chunk-JO5TLJPM.cjs');
+require('./chunk-Z5UWW3Z2.cjs');
+require('./chunk-ZXCZYMN4.cjs');
 require('./chunk-B4NCVYEQ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
+require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-WBNAEYTQ.cjs');
 require('./chunk-AUMKE74M.cjs');
 require('./chunk-LX22Y43B.cjs');
@@ -77,7 +78,7 @@ function entry(logId, minutesAgo, severity, toolType, device2, summary) {
     id: logId,
     logId,
     timestamp: displayTime(_chunkKHXZFLINcjs.demoMinutesAgo.call(void 0, minutesAgo)),
-    status: { label: severity, variant: _chunk5MF3NMYCcjs.logSeverityVariant.call(void 0, severity) },
+    status: { label: severity, variant: _chunkZ3CVSPO3cjs.logSeverityVariant.call(void 0, severity) },
     source: { name: toolType, toolType },
     device: device2,
     description: { title: summary }
@@ -149,13 +150,13 @@ var NO_FILTERS = {};
 var ACTION_COLUMNS = ["copy", "quickView", "open"];
 var BESIDE_DRAWER_HIDDEN = [...ACTION_COLUMNS, "tool", "source"];
 var logHref = () => "#";
-var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MF3NMYCcjs.LogCopyIconButton, {});
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.LogCopyIconButton, {});
 function LogsScreen({ compact = false }) {
   const [dock, setDock] = _react.useState.call(void 0, null);
   const selected = LOGS_FIXTURE_SELECTED;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full bg-ods-bg", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1 overflow-clip", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5MF3NMYCcjs.LogsPageView,
+      _chunkZ3CVSPO3cjs.LogsPageView,
       {
         showHeader: false,
         className: "p-[var(--spacing-system-l)]",
@@ -163,7 +164,7 @@ function LogsScreen({ compact = false }) {
         onSearchChange: noop,
         onOpenFilters: noop,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk5MF3NMYCcjs.LogsTableView,
+          _chunkZ3CVSPO3cjs.LogsTableView,
           {
             logs: LOGS_FIXTURE_ENTRIES,
             facets: LOGS_FIXTURE_FACETS,
@@ -177,8 +178,8 @@ function LogsScreen({ compact = false }) {
         )
       }
     ) }),
-    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setDock, className: "relative w-[calc(400px+var(--spacing-system-m))] shrink-0", children: dock && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MF3NMYCcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5MF3NMYCcjs.LogDrawer,
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setDock, className: "relative w-[calc(400px+var(--spacing-system-m))] shrink-0", children: dock && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkZ3CVSPO3cjs.LogDrawer,
       {
         docked: true,
         isOpen: true,
@@ -190,12 +191,12 @@ function LogsScreen({ compact = false }) {
           { label: "Log ID", value: selected.logId },
           {
             label: "Source",
-            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MF3NMYCcjs.ToolBadge, { toolType: _chunkUWQWMGJ7cjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.ToolBadge, { toolType: _chunkUWQWMGJ7cjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
           },
-          { label: "Device", value: _chunk5MF3NMYCcjs.logSourceLabels.call(void 0, selected.device).deviceName }
+          { label: "Device", value: _chunkZ3CVSPO3cjs.logSourceLabels.call(void 0, selected.device).deviceName }
         ],
         deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk5MF3NMYCcjs.DeviceCard,
+          _chunkZ3CVSPO3cjs.DeviceCard,
           {
             ...LOGS_FIXTURE_DEVICE,
             actions: {

package/dist/{policies-TXU5AIXS.cjs → policies-FOSCIZGK.cjs}

@@ -10,14 +10,15 @@ var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
 
 
 
-var _chunk5MF3NMYCcjs = require('./chunk-5MF3NMYC.cjs');
+var _chunkZ3CVSPO3cjs = require('./chunk-Z3CVSPO3.cjs');
 require('./chunk-4HJRHEXD.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
-require('./chunk-PPXR22YC.cjs');
-require('./chunk-JO5TLJPM.cjs');
+require('./chunk-Z5UWW3Z2.cjs');
+require('./chunk-ZXCZYMN4.cjs');
 require('./chunk-B4NCVYEQ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
+require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-WBNAEYTQ.cjs');
 require('./chunk-AUMKE74M.cjs');
 require('./chunk-LX22Y43B.cjs');
@@ -82,14 +83,14 @@ var POLICIES = [
   policy("policy-local-admins", "No local admins", "No everyday account is a local administrator.", false, 0)
 ];
 var POLICIES_FIXTURE = {
-  summary: _chunk5MF3NMYCcjs.computePolicySummary.call(void 0, POLICIES),
+  summary: _chunkZ3CVSPO3cjs.computePolicySummary.call(void 0, POLICIES),
   rows: POLICIES.map((item) => ({
     id: item.id,
     name: item.name,
     description: item.description,
     critical: item.critical,
     severityLabel: item.critical ? "Critical" : "Low",
-    status: _chunk5MF3NMYCcjs.getPolicyTableStatus.call(void 0, item),
+    status: _chunkZ3CVSPO3cjs.getPolicyTableStatus.call(void 0, item),
     actions: [
       { label: "Policy Details", onClick: noop },
       { label: "Delete Policy", onClick: noop }
@@ -103,16 +104,16 @@ var POLICIES_FIXTURE = {
 var _jsxruntime = require('react/jsx-runtime');
 function PoliciesScreen({ compact = false }) {
   const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5MF3NMYCcjs.PoliciesTable,
+    _chunkZ3CVSPO3cjs.PoliciesTable,
     {
       rows: POLICIES_FIXTURE.rows,
       rowAsLink: true,
-      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MF3NMYCcjs.DataTable.RowCount, {}),
+      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.DataTable.RowCount, {}),
       emptyMessage: "No policies found."
     }
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col gap-[var(--spacing-system-l)] bg-ods-bg p-[var(--spacing-system-l)]", children: [
-    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MF3NMYCcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
     table
   ] });
 }

package/dist/{policies-BTIENK5A.js → policies-MC2S4S5G.js}

@@ -10,14 +10,15 @@ import {
   PolicySummaryCards,
   computePolicySummary,
   getPolicyTableStatus
-} from "./chunk-B5XU6KOA.js";
+} from "./chunk-N2PF5CFX.js";
 import "./chunk-ILNN6QRW.js";
 import "./chunk-LQYXMEYF.js";
 import "./chunk-4JPLYOS6.js";
-import "./chunk-NPAQSMRY.js";
-import "./chunk-6T3BTD6Q.js";
+import "./chunk-LOYPRJWA.js";
+import "./chunk-IWCPXJEE.js";
 import "./chunk-3K5ZLZE7.js";
 import "./chunk-HFL2F4RM.js";
+import "./chunk-YYYVS7CX.js";
 import "./chunk-WSDT7LYL.js";
 import "./chunk-G3GRYDMS.js";
 import "./chunk-PLWMIU72.js";

package/dist/{remote-session-R6VAFESR.cjs → remote-session-DRFE5XZE.cjs}

@@ -10,7 +10,8 @@ var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
 
 
 
-var _chunkPPXR22YCcjs = require('./chunk-PPXR22YC.cjs');
+var _chunkZ5UWW3Z2cjs = require('./chunk-Z5UWW3Z2.cjs');
+require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-DC4RTYWK.cjs');
 require('./chunk-FFT56TYB.cjs');
 require('./chunk-PSVSEN4J.cjs');
@@ -174,7 +175,7 @@ function RemoteSessionScreen({ compact = false }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col bg-ods-bg", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[var(--spacing-system-l)] flex-shrink-0" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPPXR22YCcjs.RemoteDesktopView,
+      _chunkZ5UWW3Z2cjs.RemoteDesktopView,
       {
         ...fixture.view,
         onEnterFullscreen: noop,
@@ -185,7 +186,7 @@ function RemoteSessionScreen({ compact = false }) {
         screen: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RemoteDesktopPicture, { desktop: fixture.desktop }),
         chat: compact ? null : (
           // The side column needs the room of the wide layout; a narrow frame keeps the screen alone.
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden min-h-0 content-md:flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPPXR22YCcjs.RemoteDesktopChatPanel, { ...fixture.chat, sending: false, onSend: keepDraft, variant: "side" }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden min-h-0 content-md:flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ5UWW3Z2cjs.RemoteDesktopChatPanel, { ...fixture.chat, sending: false, onSend: keepDraft, variant: "side" }) })
         )
       }
     ) })

package/dist/{remote-session-GSGZOFDX.js → remote-session-JQ2BPIE3.js}

@@ -10,7 +10,8 @@ import {
 import {
   RemoteDesktopChatPanel,
   RemoteDesktopView
-} from "./chunk-NPAQSMRY.js";
+} from "./chunk-LOYPRJWA.js";
+import "./chunk-YYYVS7CX.js";
 import "./chunk-KBJJQFYU.js";
 import "./chunk-P3JMAMHP.js";
 import "./chunk-JHQ334WS.js";

package/dist/{software-update-SW2HOBHW.js → software-update-D4OEIH65.js}

@@ -11,19 +11,21 @@ import {
   DEMO_NOW
 } from "./chunk-CYUUHFXL.js";
 import {
-  Autocomplete,
   DeviceSelector,
   PACKAGE_SEARCH_LABEL,
   PACKAGE_SEARCH_PLACEHOLDER,
   SoftwareActionForm
-} from "./chunk-B5XU6KOA.js";
+} from "./chunk-N2PF5CFX.js";
 import "./chunk-ILNN6QRW.js";
 import "./chunk-LQYXMEYF.js";
 import "./chunk-4JPLYOS6.js";
-import "./chunk-NPAQSMRY.js";
-import "./chunk-6T3BTD6Q.js";
+import {
+  Autocomplete
+} from "./chunk-LOYPRJWA.js";
+import "./chunk-IWCPXJEE.js";
 import "./chunk-3K5ZLZE7.js";
 import "./chunk-HFL2F4RM.js";
+import "./chunk-YYYVS7CX.js";
 import "./chunk-WSDT7LYL.js";
 import "./chunk-G3GRYDMS.js";
 import "./chunk-PLWMIU72.js";

package/dist/{software-update-MINTICZY.cjs → software-update-HOBSTWVO.cjs}

@@ -15,15 +15,17 @@ var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
 
 
 
-
-var _chunk5MF3NMYCcjs = require('./chunk-5MF3NMYC.cjs');
+var _chunkZ3CVSPO3cjs = require('./chunk-Z3CVSPO3.cjs');
 require('./chunk-4HJRHEXD.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
-require('./chunk-PPXR22YC.cjs');
-require('./chunk-JO5TLJPM.cjs');
+
+
+var _chunkZ5UWW3Z2cjs = require('./chunk-Z5UWW3Z2.cjs');
+require('./chunk-ZXCZYMN4.cjs');
 require('./chunk-B4NCVYEQ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
+require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-WBNAEYTQ.cjs');
 require('./chunk-AUMKE74M.cjs');
 require('./chunk-LX22Y43B.cjs');
@@ -114,14 +116,14 @@ var noop = () => {
 var HIDDEN_WHEN_COMPACT = ["organization"];
 function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5MF3NMYCcjs.Autocomplete,
+    _chunkZ5UWW3Z2cjs.Autocomplete,
     {
-      label: _chunk5MF3NMYCcjs.PACKAGE_SEARCH_LABEL,
+      label: _chunkZ3CVSPO3cjs.PACKAGE_SEARCH_LABEL,
       labelVariant: "large",
       options: value ? [{ value: value.id, label: value.name, description: _nullishCoalesce(value.description, () => ( void 0)) }] : [],
       value: _nullishCoalesce(_optionalChain([value, 'optionalAccess', _ => _.id]), () => ( null)),
       onChange: noop,
-      placeholder: _chunk5MF3NMYCcjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunkZ3CVSPO3cjs.PACKAGE_SEARCH_PLACEHOLDER
     }
   );
 }
@@ -135,7 +137,7 @@ function SoftwareUpdateScreen({ compact = false }) {
     [fixture.devices, fixture.selectedIds]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5MF3NMYCcjs.SoftwareActionForm,
+    _chunkZ3CVSPO3cjs.SoftwareActionForm,
     {
       action: fixture.action,
       showHeader: false,
@@ -147,7 +149,7 @@ function SoftwareUpdateScreen({ compact = false }) {
       initialValues: fixture.initialValues,
       renderPackageSearch,
       renderDevicePicker: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk5MF3NMYCcjs.DeviceSelector,
+        _chunkZ3CVSPO3cjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.717",
+  "version": "0.0.718",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/features/remote-session/index.ts

@@ -34,6 +34,8 @@ export type {
   KeepRecordingSelection,
   ReleaseKeepingModalProps,
 } from './remote-session-keep-modals';
+export { AssignTicketModal, UnassignTicketModal } from './remote-session-ticket-modals';
+export type { AssignTicketModalProps, UnassignTicketModalProps } from './remote-session-ticket-modals';
 export {
   RemoteSessionEventList,
   RemoteSessionTimelineMarkers,

package/src/components/features/remote-session/remote-session-keep-modals.tsx

@@ -151,8 +151,8 @@ export interface ReleaseKeepingModalProps {
   keptOn: string;
   /** The reason as it reads in the sentence, e.g. "Client dispute". */
   reason: string;
-  /** The ticket or reference the Keep was placed for. */
-  ticket?: string | null;
+  /** The tickets assigned to the recording, as they read in the line, e.g. "TKT-4631"; the line is left out without any. */
+  tickets?: string[];
   /** When the recording will be deleted once released, formatted. */
   expiresOn: string;
   /** The original expiry date when it has already passed, so the release adds the grace period. */
@@ -169,7 +169,7 @@ export function ReleaseKeepingModal({
   keptBy,
   keptOn,
   reason,
-  ticket,
+  tickets = [],
   expiresOn,
   dueOn,
   isPending = false,
@@ -185,7 +185,7 @@ export function ReleaseKeepingModal({
         <p>
           Kept by {keptBy} on {keptOn} for {reason}.
         </p>
-        {ticket && <p>Ticket: {ticket}</p>}
+        {tickets.length > 0 && <p>Ticket: {tickets.join(', ')}</p>}
       </div>
 
       <KeepNotice icon={<HourglassIcon size={24} color="currentColor" />} title={`It will expire on ${expiresOn}`}>

package/src/components/features/remote-session/remote-session-ticket-modals.tsx

@@ -0,0 +1,140 @@
+'use client';
+
+import { useState } from 'react';
+import { Autocomplete, type AutocompleteOption } from '../../ui/autocomplete';
+import { Button } from '../../ui/button/button';
+import { ModalV2, ModalV2Footer, ModalV2Header, ModalV2Title } from '../../ui/modal-v2';
+
+export interface AssignTicketModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  /**
+   * The tickets that can be assigned: label = title, value = ticket id. Leave
+   * out the ones already assigned to the recording.
+   */
+  options: AutocompleteOption<string>[];
+  /** Server-side search: called with the typed text; the caller refreshes `options`. Client-side filtering otherwise. */
+  onSearch?: (query: string) => void;
+  /** The ticket search is in flight. */
+  loading?: boolean;
+  /** The assignment is in flight: the button spins and the dialog refuses to close. */
+  isPending?: boolean;
+  onConfirm: (ticketIds: string[]) => void;
+}
+
+/** Assign Ticket: links one or more tickets to a recording. */
+export function AssignTicketModal({
+  isOpen,
+  onClose,
+  options,
+  onSearch,
+  loading = false,
+  isPending = false,
+  onConfirm,
+}: AssignTicketModalProps) {
+  const [ticketIds, setTicketIds] = useState<string[]>([]);
+  // Titles of the picked tickets: a server-side search replaces `options`, and
+  // a picked ticket missing from the new results would otherwise show its id.
+  const [titles, setTitles] = useState<Record<string, string>>({});
+
+  // Every opening starts blank. Reset while rendering, not from an effect: the
+  // modal stays mounted when it closes, so an effect would paint the opening
+  // frame with the previous selection still in the field.
+  const [seededOpen, setSeededOpen] = useState(isOpen);
+  if (seededOpen !== isOpen) {
+    setSeededOpen(isOpen);
+    if (isOpen) {
+      setTicketIds([]);
+      setTitles({});
+    }
+  }
+
+  const handleChange = (ids: string[]) => {
+    setTicketIds(ids);
+    setTitles(prev => {
+      const next: Record<string, string> = {};
+      for (const id of ids) next[id] = options.find(option => option.value === id)?.label ?? prev[id] ?? id;
+      return next;
+    });
+  };
+
+  const handleAssign = () => {
+    if (ticketIds.length === 0 || isPending) return;
+    onConfirm(ticketIds);
+  };
+
+  return (
+    <ModalV2 isOpen={isOpen} onClose={isPending ? () => {} : onClose} className="text-left md:max-w-[600px]">
+      <ModalV2Header>
+        <ModalV2Title>Assign Ticket</ModalV2Title>
+      </ModalV2Header>
+
+      <Autocomplete
+        multiple
+        wrapTags
+        label="Tickets"
+        labelVariant="large"
+        options={options}
+        value={ticketIds}
+        onChange={handleChange}
+        renderTag={option => titles[option.value] ?? option.label}
+        onInputChange={onSearch ? (value, reason) => reason === 'input' && onSearch(value) : undefined}
+        disableClientFilter={Boolean(onSearch)}
+        loading={loading}
+        noOptionsText="No tickets found"
+        disabled={isPending}
+      />
+
+      <ModalV2Footer>
+        <Button type="button" variant="outline" onClick={onClose} disabled={isPending} className="flex-1 md:hidden">
+          Cancel
+        </Button>
+        <div className="hidden flex-1 md:block" />
+        <Button
+          type="button"
+          variant="accent"
+          onClick={handleAssign}
+          loading={isPending}
+          disabled={ticketIds.length === 0}
+          className="flex-1"
+        >
+          Assign
+        </Button>
+      </ModalV2Footer>
+    </ModalV2>
+  );
+}
+
+export interface UnassignTicketModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  /** The unassignment is in flight: the button spins and the dialog refuses to close. */
+  isPending?: boolean;
+  onConfirm: () => void;
+}
+
+/** Unassign Ticket: unlinks a ticket from a recording; the ticket itself is unchanged. */
+export function UnassignTicketModal({ isOpen, onClose, isPending = false, onConfirm }: UnassignTicketModalProps) {
+  return (
+    <ModalV2 isOpen={isOpen} onClose={isPending ? () => {} : onClose} className="text-left md:max-w-[600px]">
+      <ModalV2Header>
+        <ModalV2Title>Unassign Ticket</ModalV2Title>
+      </ModalV2Header>
+
+      <p className="w-full text-ods-text-primary text-h4">
+        This Ticket will no longer be linked to this remote session. The ticket itself stays as it is, and you can
+        assign it again anytime.
+      </p>
+
+      <ModalV2Footer>
+        <Button type="button" variant="outline" onClick={onClose} disabled={isPending} className="flex-1 md:hidden">
+          Cancel
+        </Button>
+        <div className="hidden flex-1 md:block" />
+        <Button type="button" variant="destructive" onClick={onConfirm} loading={isPending} className="flex-1">
+          Unassign
+        </Button>
+      </ModalV2Footer>
+    </ModalV2>
+  );
+}