@flamingo-stack/openframe-frontend-core 0.0.584-1973.5461.1 → 0.0.584

package/dist/{chunk-AWAHYAII.js → chunk-JVWRMLQZ.js}

@@ -90,7 +90,7 @@ import {
   useCollapsible,
   useIsHydrated,
   useScrollFade
-} from "./chunk-KSC5LNSY.js";
+} from "./chunk-XWBND4G5.js";
 import {
   ToolIcon,
   createHeadingIdDeduper,
@@ -30247,4 +30247,4 @@ export {
   ReopenTicketRequestModal,
   FilterPillRow
 };
-//# sourceMappingURL=chunk-AWAHYAII.js.map
+//# sourceMappingURL=chunk-JVWRMLQZ.js.map

package/dist/{chunk-PZ27ELFP.cjs → chunk-JWKAJTNA.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkCHI7GJ3Kcjs = require('./chunk-CHI7GJ3K.cjs');
+var _chunkUCNEQKITcjs = require('./chunk-UCNEQKIT.cjs');
 
 
 
@@ -12,7 +12,7 @@ var _chunkCHI7GJ3Kcjs = require('./chunk-CHI7GJ3K.cjs');
 
 
 
-var _chunk4ARYZTGVcjs = require('./chunk-4ARYZTGV.cjs');
+var _chunkQJR32JM2cjs = require('./chunk-QJR32JM2.cjs');
 
 
 
@@ -20,7 +20,7 @@ var _chunkLEISUAHFcjs = require('./chunk-LEISUAHF.cjs');
 
 
 
-var _chunk7SMYBCYHcjs = require('./chunk-7SMYBCYH.cjs');
+var _chunkIKUSKKFZcjs = require('./chunk-IKUSKKFZ.cjs');
 
 
 
@@ -183,7 +183,7 @@ function MobileNavPanel({ isOpen, config }) {
     );
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "fixed inset-0 z-[9998]", _chunk7SMYBCYHcjs.OVERLAY_BACKDROP_CLASS), onClick: config.onClose }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "fixed inset-0 z-[9998]", _chunkIKUSKKFZcjs.OVERLAY_BACKDROP_CLASS), onClick: config.onClose }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
@@ -238,16 +238,16 @@ function MobileNavPanel({ isOpen, config }) {
 // src/components/navigation/ticket-alerts-button.tsx
 
 function TicketAlertsButton({ href, onNavigate, disabled, className }) {
-  const live = _chunkCHI7GJ3Kcjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkUCNEQKITcjs.useOptionalTicketLive.call(void 0, );
   if (!live || !live.authed || live.unreadTotal === 0) return null;
   const targetId = live.nextUnreadTicketId;
-  const target = targetId ? _chunk4ARYZTGVcjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
+  const target = targetId ? _chunkQJR32JM2cjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
   const handleClick = () => {
     if (onNavigate) onNavigate(target);
     else window.location.assign(target);
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4ARYZTGVcjs.HeaderButton,
+    _chunkQJR32JM2cjs.HeaderButton,
     {
       icon: (
         // Glyph inherits HeaderButton's standard cell coloring (secondary at
@@ -257,7 +257,7 @@ function TicketAlertsButton({ href, onNavigate, disabled, className }) {
         // existing while updates are unread — never by tinting the glyph.
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative inline-flex", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.LifeBuoyIcon, { className: "h-6 w-6" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4ARYZTGVcjs.UnreadCountBadge, { count: live.unreadTotal })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQJR32JM2cjs.UnreadCountBadge, { count: live.unreadTotal })
         ] })
       ),
       "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
@@ -575,7 +575,7 @@ function Header({ config }) {
           leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
             !!_optionalChain([config, 'access', _12 => _12.actions, 'optionalAccess', _13 => _13.left, 'optionalAccess', _14 => _14.length]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full items-center border-r border-ods-border", children: config.actions.left }),
             _optionalChain([config, 'access', _15 => _15.mobile, 'optionalAccess', _16 => _16.enabled]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk4ARYZTGVcjs.HeaderButton,
+              _chunkQJR32JM2cjs.HeaderButton,
               {
                 className: "border-r border-ods-border lg:hidden",
                 onClick: () => {
@@ -676,7 +676,7 @@ function HeaderSkeleton({ config }) {
 // src/components/navigation/client-only-header.tsx
 
 function ClientOnlyHeader({ config, skeleton }) {
-  const isClient = _chunk7SMYBCYHcjs.useIsHydrated.call(void 0, );
+  const isClient = _chunkIKUSKKFZcjs.useIsHydrated.call(void 0, );
   if (!isClient) {
     return skeleton || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderSkeleton, { config });
   }
@@ -690,7 +690,7 @@ var _framermotion = require('framer-motion');
 
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const mounted = _chunk7SMYBCYHcjs.useIsHydrated.call(void 0, );
+  const mounted = _chunkIKUSKKFZcjs.useIsHydrated.call(void 0, );
   const headerHeight = _chunkZI27ALYXcjs.useHeaderHeight.call(void 0, );
   const asideRef = _react.useRef.call(void 0, null);
   const prefersReducedMotion = _framermotion.useReducedMotion.call(void 0, );
@@ -822,7 +822,7 @@ function SlidingSidebar({ config }) {
           duration: 0.3,
           ease: [0.4, 0, 0.2, 1]
         },
-        className: _chunkPRPZBXWZcjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunk7SMYBCYHcjs.OVERLAY_BACKDROP_CLASS),
+        className: _chunkPRPZBXWZcjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunkIKUSKKFZcjs.OVERLAY_BACKDROP_CLASS),
         onClick: () => config.onClose()
       }
     ) }),
@@ -904,21 +904,31 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
   const unreadCount = _nullishCoalesce(item.unreadCount, () => ( 0));
   const hasUnread = unreadCount > 0;
   const className = _chunkPRPZBXWZcjs.cn.call(void 0, 
-    "relative flex w-full items-center justify-start",
+    // `isolate` scopes the hover layer's negative z-index to this row, so it
+    // paints over the row's own background and under its content instead of
+    // sliding behind the sidebar.
+    "relative isolate flex w-full items-center justify-start",
     "h-14 p-[var(--spacing-system-m)]",
-    // 150ms, not 300: the outgoing and incoming entries cross-fade, so for the
-    // whole duration TWO rows read as half-active. At 300ms that window is long
-    // enough to look like a flicker rather than a transition.
-    "transition-colors duration-150",
-    "[&_svg]:transition-colors [&_svg]:duration-150",
+    // The hover/pending wash is its own LAYER, and that separation is the whole
+    // point. Hover and active both want the row's background-color, so a
+    // `transition-colors` that smooths hover necessarily smooths the accent too
+    // — and it runs on the OUTGOING row as well as the incoming one. Measured on
+    // a real navigation: for 150ms two rows carried the accent background AND
+    // the accent bar, mid-fade, with nothing to say which one was the page you
+    // were actually on. Shortening it (300ms -> 150ms) only shortened the lie.
+    //
+    // Split apart, each gets the timing its meaning calls for: the wash fades,
+    // because it is decoration reacting to a cursor; the accent switches in a
+    // single frame, because it is a statement of fact — exactly one row is the
+    // current page, at every instant, including the instant the route commits.
+    "after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:bg-ods-bg-hover after:opacity-0 after:transition-opacity after:duration-150 after:content-['']",
     "before:absolute before:bottom-0 before:left-0 before:top-0 before:w-1 before:content-['']",
-    "before:transition-colors before:duration-150",
     // Pending borrows the HOVER weight and nothing else — no accent bar, no
     // accent text, no `aria-current`. It says "this row is working", not "this
     // is where you are", and it reads as the row staying pressed under the
     // cursor, which is exactly what happened.
-    !isActive && !disabled && "text-ods-text-primary hover:bg-ods-bg-hover [&_svg]:fill-ods-text-secondary",
-    !isActive && !disabled && isPending && "bg-ods-bg-hover",
+    !isActive && !disabled && "text-ods-text-primary hover:after:opacity-100 [&_svg]:fill-ods-text-secondary",
+    !isActive && !disabled && isPending && "after:opacity-100",
     !isActive && disabled && "text-ods-text-secondary [&_svg]:fill-ods-text-secondary",
     isActive && !disabled && [
       "bg-[var(--ods-open-yellow-light)] text-ods-accent",
@@ -933,7 +943,7 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
       _react.cloneElement.call(void 0, item.icon, {
         color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
       }),
-      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4ARYZTGVcjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQJR32JM2cjs.UnreadDot, { size: "fixed" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "span",
@@ -1031,7 +1041,7 @@ function NavigationSidebar({ config, disabled = false }) {
     setTabletFor(isTablet);
     if (isTablet) setTabletMinimized(true);
   }
-  const hydrated = _chunk7SMYBCYHcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkIKUSKKFZcjs.useIsHydrated.call(void 0, );
   const minimized = hydrated ? isTablet ? tabletMinimized : desktopMinimized : _nullishCoalesce(config.minimized, () => ( false));
   const [transitionsEnabled, setTransitionsEnabled] = _react.useState.call(void 0, false);
   const isOverlayOpen = isTablet && !minimized;
@@ -1399,7 +1409,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4ARYZTGVcjs.HeaderButton,
+          _chunkQJR32JM2cjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
@@ -1425,7 +1435,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunkPRPZBXWZcjs.cn.call(void 0, "w-full", dimmedClass) }) : void 0,
       sideActions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4ARYZTGVcjs.HeaderButton,
+          _chunkQJR32JM2cjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWZW7C7TFcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
@@ -1442,7 +1452,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             className: _chunkPRPZBXWZcjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
           }
         ),
-        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4ARYZTGVcjs.TimeTrackerHeaderButton, { disabled, className: _chunkPRPZBXWZcjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQJR32JM2cjs.TimeTrackerHeaderButton, { disabled, className: _chunkPRPZBXWZcjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsHeaderButton,
           {
@@ -1462,7 +1472,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
         ),
         isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3QDJLLD2cjs.DropdownMenu, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3QDJLLD2cjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4ARYZTGVcjs.HeaderButton,
+            _chunkQJR32JM2cjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkNNFQLTJ3cjs.SquareAvatar,
@@ -1546,12 +1556,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   );
 });
 function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
-  const ctx = _chunk4ARYZTGVcjs.useOptionalNotifications.call(void 0, );
+  const ctx = _chunkQJR32JM2cjs.useOptionalNotifications.call(void 0, );
   const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _94 => _94.unreadCount]), () => ( fallbackUnreadCount))) > 0;
   const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _95 => _95.isOpen]), () => ( false));
   const onClick = _optionalChain([ctx, 'optionalAccess', _96 => _96.toggle]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4ARYZTGVcjs.HeaderButton,
+    _chunkQJR32JM2cjs.HeaderButton,
     {
       icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.BellIcon, { className: "h-6 w-6" }),
       showUnreadDot: !isActive && hasUnread,
@@ -1690,7 +1700,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
       {
         className: _chunkPRPZBXWZcjs.cn.call(void 0, 
           "absolute inset-0 z-[100] md:hidden",
-          _chunk7SMYBCYHcjs.OVERLAY_BACKDROP_CLASS,
+          _chunkIKUSKKFZcjs.OVERLAY_BACKDROP_CLASS,
           "transition-all duration-300 motion-reduce:transition-none",
           isOpen ? "opacity-100" : "pointer-events-none opacity-0"
         ),
@@ -1825,7 +1835,7 @@ function AppLayout({
     }),
     []
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4ARYZTGVcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4ARYZTGVcjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQJR32JM2cjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQJR32JM2cjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
     topBar,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex min-h-0 flex-1", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebar, { config: sidebarConfig, disabled }),
@@ -1849,7 +1859,7 @@ function AppLayout({
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4ARYZTGVcjs.NotificationDrawer, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQJR32JM2cjs.NotificationDrawer, {}),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: setDrawerContainer, className: "relative flex flex-1 flex-col overflow-hidden", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex-1 overflow-y-auto", mainClassName), children }),
           drawer
@@ -1878,4 +1888,4 @@ function AppLayout({
 
 
 exports.MingoAiButton = MingoAiButton; exports.MOBILE_NAV_PANEL_ID = MOBILE_NAV_PANEL_ID; exports.MobileNavPanel = MobileNavPanel; exports.TicketAlertsButton = TicketAlertsButton; exports.TopNavigation = TopNavigation; exports.Header = Header; exports.HeaderSkeleton = HeaderSkeleton; exports.ClientOnlyHeader = ClientOnlyHeader; exports.SlidingSidebar = SlidingSidebar; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavigationSidebar = NavigationSidebar; exports.HeaderGlobalSearch = HeaderGlobalSearch; exports.HeaderMingoButton = HeaderMingoButton; exports.HeaderOrganizationFilter = HeaderOrganizationFilter; exports.AppHeader = AppHeader; exports.MobileBurgerMenu = MobileBurgerMenu; exports.AppLayout = AppLayout;
-//# sourceMappingURL=chunk-PZ27ELFP.cjs.map
+//# sourceMappingURL=chunk-JWKAJTNA.cjs.map