@flamingo-stack/openframe-frontend-core 0.0.700 → 0.0.701-snapshot.20261005171139

package/dist/index.js

@@ -9,7 +9,7 @@ import {
   SoftwareInfo,
   SoftwareSourceBadge,
   ToolBadge
-} from "./chunk-N7HMUQRV.js";
+} from "./chunk-PLK6GHN7.js";
 import {
   AppHeader,
   AppLayout,
@@ -29,14 +29,14 @@ import {
   SlidingSidebar,
   TicketAlertsButton,
   TopNavigation
-} from "./chunk-PNWIVND4.js";
+} from "./chunk-SAA7B3DA.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
   StickySectionNav,
   useSectionNavigation
-} from "./chunk-DJLZXJYB.js";
-import "./chunk-S4ADN25W.js";
+} from "./chunk-HYFLTFFB.js";
+import "./chunk-RS7HWAYX.js";
 import {
   AIEnrichButton,
   AIEnrichSection,
@@ -233,6 +233,7 @@ import {
   InputTrigger,
   InviteLinkInvalidModal,
   JsonDetailList,
+  KeepRecordingModal,
   KnowledgeBaseLinksManager,
   LabeledDivider,
   LazyMount,
@@ -334,6 +335,7 @@ import {
   QueryReportTableRow,
   QueryReportTableSkeleton,
   REMOTE_SESSION_DRAG_HANDLE_CLASS,
+  REMOTE_SESSION_KEEP_REASON_LABELS,
   ROADMAP_STATUS_OPTIONS,
   ROW_HEIGHT_DESKTOP,
   ROW_HEIGHT_MOBILE,
@@ -342,6 +344,7 @@ import {
   RadioGroupBlock,
   RadioGroupItem,
   ReleaseChangelogSection,
+  ReleaseKeepingModal,
   RemoteAccessRequestCard,
   RemoteSessionBlockFrame,
   RemoteSessionBorder,
@@ -349,12 +352,18 @@ import {
   RemoteSessionDialog,
   RemoteSessionDragger,
   RemoteSessionEndButton,
+  RemoteSessionEventList,
+  RemoteSessionExpiry,
   RemoteSessionMinimizedChip,
   RemoteSessionOrgLogo,
   RemoteSessionPill,
   RemoteSessionRecordingTag,
   RemoteSessionScope,
+  RemoteSessionStatusTag,
+  RemoteSessionStorageAlert,
   RemoteSessionSummary,
+  RemoteSessionTimelineMarkers,
+  RemoteSessionViewers,
   ReopenTicketModal,
   ReopenTicketRequestModal,
   RichMarkdownRenderer,
@@ -528,6 +537,7 @@ import {
   formatDocName,
   formatPhoneE164,
   formatRemoteSessionElapsed,
+  formatRemoteSessionOffset,
   formatTestRunDuration,
   generateBiteId,
   getApprovalMeta,
@@ -655,7 +665,7 @@ import {
   withFirstTouchAttribution,
   withWalkthroughOpenParam,
   writeDismissCookie
-} from "./chunk-B7M6QEEM.js";
+} from "./chunk-CZ34HXDW.js";
 import "./chunk-LQYXMEYF.js";
 import "./chunk-4JPLYOS6.js";
 import {
@@ -2390,6 +2400,7 @@ export {
   InviteLinkInvalidModal,
   JsonDetailList,
   JumpInIcon,
+  KeepRecordingModal,
   KnowledgeBaseLinksManager,
   LOG_SEVERITY_COLORS,
   LOG_SEVERITY_LABELS,
@@ -2620,6 +2631,7 @@ export {
   RATIO_GRID_CLASS,
   RATIO_TO_CSS_ASPECT,
   REMOTE_SESSION_DRAG_HANDLE_CLASS,
+  REMOTE_SESSION_KEEP_REASON_LABELS,
   RESCUE_FORMS,
   RESYNC_AFTER_HIDDEN_MS,
   ROADMAP_STATUS_OPTIONS,
@@ -2634,6 +2646,7 @@ export {
   ReclaimProfitsIcon,
   RedditIcon,
   ReleaseChangelogSection,
+  ReleaseKeepingModal,
   RemoteAccessRequestCard,
   RemoteControlIcon,
   RemoteSessionBlockFrame,
@@ -2642,12 +2655,18 @@ export {
   RemoteSessionDialog,
   RemoteSessionDragger,
   RemoteSessionEndButton,
+  RemoteSessionEventList,
+  RemoteSessionExpiry,
   RemoteSessionMinimizedChip,
   RemoteSessionOrgLogo,
   RemoteSessionPill,
   RemoteSessionRecordingTag,
   RemoteSessionScope,
+  RemoteSessionStatusTag,
+  RemoteSessionStorageAlert,
   RemoteSessionSummary,
+  RemoteSessionTimelineMarkers,
+  RemoteSessionViewers,
   RenameChatModal,
   ReopenTicketModal,
   ReopenTicketRequestModal,
@@ -3105,6 +3124,7 @@ export {
   formatRelativeTime,
   formatReleaseDate,
   formatRemoteSessionElapsed,
+  formatRemoteSessionOffset,
   formatSingularLookupInvocation,
   formatTestRunDuration,
   formatTicketFullTimestamp,

package/dist/tailwind.config.cjs

@@ -486,6 +486,11 @@ var config = {
         "dot-pulse": {
           "0%, 80%, 100%": { transform: "scale(1)", opacity: "0.7" },
           "40%": { transform: "scale(1.5)", opacity: "1" }
+        },
+        // The dot on a LIVE tag: opacity only, so it reads as "on air" without moving.
+        "live-pulse": {
+          "0%, 100%": { opacity: "1" },
+          "50%": { opacity: "0.25" }
         }
       },
       animation: {
@@ -493,7 +498,8 @@ var config = {
         "accordion-up": "accordion-up 0.2s ease-out",
         "fade-in": "fade-in 0.3s ease-out",
         "cursor-blink": "cursor-blink 1s steps(1) infinite",
-        "dot-pulse": "dot-pulse 1.4s ease-in-out infinite"
+        "dot-pulse": "dot-pulse 1.4s ease-in-out infinite",
+        "live-pulse": "live-pulse 1.6s ease-in-out infinite"
       }
     }
   },

package/dist/tailwind.config.js

@@ -479,6 +479,11 @@ var config = {
         "dot-pulse": {
           "0%, 80%, 100%": { transform: "scale(1)", opacity: "0.7" },
           "40%": { transform: "scale(1.5)", opacity: "1" }
+        },
+        // The dot on a LIVE tag: opacity only, so it reads as "on air" without moving.
+        "live-pulse": {
+          "0%, 100%": { opacity: "1" },
+          "50%": { opacity: "0.25" }
         }
       },
       animation: {
@@ -486,7 +491,8 @@ var config = {
         "accordion-up": "accordion-up 0.2s ease-out",
         "fade-in": "fade-in 0.3s ease-out",
         "cursor-blink": "cursor-blink 1s steps(1) infinite",
-        "dot-pulse": "dot-pulse 1.4s ease-in-out infinite"
+        "dot-pulse": "dot-pulse 1.4s ease-in-out infinite",
+        "live-pulse": "live-pulse 1.6s ease-in-out infinite"
       }
     }
   },

package/dist/types/announcement.d.ts

@@ -15,7 +15,7 @@ export interface Announcement {
     is_active: boolean;
     /** A one-line form of the title for tight spots (a hero's news pill). */
     short_title?: string | null;
-    /** Paths the bar is NOT shown on (exact match, e.g. `/`): the page shows the news itself. */
+    /** Path patterns the bar is NOT shown on (regular expressions matched against the whole path): the page shows the news itself. */
     excluded_paths?: string[] | null;
     cta_enabled?: boolean;
     cta_text?: string;
@@ -215,11 +215,6 @@ export interface AnnouncementBarProps {
      * currentPlatform()).
      */
     initialAnnouncement?: Announcement | null;
-    /**
-     * The path the bar is rendered on. When the announcement lists it in
-     * `excluded_paths`, the bar stays collapsed. Omitted: never excluded.
-     */
-    pathname?: string | null;
     /**
      * Render-only mode for the admin live preview: no fetch/revalidation, inert
      * dismiss button, and no storage side effects (never writes dismissal

package/dist/types/announcement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"announcement.d.ts","sourceRoot":"","sources":["../../src/types/announcement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"announcement.d.ts","sourceRoot":"","sources":["../../src/types/announcement.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.700",
+  "version": "0.0.701-snapshot.20261005171139",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/announcement-bar.tsx

@@ -3,6 +3,7 @@
 import { X } from 'lucide-react';
 import { useEffect, useMemo, useState, useSyncExternalStore } from 'react';
 import { useEndpointsRuntime } from '../contexts/endpoints-runtime-context';
+import { usePathname } from '../embed-shims/next-navigation';
 import { useSelfFetch } from '../hooks/use-self-fetch';
 import type { Announcement, AnnouncementBarProps, AnnouncementResponse } from '../types/announcement';
 import { ANNOUNCEMENT_CTA_DEFAULTS } from '../types/announcement';
@@ -70,7 +71,6 @@ export function AnnouncementBar({
   initialAnnouncement,
   previewMode = false,
   dismissible = true,
-  pathname,
   className,
 }: AnnouncementBarProps = {}) {
   // Namespace for the dismissal cookie/legacy keys. Next hosts inline
@@ -80,6 +80,11 @@ export function AnnouncementBar({
   // serves one platform's announcements.
   const platform = getAppType();
 
+  // The path the bar is on, from the host's router (the navigation shim: Next's
+  // `usePathname` on a Next host, the embedder's registered router elsewhere).
+  // Read HERE so every host gets `excluded_paths` with no wiring of its own.
+  const pathname = usePathname();
+
   // Optional endpoint runtime: no provider → no URL → fetching disabled.
   const endpoints = useEndpointsRuntime();
   const url = previewMode ? null : (endpoints?.announcementsUrl ?? null);
@@ -143,7 +148,7 @@ export function AnnouncementBar({
   // Preview always mirrors the draft directly (storage is not consulted there).
   // A page that shows the news itself (a hero's news pill) is listed in the
   // announcement's `excluded_paths` (path patterns); the bar stays collapsed there.
-  const excludedHere = pathname != null && pathMatchesAny(pathname, announcement?.excluded_paths);
+  const excludedHere = pathMatchesAny(pathname, announcement?.excluded_paths);
   const expanded = previewMode
     ? announcement != null
     : announcement != null && expandedState && !dismissed && !excludedHere;

package/src/components/features/remote-session/index.ts

@@ -16,6 +16,30 @@ export type { RemoteSessionChatPanelProps } from './remote-session-chat-panel';
 export { RemoteSessionDialog } from './remote-session-dialog';
 export type { RemoteSessionDialogProps } from './remote-session-dialog';
 export { RemoteSessionBorder, RemoteSessionPill } from './remote-session-overlay';
+export {
+  REMOTE_SESSION_KEEP_REASON_LABELS,
+  KeepRecordingModal,
+  ReleaseKeepingModal,
+} from './remote-session-keep-modals';
+export type {
+  KeepRecordingModalProps,
+  KeepRecordingSelection,
+  ReleaseKeepingModalProps,
+} from './remote-session-keep-modals';
+export {
+  RemoteSessionEventList,
+  RemoteSessionTimelineMarkers,
+  formatRemoteSessionOffset,
+} from './remote-session-events';
+export type { RemoteSessionEventListProps, RemoteSessionTimelineMarkersProps } from './remote-session-events';
+export { RemoteSessionExpiry, RemoteSessionStatusTag, RemoteSessionStorageAlert } from './remote-session-status';
+export type {
+  RemoteSessionExpiryProps,
+  RemoteSessionStatusTagProps,
+  RemoteSessionStorageAlertProps,
+} from './remote-session-status';
+export { RemoteSessionViewers } from './remote-session-viewers';
+export type { RemoteSessionViewersProps } from './remote-session-viewers';
 export {
   REMOTE_SESSION_DRAG_HANDLE_CLASS,
   RemoteSessionDragger,
@@ -32,5 +56,9 @@ export type {
   RemoteSessionChatMessage,
   RemoteSessionDialogVariant,
   RemoteSessionDragHandlers,
+  RemoteSessionEvent,
+  RemoteSessionKeepReason,
   RemoteSessionParty,
+  RemoteSessionStatus,
+  RemoteSessionViewer,
 } from './types';

package/src/components/features/remote-session/remote-session-block.tsx

@@ -10,9 +10,9 @@ import {
   REMOTE_SESSION_DRAG_HANDLE_CLASS,
   RemoteSessionDragger,
   RemoteSessionOrgLogo,
-  RemoteSessionRecordingTag,
+  RemoteSessionStatusRow,
 } from './remote-session-parts';
-import type { RemoteSessionDragHandlers, RemoteSessionParty } from './types';
+import type { RemoteSessionDragHandlers, RemoteSessionParty, RemoteSessionViewer } from './types';
 
 export interface RemoteSessionBlockFrameProps {
   /** The summary or the chat panel. */
@@ -74,6 +74,8 @@ export interface RemoteSessionSummaryProps {
   /** Elapsed session time, e.g. from `useRemoteSessionTimer`. */
   elapsed: string;
   showRecordingTag?: boolean;
+  /** Everyone in the session while colleagues watch it, the host included; hidden when empty. */
+  viewers?: RemoteSessionViewer[];
   onOpenChat: () => void;
   onEndSession: () => void;
   /** Makes the header row and the dragger move the window. */
@@ -85,6 +87,7 @@ export function RemoteSessionSummary({
   party,
   elapsed,
   showRecordingTag = false,
+  viewers,
   onOpenChat,
   onEndSession,
   dragHandlers,
@@ -118,7 +121,7 @@ export function RemoteSessionSummary({
           <p className="w-full truncate text-ods-text-secondary text-h4">{party.organizationName}</p>
         </div>
       </div>
-      {showRecordingTag && <RemoteSessionRecordingTag />}
+      <RemoteSessionStatusRow showRecordingTag={showRecordingTag} viewers={viewers} />
       <div className="flex w-full items-stretch gap-[var(--spacing-system-m)]">
         <Button
           variant="outline"

package/src/components/features/remote-session/remote-session-chat-panel.tsx

@@ -6,12 +6,13 @@ import { MessageOffIcon, Send03Icon } from '../../icons-v2-generated';
 import { Button } from '../../ui/button/button';
 import { SquareAvatar } from '../../ui/square-avatar';
 import { RemoteSessionEndButton } from './remote-session-block';
-import {
-  REMOTE_SESSION_DRAG_HANDLE_CLASS,
-  RemoteSessionDragger,
-  RemoteSessionRecordingTag,
-} from './remote-session-parts';
-import type { RemoteSessionChatMessage, RemoteSessionDragHandlers, RemoteSessionParty } from './types';
+import { REMOTE_SESSION_DRAG_HANDLE_CLASS, RemoteSessionDragger, RemoteSessionStatusRow } from './remote-session-parts';
+import type {
+  RemoteSessionChatMessage,
+  RemoteSessionDragHandlers,
+  RemoteSessionParty,
+  RemoteSessionViewer,
+} from './types';
 
 export interface RemoteSessionChatPanelProps {
   party: RemoteSessionParty;
@@ -19,6 +20,8 @@ export interface RemoteSessionChatPanelProps {
   elapsed: string;
   messages: RemoteSessionChatMessage[];
   showRecordingTag?: boolean;
+  /** Everyone in the session while colleagues watch it, the host included; hidden when empty. */
+  viewers?: RemoteSessionViewer[];
   /** The composer's text; owned by the host so it survives hiding the block. */
   draft: string;
   onDraftChange: (draft: string) => void;
@@ -43,6 +46,7 @@ export function RemoteSessionChatPanel({
   elapsed,
   messages,
   showRecordingTag = false,
+  viewers,
   draft,
   onDraftChange,
   onSend,
@@ -83,7 +87,7 @@ export function RemoteSessionChatPanel({
           </p>
           <p className="w-full truncate text-ods-text-secondary text-h4">You can end this session at any time</p>
         </div>
-        {showRecordingTag && <RemoteSessionRecordingTag />}
+        <RemoteSessionStatusRow showRecordingTag={showRecordingTag} viewers={viewers} />
         <div className="flex w-full items-stretch gap-[var(--spacing-system-m)]">
           <Button
             variant="outline"

package/src/components/features/remote-session/remote-session-events.tsx

@@ -0,0 +1,93 @@
+'use client';
+
+import { cn } from '../../../utils/cn';
+import type { RemoteSessionEvent } from './types';
+
+/** `mm:ss` from the start of a recording; `h:mm:ss` from the first hour on. */
+export function formatRemoteSessionOffset(offsetMs: number): string {
+  const total = Math.max(0, Math.floor(offsetMs / 1000));
+  const hours = Math.floor(total / 3600);
+  const minutes = String(Math.floor((total % 3600) / 60)).padStart(2, '0');
+  const seconds = String(total % 60).padStart(2, '0');
+  return hours > 0 ? `${hours}:${minutes}:${seconds}` : `${minutes}:${seconds}`;
+}
+
+export interface RemoteSessionEventListProps {
+  events: RemoteSessionEvent[];
+  /** The event the playhead is on; highlighted. */
+  activeEventId?: string | null;
+  /** Seek the player to the event. */
+  onSelect?: (event: RemoteSessionEvent) => void;
+  className?: string;
+}
+
+/** SESSION EVENTS under the recording player: each event with its time, newest last. */
+export function RemoteSessionEventList({ events, activeEventId, onSelect, className }: RemoteSessionEventListProps) {
+  return (
+    <section className={cn('flex w-full flex-col gap-[var(--spacing-system-xxs)]', className)}>
+      <h2 className="text-ods-text-secondary text-h5">Session Events</h2>
+      <ol className="flex w-full flex-col gap-[var(--spacing-system-xxs)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-m)]">
+        {events.map(event => (
+          <li key={event.id}>
+            <button
+              type="button"
+              aria-current={event.id === activeEventId || undefined}
+              onClick={() => onSelect?.(event)}
+              className={cn(
+                'flex w-full items-start gap-[var(--spacing-system-xxs)] rounded-md p-[var(--spacing-system-xxs)] text-left outline-none transition-colors',
+                'hover:bg-ods-bg-hover focus-visible:ring-2 focus-visible:ring-ods-focus',
+                event.id === activeEventId && 'bg-ods-border hover:bg-ods-border',
+              )}
+            >
+              <span className="w-[84px] shrink-0 text-ods-text-secondary text-h4">
+                {formatRemoteSessionOffset(event.offsetMs)}
+              </span>
+              <span className="flex min-w-0 flex-1 flex-col">
+                <span className="text-ods-text-primary text-h4">{event.title}</span>
+                {event.detail && <span className="text-ods-text-secondary text-h6">{event.detail}</span>}
+              </span>
+            </button>
+          </li>
+        ))}
+      </ol>
+    </section>
+  );
+}
+
+export interface RemoteSessionTimelineMarkersProps {
+  events: RemoteSessionEvent[];
+  /** Length of the recording; events past it are pinned to the end. */
+  durationMs: number;
+  /** Seek the player to the event. */
+  onSelect?: (event: RemoteSessionEvent) => void;
+  className?: string;
+}
+
+/** The event marks above the player's track, one per event, at its share of the recording. */
+export function RemoteSessionTimelineMarkers({
+  events,
+  durationMs,
+  onSelect,
+  className,
+}: RemoteSessionTimelineMarkersProps) {
+  if (durationMs <= 0) return null;
+  return (
+    <div className={cn('relative h-4 w-full', className)}>
+      {events.map(event => {
+        const share = Math.min(1, Math.max(0, event.offsetMs / durationMs));
+        const label = `${event.title} at ${formatRemoteSessionOffset(event.offsetMs)}`;
+        return (
+          <button
+            key={event.id}
+            type="button"
+            aria-label={label}
+            title={label}
+            onClick={() => onSelect?.(event)}
+            style={{ left: `${share * 100}%` }}
+            className="absolute top-0 h-4 w-1 -translate-x-1/2 rounded-md bg-ods-text-secondary outline-none transition-colors hover:bg-ods-text-primary focus-visible:ring-2 focus-visible:ring-ods-focus"
+          />
+        );
+      })}
+    </div>
+  );
+}