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

package/dist/index.js

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

package/dist/tailwind.config.cjs

@@ -486,11 +486,6 @@ 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: {
@@ -498,8 +493,7 @@ 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",
-        "live-pulse": "live-pulse 1.6s ease-in-out infinite"
+        "dot-pulse": "dot-pulse 1.4s ease-in-out infinite"
       }
     }
   },

package/dist/tailwind.config.js

@@ -479,11 +479,6 @@ 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: {
@@ -491,8 +486,7 @@ 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",
-        "live-pulse": "live-pulse 1.6s ease-in-out infinite"
+        "dot-pulse": "dot-pulse 1.4s ease-in-out infinite"
       }
     }
   },

package/package.json

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

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

@@ -16,30 +16,6 @@ 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,
@@ -56,9 +32,5 @@ 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,
-  RemoteSessionStatusRow,
+  RemoteSessionRecordingTag,
 } from './remote-session-parts';
-import type { RemoteSessionDragHandlers, RemoteSessionParty, RemoteSessionViewer } from './types';
+import type { RemoteSessionDragHandlers, RemoteSessionParty } from './types';
 
 export interface RemoteSessionBlockFrameProps {
   /** The summary or the chat panel. */
@@ -74,8 +74,6 @@ 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. */
@@ -87,7 +85,6 @@ export function RemoteSessionSummary({
   party,
   elapsed,
   showRecordingTag = false,
-  viewers,
   onOpenChat,
   onEndSession,
   dragHandlers,
@@ -121,7 +118,7 @@ export function RemoteSessionSummary({
           <p className="w-full truncate text-ods-text-secondary text-h4">{party.organizationName}</p>
         </div>
       </div>
-      <RemoteSessionStatusRow showRecordingTag={showRecordingTag} viewers={viewers} />
+      {showRecordingTag && <RemoteSessionRecordingTag />}
       <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,13 +6,12 @@ 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, RemoteSessionStatusRow } from './remote-session-parts';
-import type {
-  RemoteSessionChatMessage,
-  RemoteSessionDragHandlers,
-  RemoteSessionParty,
-  RemoteSessionViewer,
-} from './types';
+import {
+  REMOTE_SESSION_DRAG_HANDLE_CLASS,
+  RemoteSessionDragger,
+  RemoteSessionRecordingTag,
+} from './remote-session-parts';
+import type { RemoteSessionChatMessage, RemoteSessionDragHandlers, RemoteSessionParty } from './types';
 
 export interface RemoteSessionChatPanelProps {
   party: RemoteSessionParty;
@@ -20,8 +19,6 @@ 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;
@@ -46,7 +43,6 @@ export function RemoteSessionChatPanel({
   elapsed,
   messages,
   showRecordingTag = false,
-  viewers,
   draft,
   onDraftChange,
   onSend,
@@ -87,7 +83,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>
-        <RemoteSessionStatusRow showRecordingTag={showRecordingTag} viewers={viewers} />
+        {showRecordingTag && <RemoteSessionRecordingTag />}
         <div className="flex w-full items-stretch gap-[var(--spacing-system-m)]">
           <Button
             variant="outline"

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

@@ -5,8 +5,7 @@ import { cn } from '../../../utils/cn';
 import { DraggerIcon, RecordingIcon } from '../../icons-v2-generated';
 import { OpenFrameLogo } from '../../icons/openframe-logo';
 import { SquareAvatar } from '../../ui/square-avatar';
-import { RemoteSessionViewers } from './remote-session-viewers';
-import type { RemoteSessionDragHandlers, RemoteSessionViewer } from './types';
+import type { RemoteSessionDragHandlers } from './types';
 
 /**
  * The remote session surfaces are fixed-size desktop windows (440 / 600 px
@@ -91,43 +90,15 @@ export function RemoteSessionOrgLogo({ name, logoUrl, sizePx, className }: Remot
 }
 
 /** The green SESSION RECORDING tag. */
-export function RemoteSessionRecordingTag({ className }: { className?: string }) {
+export function RemoteSessionRecordingTag() {
   return (
-    <div
-      className={cn(
-        'flex h-8 items-center gap-[var(--spacing-system-xs)] self-start rounded-md bg-ods-success-secondary p-[var(--spacing-system-xsf)]',
-        className,
-      )}
-    >
+    <div className="flex h-8 items-center gap-[var(--spacing-system-xs)] self-start rounded-md bg-ods-success-secondary p-[var(--spacing-system-xsf)]">
       <RecordingIcon size={16} color="currentColor" className="text-ods-success" />
       <span className="text-ods-success text-h5">Session Recording</span>
     </div>
   );
 }
 
-/**
- * The row under the block's header: the SESSION RECORDING tag and, while
- * colleagues watch, who is in the session. With viewers the tag stretches to
- * the left and the viewers sit on the right.
- */
-export function RemoteSessionStatusRow({
-  showRecordingTag,
-  viewers,
-}: {
-  showRecordingTag: boolean;
-  viewers?: RemoteSessionViewer[];
-}) {
-  const hasViewers = !!viewers && viewers.length > 0;
-  if (!showRecordingTag && !hasViewers) return null;
-  if (!hasViewers) return <RemoteSessionRecordingTag />;
-  return (
-    <div className="flex w-full items-center gap-[var(--spacing-system-m)]">
-      {showRecordingTag && <RemoteSessionRecordingTag className="flex-1 justify-center self-auto" />}
-      <RemoteSessionViewers viewers={viewers} className="ml-auto" />
-    </div>
-  );
-}
-
 /** Grab cursor on the surfaces the window is moved by. */
 export const REMOTE_SESSION_DRAG_HANDLE_CLASS = 'cursor-grab active:cursor-grabbing';
 

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

@@ -31,32 +31,6 @@ export interface RemoteSessionChatMessage {
 /** The terminal dialogs of a session: the end confirm and the two "it is over" notices. */
 export type RemoteSessionDialogVariant = 'end-confirm' | 'session-ended' | 'connection-lost';
 
-/** Someone in a live session: the technician running it (the host) or a colleague watching. */
-export interface RemoteSessionViewer {
-  id: string;
-  name: string;
-  avatarUrl?: string | null;
-  /** The technician running the session; listed first and ringed in the accent colour. */
-  isHost?: boolean;
-  /** The signed-in user, labelled "(you)" in the list. */
-  isYou?: boolean;
-}
-
-/** Where a remote session's recording is in its lifecycle, as the session list tags it. */
-export type RemoteSessionStatus = 'live' | 'processing' | 'failed';
-
-/** Why a recording is kept past its expiry date. */
-export type RemoteSessionKeepReason = 'CLIENT_DISPUTE' | 'INTERNAL_REVIEW' | 'LEGAL_OR_COMPLIANCE' | 'OTHER';
-
-/** A moment of the session, placed on the recording by its offset from the start. */
-export interface RemoteSessionEvent {
-  id: string;
-  /** Milliseconds from the start of the recording. */
-  offsetMs: number;
-  title: string;
-  detail?: string | null;
-}
-
 /**
  * Pointer handlers a host attaches to the surfaces the user moves the window
  * by (the desktop chat starts a native window drag from them).

package/tailwind.config.ts

@@ -413,11 +413,6 @@ const config: Config = {
           '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: {
         'accordion-down': 'accordion-down 0.2s ease-out',
@@ -425,7 +420,6 @@ const config: Config = {
         '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',
-        'live-pulse': 'live-pulse 1.6s ease-in-out infinite',
       },
     },
   },

package/dist/components/features/remote-session/remote-session-events.d.ts

@@ -1,24 +0,0 @@
-import type { RemoteSessionEvent } from './types';
-/** `mm:ss` from the start of a recording; `h:mm:ss` from the first hour on. */
-export declare function formatRemoteSessionOffset(offsetMs: number): string;
-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 declare function RemoteSessionEventList({ events, activeEventId, onSelect, className }: RemoteSessionEventListProps): import("react").JSX.Element;
-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 declare function RemoteSessionTimelineMarkers({ events, durationMs, onSelect, className, }: RemoteSessionTimelineMarkersProps): import("react").JSX.Element | null;
-//# sourceMappingURL=remote-session-events.d.ts.map

package/dist/components/features/remote-session/remote-session-events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"remote-session-events.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-session-events.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,+EAA+E;AAC/E,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAMlE;AAED,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wFAAwF;AACxF,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,2BAA2B,+BA8BjH;AAED,MAAM,WAAW,iCAAiC;IAChD,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,qEAAqE;IACrE,UAAU,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8FAA8F;AAC9F,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,UAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,iCAAiC,sCAqBnC"}

package/dist/components/features/remote-session/remote-session-keep-modals.d.ts

@@ -1,41 +0,0 @@
-import type { RemoteSessionKeepReason } from './types';
-/** How each Keep reason reads in the dialog, the session list and the release notice. */
-export declare const REMOTE_SESSION_KEEP_REASON_LABELS: Record<RemoteSessionKeepReason, string>;
-export interface KeepRecordingSelection {
-    reason: RemoteSessionKeepReason;
-    /** Trimmed; set for `OTHER` only. */
-    description: string | null;
-}
-export interface KeepRecordingModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    /** What kept recordings take of the tenant's allowance, e.g. "612 MB of 50 GB". */
-    keptUsage: string;
-    /** The Keep is in flight: the button spins and the dialog refuses to close. */
-    isPending?: boolean;
-    onConfirm: (selection: KeepRecordingSelection) => void;
-}
-/** Keep this recording: exempts it from automatic deletion until someone releases it. */
-export declare function KeepRecordingModal({ isOpen, onClose, keptUsage, isPending, onConfirm, }: KeepRecordingModalProps): import("react").JSX.Element;
-export interface ReleaseKeepingModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    /** Who placed the Keep. */
-    keptBy: string;
-    /** When the Keep was placed, formatted, e.g. "27 Jul 2026". */
-    keptOn: string;
-    /** The reason as it reads in the sentence, e.g. "Client dispute". */
-    reason: string;
-    /** The ticket or reference the Keep was placed for. */
-    ticket?: string | null;
-    /** When the recording will be deleted once released, formatted. */
-    expiresOn: string;
-    /** The original expiry date when it has already passed, so the release adds the grace period. */
-    dueOn?: string | null;
-    /** The release is in flight: the button spins and the dialog refuses to close. */
-    isPending?: boolean;
-    onConfirm: () => void;
-}
-/** Release Keeping: hands the recording back to the normal expiry, nothing is deleted on the spot. */
-export declare function ReleaseKeepingModal({ isOpen, onClose, keptBy, keptOn, reason, ticket, expiresOn, dueOn, isPending, onConfirm, }: ReleaseKeepingModalProps): import("react").JSX.Element;
-//# sourceMappingURL=remote-session-keep-modals.d.ts.map

package/dist/components/features/remote-session/remote-session-keep-modals.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"remote-session-keep-modals.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-session-keep-modals.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,yFAAyF;AACzF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAKrF,CAAC;AAmBF,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,uBAAuB,CAAC;IAChC,qCAAqC;IACrC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mFAAmF;IACnF,SAAS,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,CAAC,SAAS,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACxD;AAED,yFAAyF;AACzF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAS,GACV,EAAE,uBAAuB,+BAoFzB;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,mEAAmE;IACnE,SAAS,EAAE,MAAM,CAAC;IAClB,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,sGAAsG;AACtG,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,SAAiB,EACjB,SAAS,GACV,EAAE,wBAAwB,+BA+B1B"}

package/dist/components/features/remote-session/remote-session-status.d.ts

@@ -1,34 +0,0 @@
-import type { RemoteSessionStatus } from './types';
-export interface RemoteSessionStatusTagProps {
-    status: RemoteSessionStatus;
-    className?: string;
-}
-/** LIVE / PROCESSING / FAILED beside a session's date in the session list and on its page. */
-export declare function RemoteSessionStatusTag({ status, className }: RemoteSessionStatusTagProps): import("react").JSX.Element;
-export type RemoteSessionExpiryProps = {
-    className?: string;
-} & ({
-    state: 'kept';
-    keptBy: string;
-    reason: string;
-} | {
-    state: 'scheduled';
-    date: string;
-    remaining?: string | null;
-} | {
-    state: 'expired';
-} | {
-    state: 'none';
-});
-/** The EXPIRES cell of a recording: its expiry date, the Keep holding it, or that it has expired. */
-export declare function RemoteSessionExpiry(props: RemoteSessionExpiryProps): import("react").JSX.Element;
-export interface RemoteSessionStorageAlertProps {
-    /** `device` on the device page (new sessions there aren't recorded); `session` on a running session. */
-    scope: 'device' | 'session';
-    /** The plan's recording storage, e.g. "100 GB"; named on the device page. */
-    capacity?: string | null;
-    className?: string;
-}
-/** The banner shown while the tenant's recording storage is full. */
-export declare function RemoteSessionStorageAlert({ scope, capacity, className }: RemoteSessionStorageAlertProps): import("react").JSX.Element;
-//# sourceMappingURL=remote-session-status.d.ts.map

package/dist/components/features/remote-session/remote-session-status.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"remote-session-status.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-session-status.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAanD,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8FAA8F;AAC9F,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,2BAA2B,+BAUxF;AAED,MAAM,MAAM,wBAAwB,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,CAC5D;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC/D;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,GACpB;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CACpB,CAAC;AAEF,qGAAqG;AACrG,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,+BA2BlE;AAED,MAAM,WAAW,8BAA8B;IAC7C,wGAAwG;IACxG,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qEAAqE;AACrE,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,8BAA8B,+BAmBvG"}

package/dist/components/features/remote-session/remote-session-viewers.d.ts

@@ -1,15 +0,0 @@
-import type { RemoteSessionViewer } from './types';
-export interface RemoteSessionViewersProps {
-    /** Everyone in the session, the host included. */
-    viewers: RemoteSessionViewer[];
-    /** Faces shown before the rest collapse into "+N". */
-    max?: number;
-    className?: string;
-}
-/**
- * Who is in a live session: an avatar stack (the host ringed in the accent
- * colour) that opens the full list. Shown to the host, to the watchers and to
- * the end user.
- */
-export declare function RemoteSessionViewers({ viewers, max, className }: RemoteSessionViewersProps): import("react").JSX.Element | null;
-//# sourceMappingURL=remote-session-viewers.d.ts.map

package/dist/components/features/remote-session/remote-session-viewers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"remote-session-viewers.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-session-viewers.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAanD,MAAM,WAAW,yBAAyB;IACxC,kDAAkD;IAClD,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,sDAAsD;IACtD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,GAAO,EAAE,SAAS,EAAE,EAAE,yBAAyB,sCAqE9F"}

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

@@ -1,93 +0,0 @@
-'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>
-  );
-}