@flamingo-stack/openframe-frontend-core 0.0.528-1693.4449.1 → 0.0.528-1696.4455.1

package/dist/{chunk-QRSNDDMB.js → chunk-MH4CJO6T.js}

@@ -137,6 +137,7 @@ import {
   Chevrons03LeftIcon,
   ClickupLogoGreyIcon,
   ClockHistoryIcon,
+  ClockIcon,
   CodeIcon,
   CodingCommitIcon,
   CodingPullRequestIcon,
@@ -10867,76 +10868,62 @@ var Modal = React26.forwardRef(
     }, [isOpen, onClose]);
     if (!isMounted) return null;
     const state = isOpen ? "open" : "closed";
-    return /* @__PURE__ */ jsx57(RemoveScroll, { enabled: isOpen, removeScrollBar: false, children: /* @__PURE__ */ jsxs46(
-      "div",
-      {
-        className: "fixed inset-0 z-[1300] flex items-end md:items-center justify-center transition-[padding] duration-200",
-        style: { paddingBottom: "var(--of-keyboard-inset, 0px)" },
-        children: [
-          /* @__PURE__ */ jsx57(
-            "div",
-            {
-              "data-state": state,
-              className: cn(
-                "absolute inset-0 bg-ods-overlay backdrop-blur-[2px] md:backdrop-blur-none",
-                "duration-200 fill-mode-forwards",
-                "data-[state=open]:animate-in data-[state=open]:fade-in-0",
-                "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-                // Hold the hidden end-state until unmount so the backdrop doesn't
-                // flash back to full opacity when the animation finishes a frame
-                // before the unmount timeout fires.
-                "data-[state=closed]:fill-mode-forwards"
-              ),
-              onClick: onClose,
-              "aria-hidden": "true"
-            }
+    return /* @__PURE__ */ jsx57(RemoveScroll, { enabled: isOpen, removeScrollBar: false, children: /* @__PURE__ */ jsxs46("div", { className: "fixed inset-0 z-[1300] flex items-end md:items-center justify-center", children: [
+      /* @__PURE__ */ jsx57(
+        "div",
+        {
+          "data-state": state,
+          className: cn(
+            "absolute inset-0 bg-ods-overlay backdrop-blur-[2px] md:backdrop-blur-none",
+            "duration-200 fill-mode-forwards",
+            "data-[state=open]:animate-in data-[state=open]:fade-in-0",
+            "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+            // Hold the hidden end-state until unmount so the backdrop doesn't
+            // flash back to full opacity when the animation finishes a frame
+            // before the unmount timeout fires.
+            "data-[state=closed]:fill-mode-forwards"
           ),
-          /* @__PURE__ */ jsx57(
-            "div",
-            {
-              ref: (node) => {
-                panelRef.current = node;
-                if (typeof ref === "function") ref(node);
-                else if (ref) ref.current = node;
-              },
-              tabIndex: -1,
-              "data-state": state,
-              className: cn(
-                // min() keeps the desktop cap at 28rem while never letting content
-                // stretch the panel past the viewport (minus the mx-4 margins) on
-                // narrow screens. A single base utility (not md:max-w-md) so consumer
-                // max-w-* overrides via className still win at every breakpoint.
-                "relative z-10 w-full min-w-0 max-w-[min(28rem,calc(100vw-2rem))] flex flex-col",
-                "mx-4 mb-4 md:mb-0",
-                // dvh, not vh: vh ignores a mobile browser's retracting URL bar, so
-                // 90vh already overflowed behind Safari's toolbar. The `100%-2rem`
-                // arm resolves against the keyboard-padded wrapper above and caps
-                // the panel to what's left of it, less the 1rem `mb-4` and a
-                // matching 1rem of breathing room at the top — header and footer
-                // stay pinned, ModalV2Content scrolls. min() picks 90dvh on any
-                // viewport over 320px tall, so desktop is untouched.
-                "max-h-[min(90dvh,100%-2rem)]",
-                "bg-ods-bg md:bg-ods-card",
-                "border border-ods-border rounded-md shadow-xl",
-                "p-[var(--spacing-system-xl)] gap-[var(--spacing-system-l)]",
-                "duration-200 fill-mode-forwards",
-                "data-[state=open]:animate-in data-[state=open]:fade-in-0",
-                "data-[state=open]:slide-in-from-bottom-4 md:data-[state=open]:slide-in-from-bottom-0 md:data-[state=open]:zoom-in-95",
-                "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-                "data-[state=closed]:slide-out-to-bottom-4 md:data-[state=closed]:slide-out-to-bottom-0 md:data-[state=closed]:zoom-out-95",
-                // Hold the hidden end-state until unmount so the panel doesn't snap
-                // back to opacity/scale 1 for a frame before it unmounts.
-                "data-[state=closed]:fill-mode-forwards",
-                className
-              ),
-              role: "dialog",
-              "aria-modal": "true",
-              children: /* @__PURE__ */ jsx57(ModalContext.Provider, { value: { onClose }, children })
-            }
-          )
-        ]
-      }
-    ) });
+          onClick: onClose,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsx57(
+        "div",
+        {
+          ref: (node) => {
+            panelRef.current = node;
+            if (typeof ref === "function") ref(node);
+            else if (ref) ref.current = node;
+          },
+          tabIndex: -1,
+          "data-state": state,
+          className: cn(
+            // min() keeps the desktop cap at 28rem while never letting content
+            // stretch the panel past the viewport (minus the mx-4 margins) on
+            // narrow screens. A single base utility (not md:max-w-md) so consumer
+            // max-w-* overrides via className still win at every breakpoint.
+            "relative z-10 w-full min-w-0 max-w-[min(28rem,calc(100vw-2rem))] flex flex-col",
+            "mx-4 mb-4 md:mb-0",
+            "max-h-[90vh]",
+            "bg-ods-bg md:bg-ods-card",
+            "border border-ods-border rounded-md shadow-xl",
+            "p-[var(--spacing-system-xl)] gap-[var(--spacing-system-l)]",
+            "duration-200 fill-mode-forwards",
+            "data-[state=open]:animate-in data-[state=open]:fade-in-0",
+            "data-[state=open]:slide-in-from-bottom-4 md:data-[state=open]:slide-in-from-bottom-0 md:data-[state=open]:zoom-in-95",
+            "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+            "data-[state=closed]:slide-out-to-bottom-4 md:data-[state=closed]:slide-out-to-bottom-0 md:data-[state=closed]:zoom-out-95",
+            // Hold the hidden end-state until unmount so the panel doesn't snap
+            // back to opacity/scale 1 for a frame before it unmounts.
+            "data-[state=closed]:fill-mode-forwards",
+            className
+          ),
+          role: "dialog",
+          "aria-modal": "true",
+          children: /* @__PURE__ */ jsx57(ModalContext.Provider, { value: { onClose }, children })
+        }
+      )
+    ] }) });
   }
 );
 Modal.displayName = "ModalV2";
@@ -21325,16 +21312,7 @@ var AlertDialogContent = React67.forwardRef(({ className, ...props }, ref) => /*
     {
       ref,
       className: cn(
-        // Centered on the KEYBOARD-FREE area, not the layout viewport: nothing
-        // resizes the viewport when a mobile software keyboard opens, so a
-        // plain top-[50%] leaves the lower half of the dialog behind it. The
-        // max-height keeps that upward shift from pushing the top off-screen.
-        // See modal-v2.tsx for the full reasoning; --of-keyboard-inset is
-        // published by the app (keyboard-inset.ts) and 0 everywhere else.
-        // The cap is safe to pair with overflow here, and NOT in DialogContent,
-        // because this Content has no absolutely-positioned close button that a
-        // scroll container would carry off the top.
-        "fixed left-[50%] top-[calc(50%_-_var(--of-keyboard-inset,0px)/2)] z-50 grid w-full max-w-lg max-h-[calc(100dvh_-_var(--of-keyboard-inset,0px)_-_2rem)] overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 md:rounded-lg",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 md:rounded-lg",
         className
       ),
       ...props
@@ -21444,18 +21422,7 @@ var DialogContent = React68.forwardRef(({ className, children, ...props }, ref)
     {
       ref,
       className: cn(
-        // Centered on the KEYBOARD-FREE area, not the layout viewport: nothing
-        // resizes the viewport when a mobile software keyboard opens, so a
-        // plain top-[50%] leaves the lower half of the dialog behind it. See
-        // modal-v2.tsx for the full reasoning; --of-keyboard-inset is published
-        // by the app (keyboard-inset.ts) and 0 everywhere else.
-        //
-        // Deliberately NO max-height/overflow here, unlike AlertDialogContent:
-        // the close button below is `absolute` against this box, so making it a
-        // scroll container scrolls the X away with the content. Capping the
-        // height needs the overflow to move to a wrapper around `children`, and
-        // that collapses the `gap-4` this grid gives header/body/footer.
-        "fixed left-[50%] top-[calc(50%_-_var(--of-keyboard-inset,0px)/2)] z-[9999] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 md:rounded-lg",
+        "fixed left-[50%] top-[50%] z-[9999] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 md:rounded-lg",
         className
       ),
       ...props,
@@ -23637,7 +23604,7 @@ var ExternalLinkIcon2 = () => /* @__PURE__ */ jsxs124("svg", { width: "16", heig
   /* @__PURE__ */ jsx161("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
 ] });
 var ArrowUpIcon = () => /* @__PURE__ */ jsx161("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx161("polyline", { points: "18,15 12,9 6,15" }) });
-var ClockIcon = () => /* @__PURE__ */ jsxs124("svg", { width: "12", height: "12", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+var ClockIcon2 = () => /* @__PURE__ */ jsxs124("svg", { width: "12", height: "12", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
   /* @__PURE__ */ jsx161("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ jsx161("polyline", { points: "12,6 12,12 16,14" })
 ] });
@@ -23910,7 +23877,7 @@ function RedditEmbedClient({ url, maxWidth = 700 }) {
             "u/",
             redditData.author
           ] }),
-          /* @__PURE__ */ jsx161(ClockIcon, {}),
+          /* @__PURE__ */ jsx161(ClockIcon2, {}),
           /* @__PURE__ */ jsx161("span", { children: formatTimeAgo(redditData.created_utc) })
         ] })
       ] })
@@ -23981,7 +23948,7 @@ var RepeatIcon = () => /* @__PURE__ */ jsxs125("svg", { width: "16", height: "16
   /* @__PURE__ */ jsx162("polyline", { points: "7,23 3,19 7,15" }),
   /* @__PURE__ */ jsx162("path", { d: "M21 13v2a4 4 0 0 1-4 4H3" })
 ] });
-var ClockIcon2 = () => /* @__PURE__ */ jsxs125("svg", { width: "12", height: "12", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+var ClockIcon3 = () => /* @__PURE__ */ jsxs125("svg", { width: "12", height: "12", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
   /* @__PURE__ */ jsx162("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ jsx162("polyline", { points: "12,6 12,12 16,14" })
 ] });
@@ -24103,7 +24070,7 @@ function TwitterEmbedClient({ url, tweetId, maxWidth = 700 }) {
         /* @__PURE__ */ jsxs125("div", { className: "flex items-center space-x-2 text-ods-text-secondary text-h6", children: [
           /* @__PURE__ */ jsx162(UserIcon4, {}),
           /* @__PURE__ */ jsx162("span", { children: tweetData.author_name }),
-          /* @__PURE__ */ jsx162(ClockIcon2, {}),
+          /* @__PURE__ */ jsx162(ClockIcon3, {}),
           /* @__PURE__ */ jsx162("span", { children: formatTime2() })
         ] })
       ] })
@@ -39587,6 +39554,12 @@ var PRIORITY_COLOR_CLASS = {
 };
 var MAX_VISIBLE_TAGS = 2;
 var MAX_VISIBLE_ASSIGNEES = 3;
+var ACTIVITY_DEFAULT_LABEL = {
+  "ai-working": "AI assistant is working",
+  "user-typing": "User typing",
+  "waiting-external": "Waiting for client response",
+  stale: "No activity"
+};
 var TICKET_CARD_SHELL = "relative flex flex-col gap-[var(--spacing-system-sf)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)] select-none text-left";
 function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onReject }) {
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
@@ -39644,6 +39617,19 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
       /* @__PURE__ */ jsx291(UserCheckIcon, { className: "size-4 shrink-0" }),
       /* @__PURE__ */ jsx291("span", { className: "truncate", children: "Escalated by User" })
     ] }),
+    ticket.activity && /* @__PURE__ */ jsxs225(
+      "div",
+      {
+        className: cn(
+          "flex items-center gap-[var(--spacing-system-xxs)] text-h6",
+          ticket.activity.kind === "stale" ? "text-ods-open-yellow" : "text-ods-text-secondary"
+        ),
+        children: [
+          ticket.activity.kind === "stale" ? /* @__PURE__ */ jsx291(ClockIcon, { className: "size-4 shrink-0" }) : /* @__PURE__ */ jsx291(DotsLoaderIcon, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ jsx291("span", { className: "truncate", children: ticket.activity.label ?? ACTIVITY_DEFAULT_LABEL[ticket.activity.kind] })
+        ]
+      }
+    ),
     showNewMessage && /* @__PURE__ */ jsx291(
       Tag,
       {
@@ -62039,4 +62025,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-QRSNDDMB.js.map
+//# sourceMappingURL=chunk-MH4CJO6T.js.map