@flamingo-stack/openframe-frontend-core 0.0.420 → 0.0.421-snapshot.20260713134312

package/dist/{chunk-3AJOKFJ4.js → chunk-5WXUR7LF.js}

@@ -18259,7 +18259,10 @@ function TabNavigation({
               "flex gap-[var(--spacing-system-xxs)] items-center justify-center p-[var(--spacing-system-m)] relative shrink-0 cursor-pointer",
               "transition-all duration-200 bg-transparent border-none outline-none",
               stretchTabs && "flex-1",
-              isActive ? "bg-gradient-to-b from-[rgba(255,255,255,0)] to-[rgba(255,255,255,0.1)]" : "hover:bg-gradient-to-b hover:from-[rgba(255,255,255,0)] hover:to-[rgba(255,255,255,0.1)]"
+              // Known limitation: ODS color vars hold hex values, so Tailwind
+              // alpha modifiers (to-ods-accent/10) silently produce no CSS.
+              // color-mix() accepts hex, so we derive the 10%-alpha stop from the token.
+              isActive ? "bg-gradient-to-b from-transparent to-[color-mix(in_srgb,var(--color-accent-primary)_10%,transparent)]" : "hover:bg-gradient-to-b hover:from-transparent hover:to-[color-mix(in_srgb,var(--color-accent-primary)_10%,transparent)]"
             ),
             children: [
               tab.icon ? /* @__PURE__ */ jsxs101("div", { className: "relative flex items-center justify-center", children: [
@@ -24638,6 +24641,8 @@ import { Fragment as Fragment37, jsx as jsx173, jsxs as jsxs134 } from "react/js
 function DashboardInfoCard({
   title,
   titleSlot,
+  titleTag,
+  icon,
   value,
   percentage,
   showProgress = false,
@@ -24667,33 +24672,23 @@ function DashboardInfoCard({
   };
   const renderProgress = () => {
     if (!showProgress || percentage === void 0) return null;
-    const strokeFor = (size2) => Math.max(2, Math.round(size2 * 10 / 56));
+    const strokeFor = (size3) => Math.max(2, Math.round(size3 * 10 / 56));
     const common = {
       percentage,
       variant: progressVariant,
       overflow: progressOverflow,
       showLabel: false
     };
-    if (progressSize === void 0) {
-      return /* @__PURE__ */ jsx173(CircularProgress, { ...common });
-    }
-    if (typeof progressSize === "number") {
-      return /* @__PURE__ */ jsx173(CircularProgress, { ...common, size: progressSize, strokeWidth: strokeFor(progressSize) });
+    const size2 = typeof progressSize === "number" ? { base: 24, md: progressSize } : progressSize ?? { base: 24, md: 56 };
+    const { base, md, lg } = size2;
+    const rings = [
+      { key: "base", size: base, className: md !== void 0 ? "md:hidden" : lg !== void 0 ? "lg:hidden" : "" }
+    ];
+    if (md !== void 0) {
+      rings.push({ key: "md", size: md, className: lg !== void 0 ? "hidden md:block lg:hidden" : "hidden md:block" });
     }
-    const { base, md, lg } = progressSize;
-    const rings = [];
-    if (md !== void 0 && lg !== void 0) {
-      rings.push({ key: "base", size: base, className: "md:hidden" });
-      rings.push({ key: "md", size: md, className: "hidden md:block lg:hidden" });
+    if (lg !== void 0) {
       rings.push({ key: "lg", size: lg, className: "hidden lg:block" });
-    } else if (md !== void 0) {
-      rings.push({ key: "base", size: base, className: "md:hidden" });
-      rings.push({ key: "md", size: md, className: "hidden md:block" });
-    } else if (lg !== void 0) {
-      rings.push({ key: "base", size: base, className: "lg:hidden" });
-      rings.push({ key: "lg", size: lg, className: "hidden lg:block" });
-    } else {
-      rings.push({ key: "base", size: base, className: "" });
     }
     return /* @__PURE__ */ jsx173(Fragment37, { children: rings.map((ring) => /* @__PURE__ */ jsx173(
       CircularProgress,
@@ -24707,10 +24702,14 @@ function DashboardInfoCard({
     )) });
   };
   const cardContent = /* @__PURE__ */ jsxs134(Fragment37, { children: [
-    /* @__PURE__ */ jsxs134("div", { className: "flex-1 flex flex-col", children: [
-      titleSlot ?? /* @__PURE__ */ jsx173("p", { className: "text-h5 text-ods-text-secondary", children: title }),
+    icon && /* @__PURE__ */ jsx173("div", { className: "shrink-0 size-8 md:size-14 p-[var(--spacing-system-xxs)] bg-ods-bg border border-ods-border rounded-sm flex items-center justify-center text-ods-text-primary", children: /* @__PURE__ */ jsx173("span", { className: "size-4 md:size-6 flex items-center justify-center [&>*]:size-full", children: icon }) }),
+    /* @__PURE__ */ jsxs134("div", { className: "flex-1 min-w-0 flex flex-col", children: [
+      /* @__PURE__ */ jsxs134("div", { className: "flex items-center gap-[var(--spacing-system-xxs)]", children: [
+        titleSlot ?? (title !== void 0 && /* @__PURE__ */ jsx173("p", { className: "text-h5 text-ods-text-secondary truncate", children: title })),
+        titleTag
+      ] }),
       /* @__PURE__ */ jsxs134("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-        /* @__PURE__ */ jsx173("p", { className: cn("text-h2 text-ods-text-primary", valueClassName), children: formattedValue }),
+        /* @__PURE__ */ jsx173("p", { className: cn("text-h3 md:text-h2 text-ods-text-primary truncate", valueClassName), children: formattedValue }),
         subValue && /* @__PURE__ */ jsx173("p", { className: "text-h6 text-ods-text-secondary", children: subValue }),
         renderPercentage(),
         tooltip && /* @__PURE__ */ jsx173(FloatingTooltip, { content: tooltip, side: "top", children: /* @__PURE__ */ jsx173("span", { className: "cursor-help text-ods-text-secondary", children: /* @__PURE__ */ jsx173(QuestionCircleIcon, { size: 20 }) }) })
@@ -24718,7 +24717,7 @@ function DashboardInfoCard({
     ] }),
     renderProgress()
   ] });
-  const baseClassName = "bg-ods-card border border-ods-border rounded-sm p-[var(--spacing-system-m)] flex gap-[var(--spacing-system-s)] items-center transition-all";
+  const baseClassName = "bg-ods-card border border-ods-border rounded-md p-[var(--spacing-system-xsf)] md:p-[var(--spacing-system-m)] h-16 md:h-[104px] flex gap-[var(--spacing-system-s)] md:gap-[var(--spacing-system-m)] items-center transition-all";
   if (href) {
     return /* @__PURE__ */ jsx173(
       next_link_default,
@@ -51698,6 +51697,7 @@ function EmbeddableChatInner({
   onOpenChange,
   defaultOpen,
   showInternalTrigger = true,
+  previewMode = false,
   extras,
   tableIdForDocumentType,
   modes,
@@ -52202,7 +52202,7 @@ function EmbeddableChatInner({
     /* @__PURE__ */ jsx360(
       "div",
       {
-        className: `flex h-full flex-col overflow-hidden transition-colors duration-200 ${archiveOpen || !hasConversation && activeMode === "mingo" ? "bg-ods-card" : "bg-ods-bg"}`,
+        className: `flex h-full flex-col overflow-hidden transition-colors duration-200 ${archiveOpen || !hasConversation && activeMode === "mingo" ? "bg-ods-card" : "bg-ods-bg"} ${previewMode ? "pointer-events-none select-none" : ""}`,
         children: archiveOpen ? /* @__PURE__ */ jsx360(
           "div",
           {
@@ -52281,7 +52281,7 @@ function EmbeddableChatInner({
                               renderContextItem,
                               renderMention,
                               NavLinkAnchor: NavLinkAnchorViaRuntime,
-                              className: "flex-1",
+                              className: "flex-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
                               contentClassName: "max-w-none pb-0",
                               fullWidth: true,
                               hasNextPage: hasMoreMessages,
@@ -52423,7 +52423,7 @@ function EmbeddableChatInner({
                     onStop: stopMessage,
                     sending: chatLoading || hasInflightUploads,
                     placeholder: hasInflightUploads ? "Waiting for uploads to finish\u2026" : "Ask a question...",
-                    autoFocus: autoFocusInput,
+                    autoFocus: previewMode ? false : autoFocusInput,
                     slashCommands: slashCommandsProp,
                     previewText: quickActionPreview ?? void 0,
                     showAttachmentButton: attachmentsEnabled && activeMode === "guide",
@@ -53497,4 +53497,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-3AJOKFJ4.js.map
+//# sourceMappingURL=chunk-5WXUR7LF.js.map