@flamingo-stack/openframe-frontend-core 0.0.515 → 0.0.517-1651.4264.1

package/dist/{chunk-5RHFQ4JG.js → chunk-VXMKRJYN.js}

@@ -34486,7 +34486,22 @@ function FloatingWalkthroughVideo({
         // receives pointer events — the media layer is pointer-events-none, so
         // a group inside it can never match :hover.
         "group/card pointer-events-auto relative overflow-hidden rounded-lg border border-ods-border bg-ods-card shadow-2xl",
-        "aspect-video w-60 sm:w-80 transition-opacity duration-200",
+        // MOBILE = PiP dimensions, not a shrunken desktop card. This is an
+        // UNINVITED overlay on the smallest screens, so it is sized against
+        // the corner-PiP conventions, NOT against system PiP (which is
+        // user-invoked content and is allowed ~60% of the shortest edge):
+        //   - AOSP's legacy corner spec asks for 23% of screen width, then
+        //     clamps up to `default_minimal_size_pip_resizable_task` (108dp in
+        //     BOTH dimensions) — at 16:9 that floor IS 192x108, and on any
+        //     modern phone the clamp is what actually applies. Hence the cap.
+        //   - 192x108 lands at ~6% of a 390x844 screen, inside the "small
+        //     player" band (<=20% of screen) rather than the "large" one.
+        // 52vw keeps it proportional on narrow devices (320px -> 166x93) and
+        // the 192px cap takes over from ~369px up, i.e. on most phones.
+        // Do NOT go below ~150px: the corner chrome (32px transport pair +
+        // 32px dismiss + the title pill) stops fitting, and the card's own
+        // controls — not the poster — are what set the real floor here.
+        "aspect-video w-[min(52vw,192px)] sm:w-80 transition-opacity duration-200",
         footerHidden ? "opacity-0 pointer-events-none" : "opacity-100",
         className
       ),
@@ -34530,7 +34545,7 @@ function FloatingWalkthroughVideo({
             isClone: false,
             badge: "play",
             fit: "cover",
-            posterSizes: "320px",
+            posterSizes: "(max-width: 639px) 192px, 320px",
             preload: "none",
             hideMutedBadge: true,
             onMutedFallbackChange: onCardFallbackChange,
@@ -34566,7 +34581,7 @@ function FloatingWalkthroughVideo({
             title: controlIsPlay ? "Play" : "Unmute",
             onPointerDown: (e) => e.stopPropagation(),
             onClick: onUnmuteOrPlay,
-            className: "absolute inset-0 z-30 m-auto",
+            className: "absolute inset-0 z-30 m-auto hidden sm:inline-flex",
             children: controlIsPlay ? /* @__PURE__ */ jsx249(VideoPlayBadge, {}) : /* @__PURE__ */ jsx249(VideoUnmuteGlyph, {})
           }
         ),
@@ -34580,7 +34595,7 @@ function FloatingWalkthroughVideo({
               title: cardMuted ? "Unmute" : "Mute",
               onPointerDown: (e) => e.stopPropagation(),
               onClick: onToggleMute,
-              className: cn(showBigUnmute && !controlIsPlay && "hidden"),
+              className: cn(showBigUnmute && !controlIsPlay && "sm:hidden"),
               children: cardMuted ? /* @__PURE__ */ jsx249(VolumeXmarkIcon, {}) : /* @__PURE__ */ jsx249(VolumeUpIcon, {})
             }
           ),
@@ -47436,9 +47451,37 @@ function TestResultsTable({ rows, loading }) {
     /* @__PURE__ */ jsx359(DataTable.Body, { loading: false })
   ] }) }) });
 }
+function TestRunErrorBanner({ error, className }) {
+  const { copy } = useCopyToClipboard({ successDescription: "Error message copied to clipboard" });
+  return /* @__PURE__ */ jsxs284(
+    "div",
+    {
+      role: "alert",
+      className: cn(
+        "flex items-center justify-between gap-[var(--spacing-system-s)]",
+        "rounded-[6px] border border-ods-error bg-ods-error-secondary",
+        "px-[var(--spacing-system-mf)] py-[var(--spacing-system-s)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx359("p", { className: "text-h4 text-ods-error min-w-0 break-words", children: error }),
+        /* @__PURE__ */ jsx359(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Copy error message",
+            onClick: () => copy(error),
+            className: "shrink-0 text-ods-error hover:opacity-80 transition-opacity focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus rounded-sm",
+            children: /* @__PURE__ */ jsx359(Copy02Icon, { className: "size-5" })
+          }
+        )
+      ]
+    }
+  );
+}
 function TestRunResults({ isActive, displayRows, firstError, className }) {
   return /* @__PURE__ */ jsxs284("div", { className: cn("flex flex-col gap-[var(--spacing-system-xsf)]", className), children: [
-    firstError && /* @__PURE__ */ jsx359("p", { role: "alert", className: "text-h6 text-ods-error", children: firstError }),
+    firstError && /* @__PURE__ */ jsx359(TestRunErrorBanner, { error: firstError }),
     !isActive && displayRows.length === 0 ? (
       // With zero rows the error line alone explains the outcome; a
       // "No results returned" empty state next to it would mislead.
@@ -47455,6 +47498,18 @@ function TimingStat({ value, label, className }) {
     /* @__PURE__ */ jsx359("span", { className: "text-h6 text-ods-text-secondary truncate", children: label })
   ] });
 }
+var TEST_RUN_STATUS_TAGS = {
+  running: { label: "IN PROCESS", variant: "warning" },
+  success: { label: "SUCCESS", variant: "success" },
+  error: { label: "ERROR", variant: "error" }
+};
+function TestRunStatusStat({ status, className }) {
+  const tag = status === "idle" ? null : TEST_RUN_STATUS_TAGS[status];
+  return /* @__PURE__ */ jsxs284("div", { className: cn("flex flex-col justify-center items-start min-w-0 gap-[var(--spacing-system-xxs)]", className), children: [
+    tag ? /* @__PURE__ */ jsx359(Tag, { label: tag.label, variant: tag.variant, className: "pointer-events-none" }) : /* @__PURE__ */ jsx359("span", { className: "text-h4 text-ods-text-secondary truncate", children: "-" }),
+    /* @__PURE__ */ jsx359("span", { className: "text-h6 text-ods-text-secondary truncate", children: "Status" })
+  ] });
+}
 function useTestRunState(campaign) {
   const [hasRun, setHasRun] = React137.useState(false);
   const [isStarting, setIsStarting] = React137.useState(false);
@@ -47496,6 +47551,7 @@ function useTestRunState(campaign) {
   const isFinished = campaign.campaignStatus === "finished";
   const showResults = isActive || hasRun && isFinished;
   const firstError = isFinished && campaign.errors.length > 0 ? campaign.errors[0].error : null;
+  const status = isActive ? "running" : hasRun && isFinished ? firstError ? "error" : "success" : "idle";
   const showTiming = hasRun && campaign.startedAt !== null && (campaign.isRunning || isFinished);
   const startedLabel = showTiming && campaign.startedAt ? formatTime(campaign.startedAt) : "00:00 PM";
   const durationLabel = showTiming ? formatTestRunDuration(durationMs) : "00:00:00";
@@ -47510,6 +47566,7 @@ function useTestRunState(campaign) {
     isActive,
     isFinished,
     showResults,
+    status,
     firstError,
     startedLabel,
     durationLabel,
@@ -60984,8 +61041,10 @@ export {
   formatTestRunDuration,
   TestResultsSkeleton,
   TestResultsTable,
+  TestRunErrorBanner,
   TestRunResults,
   TimingStat,
+  TestRunStatusStat,
   useTestRunState,
   TicketDetailSection,
   TicketAttachmentsList,
@@ -61036,4 +61095,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-5RHFQ4JG.js.map
+//# sourceMappingURL=chunk-VXMKRJYN.js.map