@flamingo-stack/openframe-frontend-core 0.0.253 → 0.0.254-snapshot.20260611155053

package/dist/{chunk-IA6B3HHQ.js → chunk-6TB24AUH.js}

@@ -14,7 +14,7 @@ import {
   useMdUp,
   useOnboardingState,
   useToast
-} from "./chunk-4RDJZIHW.js";
+} from "./chunk-HMFBMVJC.js";
 import {
   Checkbox,
   FieldWrapper,
@@ -25,7 +25,7 @@ import {
   acquireClient,
   releaseClient,
   startConnectionLifecycle
-} from "./chunk-CZR7ARBA.js";
+} from "./chunk-PHWQLKVE.js";
 import {
   ActionsMenuDropdown,
   BackButton,
@@ -8858,42 +8858,66 @@ function InfoCard({ data, className = "" }) {
     "div",
     {
       className: cn(
-        "bg-ods-card border border-ods-border rounded-md p-[var(--spacing-system-m)] flex flex-col gap-[var(--spacing-system-s)] items-start w-full",
+        "bg-ods-card border border-ods-border rounded-md overflow-hidden flex flex-col w-full",
         className
       ),
       children: [
-        data.title && /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-[var(--spacing-system-xsf)] self-stretch h-6", children: [
-          /* @__PURE__ */ jsx70("span", { className: "text-h4 text-ods-text-primary truncate", title: data.title, children: data.title }),
-          data.icon
-        ] }),
-        data.subtitle && /* @__PURE__ */ jsx70("div", { className: "text-h4 text-ods-text-secondary truncate self-stretch", title: data.subtitle, children: data.subtitle }),
-        data.items.map((item, index) => {
-          const values = Array.isArray(item.value) ? item.value : [item.value];
-          return /* @__PURE__ */ jsx70(React28.Fragment, { children: values.map((val, valIndex) => /* @__PURE__ */ jsx70(
-            InfoCardValueRow,
+        /* @__PURE__ */ jsxs54("div", { className: "p-[var(--spacing-system-m)] flex flex-col gap-[var(--spacing-system-s)] items-start w-full", children: [
+          data.title && /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-[var(--spacing-system-xsf)] self-stretch h-6", children: [
+            /* @__PURE__ */ jsx70("span", { className: "text-h4 text-ods-text-primary truncate", title: data.title, children: data.title }),
+            data.icon
+          ] }),
+          data.subtitle && /* @__PURE__ */ jsx70("div", { className: "text-h4 text-ods-text-secondary truncate self-stretch", title: data.subtitle, children: data.subtitle }),
+          data.items.map((item, index) => {
+            const values = Array.isArray(item.value) ? item.value : [item.value];
+            return /* @__PURE__ */ jsx70(React28.Fragment, { children: values.map((val, valIndex) => /* @__PURE__ */ jsx70(
+              InfoCardValueRow,
+              {
+                label: item.label,
+                value: val,
+                showLabel: valIndex === 0,
+                copyable: item.copyable,
+                copyAriaLabel: `Copy ${item.label ?? "value"} ${valIndex + 1}`
+              },
+              `${index}-${valIndex}`
+            )) }, index);
+          }),
+          data.progress && /* @__PURE__ */ jsx70(
+            ProgressBar,
             {
-              label: item.label,
-              value: val,
-              showLabel: valIndex === 0,
-              copyable: item.copyable,
-              copyAriaLabel: `Copy ${item.label} ${valIndex + 1}`
-            },
-            `${index}-${valIndex}`
-          )) }, index);
-        }),
-        data.progress && /* @__PURE__ */ jsx70(
-          ProgressBar,
-          {
-            progress: data.progress.value,
-            warningThreshold: data.progress.warningThreshold,
-            criticalThreshold: data.progress.criticalThreshold,
-            inverted: data.progress.inverted
-          }
-        )
+              progress: data.progress.value,
+              warningThreshold: data.progress.warningThreshold,
+              criticalThreshold: data.progress.criticalThreshold,
+              inverted: data.progress.inverted
+            }
+          )
+        ] }),
+        data.footer && /* @__PURE__ */ jsx70(InfoCardFooter, { footer: data.footer })
       ]
     }
   );
 }
+function InfoCardFooter({ footer }) {
+  return /* @__PURE__ */ jsxs54("div", { className: "mt-auto border-t border-ods-border p-[var(--spacing-system-m)] flex flex-col w-full", children: [
+    /* @__PURE__ */ jsxs54("div", { className: "flex items-center justify-between gap-1 w-full", children: [
+      /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-1", children: [
+        footer.icon,
+        /* @__PURE__ */ jsx70("span", { className: "text-h4 text-ods-text-primary", children: footer.text })
+      ] }),
+      footer.logo
+    ] }),
+    footer.link && /* @__PURE__ */ jsx70(
+      "a",
+      {
+        href: footer.link.href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "text-h6 text-ods-text-secondary underline truncate hover:text-ods-text-primary",
+        children: footer.link.label ?? footer.link.href.replace(/^https?:\/\//, "")
+      }
+    )
+  ] });
+}
 function InfoCardValueRow({ label, value, showLabel, copyable, copyAriaLabel }) {
   const { copy, copied } = useCopyToClipboard();
   return /* @__PURE__ */ jsxs54("div", { className: "flex h-6 items-center gap-[var(--spacing-system-xs)] self-stretch w-full", children: [
@@ -10496,7 +10520,7 @@ var DrawerHeader = ({
   }
 );
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerTitle = React40.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs66("div", { className: "flex items-start gap-4", children: [
+var DrawerTitle = React40.forwardRef(({ className, children, actions, ...props }, ref) => /* @__PURE__ */ jsxs66("div", { className: "flex items-start gap-4", children: [
   /* @__PURE__ */ jsx85(
     DialogPrimitive2.Title,
     {
@@ -10509,6 +10533,7 @@ var DrawerTitle = React40.forwardRef(({ className, children, ...props }, ref) =>
       children
     }
   ),
+  actions,
   /* @__PURE__ */ jsxs66(DialogPrimitive2.Close, { className: "shrink-0 rounded-sm text-ods-text-secondary transition-colors hover:text-ods-text-primary outline-none ring-0 focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0", children: [
     /* @__PURE__ */ jsx85(X5, { className: "size-6" }),
     /* @__PURE__ */ jsx85("span", { className: "sr-only", children: "Close" })
@@ -20823,7 +20848,6 @@ function useOptionalNotifications() {
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { useEffect as useEffect36, useRef as useRef28 } from "react";
 init_button();
 init_cn();
@@ -20966,19 +20990,23 @@ function NotificationDrawer({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs140("div", { className: "flex items-baseline justify-between gap-[var(--spacing-system-m)] px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]", children: [
-          /* @__PURE__ */ jsx180(DialogPrimitive3.Title, { className: "min-w-0 flex-1 truncate text-h3 text-ods-text-primary", children: "New Notifications" }),
-          /* @__PURE__ */ jsx180(
-            "button",
-            {
-              type: "button",
-              disabled: unreadCount === 0,
-              onClick: markAllRead,
-              className: "text-h6 text-ods-text-secondary underline transition-colors hover:text-ods-text-primary disabled:opacity-40",
-              children: "Complete All"
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsx180("div", { className: "px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]", children: /* @__PURE__ */ jsx180(
+          DrawerTitle,
+          {
+            className: "truncate",
+            actions: /* @__PURE__ */ jsx180(
+              "button",
+              {
+                type: "button",
+                disabled: unreadCount === 0,
+                onClick: markAllRead,
+                className: "self-center text-h6 text-ods-text-secondary underline transition-colors hover:text-ods-text-primary disabled:opacity-40",
+                children: "Complete All"
+              }
+            ),
+            children: "New Notifications"
+          }
+        ) }),
         /* @__PURE__ */ jsx180(
           DrawerScrollList,
           {
@@ -22974,6 +23002,8 @@ function NavigationSidebarItemButton({
   onClick
 }) {
   const isActive = item.isActive ?? false;
+  const unreadCount = item.unreadCount ?? 0;
+  const hasUnread = unreadCount > 0;
   return /* @__PURE__ */ jsxs153(
     "button",
     {
@@ -23000,9 +23030,12 @@ function NavigationSidebarItemButton({
       "aria-label": item.label,
       "aria-current": isActive ? "page" : void 0,
       children: [
-        /* @__PURE__ */ jsx196("div", { className: "flex items-center justify-center flex-shrink-0", children: cloneElement(item.icon, {
-          color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
-        }) }),
+        /* @__PURE__ */ jsxs153("div", { className: "relative flex items-center justify-center flex-shrink-0", children: [
+          cloneElement(item.icon, {
+            color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
+          }),
+          hasUnread && !showLabel && /* @__PURE__ */ jsx196("span", { className: "absolute top-0 right-0 bg-ods-warning rounded-full w-2 h-2" })
+        ] }),
         /* @__PURE__ */ jsx196(
           "span",
           {
@@ -23014,6 +23047,7 @@ function NavigationSidebarItemButton({
             children: item.label
           }
         ),
+        hasUnread && showLabel && /* @__PURE__ */ jsx196("span", { className: "bg-ods-accent flex items-center justify-center flex-shrink-0 p-2 rounded-md size-6", children: /* @__PURE__ */ jsx196("span", { className: "text-xs font-medium text-ods-text-on-accent", children: unreadCount > 99 ? "99+" : unreadCount }) }),
         item.badge && showLabel && /* @__PURE__ */ jsx196(
           "span",
           {
@@ -23869,7 +23903,7 @@ function AppLayout({
 // src/components/navigation/app-layout-drawer.tsx
 init_cn();
 import * as React82 from "react";
-import * as DialogPrimitive4 from "@radix-ui/react-dialog";
+import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { cva as cva8 } from "class-variance-authority";
 import { jsx as jsx206, jsxs as jsxs162 } from "react/jsx-runtime";
 var DrawerOpenContext = React82.createContext(false);
@@ -23892,7 +23926,7 @@ var AppLayoutDrawerRoot = ({
     [isControlled, onOpenChange]
   );
   return /* @__PURE__ */ jsx206(DrawerOpenContext.Provider, { value: open, children: /* @__PURE__ */ jsx206(
-    DialogPrimitive4.Root,
+    DialogPrimitive3.Root,
     {
       ...rest,
       open,
@@ -23903,8 +23937,8 @@ var AppLayoutDrawerRoot = ({
   ) });
 };
 AppLayoutDrawerRoot.displayName = "AppLayoutDrawer";
-var AppLayoutDrawerTrigger = DialogPrimitive4.Trigger;
-var AppLayoutDrawerClose = DialogPrimitive4.Close;
+var AppLayoutDrawerTrigger = DialogPrimitive3.Trigger;
+var AppLayoutDrawerClose = DialogPrimitive3.Close;
 var appLayoutDrawerVariants = cva8(
   "absolute z-[45] flex outline-none focus:outline-none focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-300",
   {
@@ -24233,7 +24267,7 @@ var AppLayoutDrawerContent = React82.forwardRef(
     const applyInlineSize = resizable && !isMobile;
     const sizeStyle = applyInlineSize ? isHorizontal ? { width: size } : { height: size } : {};
     if (keepMounted && !hasOpened) return null;
-    return /* @__PURE__ */ jsxs162(DialogPrimitive4.Portal, { container: portalContainer, forceMount: persist || void 0, children: [
+    return /* @__PURE__ */ jsxs162(DialogPrimitive3.Portal, { container: portalContainer, forceMount: persist || void 0, children: [
       /* @__PURE__ */ jsx206(
         "div",
         {
@@ -24250,7 +24284,7 @@ var AppLayoutDrawerContent = React82.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxs162(
-        DialogPrimitive4.Content,
+        DialogPrimitive3.Content,
         {
           ref,
           forceMount: persist || void 0,
@@ -34144,7 +34178,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current?.abort();
       abortControllerRef.current = null;
     };
-    const isDisconnectStatus = (status) => status === "closed" || status === "disconnected" || status === "error";
+    const isDisconnectStatus = (status) => status === "closed" || status === "disconnected";
     const lifecycle = startConnectionLifecycle({
       conn: sharedConn,
       wsUrl,
@@ -34152,7 +34186,7 @@ function useNatsDialogSubscription({
       backoff: reconnectionBackoffRef.current,
       getFreshUrl: () => getNatsWsUrlRef.current(),
       shouldRetryOn: isDisconnectStatus,
-      onStatusChange: (status) => {
+      onStatusChange: (status, evt) => {
         if (status === "connected") {
           setIsConnected(true);
           if (hadConnectionBeforeRef.current) {
@@ -34161,6 +34195,10 @@ function useNatsDialogSubscription({
           hadConnectionBeforeRef.current = true;
           onConnectRef.current?.();
         }
+        if (status === "error") {
+          console.warn("[NATS] protocol error:", evt.data);
+          return;
+        }
         if (isDisconnectStatus(status)) {
           setIsConnected(false);
           setIsSubscribed(false);
@@ -37922,7 +37960,7 @@ function chatChipClass({ tone, density = "chip", extra }) {
 
 // src/components/chat/embeddable-chat.tsx
 import { useCallback as useCallback43, useEffect as useEffect65, useMemo as useMemo30, useRef as useRef59, useState as useState89 } from "react";
-import * as DialogPrimitive5 from "@radix-ui/react-dialog";
+import * as DialogPrimitive4 from "@radix-ui/react-dialog";
 import { usePreventScroll } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
 
@@ -38992,7 +39030,7 @@ function EmbeddableChatInner({
     /* @__PURE__ */ jsx276("div", { ref: setPortalHost, style: { display: "contents" } })
   ] });
   const panel = shellLess ? /* @__PURE__ */ jsxs222(ChatPanelContext.Provider, { value: chatPanelHandle, children: [
-    /* @__PURE__ */ jsx276(VisuallyHidden, { children: /* @__PURE__ */ jsxs222(DialogPrimitive5.Title, { children: [
+    /* @__PURE__ */ jsx276(VisuallyHidden, { children: /* @__PURE__ */ jsxs222(DialogPrimitive4.Title, { children: [
       sourceLabel,
       " AI Assistant"
     ] }) }),
@@ -39012,7 +39050,7 @@ function EmbeddableChatInner({
       "aria-describedby": void 0,
       className: "\n            mingo-chat-content !bg-ods-bg shadow-2xl\n            focus:outline-none focus-visible:outline-none\n            w-screen md:w-auto\n          ",
       children: [
-        /* @__PURE__ */ jsx276(VisuallyHidden, { children: /* @__PURE__ */ jsxs222(DialogPrimitive5.Title, { children: [
+        /* @__PURE__ */ jsx276(VisuallyHidden, { children: /* @__PURE__ */ jsxs222(DialogPrimitive4.Title, { children: [
           sourceLabel,
           " AI Assistant"
         ] }) }),
@@ -39715,4 +39753,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-IA6B3HHQ.js.map
+//# sourceMappingURL=chunk-6TB24AUH.js.map