@flamingo-stack/openframe-frontend-core 0.0.691-snapshot.20261001154617 → 0.0.691

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

@@ -1,13 +0,0 @@
-export { RemoteAccessRequestCard } from './remote-access-request-card';
-export type { RemoteAccessRequestCardProps } from './remote-access-request-card';
-export { RemoteSessionBlockFrame, RemoteSessionEndButton, RemoteSessionMinimizedChip, RemoteSessionSummary, } from './remote-session-block';
-export type { RemoteSessionBlockFrameProps, RemoteSessionMinimizedChipProps, RemoteSessionSummaryProps, } from './remote-session-block';
-export { RemoteSessionChatPanel } from './remote-session-chat-panel';
-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_DRAG_HANDLE_CLASS, RemoteSessionDragger, RemoteSessionOrgLogo, RemoteSessionRecordingTag, RemoteSessionScope, formatRemoteSessionElapsed, useRemoteSessionTimer, } from './remote-session-parts';
-export type { RemoteSessionOrgLogoProps, RemoteSessionScopeProps } from './remote-session-parts';
-export type { RemoteAccessDecision, RemoteSessionChatAuthor, RemoteSessionChatMessage, RemoteSessionDialogVariant, RemoteSessionDragHandlers, RemoteSessionParty, } from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,4BAA4B,EAC5B,+BAA+B,EAC/B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,YAAY,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EACL,gCAAgC,EAChC,oBAAoB,EACpB,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,EAClB,0BAA0B,EAC1B,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjG,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,wBAAwB,EACxB,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/dist/components/features/remote-session/remote-access-request-card.d.ts

@@ -1,19 +0,0 @@
-import type { RemoteAccessDecision, RemoteSessionParty } from './types';
-export interface RemoteAccessRequestCardProps {
-    party: RemoteSessionParty;
-    /** The notice that the session will be recorded. */
-    showRecordingNotice?: boolean;
-    /** The decision in flight, if any; both buttons lock while it is set. */
-    deciding?: RemoteAccessDecision | null;
-    /** Replaces the "you can end the session" line, e.g. when the decision could not be sent. */
-    error?: string | null;
-    onDecide: (decision: RemoteAccessDecision) => void;
-    /**
-     * Opens the organization's site. The button only shows for an https URL:
-     * the URL comes from the server, so no other scheme is ever handed out.
-     */
-    onOpenSite?: (url: string) => void;
-}
-/** The end user's consent dialog for a remote access request: who is asking, what they get, Decline / Allow Access. */
-export declare function RemoteAccessRequestCard({ party, showRecordingNotice, deciding, error, onDecide, onOpenSite, }: RemoteAccessRequestCardProps): import("react").JSX.Element;
-//# sourceMappingURL=remote-access-request-card.d.ts.map

package/dist/components/features/remote-session/remote-access-request-card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"remote-access-request-card.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-access-request-card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExE,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACvC,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAOD,uHAAuH;AACvH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,mBAA2B,EAC3B,QAAe,EACf,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE,4BAA4B,+BAiE9B"}

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

@@ -1,41 +0,0 @@
-import { type ReactNode } from 'react';
-import type { RemoteSessionDragHandlers, RemoteSessionParty } from './types';
-export interface RemoteSessionBlockFrameProps {
-    /** The summary or the chat panel. */
-    children: ReactNode;
-    /** The chat panel has a fixed height; the summary hugs its content. */
-    expanded?: boolean;
-    onHide: () => void;
-    className?: string;
-}
-/**
- * The session block's card: 440 px wide, the open panel on top and the
- * "Hide this Block" bar at the bottom. The ref is the rendered surface, which
- * a desktop host sizes its window to.
- */
-export declare const RemoteSessionBlockFrame: import("react").ForwardRefExoticComponent<RemoteSessionBlockFrameProps & import("react").RefAttributes<HTMLDivElement>>;
-/** The red End Session action shared by the summary and the chat panel. */
-export declare function RemoteSessionEndButton({ onEndSession }: {
-    onEndSession: () => void;
-}): import("react").JSX.Element;
-export interface RemoteSessionSummaryProps {
-    party: RemoteSessionParty;
-    /** Elapsed session time, e.g. from `useRemoteSessionTimer`. */
-    elapsed: string;
-    showRecordingTag?: boolean;
-    onOpenChat: () => void;
-    onEndSession: () => void;
-    /** Makes the header row and the dragger move the window. */
-    dragHandlers?: RemoteSessionDragHandlers;
-}
-/** The compact block: who is connected and for how long, Open Chat / End Session. */
-export declare function RemoteSessionSummary({ party, elapsed, showRecordingTag, onOpenChat, onEndSession, dragHandlers, }: RemoteSessionSummaryProps): import("react").JSX.Element;
-export interface RemoteSessionMinimizedChipProps {
-    party: RemoteSessionParty;
-    onExpand: () => void;
-    /** Lets the chip move the window too; the host tells a drag from a click. */
-    dragHandlers?: RemoteSessionDragHandlers;
-}
-/** The hidden block: the technician's avatar (or the organization's logo) and a chevron to bring it back. */
-export declare const RemoteSessionMinimizedChip: import("react").ForwardRefExoticComponent<RemoteSessionMinimizedChipProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=remote-session-block.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"remote-session-block.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-session-block.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7E,MAAM,WAAW,4BAA4B;IAC3C,qCAAqC;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,yHAwBnC,CAAC;AAGF,2EAA2E;AAC3E,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,IAAI,CAAA;CAAE,+BAWpF;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C;AAED,qFAAqF;AACrF,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,OAAO,EACP,gBAAwB,EACxB,UAAU,EACV,YAAY,EACZ,YAAY,GACb,EAAE,yBAAyB,+BA4C3B;AAED,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C;AAED,6GAA6G;AAC7G,eAAO,MAAM,0BAA0B,+HAoCtC,CAAC"}

package/dist/components/features/remote-session/remote-session-chat-panel.d.ts

@@ -1,23 +0,0 @@
-import type { RemoteSessionChatMessage, RemoteSessionDragHandlers, RemoteSessionParty } from './types';
-export interface RemoteSessionChatPanelProps {
-    party: RemoteSessionParty;
-    /** Elapsed session time, e.g. from `useRemoteSessionTimer`. */
-    elapsed: string;
-    messages: RemoteSessionChatMessage[];
-    showRecordingTag?: boolean;
-    /** The composer's text; owned by the host so it survives hiding the block. */
-    draft: string;
-    onDraftChange: (draft: string) => void;
-    /** Called with the trimmed text; the composer clears itself through `onDraftChange`. */
-    onSend: (text: string) => void;
-    /** False while the chat is still connecting: the composer is disabled. */
-    ready?: boolean;
-    error?: string | null;
-    onCloseChat: () => void;
-    onEndSession: () => void;
-    /** Makes the header and the dragger move the window. */
-    dragHandlers?: RemoteSessionDragHandlers;
-}
-/** The chat with the technician inside the session block. */
-export declare function RemoteSessionChatPanel({ party, elapsed, messages, showRecordingTag, draft, onDraftChange, onSend, ready, error, onCloseChat, onEndSession, dragHandlers, }: RemoteSessionChatPanelProps): import("react").JSX.Element;
-//# sourceMappingURL=remote-session-chat-panel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"remote-session-chat-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-session-chat-panel.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEvG,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,wFAAwF;IACxF,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,wDAAwD;IACxD,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C;AAMD,6DAA6D;AAC7D,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,OAAO,EACP,QAAQ,EACR,gBAAwB,EACxB,KAAK,EACL,aAAa,EACb,MAAM,EACN,KAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,GACb,EAAE,2BAA2B,+BAyF7B"}

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

@@ -1,15 +0,0 @@
-import type { RemoteSessionDialogVariant } from './types';
-export interface RemoteSessionDialogProps {
-    variant: RemoteSessionDialogVariant;
-    /** Named in the "ended" and "connection lost" notices. */
-    organizationName: string;
-    /** End confirm: the end call is in flight. */
-    ending?: boolean;
-    /** End confirm: the user confirmed. */
-    onEndSession?: () => void;
-    /** Cancel (end confirm) or Close (the notices). */
-    onClose: () => void;
-}
-/** The session's terminal dialogs: the end confirm and the "it is over" notices. */
-export declare function RemoteSessionDialog({ variant, organizationName, ending, onEndSession, onClose, }: RemoteSessionDialogProps): import("react").JSX.Element;
-//# sourceMappingURL=remote-session-dialog.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"remote-session-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-session-dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,0BAA0B,CAAC;IACpC,0DAA0D;IAC1D,gBAAgB,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mDAAmD;IACnD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAOD,oFAAoF;AACpF,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,gBAAgB,EAChB,MAAc,EACd,YAAY,EACZ,OAAO,GACR,EAAE,wBAAwB,+BAsC1B"}

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

@@ -1,12 +0,0 @@
-/** The warning-yellow frame drawn around a whole screen; it never takes pointer events. */
-export declare function RemoteSessionBorder({ className }: {
-    className?: string;
-}): import("react").JSX.Element;
-/**
- * The End Session pill. It sits flush against the top edge of the screen, so
- * only its bottom corners are rounded and it reads as one piece with the border.
- */
-export declare function RemoteSessionPill({ onEndSession }: {
-    onEndSession: () => void;
-}): import("react").JSX.Element;
-//# sourceMappingURL=remote-session-overlay.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"remote-session-overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-session-overlay.tsx"],"names":[],"mappings":"AAYA,2FAA2F;AAC3F,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAExE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,IAAI,CAAA;CAAE,+BAW/E"}

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

@@ -1,34 +0,0 @@
-import { type ReactNode } from 'react';
-import type { RemoteSessionDragHandlers } from './types';
-export interface RemoteSessionScopeProps {
-    children: ReactNode;
-    className?: string;
-}
-/**
- * Root of every remote session surface: the desktop type and spacing scale,
- * and the OpenFrame brand whatever the host app's tenant branding is - the
- * "you are being helped" surfaces are OpenFrame-branded by design.
- */
-export declare function RemoteSessionScope({ children, className }: RemoteSessionScopeProps): import("react").JSX.Element;
-export interface RemoteSessionOrgLogoProps {
-    name: string;
-    logoUrl?: string | null;
-    /** Width and height in px. */
-    sizePx: number;
-    className?: string;
-}
-/** Organization logo tile; the OpenFrame mark when there is no logo. */
-export declare function RemoteSessionOrgLogo({ name, logoUrl, sizePx, className }: RemoteSessionOrgLogoProps): import("react").JSX.Element;
-/** The green SESSION RECORDING tag. */
-export declare function RemoteSessionRecordingTag(): import("react").JSX.Element;
-/** Grab cursor on the surfaces the window is moved by. */
-export declare const REMOTE_SESSION_DRAG_HANDLE_CLASS = "cursor-grab active:cursor-grabbing";
-/** The dragger glyph in the top-right corner of a block header: the visible handle for moving it. */
-export declare function RemoteSessionDragger({ dragHandlers }: {
-    dragHandlers?: RemoteSessionDragHandlers;
-}): import("react").JSX.Element;
-/** `m:ss` for an elapsed duration; `h:mm:ss` from the first hour on. */
-export declare function formatRemoteSessionElapsed(elapsedMs: number): string;
-/** The session's elapsed time since `startedAt` (ISO), ticking once a second. */
-export declare function useRemoteSessionTimer(startedAt: string): string;
-//# sourceMappingURL=remote-session-parts.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"remote-session-parts.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-session-parts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAKhF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AA4BzD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAMlF;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wEAAwE;AACxE,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,yBAAyB,+BA2BnG;AAED,uCAAuC;AACvC,wBAAgB,yBAAyB,gCAOxC;AAED,0DAA0D;AAC1D,eAAO,MAAM,gCAAgC,uCAAuC,CAAC;AAErF,qGAAqG;AACrG,wBAAgB,oBAAoB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,yBAAyB,CAAA;CAAE,+BAalG;AAED,wEAAwE;AACxE,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAMpE;AAED,iFAAiF;AACjF,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAO/D"}

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

@@ -1,33 +0,0 @@
-import type { HTMLAttributes } from 'react';
-/**
- * Who is on the other end of a remote session, as the end user's surfaces show
- * it: the organization always, the technician when the backend names one.
- */
-export interface RemoteSessionParty {
-    organizationName: string;
-    organizationLogoUrl?: string | null;
-    /** Shown under the organization name; offered as a link only when it is https. */
-    organizationSiteUrl?: string | null;
-    /** Present for the technician variant of the session block; the organization variant otherwise. */
-    technicianName?: string | null;
-    technicianAvatarUrl?: string | null;
-}
-/** The end user's answer to a remote access request. */
-export type RemoteAccessDecision = 'APPROVED' | 'DENIED';
-export type RemoteSessionChatAuthor = 'technician' | 'user' | 'system';
-export interface RemoteSessionChatMessage {
-    id: string;
-    author: RemoteSessionChatAuthor;
-    /** The technician's display name on their rows; the party's technician otherwise. */
-    name?: string | null;
-    text: string;
-    at: Date;
-}
-/** 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';
-/**
- * Pointer handlers a host attaches to the surfaces the user moves the window
- * by (the desktop chat starts a native window drag from them).
- */
-export type RemoteSessionDragHandlers = Pick<HTMLAttributes<HTMLElement>, 'onPointerDown' | 'onPointerMove' | 'onPointerUp'>;
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,kFAAkF;IAClF,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,mGAAmG;IACnG,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AAED,wDAAwD;AACxD,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvE,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,uBAAuB,CAAC;IAChC,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,IAAI,CAAC;CACV;AAED,2FAA2F;AAC3F,MAAM,MAAM,0BAA0B,GAAG,aAAa,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7F;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,cAAc,CAAC,WAAW,CAAC,EAC3B,eAAe,GAAG,eAAe,GAAG,aAAa,CAClD,CAAC"}

package/src/components/features/__tests__/remote-session.test.tsx

@@ -1,97 +0,0 @@
-/**
- * Remote session widgets: the elapsed format, the consent card's https-only
- * site link and its decision lock, and the chat composer's send.
- */
-
-import { fireEvent, render, screen } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
-import {
-  formatRemoteSessionElapsed,
-  RemoteAccessRequestCard,
-  RemoteSessionChatPanel,
-  RemoteSessionMinimizedChip,
-} from '../remote-session';
-
-const party = { organizationName: 'TechFlow Solutions', organizationSiteUrl: 'https://www.techflow.com' };
-
-describe('formatRemoteSessionElapsed', () => {
-  it('counts minutes and seconds, then hours', () => {
-    expect(formatRemoteSessionElapsed(0)).toBe('0:00');
-    expect(formatRemoteSessionElapsed(323_000)).toBe('5:23');
-    expect(formatRemoteSessionElapsed(3_723_000)).toBe('1:02:03');
-  });
-
-  it('never goes negative when the clock is behind the server', () => {
-    expect(formatRemoteSessionElapsed(-5_000)).toBe('0:00');
-  });
-});
-
-describe('RemoteAccessRequestCard', () => {
-  it('offers the site only when it is https', () => {
-    const onOpenSite = vi.fn();
-    const { rerender } = render(<RemoteAccessRequestCard party={party} onDecide={() => {}} onOpenSite={onOpenSite} />);
-    fireEvent.click(screen.getByRole('button', { name: 'Open website' }));
-    expect(onOpenSite).toHaveBeenCalledWith('https://www.techflow.com');
-
-    rerender(
-      <RemoteAccessRequestCard
-        party={{ ...party, organizationSiteUrl: 'http://techflow.local' }}
-        onDecide={() => {}}
-        onOpenSite={onOpenSite}
-      />,
-    );
-    expect(screen.getByText('techflow.local')).toBeInTheDocument();
-    expect(screen.queryByRole('button', { name: 'Open website' })).toBeNull();
-  });
-
-  it('reports the decision, and locks both buttons while one is in flight', () => {
-    const onDecide = vi.fn();
-    const { rerender } = render(<RemoteAccessRequestCard party={party} onDecide={onDecide} />);
-    fireEvent.click(screen.getByRole('button', { name: 'Allow Access' }));
-    expect(onDecide).toHaveBeenCalledWith('APPROVED');
-
-    rerender(<RemoteAccessRequestCard party={party} onDecide={onDecide} deciding="APPROVED" />);
-    expect(screen.getByRole('button', { name: 'Decline' })).toBeDisabled();
-  });
-
-  it('shows the recording notice only when asked to', () => {
-    const { rerender } = render(<RemoteAccessRequestCard party={party} onDecide={() => {}} />);
-    expect(screen.queryByText(/will be recorded/)).toBeNull();
-    rerender(<RemoteAccessRequestCard party={party} onDecide={() => {}} showRecordingNotice />);
-    expect(screen.getByText(/will be recorded/)).toBeInTheDocument();
-  });
-});
-
-describe('RemoteSessionChatPanel', () => {
-  it('sends the trimmed draft and clears it; a blank draft sends nothing', () => {
-    const onSend = vi.fn();
-    const onDraftChange = vi.fn();
-    const props = {
-      party,
-      elapsed: '1:00',
-      messages: [],
-      onDraftChange,
-      onSend,
-      onCloseChat: () => {},
-      onEndSession: () => {},
-    };
-    const { rerender } = render(<RemoteSessionChatPanel {...props} draft="  hello  " />);
-    fireEvent.click(screen.getByRole('button', { name: 'Send message' }));
-    expect(onSend).toHaveBeenCalledWith('hello');
-    expect(onDraftChange).toHaveBeenCalledWith('');
-
-    onSend.mockClear();
-    rerender(<RemoteSessionChatPanel {...props} draft="   " />);
-    fireEvent.click(screen.getByRole('button', { name: 'Send message' }));
-    expect(onSend).not.toHaveBeenCalled();
-  });
-});
-
-describe('RemoteSessionMinimizedChip', () => {
-  it('expands on click', () => {
-    const onExpand = vi.fn();
-    render(<RemoteSessionMinimizedChip party={{ ...party, technicianName: 'Mike Rodriguez' }} onExpand={onExpand} />);
-    fireEvent.click(screen.getByRole('button', { name: 'Show session block' }));
-    expect(onExpand).toHaveBeenCalledTimes(1);
-  });
-});

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

@@ -1,36 +0,0 @@
-export { RemoteAccessRequestCard } from './remote-access-request-card';
-export type { RemoteAccessRequestCardProps } from './remote-access-request-card';
-export {
-  RemoteSessionBlockFrame,
-  RemoteSessionEndButton,
-  RemoteSessionMinimizedChip,
-  RemoteSessionSummary,
-} from './remote-session-block';
-export type {
-  RemoteSessionBlockFrameProps,
-  RemoteSessionMinimizedChipProps,
-  RemoteSessionSummaryProps,
-} from './remote-session-block';
-export { RemoteSessionChatPanel } from './remote-session-chat-panel';
-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_DRAG_HANDLE_CLASS,
-  RemoteSessionDragger,
-  RemoteSessionOrgLogo,
-  RemoteSessionRecordingTag,
-  RemoteSessionScope,
-  formatRemoteSessionElapsed,
-  useRemoteSessionTimer,
-} from './remote-session-parts';
-export type { RemoteSessionOrgLogoProps, RemoteSessionScopeProps } from './remote-session-parts';
-export type {
-  RemoteAccessDecision,
-  RemoteSessionChatAuthor,
-  RemoteSessionChatMessage,
-  RemoteSessionDialogVariant,
-  RemoteSessionDragHandlers,
-  RemoteSessionParty,
-} from './types';

package/src/components/features/remote-session/remote-access-request-card.tsx

@@ -1,102 +0,0 @@
-'use client';
-
-import { ExternalLinkIcon, InfoCircleIcon } from '../../icons-v2-generated';
-import { Button } from '../../ui/button/button';
-import { RemoteSessionOrgLogo } from './remote-session-parts';
-import type { RemoteAccessDecision, RemoteSessionParty } from './types';
-
-export interface RemoteAccessRequestCardProps {
-  party: RemoteSessionParty;
-  /** The notice that the session will be recorded. */
-  showRecordingNotice?: boolean;
-  /** The decision in flight, if any; both buttons lock while it is set. */
-  deciding?: RemoteAccessDecision | null;
-  /** Replaces the "you can end the session" line, e.g. when the decision could not be sent. */
-  error?: string | null;
-  onDecide: (decision: RemoteAccessDecision) => void;
-  /**
-   * Opens the organization's site. The button only shows for an https URL:
-   * the URL comes from the server, so no other scheme is ever handed out.
-   */
-  onOpenSite?: (url: string) => void;
-}
-
-/** `https://www.techflow.com/` -> `www.techflow.com`. */
-function displaySiteUrl(url: string): string {
-  return url.replace(/^https?:\/\//, '').replace(/\/$/, '');
-}
-
-/** The end user's consent dialog for a remote access request: who is asking, what they get, Decline / Allow Access. */
-export function RemoteAccessRequestCard({
-  party,
-  showRecordingNotice = false,
-  deciding = null,
-  error,
-  onDecide,
-  onOpenSite,
-}: RemoteAccessRequestCardProps) {
-  const { organizationName } = party;
-  const siteUrl = party.organizationSiteUrl ?? undefined;
-  const openableSite = siteUrl?.startsWith('https://') ? siteUrl : undefined;
-
-  return (
-    <div className="flex w-full flex-col gap-[var(--spacing-system-l)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-xl)]">
-      <h1 className="w-full text-ods-text-primary text-h2">Your IT support team is requesting remote access</h1>
-
-      <div className="flex w-full items-center gap-[var(--spacing-system-m)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-m)]">
-        <RemoteSessionOrgLogo name={organizationName} logoUrl={party.organizationLogoUrl} sizePx={64} />
-        <div className="flex min-w-0 flex-1 flex-col">
-          <p className="w-full truncate text-ods-text-primary text-h3">{organizationName}</p>
-          {siteUrl && <p className="w-full truncate text-ods-text-secondary text-h4">{displaySiteUrl(siteUrl)}</p>}
-        </div>
-        {openableSite && onOpenSite && (
-          <Button variant="outline" size="icon" aria-label="Open website" onClick={() => onOpenSite(openableSite)}>
-            <ExternalLinkIcon size={24} color="currentColor" />
-          </Button>
-        )}
-      </div>
-
-      <p className="w-full text-ods-text-primary text-h4">
-        A technician from <span className="text-ods-accent">{organizationName}</span> will be able to view your screen
-        and control your mouse and keyboard during this session.
-      </p>
-
-      <div className="flex w-full flex-col gap-[var(--spacing-system-xs)]">
-        {showRecordingNotice && (
-          <div className="flex w-full items-center gap-[var(--spacing-system-xs)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-s)]">
-            <InfoCircleIcon size={24} color="currentColor" className="shrink-0 text-ods-accent" />
-            <p className="min-w-0 flex-1 text-ods-text-primary text-h6">
-              This session will be recorded and available upon request.
-            </p>
-          </div>
-        )}
-        {error ? (
-          <p className="w-full text-ods-text-primary text-h6">{error}</p>
-        ) : (
-          <p className="w-full text-ods-text-secondary text-h6">You can end the session at any time.</p>
-        )}
-      </div>
-
-      <div className="flex w-full items-stretch gap-[var(--spacing-system-l)]">
-        <Button
-          variant="outline"
-          fullWidth
-          loading={deciding === 'DENIED'}
-          disabled={deciding !== null}
-          onClick={() => onDecide('DENIED')}
-        >
-          Decline
-        </Button>
-        <Button
-          variant="accent"
-          fullWidth
-          loading={deciding === 'APPROVED'}
-          disabled={deciding !== null}
-          onClick={() => onDecide('APPROVED')}
-        >
-          Allow Access
-        </Button>
-      </div>
-    </div>
-  );
-}