@urun-sh/react 0.2.7 → 0.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +71 -4
- package/dist/index.d.ts +71 -4
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/styles.css +53 -0
- package/dist/video.css +1 -1
- package/dist/video.js +2 -2
- package/dist/video.mjs +2 -2
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { RefObject, ReactNode, Component, ErrorInfo, ComponentType } from 'react';
|
|
4
|
-
import { SessionInterface, SessionDocument, SessionStream, SessionPhase, SessionStatus } from '@urun-sh/core';
|
|
5
|
-
export { App as AppInterface, AppOptions, RuntimeAvailability, SessionDocument, Session as SessionInterface, SessionPhase, SessionPhaseName, SessionStream, describeSessionPhase } from '@urun-sh/core';
|
|
4
|
+
import { SessionInterface, SessionDocument, SessionStream, SessionPhase, SessionStatus, CaptureController, PrewakeResult, RuntimeAvailability } from '@urun-sh/core';
|
|
5
|
+
export { App as AppInterface, AppOptions, PrewakeResult, PrewakeStatus, RuntimeAvailability, SessionDocument, Session as SessionInterface, SessionPhase, SessionPhaseName, SessionStream, describeSessionPhase, isWakingPhase } from '@urun-sh/core';
|
|
6
6
|
import { ZodSchema, z } from 'zod';
|
|
7
7
|
import { StoreApi } from 'zustand/vanilla';
|
|
8
8
|
|
|
@@ -390,6 +390,8 @@ interface UrunVoiceSessionSource {
|
|
|
390
390
|
}): Promise<void>;
|
|
391
391
|
|
|
392
392
|
readonly status?: SessionStatus;
|
|
393
|
+
|
|
394
|
+
onRecovery?(hook: () => void): () => void;
|
|
393
395
|
}
|
|
394
396
|
|
|
395
397
|
interface UrunVoiceHandle {
|
|
@@ -430,6 +432,8 @@ interface UrunVoiceProps {
|
|
|
430
432
|
onTrack?: (track: MediaStreamTrack | null) => void;
|
|
431
433
|
|
|
432
434
|
onUnlockChange?: (unlocked: boolean) => void;
|
|
435
|
+
|
|
436
|
+
capture?: CaptureController;
|
|
433
437
|
}
|
|
434
438
|
|
|
435
439
|
declare const DEFAULT_VOICE_CONSTRAINTS: MediaTrackConstraints;
|
|
@@ -504,6 +508,8 @@ interface UrunCameraProps {
|
|
|
504
508
|
onTrack?: (track: MediaStreamTrack | null) => void;
|
|
505
509
|
|
|
506
510
|
children?: ReactNode;
|
|
511
|
+
|
|
512
|
+
capture?: CaptureController;
|
|
507
513
|
}
|
|
508
514
|
|
|
509
515
|
declare const DEFAULT_CAMERA_CONSTRAINTS: MediaTrackConstraints;
|
|
@@ -708,6 +714,7 @@ interface UrunEventSpineProps {
|
|
|
708
714
|
declare function UrunEventSpine({ session, trackNames, docKeys, cap, className, }: UrunEventSpineProps): react_jsx_runtime.JSX.Element;
|
|
709
715
|
|
|
710
716
|
declare function useSessionPhase(session: WorkbenchSession | null): SessionPhase | null;
|
|
717
|
+
|
|
711
718
|
interface UrunSessionStatusProps {
|
|
712
719
|
session: WorkbenchSession | null;
|
|
713
720
|
className?: string;
|
|
@@ -720,9 +727,69 @@ interface UrunSessionGateProps {
|
|
|
720
727
|
children: ReactNode;
|
|
721
728
|
|
|
722
729
|
fallback?: (phase: SessionPhase | null) => ReactNode;
|
|
730
|
+
|
|
731
|
+
onStartOver?: () => void;
|
|
732
|
+
className?: string;
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
declare function UrunSessionGate({ session, children, fallback, onStartOver, className, }: UrunSessionGateProps): react_jsx_runtime.JSX.Element;
|
|
736
|
+
|
|
737
|
+
declare function useSessionEndsAt(session: WorkbenchSession | null): Date | null;
|
|
738
|
+
interface UrunSessionClockProps {
|
|
739
|
+
session: WorkbenchSession | null;
|
|
740
|
+
|
|
741
|
+
urgentMs?: number;
|
|
742
|
+
className?: string;
|
|
743
|
+
}
|
|
744
|
+
|
|
745
|
+
declare function UrunSessionClock({ session, urgentMs, className }: UrunSessionClockProps): react_jsx_runtime.JSX.Element | null;
|
|
746
|
+
|
|
747
|
+
interface UrunSessionEndedProps {
|
|
748
|
+
session: WorkbenchSession | null;
|
|
749
|
+
|
|
750
|
+
onNewSession?: () => void;
|
|
751
|
+
|
|
752
|
+
children?: (phase: SessionPhase) => ReactNode;
|
|
753
|
+
className?: string;
|
|
754
|
+
}
|
|
755
|
+
|
|
756
|
+
declare function UrunSessionEnded({ session, onNewSession, children, className }: UrunSessionEndedProps): react_jsx_runtime.JSX.Element | null;
|
|
757
|
+
|
|
758
|
+
interface UseUrunPrewakeOptions {
|
|
759
|
+
|
|
760
|
+
app?: string;
|
|
761
|
+
|
|
762
|
+
function: string;
|
|
763
|
+
|
|
764
|
+
intervalS?: number;
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
declare function useUrunPrewake(options: UseUrunPrewakeOptions): PrewakeResult | null;
|
|
768
|
+
|
|
769
|
+
interface SessionWake {
|
|
770
|
+
|
|
771
|
+
waking: boolean;
|
|
772
|
+
|
|
773
|
+
phase: SessionPhase | null;
|
|
774
|
+
|
|
775
|
+
state?: RuntimeAvailability['state'];
|
|
776
|
+
|
|
777
|
+
reason?: string;
|
|
778
|
+
|
|
779
|
+
since?: number;
|
|
780
|
+
|
|
781
|
+
seconds: number;
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
declare function useSessionWake(session: WorkbenchSession | null): SessionWake;
|
|
785
|
+
|
|
786
|
+
interface UrunSessionWakingProps {
|
|
787
|
+
session: WorkbenchSession | null;
|
|
788
|
+
|
|
789
|
+
render?: (wake: SessionWake) => ReactNode;
|
|
723
790
|
className?: string;
|
|
724
791
|
}
|
|
725
792
|
|
|
726
|
-
declare function
|
|
793
|
+
declare function UrunSessionWaking({ session, render, className }: UrunSessionWakingProps): react_jsx_runtime.JSX.Element | null;
|
|
727
794
|
|
|
728
|
-
export { type ChatMessage, type ChatRole, ComponentRenderer, type CreateDocStoreOptions, DEFAULT_CAMERA_CONSTRAINTS, DEFAULT_LOG_CAP, DEFAULT_VOICE_CONSTRAINTS, type DeepPartial, type DocPatch, DocPatchForm, type DocState, type DocStore, ImageFrame, ImageFrameSchema, type JsonObjectParse, MetricsPanel, MetricsPanelSchema, ProgressCard, ProgressCardSchema, type ReactApp, type ReactSession, type ReactSessionDocument, type ReactSessionStream, type RegisteredComponent, type RequestCapableSession, type RequestStream, type SessionRequestOptions, type SpineEntry, StatusBadge, StatusBadgeSchema, type StreamMessageEntry, TextStream, TextStreamSchema, type UrunAccessToken, type UrunAccessTokenProvider, UrunAudio, type UrunAudioHandle, type UrunAudioLevel, type UrunAudioProps, type UrunAudioSessionSource, type UrunAudioStreamSource, type UrunAuthContextValue, type UrunAuthMode, UrunAuthProvider, type UrunAuthProviderProps, UrunCamera, type UrunCameraFacing, type UrunCameraHandle, type UrunCameraProps, type UrunCameraSessionSource, type UrunCameraStreamSource, UrunControlSender, type UrunControlSenderProps, UrunDocPanel, type UrunDocPanelProps, UrunErrorBoundary, UrunEventSpine, type UrunEventSpineProps, UrunJwtProvider, UrunProvider, UrunSessionGate, type UrunSessionGateProps, UrunSessionStatus, type UrunSessionStatusProps, UrunStreamTail, type UrunStreamTailProps, UrunVoice, type UrunVoiceHandle, type UrunVoiceProps, type UrunVoiceSessionSource, type UrunVoiceStreamSource, type UseChatOptions, type UseChatResult, type UseCompletionOptions, type UseCompletionResult, type UseRequestOptions, type UseRequestResult, type UseSessionDocResult, type UseStreamMessagesOptions, type UseUrunAudioLevelOptions, type WorkbenchDocSource, type WorkbenchSession, type WorkbenchStreamSource, authMode, createDocStore, formatPayload, getUrunAudioContext, parseJsonObject, pushCapped, registerComponent, resumeUrunAudioContext, urunPublicEnv, useApp, useChat, useCompletion, useDocStore, useImageFrame, useMetricsPanel, useProgressCard, useRequest, useSessionDoc, useSessionPhase, useSessionTrack, useStatusBadge, useStreamMessages, useTextStream, useUrunAudioLevel, useUrunAuth, usesWorkOSAuth };
|
|
795
|
+
export { type ChatMessage, type ChatRole, ComponentRenderer, type CreateDocStoreOptions, DEFAULT_CAMERA_CONSTRAINTS, DEFAULT_LOG_CAP, DEFAULT_VOICE_CONSTRAINTS, type DeepPartial, type DocPatch, DocPatchForm, type DocState, type DocStore, ImageFrame, ImageFrameSchema, type JsonObjectParse, MetricsPanel, MetricsPanelSchema, ProgressCard, ProgressCardSchema, type ReactApp, type ReactSession, type ReactSessionDocument, type ReactSessionStream, type RegisteredComponent, type RequestCapableSession, type RequestStream, type SessionRequestOptions, type SessionWake, type SpineEntry, StatusBadge, StatusBadgeSchema, type StreamMessageEntry, TextStream, TextStreamSchema, type UrunAccessToken, type UrunAccessTokenProvider, UrunAudio, type UrunAudioHandle, type UrunAudioLevel, type UrunAudioProps, type UrunAudioSessionSource, type UrunAudioStreamSource, type UrunAuthContextValue, type UrunAuthMode, UrunAuthProvider, type UrunAuthProviderProps, UrunCamera, type UrunCameraFacing, type UrunCameraHandle, type UrunCameraProps, type UrunCameraSessionSource, type UrunCameraStreamSource, UrunControlSender, type UrunControlSenderProps, UrunDocPanel, type UrunDocPanelProps, UrunErrorBoundary, UrunEventSpine, type UrunEventSpineProps, UrunJwtProvider, UrunProvider, UrunSessionClock, type UrunSessionClockProps, UrunSessionEnded, type UrunSessionEndedProps, UrunSessionGate, type UrunSessionGateProps, UrunSessionStatus, type UrunSessionStatusProps, UrunSessionWaking, type UrunSessionWakingProps, UrunStreamTail, type UrunStreamTailProps, UrunVoice, type UrunVoiceHandle, type UrunVoiceProps, type UrunVoiceSessionSource, type UrunVoiceStreamSource, type UseChatOptions, type UseChatResult, type UseCompletionOptions, type UseCompletionResult, type UseRequestOptions, type UseRequestResult, type UseSessionDocResult, type UseStreamMessagesOptions, type UseUrunAudioLevelOptions, type UseUrunPrewakeOptions, type WorkbenchDocSource, type WorkbenchSession, type WorkbenchStreamSource, authMode, createDocStore, formatPayload, getUrunAudioContext, parseJsonObject, pushCapped, registerComponent, resumeUrunAudioContext, urunPublicEnv, useApp, useChat, useCompletion, useDocStore, useImageFrame, useMetricsPanel, useProgressCard, useRequest, useSessionDoc, useSessionEndsAt, useSessionPhase, useSessionTrack, useSessionWake, useStatusBadge, useStreamMessages, useTextStream, useUrunAudioLevel, useUrunAuth, useUrunPrewake, usesWorkOSAuth };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { RefObject, ReactNode, Component, ErrorInfo, ComponentType } from 'react';
|
|
4
|
-
import { SessionInterface, SessionDocument, SessionStream, SessionPhase, SessionStatus } from '@urun-sh/core';
|
|
5
|
-
export { App as AppInterface, AppOptions, RuntimeAvailability, SessionDocument, Session as SessionInterface, SessionPhase, SessionPhaseName, SessionStream, describeSessionPhase } from '@urun-sh/core';
|
|
4
|
+
import { SessionInterface, SessionDocument, SessionStream, SessionPhase, SessionStatus, CaptureController, PrewakeResult, RuntimeAvailability } from '@urun-sh/core';
|
|
5
|
+
export { App as AppInterface, AppOptions, PrewakeResult, PrewakeStatus, RuntimeAvailability, SessionDocument, Session as SessionInterface, SessionPhase, SessionPhaseName, SessionStream, describeSessionPhase, isWakingPhase } from '@urun-sh/core';
|
|
6
6
|
import { ZodSchema, z } from 'zod';
|
|
7
7
|
import { StoreApi } from 'zustand/vanilla';
|
|
8
8
|
|
|
@@ -390,6 +390,8 @@ interface UrunVoiceSessionSource {
|
|
|
390
390
|
}): Promise<void>;
|
|
391
391
|
|
|
392
392
|
readonly status?: SessionStatus;
|
|
393
|
+
|
|
394
|
+
onRecovery?(hook: () => void): () => void;
|
|
393
395
|
}
|
|
394
396
|
|
|
395
397
|
interface UrunVoiceHandle {
|
|
@@ -430,6 +432,8 @@ interface UrunVoiceProps {
|
|
|
430
432
|
onTrack?: (track: MediaStreamTrack | null) => void;
|
|
431
433
|
|
|
432
434
|
onUnlockChange?: (unlocked: boolean) => void;
|
|
435
|
+
|
|
436
|
+
capture?: CaptureController;
|
|
433
437
|
}
|
|
434
438
|
|
|
435
439
|
declare const DEFAULT_VOICE_CONSTRAINTS: MediaTrackConstraints;
|
|
@@ -504,6 +508,8 @@ interface UrunCameraProps {
|
|
|
504
508
|
onTrack?: (track: MediaStreamTrack | null) => void;
|
|
505
509
|
|
|
506
510
|
children?: ReactNode;
|
|
511
|
+
|
|
512
|
+
capture?: CaptureController;
|
|
507
513
|
}
|
|
508
514
|
|
|
509
515
|
declare const DEFAULT_CAMERA_CONSTRAINTS: MediaTrackConstraints;
|
|
@@ -708,6 +714,7 @@ interface UrunEventSpineProps {
|
|
|
708
714
|
declare function UrunEventSpine({ session, trackNames, docKeys, cap, className, }: UrunEventSpineProps): react_jsx_runtime.JSX.Element;
|
|
709
715
|
|
|
710
716
|
declare function useSessionPhase(session: WorkbenchSession | null): SessionPhase | null;
|
|
717
|
+
|
|
711
718
|
interface UrunSessionStatusProps {
|
|
712
719
|
session: WorkbenchSession | null;
|
|
713
720
|
className?: string;
|
|
@@ -720,9 +727,69 @@ interface UrunSessionGateProps {
|
|
|
720
727
|
children: ReactNode;
|
|
721
728
|
|
|
722
729
|
fallback?: (phase: SessionPhase | null) => ReactNode;
|
|
730
|
+
|
|
731
|
+
onStartOver?: () => void;
|
|
732
|
+
className?: string;
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
declare function UrunSessionGate({ session, children, fallback, onStartOver, className, }: UrunSessionGateProps): react_jsx_runtime.JSX.Element;
|
|
736
|
+
|
|
737
|
+
declare function useSessionEndsAt(session: WorkbenchSession | null): Date | null;
|
|
738
|
+
interface UrunSessionClockProps {
|
|
739
|
+
session: WorkbenchSession | null;
|
|
740
|
+
|
|
741
|
+
urgentMs?: number;
|
|
742
|
+
className?: string;
|
|
743
|
+
}
|
|
744
|
+
|
|
745
|
+
declare function UrunSessionClock({ session, urgentMs, className }: UrunSessionClockProps): react_jsx_runtime.JSX.Element | null;
|
|
746
|
+
|
|
747
|
+
interface UrunSessionEndedProps {
|
|
748
|
+
session: WorkbenchSession | null;
|
|
749
|
+
|
|
750
|
+
onNewSession?: () => void;
|
|
751
|
+
|
|
752
|
+
children?: (phase: SessionPhase) => ReactNode;
|
|
753
|
+
className?: string;
|
|
754
|
+
}
|
|
755
|
+
|
|
756
|
+
declare function UrunSessionEnded({ session, onNewSession, children, className }: UrunSessionEndedProps): react_jsx_runtime.JSX.Element | null;
|
|
757
|
+
|
|
758
|
+
interface UseUrunPrewakeOptions {
|
|
759
|
+
|
|
760
|
+
app?: string;
|
|
761
|
+
|
|
762
|
+
function: string;
|
|
763
|
+
|
|
764
|
+
intervalS?: number;
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
declare function useUrunPrewake(options: UseUrunPrewakeOptions): PrewakeResult | null;
|
|
768
|
+
|
|
769
|
+
interface SessionWake {
|
|
770
|
+
|
|
771
|
+
waking: boolean;
|
|
772
|
+
|
|
773
|
+
phase: SessionPhase | null;
|
|
774
|
+
|
|
775
|
+
state?: RuntimeAvailability['state'];
|
|
776
|
+
|
|
777
|
+
reason?: string;
|
|
778
|
+
|
|
779
|
+
since?: number;
|
|
780
|
+
|
|
781
|
+
seconds: number;
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
declare function useSessionWake(session: WorkbenchSession | null): SessionWake;
|
|
785
|
+
|
|
786
|
+
interface UrunSessionWakingProps {
|
|
787
|
+
session: WorkbenchSession | null;
|
|
788
|
+
|
|
789
|
+
render?: (wake: SessionWake) => ReactNode;
|
|
723
790
|
className?: string;
|
|
724
791
|
}
|
|
725
792
|
|
|
726
|
-
declare function
|
|
793
|
+
declare function UrunSessionWaking({ session, render, className }: UrunSessionWakingProps): react_jsx_runtime.JSX.Element | null;
|
|
727
794
|
|
|
728
|
-
export { type ChatMessage, type ChatRole, ComponentRenderer, type CreateDocStoreOptions, DEFAULT_CAMERA_CONSTRAINTS, DEFAULT_LOG_CAP, DEFAULT_VOICE_CONSTRAINTS, type DeepPartial, type DocPatch, DocPatchForm, type DocState, type DocStore, ImageFrame, ImageFrameSchema, type JsonObjectParse, MetricsPanel, MetricsPanelSchema, ProgressCard, ProgressCardSchema, type ReactApp, type ReactSession, type ReactSessionDocument, type ReactSessionStream, type RegisteredComponent, type RequestCapableSession, type RequestStream, type SessionRequestOptions, type SpineEntry, StatusBadge, StatusBadgeSchema, type StreamMessageEntry, TextStream, TextStreamSchema, type UrunAccessToken, type UrunAccessTokenProvider, UrunAudio, type UrunAudioHandle, type UrunAudioLevel, type UrunAudioProps, type UrunAudioSessionSource, type UrunAudioStreamSource, type UrunAuthContextValue, type UrunAuthMode, UrunAuthProvider, type UrunAuthProviderProps, UrunCamera, type UrunCameraFacing, type UrunCameraHandle, type UrunCameraProps, type UrunCameraSessionSource, type UrunCameraStreamSource, UrunControlSender, type UrunControlSenderProps, UrunDocPanel, type UrunDocPanelProps, UrunErrorBoundary, UrunEventSpine, type UrunEventSpineProps, UrunJwtProvider, UrunProvider, UrunSessionGate, type UrunSessionGateProps, UrunSessionStatus, type UrunSessionStatusProps, UrunStreamTail, type UrunStreamTailProps, UrunVoice, type UrunVoiceHandle, type UrunVoiceProps, type UrunVoiceSessionSource, type UrunVoiceStreamSource, type UseChatOptions, type UseChatResult, type UseCompletionOptions, type UseCompletionResult, type UseRequestOptions, type UseRequestResult, type UseSessionDocResult, type UseStreamMessagesOptions, type UseUrunAudioLevelOptions, type WorkbenchDocSource, type WorkbenchSession, type WorkbenchStreamSource, authMode, createDocStore, formatPayload, getUrunAudioContext, parseJsonObject, pushCapped, registerComponent, resumeUrunAudioContext, urunPublicEnv, useApp, useChat, useCompletion, useDocStore, useImageFrame, useMetricsPanel, useProgressCard, useRequest, useSessionDoc, useSessionPhase, useSessionTrack, useStatusBadge, useStreamMessages, useTextStream, useUrunAudioLevel, useUrunAuth, usesWorkOSAuth };
|
|
795
|
+
export { type ChatMessage, type ChatRole, ComponentRenderer, type CreateDocStoreOptions, DEFAULT_CAMERA_CONSTRAINTS, DEFAULT_LOG_CAP, DEFAULT_VOICE_CONSTRAINTS, type DeepPartial, type DocPatch, DocPatchForm, type DocState, type DocStore, ImageFrame, ImageFrameSchema, type JsonObjectParse, MetricsPanel, MetricsPanelSchema, ProgressCard, ProgressCardSchema, type ReactApp, type ReactSession, type ReactSessionDocument, type ReactSessionStream, type RegisteredComponent, type RequestCapableSession, type RequestStream, type SessionRequestOptions, type SessionWake, type SpineEntry, StatusBadge, StatusBadgeSchema, type StreamMessageEntry, TextStream, TextStreamSchema, type UrunAccessToken, type UrunAccessTokenProvider, UrunAudio, type UrunAudioHandle, type UrunAudioLevel, type UrunAudioProps, type UrunAudioSessionSource, type UrunAudioStreamSource, type UrunAuthContextValue, type UrunAuthMode, UrunAuthProvider, type UrunAuthProviderProps, UrunCamera, type UrunCameraFacing, type UrunCameraHandle, type UrunCameraProps, type UrunCameraSessionSource, type UrunCameraStreamSource, UrunControlSender, type UrunControlSenderProps, UrunDocPanel, type UrunDocPanelProps, UrunErrorBoundary, UrunEventSpine, type UrunEventSpineProps, UrunJwtProvider, UrunProvider, UrunSessionClock, type UrunSessionClockProps, UrunSessionEnded, type UrunSessionEndedProps, UrunSessionGate, type UrunSessionGateProps, UrunSessionStatus, type UrunSessionStatusProps, UrunSessionWaking, type UrunSessionWakingProps, UrunStreamTail, type UrunStreamTailProps, UrunVoice, type UrunVoiceHandle, type UrunVoiceProps, type UrunVoiceSessionSource, type UrunVoiceStreamSource, type UseChatOptions, type UseChatResult, type UseCompletionOptions, type UseCompletionResult, type UseRequestOptions, type UseRequestResult, type UseSessionDocResult, type UseStreamMessagesOptions, type UseUrunAudioLevelOptions, type UseUrunPrewakeOptions, type WorkbenchDocSource, type WorkbenchSession, type WorkbenchStreamSource, authMode, createDocStore, formatPayload, getUrunAudioContext, parseJsonObject, pushCapped, registerComponent, resumeUrunAudioContext, urunPublicEnv, useApp, useChat, useCompletion, useDocStore, useImageFrame, useMetricsPanel, useProgressCard, useRequest, useSessionDoc, useSessionEndsAt, useSessionPhase, useSessionTrack, useSessionWake, useStatusBadge, useStreamMessages, useTextStream, useUrunAudioLevel, useUrunAuth, useUrunPrewake, usesWorkOSAuth };
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
"use strict";var ze=Object.defineProperty;var ur=Object.getOwnPropertyDescriptor;var cr=Object.getOwnPropertyNames;var lr=Object.prototype.hasOwnProperty;var dr=(e,t)=>{for(var r in t)ze(e,r,{get:t[r],enumerable:!0})},pr=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of cr(t))!lr.call(e,o)&&o!==r&&ze(e,o,{get:()=>t[o],enumerable:!(n=ur(t,o))||n.enumerable});return e};var mr=e=>pr(ze({},"__esModule",{value:!0}),e);var Ur={};dr(Ur,{ComponentRenderer:()=>At,DEFAULT_CAMERA_CONSTRAINTS:()=>ut,DEFAULT_LOG_CAP:()=>Q,DEFAULT_VOICE_CONSTRAINTS:()=>at,DocPatchForm:()=>Ce,ImageFrame:()=>It,ImageFrameSchema:()=>Ot,MetricsPanel:()=>Lt,MetricsPanelSchema:()=>qt,ProgressCard:()=>wt,ProgressCardSchema:()=>Et,StatusBadge:()=>Mt,StatusBadgeSchema:()=>_t,TextStream:()=>Dt,TextStreamSchema:()=>Nt,UrunAudio:()=>we,UrunAuthProvider:()=>Xe,UrunCamera:()=>$t,UrunControlSender:()=>er,UrunDocPanel:()=>Yt,UrunErrorBoundary:()=>se,UrunEventSpine:()=>tr,UrunJwtProvider:()=>ft,UrunProvider:()=>St,UrunSessionGate:()=>or,UrunSessionStatus:()=>nr,UrunStreamTail:()=>Zt,UrunVoice:()=>Vt,authMode:()=>fe,createDocStore:()=>De,describeSessionPhase:()=>sr.describeSessionPhase,formatPayload:()=>pe,getUrunAudioContext:()=>ke,parseJsonObject:()=>Ie,pushCapped:()=>G,registerComponent:()=>Rt,resumeUrunAudioContext:()=>Ee,urunPublicEnv:()=>J,useApp:()=>vt,useChat:()=>Ut,useCompletion:()=>Tt,useDocStore:()=>de,useImageFrame:()=>rt,useMetricsPanel:()=>nt,useProgressCard:()=>Qe,useRequest:()=>yt,useSessionDoc:()=>Kt,useSessionPhase:()=>We,useSessionTrack:()=>Jt,useStatusBadge:()=>et,useStreamMessages:()=>Le,useTextStream:()=>tt,useUrunAudioLevel:()=>jt,useUrunAuth:()=>Ue,usesWorkOSAuth:()=>pt});module.exports=mr(Ur);var ie=require("react");var lt=require("react"),me=require("react/jsx-runtime"),se=class extends lt.Component{constructor(t){super(t),this.state={error:null}}static getDerivedStateFromError(t){return{error:t}}componentDidCatch(t,r){console.error("[urun] Error caught by UrunErrorBoundary:",t,r)}render(){if(this.state.error){let{fallback:t}=this.props;return typeof t=="function"?t(this.state.error):t||(0,me.jsxs)("div",{role:"status","aria-live":"polite",style:{padding:"16px",border:"1px solid rgba(17, 24, 39, 0.12)",borderRadius:"8px",background:"#ffffff",color:"#111827",fontFamily:'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',maxWidth:"360px"},children:[(0,me.jsx)("p",{style:{margin:0,fontWeight:600},children:"Connection interrupted"}),(0,me.jsx)("p",{style:{margin:"6px 0 0",color:"#4b5563"},children:"Reconnecting automatically."})]})}return this.props.children}};var dt=require("react"),be=(0,dt.createContext)(null);function te(e){return e&&e.trim()?e.trim():void 0}function J(e){switch(e){case"NEXT_PUBLIC_AUTH_MODE":return te(typeof process<"u"?process.env?.NEXT_PUBLIC_AUTH_MODE:void 0);case"NEXT_PUBLIC_AUTH_ENABLED":return te(typeof process<"u"?process.env?.NEXT_PUBLIC_AUTH_ENABLED:void 0);case"NEXT_PUBLIC_SESSION_AUTH_PROVIDER":return te(typeof process<"u"?process.env?.NEXT_PUBLIC_SESSION_AUTH_PROVIDER:void 0);case"NEXT_PUBLIC_SESSION_TOKEN":return te(typeof process<"u"?process.env?.NEXT_PUBLIC_SESSION_TOKEN:void 0);case"NEXT_PUBLIC_URUN_JWT":return te(typeof process<"u"?process.env?.NEXT_PUBLIC_URUN_JWT:void 0);case"VERCEL_ENV":return te(typeof process<"u"?process.env?.VERCEL_ENV:void 0);default:return te(typeof process<"u"?process.env?.[e]:void 0)}}function fe(){let e=J("NEXT_PUBLIC_AUTH_MODE")?.toLowerCase();return e==="jwt"||e==="customer-jwt"||e==="test-jwt"?"jwt":e==="workos"||J("VERCEL_ENV")==="production"?"workos":J("NEXT_PUBLIC_AUTH_ENABLED")==="false"?"jwt":"workos"}function pt(){return fe()==="workos"}var ae=require("react"),gt=require("react/jsx-runtime"),mt=(0,ae.createContext)(null);function Xe({getAccessToken:e,children:t}){let r=(0,ae.useMemo)(()=>({getAccessToken:e}),[e]);return(0,gt.jsx)(mt.Provider,{value:r,children:t})}var ft=Xe;function Ue(){return(0,ae.useContext)(mt)}var xe=require("react/jsx-runtime");function St({baseUrl:e,orgId:t,appId:r,jwt:n,authProvider:o,fallback:s,children:i}){let[l,c]=(0,ie.useState)(),a=Ue(),m=J("NEXT_PUBLIC_SESSION_TOKEN")??J("NEXT_PUBLIC_URUN_JWT"),d=fe(),p=d==="workos"&&!n,U=n??(d==="jwt"?m:void 0)??l,k=o??J("NEXT_PUBLIC_SESSION_AUTH_PROVIDER"),T=p&&!U,y=(0,ie.useMemo)(()=>({appId:r,baseUrl:e,orgId:t,jwt:U,getAccessToken:p?a?.getAccessToken:void 0,authProvider:k}),[r,a,e,k,U,t,p]);return(0,ie.useEffect)(()=>{if(!p||!a)return;let f=!1,g=a;async function h(){try{let x=await g.getAccessToken();f||c(x??void 0)}catch{f||c(void 0)}}h();let C=window.setInterval(()=>{h()},6e4);return()=>{f=!0,window.clearInterval(C)}},[a,p]),(0,xe.jsx)(se,{fallback:s,children:T?(0,xe.jsx)("div",{role:"status","aria-live":"polite",children:"Signing in..."}):(0,xe.jsx)(be.Provider,{value:y,children:i})})}var z=require("react"),ht=require("@urun-sh/core");function fr(e,t){return`${e}:${JSON.stringify(t??{})}`}var Ge=class{constructor(t,r){this._doc=t;this._notify=r;this._unsubscribeChange=this._doc.on("change",()=>this._notify())}_doc;_notify;_unsubscribeChange;get(t,r){return this._doc.get(t,r)}set(t){this._doc.set(t),this._notify()}on(t,r){return this._doc.on(t,n=>r(n))}get synced(){return this._doc.synced}onSynced(t){return this._doc.onSynced(()=>{t(),this._notify()})}text(t){let r=this._doc.text(t),n=this._notify;return{append(o){r.append(o),n()},toString:()=>r.toString(),get length(){return r.length},on:(o,s)=>r.on(o,i=>{s(i),n()})}}dispose(){this._unsubscribeChange()}},Ke=class{constructor(t,r){this._stream=t;this._notify=r;this._unsubscribeTrack=this._stream.on("track",()=>this._notify())}_stream;_notify;_unsubscribeTrack;get track(){return this._stream.track}attach(t){return this._stream.attach(t)}attachVideo(t){return this._stream.attachVideo(t)}detach(){return this._stream.detach()}detachVideo(){return this._stream.detachVideo()}seek(t){return this._stream.seek(t)}chunks(t){return this._stream.chunks(t)}onSeeked(t){return this._stream.onSeeked(t)}on(t,r){return this._stream.on(t,r)}messages(){return this._stream.messages()}emit(t,r){return this._stream.emit(t,r)}dispose(){this._unsubscribeTrack()}},Ze=class{constructor(t,r){this._session=t;this._notify=r;this._unsubscribePhase=this._session.onPhase(()=>this._notify())}_session;_notify;_docs=new Map;_streams=new Map;_unsubscribePhase;_disposed=!1;get disposed(){return this._disposed}get id(){return this._session.id}get phase(){return this._session.phase}get status(){return this._session.status}onPhase(t){return this._session.onPhase(t)}whenLive(t){return this._session.whenLive(t)}request(t,r){return this._session.request(t,r)}requestStream(t,r){return this._session.requestStream(t,r)}complete(t,r){return this._session.complete(t,r)}get recordings(){return this._session.recordings}get artifacts(){return this._session.artifacts}get presence(){return this._session.presence}doc(t){let r=this._docs.get(t);return r||(r=new Ge(this._session.doc(t),this._notify),this._docs.set(t,r)),r}stream(t){let r=this._streams.get(t);return r||(r=new Ke(this._session.stream(t),this._notify),this._streams.set(t,r)),r}disconnect(){this._disposed=!0;for(let t of this._docs.values())t.dispose();for(let t of this._streams.values())t.dispose();this._docs.clear(),this._streams.clear(),this._unsubscribePhase(),this._session.disconnect(),this._notify()}};function vt(){let e=(0,z.useContext)(be);if(!e)throw new Error("useApp must be used within <UrunProvider>");if(!e.appId)throw new Error('useApp requires <UrunProvider appId="...">');let[,t]=(0,z.useReducer)(o=>o+1,0),r=(0,z.useRef)(new Map),n=(0,z.useMemo)(()=>(0,ht.App)(e.appId,{baseUrl:e.baseUrl,orgId:e.orgId,jwt:e.jwt,getAccessToken:e.getAccessToken,authProvider:e.authProvider}),[e.appId,e.baseUrl,e.orgId,e.jwt,e.getAccessToken,e.authProvider]);return(0,z.useMemo)(()=>new Proxy({},{get(o,s){if(typeof s=="string")return i=>{let l=fr(s,i),c=r.current.get(l);if(c&&!c.disposed)return c;let a=new Ze(n[s](i),t);return r.current.set(l,a),a}}}),[n])}var O=require("react");function ue(e){let t=e;if(!t||typeof t.request!="function"||typeof t.requestStream!="function")throw new Error("This session does not support request/requestStream. Upgrade @urun-sh/core to a version that ships the request/response primitive.");return t}function gr(e){return e instanceof Error?e:new Error(String(e))}function yt(e,t){let r=(0,O.useMemo)(()=>ue(e),[e]),[n,o]=(0,O.useState)(void 0),[s,i]=(0,O.useState)(null),[l,c]=(0,O.useState)(!1),a=(0,O.useRef)(t);a.current=t;let m=(0,O.useRef)(0),d=(0,O.useRef)(null),p=(0,O.useRef)(!0);(0,O.useEffect)(()=>(p.current=!0,()=>{p.current=!1,d.current?.abort()}),[]);let U=(0,O.useCallback)(async y=>{d.current?.abort();let f=new AbortController;d.current=f;let g=++m.current,h=()=>p.current&&m.current===g;h()&&(c(!0),i(null));try{let C=await r.request(y,{...a.current,signal:f.signal});return h()&&(o(C),c(!1),a.current?.onSuccess?.(C)),C}catch(C){let x=gr(C);throw h()&&(i(x),c(!1),a.current?.onError?.(x)),x}},[r]),k=(0,O.useCallback)(y=>{U(y).catch(()=>{})},[U]),T=(0,O.useCallback)(()=>{m.current++,d.current?.abort(),d.current=null,o(void 0),i(null),c(!1)},[]);return{mutate:k,mutateAsync:U,data:n,error:s,isPending:l,reset:T}}var I=require("react");function kt(e){return e instanceof Error?e:new Error(String(e))}var Sr=e=>typeof e=="string"?e:String(e);function Tt(e,t){let r=(0,I.useMemo)(()=>ue(e),[e]),[n,o]=(0,I.useState)(""),[s,i]=(0,I.useState)(!1),[l,c]=(0,I.useState)(null),a=(0,I.useRef)(t);a.current=t;let m=(0,I.useRef)(0),d=(0,I.useRef)(null),p=(0,I.useRef)(!0);(0,I.useEffect)(()=>(p.current=!0,()=>{p.current=!1,d.current?.cancel(),d.current=null}),[]);let U=(0,I.useCallback)(()=>{m.current++,d.current?.cancel(),d.current=null,p.current&&i(!1)},[]),k=(0,I.useCallback)(async T=>{d.current?.cancel();let y=++m.current,f=()=>p.current&&m.current===y,g=a.current,h=g?.parseChunk??Sr,C=g?.buildPayload??(S=>({prompt:S}));f()&&(o(""),c(null),i(!0));let{parseChunk:x,buildPayload:j,onFinish:V,onError:u,...v}=g??{},P="",A;try{A=r.requestStream(C(T),v),d.current=A}catch(S){let E=kt(S);f()&&(c(E),i(!1),g?.onError?.(E));return}try{for await(let S of A){if(m.current!==y)break;P+=h(S),f()&&o(P)}f()&&(i(!1),g?.onFinish?.(P))}catch(S){let E=kt(S);f()&&(c(E),i(!1),g?.onError?.(E))}finally{d.current===A&&(d.current=null)}},[r]);return{completion:n,complete:k,stop:U,isStreaming:s,error:l}}var N=require("react");function Ct(e){return e instanceof Error?e:new Error(String(e))}var hr=e=>typeof e=="string"?e:String(e),bt=0;function Ye(e){return bt+=1,`${e}-${bt}`}function Ut(e,t){let r=(0,N.useMemo)(()=>ue(e),[e]),[n,o]=(0,N.useState)(()=>(t?.initialMessages??[]).map(h=>({id:h.id??Ye("msg"),role:h.role,content:h.content}))),[s,i]=(0,N.useState)(""),[l,c]=(0,N.useState)(!1),[a,m]=(0,N.useState)(null),d=(0,N.useRef)(t);d.current=t;let p=(0,N.useRef)(n);p.current=n;let U=(0,N.useRef)(s);U.current=s;let k=(0,N.useRef)(0),T=(0,N.useRef)(null),y=(0,N.useRef)(!0);(0,N.useEffect)(()=>(y.current=!0,()=>{y.current=!1,T.current?.cancel(),T.current=null}),[]);let f=(0,N.useCallback)(()=>{k.current++,T.current?.cancel(),T.current=null,y.current&&c(!1)},[]),g=(0,N.useCallback)(async h=>{let C=h===void 0,x=(C?U.current:h)??"";if(!x.trim())return;T.current?.cancel();let V=++k.current,u=()=>y.current&&k.current===V,v=d.current,P=v?.parseChunk??hr,A={id:Ye("msg"),role:"user",content:x},S={id:Ye("msg"),role:"assistant",content:""},E=[...p.current,A].map(M=>({role:M.role,content:M.content})),b=[...p.current,A,S];p.current=b,o(b),C&&i(""),m(null),c(!0);let $=v?.buildPayload??(M=>({messages:M})),{initialMessages:He,parseChunk:$e,buildPayload:je,onFinish:Je,onError:ar,..._}=v??{},q=M=>{o(W=>W.map(F=>F.id===S.id?{...F,content:M}:F))},Y="",L;try{L=r.requestStream($(E),_),T.current=L}catch(M){let W=Ct(M);u()&&(m(W),c(!1),v?.onError?.(W));return}try{for await(let M of L){if(k.current!==V)break;Y+=P(M),u()&&q(Y)}u()&&(c(!1),v?.onFinish?.({...S,content:Y}))}catch(M){let W=Ct(M);u()&&(m(W),c(!1),v?.onError?.(W))}finally{T.current===L&&(T.current=null)}},[r]);return{messages:n,input:s,setInput:i,sendMessage:g,stop:f,isStreaming:l,error:a}}var xt=new Map;function Rt(e,t,r){if(!r||typeof r.safeParse!="function")throw new Error(`registerComponent("${e}"): schema must be a valid Zod schema`);xt.set(e,{component:t,schema:r})}function Pt(e,t){let r=xt.get(e);if(!r)return{error:`Unknown component: "${e}"`};let n=r.schema.safeParse(t);return n.success?{Component:r.component,validatedProps:n.data}:{error:`Validation failed for "${e}": ${n.error.message}`}}var re=require("react/jsx-runtime");function At({name:e,props:t,fallback:r}){let n=Pt(e,t);if(n.error)return console.warn(`[urun] ComponentRenderer: ${n.error}`),r?(0,re.jsx)(re.Fragment,{children:r}):(0,re.jsx)("div",{className:"urun-component-error",role:"alert",children:(0,re.jsx)("span",{className:"urun-component-error-text",children:n.error})});let o=n.Component;return(0,re.jsx)(o,{...n.validatedProps})}var ce=require("zod"),ne=require("react/jsx-runtime"),Et=ce.z.object({step:ce.z.number().min(0),total:ce.z.number().min(1),label:ce.z.string().optional(),variant:ce.z.enum(["default","success","error"]).default("default")});function Qe(e){let{step:t,total:r,label:n,variant:o="default"}=e,s=Math.min(t/r*100,100),i=t>=r;return{step:t,total:r,label:n,variant:o,percentage:s,isComplete:i}}function wt(e){let{step:t,total:r,label:n,variant:o,percentage:s}=Qe(e);return(0,ne.jsxs)("div",{className:"urun-progress-card","data-variant":o,children:[n&&(0,ne.jsx)("div",{className:"urun-progress-label",children:n}),(0,ne.jsx)("div",{className:"urun-progress-bar",children:(0,ne.jsx)("div",{className:"urun-progress-fill",style:{width:`${s}%`}})}),(0,ne.jsxs)("div",{className:"urun-progress-text",children:[t,"/",r]})]})}var Re=require("zod"),ge=require("react/jsx-runtime"),_t=Re.z.object({state:Re.z.enum(["thinking","generating","idle","error"]),message:Re.z.string().optional()}),vr={thinking:"Thinking...",generating:"Generating...",idle:"Idle",error:"Error"};function et(e){let{state:t,message:r}=e,n=t==="thinking"||t==="generating",o=r??vr[t]??t;return{state:t,message:o,isActive:n}}function Mt(e){let{state:t,message:r,isActive:n}=et(e);return(0,ge.jsxs)("span",{className:"urun-status-badge","data-state":t,children:[(0,ge.jsx)("span",{className:`urun-status-indicator${n?" urun-status-pulse":""}`}),(0,ge.jsx)("span",{className:"urun-status-message",children:r})]})}var Se=require("react"),Pe=require("zod"),he=require("react/jsx-runtime"),Nt=Pe.z.object({text:Pe.z.string(),streaming:Pe.z.boolean().default(!1)});function tt(e){let{text:t,streaming:r=!1}=e,n=t.length===0;return{text:t,streaming:r,isEmpty:n}}function Dt(e){let{text:t,streaming:r}=tt(e),n=(0,Se.useRef)(null),o=(0,Se.useRef)(0);return(0,Se.useEffect)(()=>{let s=n.current;s&&t.length!==o.current&&(s.textContent=t,o.current=t.length)},[t]),(0,he.jsxs)("div",{className:"urun-text-stream",children:[(0,he.jsx)("span",{ref:n,className:"urun-text-content"}),r&&(0,he.jsx)("span",{className:"urun-text-cursor"})]})}var ve=require("zod"),ye=require("react/jsx-runtime"),Ot=ve.z.object({src:ve.z.string().url(),alt:ve.z.string().optional(),caption:ve.z.string().optional()});function rt(e){let{src:t,alt:r,caption:n}=e;return{src:t,alt:r??"",caption:n}}function It(e){let{src:t,alt:r,caption:n}=rt(e);return(0,ye.jsxs)("figure",{className:"urun-image-frame",children:[(0,ye.jsx)("img",{className:"urun-image",src:t,alt:r}),n&&(0,ye.jsx)("figcaption",{className:"urun-image-caption",children:n})]})}var X=require("zod"),le=require("react/jsx-runtime"),qt=X.z.object({metrics:X.z.array(X.z.object({label:X.z.string(),value:X.z.union([X.z.string(),X.z.number()]),unit:X.z.string().optional()}))});function nt(e){return{metrics:e.metrics.map(r=>({...r,displayValue:r.unit?`${r.value} ${r.unit}`:String(r.value)}))}}function Lt(e){let{metrics:t}=nt(e);return(0,le.jsx)("div",{className:"urun-metrics-panel",children:t.map((r,n)=>(0,le.jsxs)("div",{className:"urun-metric-card",children:[(0,le.jsx)("div",{className:"urun-metric-label",children:r.label}),(0,le.jsx)("div",{className:"urun-metric-value",children:r.displayValue})]},n))})}var w=require("react");var Ae=null;function yr(){if(typeof window>"u")return null;let e=window;return e.AudioContext??e.webkitAudioContext??null}function ke(){if(Ae)return Ae;let e=yr();return e?(Ae=new e,Ae):null}function Ee(){let e=ke();e&&e.state==="suspended"&&e.resume().catch(()=>{})}var Bt=require("react/jsx-runtime"),kr=1e3,Ft=200;function ot(...e){console.debug("[urun-audio]",...e)}var we=(0,w.forwardRef)(function(t,r){let{session:n,stream:o="audio",track:s,controls:i=!1,className:l,onTrack:c,onUnlockChange:a,onAudioElement:m}=t,d=(0,w.useRef)(null),p=(0,w.useRef)(null),U=(0,w.useRef)(null),k=(0,w.useRef)(null),T=(0,w.useRef)(c);T.current=c;let y=(0,w.useRef)(a);y.current=a;let f=(0,w.useCallback)(u=>{U.current!==u&&(U.current=u,y.current?.(u))},[]),g=(0,w.useCallback)(()=>{if(typeof MediaStream>"u")return null;p.current||(p.current=new MediaStream);let u=d.current;return u&&u.srcObject!==p.current&&(u.srcObject=p.current),p.current},[]),h=(0,w.useCallback)(u=>{let v=d.current;if(!v)return;let P=v.play();!P||typeof P.then!="function"||P.then(()=>{v.muted||f(!0)}).catch(A=>{let S=A instanceof Error?A.name:String(A);if(S==="AbortError"){ot(`play() aborted (${u}); retrying in ${Ft}ms`),k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{k.current=null,h(`${u}:retry`)},Ft);return}if(S==="NotAllowedError"){ot(`play() blocked pending a user gesture (${u})`),f(!1);return}ot(`play() failed (${u})`,A)})},[f]),C=(0,w.useCallback)(u=>{let v=g();if(v){for(let P of v.getAudioTracks())P!==u&&v.removeTrack(P);u&&!v.getAudioTracks().includes(u)&&v.addTrack(u),u&&h("track-attach"),T.current?.(u)}},[g,h]),x=(0,w.useCallback)(()=>{let u=d.current;u&&(g(),u.muted=!1,h("gesture"),Ee(),f(!0))},[g,h,f]);(0,w.useImperativeHandle)(r,()=>({unlock:x,get unlocked(){return U.current===!0},get element(){return d.current}}),[x]);let j=(0,w.useCallback)(u=>{d.current=u,u&&(u.setAttribute("playsinline",""),u.setAttribute("webkit-playsinline",""),g()),m?.(u)},[g,m]),V=s!==void 0;return(0,w.useEffect)(()=>{if(V){C(s??null);return}if(!n)return;let u=n.stream(o),v=()=>{let b=p.current;return b?b.getAudioTracks()[0]??null:null},P=b=>{if(b!==v()&&(C(b),b)){let $=()=>{v()===b&&C(null)};b.addEventListener("ended",$)}},A=u.track;A&&A.readyState==="live"&&P(A);let S=u.on("track",b=>{b&&b.readyState!=="live"||P(b)}),E=setInterval(()=>{let b=u.track;b&&b.readyState==="live"&&P(b)},kr);return()=>{S(),clearInterval(E)}},[n,o,V,s,C]),(0,w.useEffect)(()=>()=>{k.current&&clearTimeout(k.current)},[]),(0,Bt.jsx)("audio",{ref:j,className:l,autoPlay:!0,playsInline:!0,controls:i,"data-urun-audio":""})});var D=require("react"),st=require("@urun-sh/core");var Wt=require("react/jsx-runtime"),at={channelCount:1,echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0};function Tr(...e){console.debug("[urun-voice]",...e)}var Vt=(0,D.forwardRef)(function(t,r){let{session:n,stream:o="audio",constraints:s=at,connectTimeoutMs:i,attempts:l=3,retryDelayMs:c=1500,onActiveChange:a,onError:m,onMicStream:d,onTrack:p,onUnlockChange:U}=t,k=(0,D.useRef)(null),T=(0,D.useRef)(null),y=(0,D.useRef)(!1),f=(0,D.useRef)(a);f.current=a;let g=(0,D.useRef)(m);g.current=m;let h=(0,D.useRef)(d);h.current=d;let C=(0,D.useCallback)(u=>{y.current!==u&&(y.current=u,f.current?.(u))},[]),x=(0,D.useCallback)(()=>{let u=T.current;if(u){for(let v of u.getTracks())v.stop();T.current=null,h.current?.(null)}},[]),j=(0,D.useCallback)(async()=>{x(),C(!1),await n.stream(o).detach().catch(()=>{})},[n,o,x,C]),V=(0,D.useCallback)(async()=>{k.current?.unlock();let u;try{u=await navigator.mediaDevices.getUserMedia({audio:s,video:!1})}catch(S){let E=(0,st.sessionFailureFromMediaError)(S,n.status);throw g.current?.(E),E}x(),T.current=u,h.current?.(u);let v=u.getAudioTracks()[0];if(!v){x();let S=(0,st.sessionFailureFromMediaError)(Object.assign(new Error("no microphone audio track"),{name:"NotFoundError"}),n.status);throw g.current?.(S),S}n.connect?.();let P;for(let S=1;S<=l;S++)try{await n.whenLive(i!==void 0?{timeout:i}:void 0),await n.stream(o).attach(v),C(!0);return}catch(E){P=E,Tr(`start attempt ${S}/${l} failed`,E),S<l&&await new Promise(b=>setTimeout(b,c))}x(),C(!1);let A=P instanceof Error?P:new Error(String(P??"voice start failed"));throw g.current?.(A),A},[n,o,s,i,l,c,x,C]);return(0,D.useImperativeHandle)(r,()=>({start:V,stop:j,unlock:()=>k.current?.unlock(),get active(){return y.current},get micStream(){return T.current},get audio(){return k.current}}),[V,j]),(0,D.useEffect)(()=>x,[x]),(0,Wt.jsx)(we,{ref:k,session:n,stream:o,onTrack:p,onUnlockChange:U})});var it=require("@urun-sh/core"),R=require("react"),_e=require("react/jsx-runtime"),ut={width:{ideal:960},height:{ideal:720},frameRate:{ideal:8}};function Ht(...e){console.debug("[urun-camera]",...e)}var $t=(0,R.forwardRef)(function(t,r){let{session:n,stream:o="video",constraints:s,facingMode:i="environment",mirror:l="auto",connectTimeoutMs:c,preview:a=!0,className:m,videoClassName:d,onActiveChange:p,onError:U,onStream:k,onTrack:T,children:y}=t,f=(0,R.useRef)(null),g=(0,R.useRef)(null),h=(0,R.useRef)(null),C=(0,R.useRef)(!1),x=(0,R.useRef)(i),[j,V]=(0,R.useState)(i),u=(0,R.useRef)(p);u.current=p;let v=(0,R.useRef)(U);v.current=U;let P=(0,R.useRef)(k);P.current=k;let A=(0,R.useRef)(T);A.current=T;let S=(0,R.useCallback)(_=>{C.current!==_&&(C.current=_,u.current?.(_))},[]),E=(0,R.useCallback)(_=>{let q=f.current;q&&(q.muted=!0,q.srcObject=_,_&&q.play()?.catch?.(Y=>Ht("preview play() failed",Y)))},[]),b=(0,R.useCallback)(()=>{h.current?.(),h.current=null;let _=g.current;if(_){for(let q of _.getTracks())q.stop();g.current=null,P.current?.(null),A.current?.(null)}E(null)},[E]),$=(0,R.useCallback)(async _=>{let q=g.current,Y=h.current,L;try{L=await navigator.mediaDevices.getUserMedia({video:{...ut,...s,facingMode:_},audio:!1})}catch(F){let ee=(0,it.sessionFailureFromMediaError)(F,n.status);throw v.current?.(ee),ee}let M=L.getVideoTracks()[0];if(!M){for(let ee of L.getTracks())ee.stop();let F=(0,it.sessionFailureFromMediaError)(Object.assign(new Error("no camera video track"),{name:"NotFoundError"}),n.status);throw v.current?.(F),F}g.current=L,x.current=_,V(_),E(L),P.current?.(L);let W=()=>{g.current===L&&(Ht("camera track ended (device removed or permission revoked)"),b(),S(!1))};M.addEventListener("ended",W),h.current=()=>M.removeEventListener("ended",W);try{n.connect?.(),await n.whenLive(c!==void 0?{timeout:c}:void 0),await n.stream(o).attachVideo(M)}catch(F){M.removeEventListener("ended",W);for(let ir of L.getTracks())ir.stop();g.current===L&&(g.current=q,h.current=Y,E(q),P.current?.(q));let ee=F instanceof Error?F:new Error(String(F));throw v.current?.(ee),ee}if(q&&q!==L){Y?.();for(let F of q.getTracks())F.stop()}A.current?.(M),S(!0)},[n,o,s,c,E,b,S]),He=(0,R.useCallback)(_=>$(_?.facingMode??x.current),[$]),$e=(0,R.useCallback)(async _=>{C.current&&x.current===_||await $(_)},[$]),je=(0,R.useCallback)(()=>$(x.current==="environment"?"user":"environment"),[$]),Je=(0,R.useCallback)(async()=>{b(),S(!1),await n.stream(o).detachVideo().catch(()=>{})},[n,o,b,S]);return(0,R.useImperativeHandle)(r,()=>({start:He,stop:Je,flip:je,setFacingMode:$e,get active(){return C.current},get facingMode(){return x.current},get stream(){return g.current},get element(){return f.current}}),[He,Je,je,$e]),(0,R.useEffect)(()=>b,[b]),a?(0,_e.jsxs)("div",{className:m,style:{position:"relative",width:"100%",height:"100%"},"data-urun-camera":"","data-urun-camera-facing":j,children:[(0,_e.jsx)("video",{ref:f,className:d,autoPlay:!0,muted:!0,playsInline:!0,style:{width:"100%",height:"100%",objectFit:"contain",...(l==="auto"?j==="user":l)?{transform:"scaleX(-1)"}:{}}}),y]}):null});var Me=require("react");var ct={level:0,speaking:!1};function jt(e,t={}){let{fftSize:r=512,intervalMs:n=100,speakingThreshold:o=.02}=t,[s,i]=(0,Me.useState)(ct);return(0,Me.useEffect)(()=>{if(!e){i(ct);return}let l=ke();if(!l||typeof MediaStream>"u")return;let c;e instanceof MediaStream?c=e:(c=new MediaStream,c.addTrack(e));let a,m;try{a=l.createMediaStreamSource(c),m=l.createAnalyser(),m.fftSize=r,a.connect(m)}catch{return}let d=new Uint8Array(m.fftSize),U=setInterval(()=>{m.getByteTimeDomainData(d);let k=0;for(let y=0;y<d.length;y++){let f=(d[y]-128)/128;k+=f*f}let T=Math.sqrt(k/d.length);i(y=>{let f=T>o;return Math.abs(y.level-T)<.005&&y.speaking===f?y:{level:T,speaking:f}})},n);return()=>{clearInterval(U),a.disconnect(),i(ct)}},[e,r,n,o]),s}var Ne=require("react");function Jt(e,t){let[r,n]=(0,Ne.useState)(null);return(0,Ne.useEffect)(()=>{if(!e||!t){n(null);return}let o=e.stream(t);return n(o.track),o.on("track",n)},[e,t]),r}var Gt=require("react");var Oe=require("react");var zt=require("zustand/vanilla"),Xt=require("zustand"),Cr=()=>{};function De(e,t={}){let r=a=>{e?.set(a)},n=()=>e?e.get()??{}:{},o=(0,zt.createStore)(()=>({doc:n(),synced:e?e.synced:!1,set:r})),s=null,i=()=>{if(s){for(let a of s)a();s=null}},l=()=>e?(s||(o.setState({doc:n(),synced:e.synced}),s=[e.on("change",a=>o.setState({doc:a})),e.onSynced(()=>o.setState({synced:!0}))]),i):Cr,c=(a=>(0,Xt.useStore)(o,a));return Object.assign(c,{getState:o.getState,getInitialState:o.getInitialState,subscribe:o.subscribe,set:r,bind:l,unbind:i}),t.bind!==!1&&l(),c}function de(e,t){let r=(0,Oe.useMemo)(()=>De(e&&t?e.doc(t):null,{bind:!1}),[e,t]);return(0,Oe.useEffect)(()=>r.bind(),[r]),r}function Kt(e,t,r){let o=de(e,t)(r??(l=>l)),s=(0,Gt.useCallback)(l=>{e&&t&&e.doc(t).set(l)},[e,t]);if(r)return o;let i=o;return{snapshot:e&&t?i.doc:null,synced:i.synced,set:s}}var qe=require("react");var Q=200;function G(e,t,r=200){let n=[...e,t];return n.length>r?n.slice(n.length-r):n}function pe(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function Ie(e){let t=e.trim();if(!t)return{ok:!1,error:"Enter a JSON object."};let r;try{r=JSON.parse(t)}catch(n){return{ok:!1,error:n instanceof Error?n.message:"Invalid JSON."}}return r===null||typeof r!="object"||Array.isArray(r)?{ok:!1,error:"The payload must be a JSON object."}:{ok:!0,value:r}}function Le(e,t,r={}){let n=r.cap??200,[o,s]=(0,qe.useState)([]);return(0,qe.useEffect)(()=>{if(s([]),!e||!t)return;let i=!0,l=e.stream(t).messages()[Symbol.asyncIterator]();return(async()=>{for(;;){let c=await l.next();if(!i||c.done)break;s(a=>G(a,{at:Date.now(),payload:c.value},n))}})(),()=>{i=!1,l.return?.()}},[e,t,n]),o}var H=require("react/jsx-runtime");function Zt({session:e,name:t,cap:r,className:n}){let o=Le(e,t,{cap:r});return(0,H.jsxs)("div",{className:["urun-stream-tail",n].filter(Boolean).join(" "),children:[(0,H.jsxs)("div",{className:"urun-stream-tail-meta",children:[(0,H.jsx)("code",{children:t}),(0,H.jsxs)("span",{className:"urun-stream-tail-count",children:[o.length," messages"]})]}),(0,H.jsx)("div",{className:"urun-stream-tail-log",children:o.length===0?(0,H.jsxs)("span",{className:"urun-stream-tail-empty",children:["Waiting for ",(0,H.jsx)("code",{children:t})," messages\u2026"]}):o.map((s,i)=>(0,H.jsxs)("div",{className:"urun-stream-tail-line",children:[(0,H.jsx)("span",{className:"urun-stream-tail-time",children:new Date(s.at).toLocaleTimeString()})," ",pe(s.payload)]},`${s.at}-${i}`))})]})}var Te=require("react");var B=require("react/jsx-runtime");function Ce({placeholder:e,buttonLabel:t,disabled:r,onApply:n}){let[o,s]=(0,Te.useState)(""),[i,l]=(0,Te.useState)(null),c=(0,Te.useCallback)(()=>{let a=Ie(o);if(!a.ok){l(a.error);return}l(null),n(a.value,o.trim()),s("")},[o,n]);return(0,B.jsxs)("div",{className:"urun-doc-patch",children:[(0,B.jsx)("textarea",{className:"urun-doc-patch-input",value:o,onChange:a=>s(a.target.value),placeholder:e,rows:3}),(0,B.jsxs)("div",{className:"urun-doc-patch-actions",children:[(0,B.jsx)("button",{type:"button",className:"urun-doc-patch-button",disabled:r||!o.trim(),onClick:c,children:t}),i?(0,B.jsx)("span",{className:"urun-doc-patch-error",role:"alert",children:i}):null]})]})}function Yt({session:e,docKey:t,editable:r=!0,patchPlaceholder:n='{"desired": {"prompt": {"text": "a sunset"}}}',className:o}){let s=de(e,t),i=s(a=>a.doc),l=s(a=>a.synced),c=s(a=>a.set);return(0,B.jsxs)("div",{className:["urun-doc-panel",o].filter(Boolean).join(" "),children:[(0,B.jsxs)("div",{className:"urun-doc-panel-meta",children:[(0,B.jsx)("code",{children:t}),(0,B.jsx)("span",{className:"urun-doc-panel-synced","data-synced":l?"true":"false",children:l?"synced":"syncing\u2026"})]}),(0,B.jsx)("pre",{className:"urun-doc-panel-snapshot",children:JSON.stringify(i??{},null,2)}),r?(0,B.jsx)(Ce,{placeholder:n,buttonLabel:"Apply patch",disabled:!e,onApply:a=>c(a)}):null]})}var Fe=require("react");var K=require("react/jsx-runtime");function Qt(e,t=600){return e.length>t?`${e.slice(0,t)}\u2026`:e}function er({session:e,docKey:t="control",cap:r=200,className:n}){let[o,s]=(0,Fe.useState)([]);return(0,Fe.useEffect)(()=>(s([]),e?e.doc(t).on("change",l=>{s(c=>G(c,{at:Date.now(),direction:"in",text:Qt(pe(l))},r))}):void 0),[e,t,r]),(0,K.jsxs)("div",{className:["urun-control-sender",n].filter(Boolean).join(" "),children:[(0,K.jsx)(Ce,{placeholder:'{"desired": {"settings": {"values": {}}}}',buttonLabel:`Send to ${t}`,disabled:!e,onApply:(i,l)=>{e?.doc(t).set(i),s(c=>G(c,{at:Date.now(),direction:"out",text:Qt(l)},r))}}),(0,K.jsx)("div",{className:"urun-control-sender-log",children:o.length===0?(0,K.jsx)("span",{className:"urun-control-sender-empty",children:"Nothing yet."}):[...o].reverse().map((i,l)=>(0,K.jsxs)("div",{className:"urun-control-sender-line","data-direction":i.direction,children:[(0,K.jsx)("span",{className:"urun-control-sender-dir",children:i.direction==="out"?"sent":"change"})," ",(0,K.jsx)("span",{className:"urun-control-sender-time",children:new Date(i.at).toLocaleTimeString()})," ",i.text]},`${i.at}-${l}`))})]})}var Be=require("react");var oe=require("react/jsx-runtime");function tr({session:e,trackNames:t=["video","audio"],docKeys:r=["control"],cap:n=200,className:o}){let[s,i]=(0,Be.useState)([]),l=t.join(","),c=r.join(",");return(0,Be.useEffect)(()=>{if(i([]),!e)return;let a=(d,p)=>i(U=>G(U,{at:Date.now(),kind:d,text:p},n)),m=[];m.push(e.onPhase(d=>a("phase",`phase \u2192 ${d.name}`)));for(let d of t){let p=e.stream(d);m.push(p.on("track",U=>a("track",`${d}: ${U?"track arrived":"track ended"}`)))}for(let d of r){let p=e.doc(d);m.push(p.on("change",()=>a("doc",`${d} changed`)))}return()=>m.forEach(d=>d())},[e,l,c,n]),(0,oe.jsx)("div",{className:["urun-event-spine",o].filter(Boolean).join(" "),children:s.length===0?(0,oe.jsx)("span",{className:"urun-event-spine-empty",children:"No activity yet \u2014 the spine fills as the session moves through its lifecycle."}):[...s].reverse().map((a,m)=>(0,oe.jsxs)("div",{className:"urun-event-spine-line","data-kind":a.kind,children:[(0,oe.jsx)("span",{className:"urun-event-spine-kind",children:a.kind})," ",(0,oe.jsx)("span",{className:"urun-event-spine-time",children:new Date(a.at).toLocaleTimeString()})," ",a.text]},`${a.at}-${m}`))})}var Ve=require("react"),rr=require("@urun-sh/core"),Z=require("react/jsx-runtime"),br={idle:"idle",queued:"queued",unavailable:"unavailable",provisioning:"provisioning",connecting:"connecting",live:"live",error:"error",ended:"ended"};function We(e){let[t,r]=(0,Ve.useState)(e?.phase??null);return(0,Ve.useEffect)(()=>{if(!e){r(null);return}return e.onPhase(r)},[e]),t}function nr({session:e,className:t}){let r=We(e),n=r?.name??"idle",o=r?.name==="queued"&&r.queue?`pos ${r.queue.position} / depth ${r.queue.depth}`:r?.name==="error"&&r.error?r.error.reason:r?.runtime?.reason??null;return(0,Z.jsxs)("span",{className:["urun-session-status",t].filter(Boolean).join(" "),"data-phase":n,children:[(0,Z.jsx)("span",{className:"urun-session-status-dot","data-phase":n}),(0,Z.jsx)("span",{className:"urun-session-status-label",children:br[n]}),o?(0,Z.jsx)("span",{className:"urun-session-status-detail",children:o}):null]})}function or({session:e,children:t,fallback:r,className:n}){let o=We(e);if(o?.name==="live")return(0,Z.jsx)("div",{className:["urun-session-gate",n].filter(Boolean).join(" "),children:t});let s=r?r(o):(0,Z.jsx)("span",{className:"urun-session-gate-fallback",children:o?.name==="error"?`Session ${o.error?.reason??"failed"}.`:o?.name==="ended"?"Session ended.":o&&o.name!=="idle"?(0,rr.describeSessionPhase)(o):"Waiting for a live session\u2026"});return(0,Z.jsx)("div",{className:["urun-session-gate",n].filter(Boolean).join(" "),children:s})}var sr=require("@urun-sh/core");0&&(module.exports={ComponentRenderer,DEFAULT_CAMERA_CONSTRAINTS,DEFAULT_LOG_CAP,DEFAULT_VOICE_CONSTRAINTS,DocPatchForm,ImageFrame,ImageFrameSchema,MetricsPanel,MetricsPanelSchema,ProgressCard,ProgressCardSchema,StatusBadge,StatusBadgeSchema,TextStream,TextStreamSchema,UrunAudio,UrunAuthProvider,UrunCamera,UrunControlSender,UrunDocPanel,UrunErrorBoundary,UrunEventSpine,UrunJwtProvider,UrunProvider,UrunSessionGate,UrunSessionStatus,UrunStreamTail,UrunVoice,authMode,createDocStore,describeSessionPhase,formatPayload,getUrunAudioContext,parseJsonObject,pushCapped,registerComponent,resumeUrunAudioContext,urunPublicEnv,useApp,useChat,useCompletion,useDocStore,useImageFrame,useMetricsPanel,useProgressCard,useRequest,useSessionDoc,useSessionPhase,useSessionTrack,useStatusBadge,useStreamMessages,useTextStream,useUrunAudioLevel,useUrunAuth,usesWorkOSAuth});
|
|
2
|
+
"use strict";var cr=Object.defineProperty;var At=Object.getOwnPropertyDescriptor;var Et=Object.getOwnPropertyNames;var Mt=Object.prototype.hasOwnProperty;var Nt=(e,r)=>{for(var t in r)cr(e,t,{get:r[t],enumerable:!0})},_t=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of Et(r))!Mt.call(e,o)&&o!==t&&cr(e,o,{get:()=>r[o],enumerable:!(n=At(r,o))||n.enumerable});return e};var Dt=e=>_t(cr({},"__esModule",{value:!0}),e);var Jt={};Nt(Jt,{ComponentRenderer:()=>Hr,DEFAULT_CAMERA_CONSTRAINTS:()=>xr,DEFAULT_LOG_CAP:()=>re,DEFAULT_VOICE_CONSTRAINTS:()=>br,DocPatchForm:()=>Oe,ImageFrame:()=>Yr,ImageFrameSchema:()=>Zr,MetricsPanel:()=>et,MetricsPanelSchema:()=>Qr,ProgressCard:()=>Jr,ProgressCardSchema:()=>jr,StatusBadge:()=>Xr,StatusBadgeSchema:()=>zr,TextStream:()=>Kr,TextStreamSchema:()=>Gr,UrunAudio:()=>He,UrunAuthProvider:()=>lr,UrunCamera:()=>at,UrunControlSender:()=>St,UrunDocPanel:()=>ft,UrunErrorBoundary:()=>ce,UrunEventSpine:()=>ht,UrunJwtProvider:()=>Er,UrunProvider:()=>Nr,UrunSessionClock:()=>Ct,UrunSessionEnded:()=>Ut,UrunSessionGate:()=>bt,UrunSessionStatus:()=>yt,UrunSessionWaking:()=>sr,UrunStreamTail:()=>mt,UrunVoice:()=>ot,authMode:()=>Pe,createDocStore:()=>Ke,describeSessionPhase:()=>ur.describeSessionPhase,formatPayload:()=>ve,getUrunAudioContext:()=>Ne,isWakingPhase:()=>ur.isWakingPhase,parseJsonObject:()=>Ye,pushCapped:()=>Y,registerComponent:()=>Vr,resumeUrunAudioContext:()=>_e,urunPublicEnv:()=>G,useApp:()=>Dr,useChat:()=>Fr,useCompletion:()=>qr,useDocStore:()=>he,useImageFrame:()=>vr,useMetricsPanel:()=>kr,useProgressCard:()=>gr,useRequest:()=>Or,useSessionDoc:()=>pt,useSessionEndsAt:()=>Tr,useSessionPhase:()=>J,useSessionTrack:()=>ut,useSessionWake:()=>or,useStatusBadge:()=>Sr,useStreamMessages:()=>er,useTextStream:()=>hr,useUrunAudioLevel:()=>it,useUrunAuth:()=>We,useUrunPrewake:()=>Pt,usesWorkOSAuth:()=>wr});module.exports=Dt(Jt);var pe=require("react");var Pr=require("react"),Te=require("react/jsx-runtime"),ce=class extends Pr.Component{constructor(r){super(r),this.state={error:null}}static getDerivedStateFromError(r){return{error:r}}componentDidCatch(r,t){console.error("[urun] Error caught by UrunErrorBoundary:",r,t)}render(){if(this.state.error){let{fallback:r}=this.props;return typeof r=="function"?r(this.state.error):r||(0,Te.jsxs)("div",{role:"status","aria-live":"polite",style:{padding:"16px",border:"1px solid rgba(17, 24, 39, 0.12)",borderRadius:"8px",background:"#ffffff",color:"#111827",fontFamily:'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',maxWidth:"360px"},children:[(0,Te.jsx)("p",{style:{margin:0,fontWeight:600},children:"Connection interrupted"}),(0,Te.jsx)("p",{style:{margin:"6px 0 0",color:"#4b5563"},children:"Reconnecting automatically."})]})}return this.props.children}};var Rr=require("react"),le=(0,Rr.createContext)(null);function ne(e){return e&&e.trim()?e.trim():void 0}function G(e){switch(e){case"NEXT_PUBLIC_AUTH_MODE":return ne(typeof process<"u"?process.env?.NEXT_PUBLIC_AUTH_MODE:void 0);case"NEXT_PUBLIC_AUTH_ENABLED":return ne(typeof process<"u"?process.env?.NEXT_PUBLIC_AUTH_ENABLED:void 0);case"NEXT_PUBLIC_SESSION_AUTH_PROVIDER":return ne(typeof process<"u"?process.env?.NEXT_PUBLIC_SESSION_AUTH_PROVIDER:void 0);case"NEXT_PUBLIC_SESSION_TOKEN":return ne(typeof process<"u"?process.env?.NEXT_PUBLIC_SESSION_TOKEN:void 0);case"NEXT_PUBLIC_URUN_JWT":return ne(typeof process<"u"?process.env?.NEXT_PUBLIC_URUN_JWT:void 0);case"VERCEL_ENV":return ne(typeof process<"u"?process.env?.VERCEL_ENV:void 0);default:return ne(typeof process<"u"?process.env?.[e]:void 0)}}function Pe(){let e=G("NEXT_PUBLIC_AUTH_MODE")?.toLowerCase();return e==="jwt"||e==="customer-jwt"||e==="test-jwt"?"jwt":e==="workos"||G("VERCEL_ENV")==="production"?"workos":G("NEXT_PUBLIC_AUTH_ENABLED")==="false"?"jwt":"workos"}function wr(){return Pe()==="workos"}var de=require("react"),Mr=require("react/jsx-runtime"),Ar=(0,de.createContext)(null);function lr({getAccessToken:e,children:r}){let t=(0,de.useMemo)(()=>({getAccessToken:e}),[e]);return(0,Mr.jsx)(Ar.Provider,{value:t,children:r})}var Er=lr;function We(){return(0,de.useContext)(Ar)}var Fe=require("react/jsx-runtime");function Nr({baseUrl:e,orgId:r,appId:t,jwt:n,authProvider:o,fallback:s,children:a}){let[u,c]=(0,pe.useState)(),i=We(),f=G("NEXT_PUBLIC_SESSION_TOKEN")??G("NEXT_PUBLIC_URUN_JWT"),d=Pe(),m=d==="workos"&&!n,k=n??(d==="jwt"?f:void 0)??u,C=o??G("NEXT_PUBLIC_SESSION_AUTH_PROVIDER"),y=m&&!k,g=(0,pe.useMemo)(()=>({appId:t,baseUrl:e,orgId:r,jwt:k,getAccessToken:m?i?.getAccessToken:void 0,authProvider:C}),[t,i,e,C,k,r,m]);return(0,pe.useEffect)(()=>{if(!m||!i)return;let S=!1,U=i;async function h(){try{let A=await U.getAccessToken();S||c(A??void 0)}catch{S||c(void 0)}}h();let T=window.setInterval(()=>{h()},6e4);return()=>{S=!0,window.clearInterval(T)}},[i,m]),(0,Fe.jsx)(ce,{fallback:s,children:y?(0,Fe.jsx)("div",{role:"status","aria-live":"polite",children:"Signing in..."}):(0,Fe.jsx)(le.Provider,{value:g,children:a})})}var K=require("react"),_r=require("@urun-sh/core");function Ot(e,r){return`${e}:${JSON.stringify(r??{})}`}var dr=class{constructor(r,t){this._doc=r;this._notify=t;this._unsubscribeChange=this._doc.on("change",()=>this._notify())}_doc;_notify;_unsubscribeChange;get(r,t){return this._doc.get(r,t)}set(r){this._doc.set(r),this._notify()}on(r,t){return this._doc.on(r,n=>t(n))}get synced(){return this._doc.synced}onSynced(r){return this._doc.onSynced(()=>{r(),this._notify()})}text(r){let t=this._doc.text(r),n=this._notify;return{append(o){t.append(o),n()},toString:()=>t.toString(),get length(){return t.length},on:(o,s)=>t.on(o,a=>{s(a),n()})}}dispose(){this._unsubscribeChange()}},pr=class{constructor(r,t){this._stream=r;this._notify=t;this._unsubscribeTrack=this._stream.on("track",()=>this._notify())}_stream;_notify;_unsubscribeTrack;get track(){return this._stream.track}attach(r){return this._stream.attach(r)}attachVideo(r){return this._stream.attachVideo(r)}detach(){return this._stream.detach()}detachVideo(){return this._stream.detachVideo()}seek(r){return this._stream.seek(r)}chunks(r){return this._stream.chunks(r)}onSeeked(r){return this._stream.onSeeked(r)}on(r,t){return this._stream.on(r,t)}messages(){return this._stream.messages()}emit(r,t){return this._stream.emit(r,t)}dispose(){this._unsubscribeTrack()}},mr=class{constructor(r,t){this._session=r;this._notify=t;this._unsubscribePhase=this._session.onPhase(()=>this._notify())}_session;_notify;_docs=new Map;_streams=new Map;_unsubscribePhase;_disposed=!1;get disposed(){return this._disposed}get id(){return this._session.id}get phase(){return this._session.phase}get status(){return this._session.status}get endsAt(){return this._session.endsAt}onPhase(r){return this._session.onPhase(r)}whenLive(r){return this._session.whenLive(r)}recover(){this._session.recover()}onRecovery(r){return this._session.onRecovery(r)}request(r,t){return this._session.request(r,t)}requestStream(r,t){return this._session.requestStream(r,t)}complete(r,t){return this._session.complete(r,t)}get recordings(){return this._session.recordings}get artifacts(){return this._session.artifacts}get presence(){return this._session.presence}doc(r){let t=this._docs.get(r);return t||(t=new dr(this._session.doc(r),this._notify),this._docs.set(r,t)),t}stream(r){let t=this._streams.get(r);return t||(t=new pr(this._session.stream(r),this._notify),this._streams.set(r,t)),t}disconnect(){this._disposed=!0;for(let r of this._docs.values())r.dispose();for(let r of this._streams.values())r.dispose();this._docs.clear(),this._streams.clear(),this._unsubscribePhase(),this._session.disconnect(),this._notify()}};function Dr(){let e=(0,K.useContext)(le);if(!e)throw new Error("useApp must be used within <UrunProvider>");if(!e.appId)throw new Error('useApp requires <UrunProvider appId="...">');let[,r]=(0,K.useReducer)(o=>o+1,0),t=(0,K.useRef)(new Map),n=(0,K.useMemo)(()=>(0,_r.App)(e.appId,{baseUrl:e.baseUrl,orgId:e.orgId,jwt:e.jwt,getAccessToken:e.getAccessToken,authProvider:e.authProvider}),[e.appId,e.baseUrl,e.orgId,e.jwt,e.getAccessToken,e.authProvider]);return(0,K.useMemo)(()=>new Proxy({},{get(o,s){if(typeof s=="string")return a=>{let u=Ot(s,a),c=t.current.get(u);if(c&&!c.disposed)return c;let i=new mr(n[s](a),r);return t.current.set(u,i),i}}}),[n])}var L=require("react");function me(e){let r=e;if(!r||typeof r.request!="function"||typeof r.requestStream!="function")throw new Error("This session does not support request/requestStream. Upgrade @urun-sh/core to a version that ships the request/response primitive.");return r}function It(e){return e instanceof Error?e:new Error(String(e))}function Or(e,r){let t=(0,L.useMemo)(()=>me(e),[e]),[n,o]=(0,L.useState)(void 0),[s,a]=(0,L.useState)(null),[u,c]=(0,L.useState)(!1),i=(0,L.useRef)(r);i.current=r;let f=(0,L.useRef)(0),d=(0,L.useRef)(null),m=(0,L.useRef)(!0);(0,L.useEffect)(()=>(m.current=!0,()=>{m.current=!1,d.current?.abort()}),[]);let k=(0,L.useCallback)(async g=>{d.current?.abort();let S=new AbortController;d.current=S;let U=++f.current,h=()=>m.current&&f.current===U;h()&&(c(!0),a(null));try{let T=await t.request(g,{...i.current,signal:S.signal});return h()&&(o(T),c(!1),i.current?.onSuccess?.(T)),T}catch(T){let A=It(T);throw h()&&(a(A),c(!1),i.current?.onError?.(A)),A}},[t]),C=(0,L.useCallback)(g=>{k(g).catch(()=>{})},[k]),y=(0,L.useCallback)(()=>{f.current++,d.current?.abort(),d.current=null,o(void 0),a(null),c(!1)},[]);return{mutate:C,mutateAsync:k,data:n,error:s,isPending:u,reset:y}}var B=require("react");function Ir(e){return e instanceof Error?e:new Error(String(e))}var qt=e=>typeof e=="string"?e:String(e);function qr(e,r){let t=(0,B.useMemo)(()=>me(e),[e]),[n,o]=(0,B.useState)(""),[s,a]=(0,B.useState)(!1),[u,c]=(0,B.useState)(null),i=(0,B.useRef)(r);i.current=r;let f=(0,B.useRef)(0),d=(0,B.useRef)(null),m=(0,B.useRef)(!0);(0,B.useEffect)(()=>(m.current=!0,()=>{m.current=!1,d.current?.cancel(),d.current=null}),[]);let k=(0,B.useCallback)(()=>{f.current++,d.current?.cancel(),d.current=null,m.current&&a(!1)},[]),C=(0,B.useCallback)(async y=>{d.current?.cancel();let g=++f.current,S=()=>m.current&&f.current===g,U=i.current,h=U?.parseChunk??qt,T=U?.buildPayload??(R=>({prompt:R}));S()&&(o(""),c(null),a(!0));let{parseChunk:A,buildPayload:V,onFinish:_,onError:l,...x}=U??{},N="",E;try{E=t.requestStream(T(y),x),d.current=E}catch(R){let W=Ir(R);S()&&(c(W),a(!1),U?.onError?.(W));return}try{for await(let R of E){if(f.current!==g)break;N+=h(R),S()&&o(N)}S()&&(a(!1),U?.onFinish?.(N))}catch(R){let W=Ir(R);S()&&(c(W),a(!1),U?.onError?.(W))}finally{d.current===E&&(d.current=null)}},[t]);return{completion:n,complete:C,stop:k,isStreaming:s,error:u}}var I=require("react");function Lr(e){return e instanceof Error?e:new Error(String(e))}var Lt=e=>typeof e=="string"?e:String(e),Wr=0;function fr(e){return Wr+=1,`${e}-${Wr}`}function Fr(e,r){let t=(0,I.useMemo)(()=>me(e),[e]),[n,o]=(0,I.useState)(()=>(r?.initialMessages??[]).map(h=>({id:h.id??fr("msg"),role:h.role,content:h.content}))),[s,a]=(0,I.useState)(""),[u,c]=(0,I.useState)(!1),[i,f]=(0,I.useState)(null),d=(0,I.useRef)(r);d.current=r;let m=(0,I.useRef)(n);m.current=n;let k=(0,I.useRef)(s);k.current=s;let C=(0,I.useRef)(0),y=(0,I.useRef)(null),g=(0,I.useRef)(!0);(0,I.useEffect)(()=>(g.current=!0,()=>{g.current=!1,y.current?.cancel(),y.current=null}),[]);let S=(0,I.useCallback)(()=>{C.current++,y.current?.cancel(),y.current=null,g.current&&c(!1)},[]),U=(0,I.useCallback)(async h=>{let T=h===void 0,A=(T?k.current:h)??"";if(!A.trim())return;y.current?.cancel();let _=++C.current,l=()=>g.current&&C.current===_,x=d.current,N=x?.parseChunk??Lt,E={id:fr("msg"),role:"user",content:A},R={id:fr("msg"),role:"assistant",content:""},W=[...m.current,E].map(v=>({role:v.role,content:v.content})),p=[...m.current,E,R];m.current=p,o(p),T&&a(""),f(null),c(!0);let P=x?.buildPayload??(v=>({messages:v})),{initialMessages:q,parseChunk:D,buildPayload:F,onFinish:j,onError:be,...qe}=x??{},Le=v=>{o(O=>O.map($=>$.id===R.id?{...$,content:v}:$))},ie="",Ce;try{Ce=t.requestStream(P(W),qe),y.current=Ce}catch(v){let O=Lr(v);l()&&(f(O),c(!1),x?.onError?.(O));return}try{for await(let v of Ce){if(C.current!==_)break;ie+=N(v),l()&&Le(ie)}l()&&(c(!1),x?.onFinish?.({...R,content:ie}))}catch(v){let O=Lr(v);l()&&(f(O),c(!1),x?.onError?.(O))}finally{y.current===Ce&&(y.current=null)}},[t]);return{messages:n,input:s,setInput:a,sendMessage:U,stop:S,isStreaming:u,error:i}}var Br=new Map;function Vr(e,r,t){if(!t||typeof t.safeParse!="function")throw new Error(`registerComponent("${e}"): schema must be a valid Zod schema`);Br.set(e,{component:r,schema:t})}function $r(e,r){let t=Br.get(e);if(!t)return{error:`Unknown component: "${e}"`};let n=t.schema.safeParse(r);return n.success?{Component:t.component,validatedProps:n.data}:{error:`Validation failed for "${e}": ${n.error.message}`}}var oe=require("react/jsx-runtime");function Hr({name:e,props:r,fallback:t}){let n=$r(e,r);if(n.error)return console.warn(`[urun] ComponentRenderer: ${n.error}`),t?(0,oe.jsx)(oe.Fragment,{children:t}):(0,oe.jsx)("div",{className:"urun-component-error",role:"alert",children:(0,oe.jsx)("span",{className:"urun-component-error-text",children:n.error})});let o=n.Component;return(0,oe.jsx)(o,{...n.validatedProps})}var fe=require("zod"),se=require("react/jsx-runtime"),jr=fe.z.object({step:fe.z.number().min(0),total:fe.z.number().min(1),label:fe.z.string().optional(),variant:fe.z.enum(["default","success","error"]).default("default")});function gr(e){let{step:r,total:t,label:n,variant:o="default"}=e,s=Math.min(r/t*100,100),a=r>=t;return{step:r,total:t,label:n,variant:o,percentage:s,isComplete:a}}function Jr(e){let{step:r,total:t,label:n,variant:o,percentage:s}=gr(e);return(0,se.jsxs)("div",{className:"urun-progress-card","data-variant":o,children:[n&&(0,se.jsx)("div",{className:"urun-progress-label",children:n}),(0,se.jsx)("div",{className:"urun-progress-bar",children:(0,se.jsx)("div",{className:"urun-progress-fill",style:{width:`${s}%`}})}),(0,se.jsxs)("div",{className:"urun-progress-text",children:[r,"/",t]})]})}var Be=require("zod"),Re=require("react/jsx-runtime"),zr=Be.z.object({state:Be.z.enum(["thinking","generating","idle","error"]),message:Be.z.string().optional()}),Wt={thinking:"Thinking...",generating:"Generating...",idle:"Idle",error:"Error"};function Sr(e){let{state:r,message:t}=e,n=r==="thinking"||r==="generating",o=t??Wt[r]??r;return{state:r,message:o,isActive:n}}function Xr(e){let{state:r,message:t,isActive:n}=Sr(e);return(0,Re.jsxs)("span",{className:"urun-status-badge","data-state":r,children:[(0,Re.jsx)("span",{className:`urun-status-indicator${n?" urun-status-pulse":""}`}),(0,Re.jsx)("span",{className:"urun-status-message",children:t})]})}var we=require("react"),Ve=require("zod"),Ae=require("react/jsx-runtime"),Gr=Ve.z.object({text:Ve.z.string(),streaming:Ve.z.boolean().default(!1)});function hr(e){let{text:r,streaming:t=!1}=e,n=r.length===0;return{text:r,streaming:t,isEmpty:n}}function Kr(e){let{text:r,streaming:t}=hr(e),n=(0,we.useRef)(null),o=(0,we.useRef)(0);return(0,we.useEffect)(()=>{let s=n.current;s&&r.length!==o.current&&(s.textContent=r,o.current=r.length)},[r]),(0,Ae.jsxs)("div",{className:"urun-text-stream",children:[(0,Ae.jsx)("span",{ref:n,className:"urun-text-content"}),t&&(0,Ae.jsx)("span",{className:"urun-text-cursor"})]})}var Ee=require("zod"),Me=require("react/jsx-runtime"),Zr=Ee.z.object({src:Ee.z.string().url(),alt:Ee.z.string().optional(),caption:Ee.z.string().optional()});function vr(e){let{src:r,alt:t,caption:n}=e;return{src:r,alt:t??"",caption:n}}function Yr(e){let{src:r,alt:t,caption:n}=vr(e);return(0,Me.jsxs)("figure",{className:"urun-image-frame",children:[(0,Me.jsx)("img",{className:"urun-image",src:r,alt:t}),n&&(0,Me.jsx)("figcaption",{className:"urun-image-caption",children:n})]})}var Z=require("zod"),ge=require("react/jsx-runtime"),Qr=Z.z.object({metrics:Z.z.array(Z.z.object({label:Z.z.string(),value:Z.z.union([Z.z.string(),Z.z.number()]),unit:Z.z.string().optional()}))});function kr(e){return{metrics:e.metrics.map(t=>({...t,displayValue:t.unit?`${t.value} ${t.unit}`:String(t.value)}))}}function et(e){let{metrics:r}=kr(e);return(0,ge.jsx)("div",{className:"urun-metrics-panel",children:r.map((t,n)=>(0,ge.jsxs)("div",{className:"urun-metric-card",children:[(0,ge.jsx)("div",{className:"urun-metric-label",children:t.label}),(0,ge.jsx)("div",{className:"urun-metric-value",children:t.displayValue})]},n))})}var M=require("react"),tt=require("@urun-sh/core");var $e=null;function Ft(){if(typeof window>"u")return null;let e=window;return e.AudioContext??e.webkitAudioContext??null}function Ne(){if($e)return $e;let e=Ft();return e?($e=new e,$e):null}function _e(){let e=Ne();e&&e.state==="suspended"&&e.resume().catch(()=>{})}var nt=require("react/jsx-runtime"),Bt=1e3,rt=200;function yr(...e){console.debug("[urun-audio]",...e)}var He=(0,M.forwardRef)(function(r,t){let{session:n,stream:o="audio",track:s,controls:a=!1,className:u,onTrack:c,onUnlockChange:i,onAudioElement:f}=r,d=(0,M.useRef)(null),m=(0,M.useRef)(null),k=(0,M.useRef)(null),C=(0,M.useRef)(null),y=(0,M.useRef)(c);y.current=c;let g=(0,M.useRef)(i);g.current=i;let S=(0,M.useCallback)(l=>{k.current!==l&&(k.current=l,g.current?.(l))},[]),U=(0,M.useCallback)(()=>{if(typeof MediaStream>"u")return null;m.current||(m.current=new MediaStream);let l=d.current;return l&&l.srcObject!==m.current&&(l.srcObject=m.current),m.current},[]),h=(0,M.useCallback)(l=>{let x=d.current;if(!x)return;let N=x.play();!N||typeof N.then!="function"||N.then(()=>{x.muted||S(!0)}).catch(E=>{let R=E instanceof Error?E.name:String(E);if(R==="AbortError"){yr(`play() aborted (${l}); retrying in ${rt}ms`),C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{C.current=null,h(`${l}:retry`)},rt);return}if(R==="NotAllowedError"){yr(`play() blocked pending a user gesture (${l})`),S(!1);return}yr(`play() failed (${l})`,E)})},[S]),T=(0,M.useCallback)(l=>{let x=U();if(x){for(let N of x.getAudioTracks())N!==l&&x.removeTrack(N);l&&!x.getAudioTracks().includes(l)&&x.addTrack(l),l&&h("track-attach"),y.current?.(l)}},[U,h]),A=(0,M.useCallback)(()=>{let l=d.current;l&&(U(),l.muted=!1,h("gesture"),_e(),S(!0))},[U,h,S]);(0,M.useImperativeHandle)(t,()=>({unlock:A,get unlocked(){return k.current===!0},get element(){return d.current}}),[A]);let V=(0,M.useCallback)(l=>{d.current=l,l&&(l.setAttribute("playsinline",""),l.setAttribute("webkit-playsinline",""),U()),f?.(l)},[U,f]),_=s!==void 0;return(0,M.useEffect)(()=>{if(_){T(s??null);return}if(!n)return;let l=n.stream(o),x=()=>{let p=m.current;return p?p.getAudioTracks()[0]??null:null},N=p=>{if(p!==x()&&(T(p),p)){let P=()=>{x()===p&&T(null)};p.addEventListener("ended",P)}},E=l.track;E&&E.readyState==="live"&&N(E);let R=l.on("track",p=>{p&&p.readyState!=="live"||N(p)}),W=setInterval(()=>{let p=l.track;p&&p.readyState==="live"&&N(p)},Bt);return()=>{R(),clearInterval(W)}},[n,o,_,s,T]),(0,M.useEffect)(()=>(0,tt.observePageLifecycle)(()=>{_e(),k.current===!0&&h("foreground")}),[h]),(0,M.useEffect)(()=>()=>{C.current&&clearTimeout(C.current)},[]),(0,nt.jsx)("audio",{ref:V,className:u,autoPlay:!0,playsInline:!0,controls:a,"data-urun-audio":""})});var w=require("react"),Se=require("@urun-sh/core");var st=require("react/jsx-runtime"),br={channelCount:1,echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0};function je(...e){console.debug("[urun-voice]",...e)}var ot=(0,w.forwardRef)(function(r,t){let{session:n,stream:o="audio",constraints:s=br,connectTimeoutMs:a,attempts:u=3,retryDelayMs:c=1500,onActiveChange:i,onError:f,onMicStream:d,onTrack:m,onUnlockChange:k,capture:C}=r,y=(0,w.useRef)(null),g=(0,w.useRef)(null),S=(0,w.useRef)(null),U=(0,w.useRef)([]),h=(0,w.useRef)(!1),T=(0,w.useRef)(i);T.current=i;let A=(0,w.useRef)(f);A.current=f;let V=(0,w.useRef)(d);V.current=d;let _=(0,w.useCallback)(p=>{h.current!==p&&(h.current=p,T.current?.(p))},[]),l=(0,w.useCallback)(()=>{for(let p of U.current)p();U.current=[],S.current?.release(),S.current=null,g.current&&(g.current=null,V.current?.(null))},[]),x=(0,w.useCallback)(async()=>{let p=S.current;if(p){let F=await p.update(s);return g.current=p.stream,V.current?.(p.stream),F}let q=await(C??(0,Se.sharedCaptureController)()).claim("audio",s);S.current=q,U.current=[q.onTrack((F,j)=>{g.current=j,V.current?.(j),h.current&&n.stream(o).attach(F).catch(be=>je("mic re-attach after one-capture re-acquire failed",be))}),q.onLost(F=>{S.current=null,U.current=[],g.current=null,V.current?.(null),_(!1),A.current?.(F)})],g.current=q.stream,V.current?.(q.stream);let D=q.track;if(!D)throw Object.assign(new Error("no microphone audio track"),{name:"NotFoundError"});return D},[C,s,n,o,_]),N=(0,w.useCallback)(async()=>{l(),_(!1),await n.stream(o).detach().catch(()=>{})},[n,o,l,_]),E=(0,w.useCallback)(async()=>{y.current?.unlock();let p;try{p=await x()}catch(D){l();let F=(0,Se.sessionFailureFromMediaError)(D,n.status);throw A.current?.(F),F}n.connect?.();let P;for(let D=1;D<=u;D++)try{await n.whenLive(a!==void 0?{timeout:a}:void 0),await n.stream(o).attach(p),_(!0);return}catch(F){P=F,je(`start attempt ${D}/${u} failed`,F),D<u&&await new Promise(j=>setTimeout(j,c))}l(),_(!1);let q=P instanceof Error?P:new Error(String(P??"voice start failed"));throw A.current?.(q),q},[n,o,a,u,c,x,l,_]);(0,w.useImperativeHandle)(t,()=>({start:E,stop:N,unlock:()=>y.current?.unlock(),get active(){return h.current},get micStream(){return g.current},get audio(){return y.current}}),[E,N]);let R=(0,w.useRef)(!1),W=(0,w.useCallback)(async()=>{if(!h.current||R.current)return;let p=g.current?.getAudioTracks()[0]??null;if(p&&p.readyState==="live"){try{await n.stream(o).attach(p)}catch(P){je("foreground mic re-assert failed (will retry on next pass)",P)}return}R.current=!0;try{let P=await x();await n.stream(o).attach(P)}catch(P){let q=P instanceof Error?P:new Error(String(P));je("foreground mic re-acquire failed",q),A.current?.(q)}finally{R.current=!1}},[n,o,x]);return(0,w.useEffect)(()=>{let p=()=>{W()};return typeof n.onRecovery=="function"?n.onRecovery(p):(0,Se.observePageLifecycle)(p)},[n,W]),(0,w.useEffect)(()=>l,[l]),(0,st.jsx)(He,{ref:y,session:n,stream:o,onTrack:m,onUnlockChange:k})});var Je=require("@urun-sh/core"),b=require("react"),ze=require("react/jsx-runtime"),xr={width:{ideal:960},height:{ideal:720},frameRate:{ideal:8}};function Cr(...e){console.debug("[urun-camera]",...e)}var at=(0,b.forwardRef)(function(r,t){let{session:n,stream:o="video",constraints:s,facingMode:a="environment",mirror:u="auto",connectTimeoutMs:c,preview:i=!0,className:f,videoClassName:d,onActiveChange:m,onError:k,onStream:C,onTrack:y,children:g,capture:S}=r,U=(0,b.useRef)(null),h=(0,b.useRef)(null),T=(0,b.useRef)(null),A=(0,b.useRef)([]),V=(0,b.useRef)(null),_=(0,b.useRef)(!1),l=(0,b.useRef)(a),[x,N]=(0,b.useState)(a),E=(0,b.useRef)(m);E.current=m;let R=(0,b.useRef)(k);R.current=k;let W=(0,b.useRef)(C);W.current=C;let p=(0,b.useRef)(y);p.current=y;let P=(0,b.useCallback)(v=>{_.current!==v&&(_.current=v,E.current?.(v))},[]),q=(0,b.useCallback)(v=>{let O=U.current;O&&(O.muted=!0,O.srcObject=v,v&&O.play()?.catch?.($=>Cr("preview play() failed",$)))},[]),D=(0,b.useCallback)(()=>{V.current?.(),V.current=null;for(let v of A.current)v();A.current=[],T.current?.release(),T.current=null,h.current&&(h.current=null,W.current?.(null),p.current?.(null)),q(null)},[q]),F=(0,b.useCallback)((v,O)=>{V.current?.(),h.current=O,q(O),W.current?.(O);let $=()=>{h.current===O&&(Cr("camera track ended (device removed or permission revoked)"),D(),P(!1))};v.addEventListener("ended",$),V.current=()=>v.removeEventListener("ended",$)},[q,D,P]),j=(0,b.useCallback)(async v=>{let O={...xr,...s,facingMode:v},$;try{let ee=T.current;if(ee)$=await ee.update(O);else{let xe=await(S??(0,Je.sharedCaptureController)()).claim("video",O);if(T.current=xe,A.current=[xe.onTrack((Ue,Rt)=>{F(Ue,Rt),_.current&&n.stream(o).attachVideo(Ue).then(()=>p.current?.(Ue)).catch(wt=>Cr("camera re-publish after one-capture re-acquire failed",wt))}),xe.onLost(Ue=>{T.current=null,A.current=[],D(),P(!1),R.current?.(Ue)})],!xe.track)throw Object.assign(new Error("no camera video track"),{name:"NotFoundError"});$=xe.track}}catch(ee){let ue=(0,Je.sessionFailureFromMediaError)(ee,n.status);throw R.current?.(ue),ue}l.current=v,N(v),F($,T.current?.stream??new MediaStream([$]));try{n.connect?.(),await n.whenLive(c!==void 0?{timeout:c}:void 0),await n.stream(o).attachVideo($)}catch(ee){D(),P(!1);let ue=ee instanceof Error?ee:new Error(String(ee));throw R.current?.(ue),ue}p.current?.($),P(!0)},[n,o,s,c,S,F,D,P]),be=(0,b.useCallback)(v=>j(v?.facingMode??l.current),[j]),qe=(0,b.useCallback)(async v=>{_.current&&l.current===v||await j(v)},[j]),Le=(0,b.useCallback)(()=>j(l.current==="environment"?"user":"environment"),[j]),ie=(0,b.useCallback)(async()=>{D(),P(!1),await n.stream(o).detachVideo().catch(()=>{})},[n,o,D,P]);return(0,b.useImperativeHandle)(t,()=>({start:be,stop:ie,flip:Le,setFacingMode:qe,get active(){return _.current},get facingMode(){return l.current},get stream(){return h.current},get element(){return U.current}}),[be,ie,Le,qe]),(0,b.useEffect)(()=>D,[D]),i?(0,ze.jsxs)("div",{className:f,style:{position:"relative",width:"100%",height:"100%"},"data-urun-camera":"","data-urun-camera-facing":x,children:[(0,ze.jsx)("video",{ref:U,className:d,autoPlay:!0,muted:!0,playsInline:!0,style:{width:"100%",height:"100%",objectFit:"contain",...(u==="auto"?x==="user":u)?{transform:"scaleX(-1)"}:{}}}),g]}):null});var Xe=require("react");var Ur={level:0,speaking:!1};function it(e,r={}){let{fftSize:t=512,intervalMs:n=100,speakingThreshold:o=.02}=r,[s,a]=(0,Xe.useState)(Ur);return(0,Xe.useEffect)(()=>{if(!e){a(Ur);return}let u=Ne();if(!u||typeof MediaStream>"u")return;let c;e instanceof MediaStream?c=e:(c=new MediaStream,c.addTrack(e));let i,f;try{i=u.createMediaStreamSource(c),f=u.createAnalyser(),f.fftSize=t,i.connect(f)}catch{return}let d=new Uint8Array(f.fftSize),k=setInterval(()=>{f.getByteTimeDomainData(d);let C=0;for(let g=0;g<d.length;g++){let S=(d[g]-128)/128;C+=S*S}let y=Math.sqrt(C/d.length);a(g=>{let S=y>o;return Math.abs(g.level-y)<.005&&g.speaking===S?g:{level:y,speaking:S}})},n);return()=>{clearInterval(k),i.disconnect(),a(Ur)}},[e,t,n,o]),s}var Ge=require("react");function ut(e,r){let[t,n]=(0,Ge.useState)(null);return(0,Ge.useEffect)(()=>{if(!e||!r){n(null);return}let o=e.stream(r);return n(o.track),o.on("track",n)},[e,r]),t}var dt=require("react");var Ze=require("react");var ct=require("zustand/vanilla"),lt=require("zustand"),Vt=()=>{};function Ke(e,r={}){let t=i=>{e?.set(i)},n=()=>e?e.get()??{}:{},o=(0,ct.createStore)(()=>({doc:n(),synced:e?e.synced:!1,set:t})),s=null,a=()=>{if(s){for(let i of s)i();s=null}},u=()=>e?(s||(o.setState({doc:n(),synced:e.synced}),s=[e.on("change",i=>o.setState({doc:i})),e.onSynced(()=>o.setState({synced:!0}))]),a):Vt,c=(i=>(0,lt.useStore)(o,i));return Object.assign(c,{getState:o.getState,getInitialState:o.getInitialState,subscribe:o.subscribe,set:t,bind:u,unbind:a}),r.bind!==!1&&u(),c}function he(e,r){let t=(0,Ze.useMemo)(()=>Ke(e&&r?e.doc(r):null,{bind:!1}),[e,r]);return(0,Ze.useEffect)(()=>t.bind(),[t]),t}function pt(e,r,t){let o=he(e,r)(t??(u=>u)),s=(0,dt.useCallback)(u=>{e&&r&&e.doc(r).set(u)},[e,r]);if(t)return o;let a=o;return{snapshot:e&&r?a.doc:null,synced:a.synced,set:s}}var Qe=require("react");var re=200;function Y(e,r,t=200){let n=[...e,r];return n.length>t?n.slice(n.length-t):n}function ve(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function Ye(e){let r=e.trim();if(!r)return{ok:!1,error:"Enter a JSON object."};let t;try{t=JSON.parse(r)}catch(n){return{ok:!1,error:n instanceof Error?n.message:"Invalid JSON."}}return t===null||typeof t!="object"||Array.isArray(t)?{ok:!1,error:"The payload must be a JSON object."}:{ok:!0,value:t}}function er(e,r,t={}){let n=t.cap??200,[o,s]=(0,Qe.useState)([]);return(0,Qe.useEffect)(()=>{if(s([]),!e||!r)return;let a=!0,u=e.stream(r).messages()[Symbol.asyncIterator]();return(async()=>{for(;;){let c=await u.next();if(!a||c.done)break;s(i=>Y(i,{at:Date.now(),payload:c.value},n))}})(),()=>{a=!1,u.return?.()}},[e,r,n]),o}var z=require("react/jsx-runtime");function mt({session:e,name:r,cap:t,className:n}){let o=er(e,r,{cap:t});return(0,z.jsxs)("div",{className:["urun-stream-tail",n].filter(Boolean).join(" "),children:[(0,z.jsxs)("div",{className:"urun-stream-tail-meta",children:[(0,z.jsx)("code",{children:r}),(0,z.jsxs)("span",{className:"urun-stream-tail-count",children:[o.length," messages"]})]}),(0,z.jsx)("div",{className:"urun-stream-tail-log",children:o.length===0?(0,z.jsxs)("span",{className:"urun-stream-tail-empty",children:["Waiting for ",(0,z.jsx)("code",{children:r})," messages\u2026"]}):o.map((s,a)=>(0,z.jsxs)("div",{className:"urun-stream-tail-line",children:[(0,z.jsx)("span",{className:"urun-stream-tail-time",children:new Date(s.at).toLocaleTimeString()})," ",ve(s.payload)]},`${s.at}-${a}`))})]})}var De=require("react");var H=require("react/jsx-runtime");function Oe({placeholder:e,buttonLabel:r,disabled:t,onApply:n}){let[o,s]=(0,De.useState)(""),[a,u]=(0,De.useState)(null),c=(0,De.useCallback)(()=>{let i=Ye(o);if(!i.ok){u(i.error);return}u(null),n(i.value,o.trim()),s("")},[o,n]);return(0,H.jsxs)("div",{className:"urun-doc-patch",children:[(0,H.jsx)("textarea",{className:"urun-doc-patch-input",value:o,onChange:i=>s(i.target.value),placeholder:e,rows:3}),(0,H.jsxs)("div",{className:"urun-doc-patch-actions",children:[(0,H.jsx)("button",{type:"button",className:"urun-doc-patch-button",disabled:t||!o.trim(),onClick:c,children:r}),a?(0,H.jsx)("span",{className:"urun-doc-patch-error",role:"alert",children:a}):null]})]})}function ft({session:e,docKey:r,editable:t=!0,patchPlaceholder:n='{"desired": {"prompt": {"text": "a sunset"}}}',className:o}){let s=he(e,r),a=s(i=>i.doc),u=s(i=>i.synced),c=s(i=>i.set);return(0,H.jsxs)("div",{className:["urun-doc-panel",o].filter(Boolean).join(" "),children:[(0,H.jsxs)("div",{className:"urun-doc-panel-meta",children:[(0,H.jsx)("code",{children:r}),(0,H.jsx)("span",{className:"urun-doc-panel-synced","data-synced":u?"true":"false",children:u?"synced":"syncing\u2026"})]}),(0,H.jsx)("pre",{className:"urun-doc-panel-snapshot",children:JSON.stringify(a??{},null,2)}),t?(0,H.jsx)(Oe,{placeholder:n,buttonLabel:"Apply patch",disabled:!e,onApply:i=>c(i)}):null]})}var rr=require("react");var Q=require("react/jsx-runtime");function gt(e,r=600){return e.length>r?`${e.slice(0,r)}\u2026`:e}function St({session:e,docKey:r="control",cap:t=200,className:n}){let[o,s]=(0,rr.useState)([]);return(0,rr.useEffect)(()=>(s([]),e?e.doc(r).on("change",u=>{s(c=>Y(c,{at:Date.now(),direction:"in",text:gt(ve(u))},t))}):void 0),[e,r,t]),(0,Q.jsxs)("div",{className:["urun-control-sender",n].filter(Boolean).join(" "),children:[(0,Q.jsx)(Oe,{placeholder:'{"desired": {"settings": {"values": {}}}}',buttonLabel:`Send to ${r}`,disabled:!e,onApply:(a,u)=>{e?.doc(r).set(a),s(c=>Y(c,{at:Date.now(),direction:"out",text:gt(u)},t))}}),(0,Q.jsx)("div",{className:"urun-control-sender-log",children:o.length===0?(0,Q.jsx)("span",{className:"urun-control-sender-empty",children:"Nothing yet."}):[...o].reverse().map((a,u)=>(0,Q.jsxs)("div",{className:"urun-control-sender-line","data-direction":a.direction,children:[(0,Q.jsx)("span",{className:"urun-control-sender-dir",children:a.direction==="out"?"sent":"change"})," ",(0,Q.jsx)("span",{className:"urun-control-sender-time",children:new Date(a.at).toLocaleTimeString()})," ",a.text]},`${a.at}-${u}`))})]})}var tr=require("react");var ae=require("react/jsx-runtime");function ht({session:e,trackNames:r=["video","audio"],docKeys:t=["control"],cap:n=200,className:o}){let[s,a]=(0,tr.useState)([]),u=r.join(","),c=t.join(",");return(0,tr.useEffect)(()=>{if(a([]),!e)return;let i=(d,m)=>a(k=>Y(k,{at:Date.now(),kind:d,text:m},n)),f=[];f.push(e.onPhase(d=>i("phase",`phase \u2192 ${d.name}`)));for(let d of r){let m=e.stream(d);f.push(m.on("track",k=>i("track",`${d}: ${k?"track arrived":"track ended"}`)))}for(let d of t){let m=e.doc(d);f.push(m.on("change",()=>i("doc",`${d} changed`)))}return()=>f.forEach(d=>d())},[e,u,c,n]),(0,ae.jsx)("div",{className:["urun-event-spine",o].filter(Boolean).join(" "),children:s.length===0?(0,ae.jsx)("span",{className:"urun-event-spine-empty",children:"No activity yet \u2014 the spine fills as the session moves through its lifecycle."}):[...s].reverse().map((i,f)=>(0,ae.jsxs)("div",{className:"urun-event-spine-line","data-kind":i.kind,children:[(0,ae.jsx)("span",{className:"urun-event-spine-kind",children:i.kind})," ",(0,ae.jsx)("span",{className:"urun-event-spine-time",children:new Date(i.at).toLocaleTimeString()})," ",i.text]},`${i.at}-${f}`))})}var ar=require("@urun-sh/core");var nr=require("react");function J(e){let[r,t]=(0,nr.useState)(e?.phase??null);return(0,nr.useEffect)(()=>{if(!e){t(null);return}return e.onPhase(t)},[e]),r}var kt=require("@urun-sh/core");var ke=require("react"),vt=require("@urun-sh/core");function or(e){let r=J(e),t=(0,vt.isWakingPhase)(r?.name),n=(0,ke.useRef)(void 0);t?n.current??=Date.now():n.current=void 0;let o=t?r?.wakingSince??n.current:void 0,s=()=>o!==void 0?Math.max(0,Math.floor((Date.now()-o)/1e3)):0,[a,u]=(0,ke.useState)(s);return(0,ke.useEffect)(()=>{if(o===void 0){u(0);return}u(Math.max(0,Math.floor((Date.now()-o)/1e3)));let c=setInterval(()=>{u(Math.max(0,Math.floor((Date.now()-o)/1e3)))},1e3);return()=>clearInterval(c)},[o]),{waking:t,phase:r,state:t?r?.runtime?.state:void 0,reason:t?r?.runtime?.reason:void 0,since:o,seconds:t?a:0}}var te=require("react/jsx-runtime");function sr({session:e,render:r,className:t}){let n=or(e);return!n.waking||!n.phase?null:(0,te.jsx)("span",{className:["urun-session-waking",t].filter(Boolean).join(" "),"data-phase":n.phase.name,"data-runtime-state":n.state,children:r?r(n):(0,te.jsxs)(te.Fragment,{children:[(0,te.jsx)("span",{className:"urun-session-waking-label",children:(0,kt.describeSessionPhase)(n.phase)})," ",(0,te.jsxs)("span",{className:"urun-session-waking-elapsed",children:["(",n.seconds,"s)"]})]})})}var X=require("react/jsx-runtime"),$t={idle:"idle",queued:"queued",unavailable:"unavailable",provisioning:"provisioning",connecting:"connecting",live:"live",error:"error",ended:"ended",expired:"expired"};function yt({session:e,className:r}){let t=J(e),n=t?.name??"idle",o=t?.name==="queued"&&t.queue?`pos ${t.queue.position} / depth ${t.queue.depth}`:(t?.name==="error"||t?.name==="expired")&&t.error?t.error.reason:t?.runtime?.reason??null;return(0,X.jsxs)("span",{className:["urun-session-status",r].filter(Boolean).join(" "),"data-phase":n,children:[(0,X.jsx)("span",{className:"urun-session-status-dot","data-phase":n}),(0,X.jsx)("span",{className:"urun-session-status-label",children:$t[n]}),o?(0,X.jsx)("span",{className:"urun-session-status-detail",children:o}):null]})}function bt({session:e,children:r,fallback:t,onStartOver:n,className:o}){let s=J(e);if(s?.name==="live")return(0,X.jsx)("div",{className:["urun-session-gate",o].filter(Boolean).join(" "),children:r});let a=t?t(s):(0,X.jsx)("span",{className:"urun-session-gate-fallback",children:s?.name==="error"?`Session ${s.error?.reason??"failed"}.`:s?.name==="ended"?"Session ended.":s&&(0,ar.isWakingPhase)(s.name)?(0,X.jsx)(sr,{session:e}):s&&s.name!=="idle"?(0,ar.describeSessionPhase)(s):"Waiting for a live session\u2026"}),u=n!==void 0&&(s?.name==="error"||s?.name==="ended"||s?.name==="expired");return(0,X.jsxs)("div",{className:["urun-session-gate",o].filter(Boolean).join(" "),children:[a,u?(0,X.jsx)("button",{type:"button",className:"urun-session-gate-start-over",onClick:n,children:"Start over"}):null]})}var ir=require("react");var xt=require("react/jsx-runtime");function Tr(e){return J(e)?.endsAt??null}function Ht(e){let r=Math.max(0,Math.floor(e/1e3)),t=Math.floor(r/60),n=r%60;return`${String(t).padStart(2,"0")}:${String(n).padStart(2,"0")}`}function Ct({session:e,urgentMs:r=6e4,className:t}){let o=Tr(e)?.getTime()??null,[s,a]=(0,ir.useState)(()=>o===null?null:Math.max(0,o-Date.now()));if((0,ir.useEffect)(()=>{if(o===null){a(null);return}let c=()=>a(Math.max(0,o-Date.now()));c();let i=setInterval(c,1e3);return()=>clearInterval(i)},[o]),s===null)return null;let u=Ht(s);return(0,xt.jsx)("span",{className:["urun-session-clock",t].filter(Boolean).join(" "),role:"timer","aria-label":`Session time remaining ${u}`,"data-urgent":s<r?"":void 0,"data-expired":s<=0?"":void 0,children:u})}var Ie=require("react/jsx-runtime"),jt=new Set(["expired","ended","error"]);function Ut({session:e,onNewSession:r,children:t,className:n}){let o=J(e);if(!o||!jt.has(o.name))return null;let s=t?t(o):(0,Ie.jsx)("span",{className:"urun-session-ended-copy",children:o.name==="expired"?"Session ended \u2014 start a new session":o.name==="error"?`Session failed${o.error?.reason?` \u2014 ${o.error.reason}`:""}.`:"Session ended."});return(0,Ie.jsxs)("div",{className:["urun-session-ended",n].filter(Boolean).join(" "),"data-phase":o.name,children:[s,r?(0,Ie.jsx)("button",{type:"button",className:"urun-session-ended-new",onClick:r,children:"New session"}):null]})}var ye=require("react"),Tt=require("@urun-sh/core");function Pt(e){let r=(0,ye.useContext)(le),[t,n]=(0,ye.useState)(null),o=e.app??r?.appId,s=e.function,a=e.intervalS??60,u=r?.baseUrl,c=r?.orgId,i=r?.jwt,f=r?.getAccessToken,d=r?.authProvider;return(0,ye.useEffect)(()=>{if(!u||!c||!o||!s)return;let m=!1,k=()=>{(0,Tt.prewake)({baseUrl:u,app:o,functionName:s,orgId:c,jwt:i,getAccessToken:f,authProvider:d}).then(y=>{m||n(y)}).catch(()=>{})};k();let C=setInterval(k,Math.max(1,a)*1e3);return()=>{m=!0,clearInterval(C)}},[o,s,a,u,c,i,f,d]),t}var ur=require("@urun-sh/core");0&&(module.exports={ComponentRenderer,DEFAULT_CAMERA_CONSTRAINTS,DEFAULT_LOG_CAP,DEFAULT_VOICE_CONSTRAINTS,DocPatchForm,ImageFrame,ImageFrameSchema,MetricsPanel,MetricsPanelSchema,ProgressCard,ProgressCardSchema,StatusBadge,StatusBadgeSchema,TextStream,TextStreamSchema,UrunAudio,UrunAuthProvider,UrunCamera,UrunControlSender,UrunDocPanel,UrunErrorBoundary,UrunEventSpine,UrunJwtProvider,UrunProvider,UrunSessionClock,UrunSessionEnded,UrunSessionGate,UrunSessionStatus,UrunSessionWaking,UrunStreamTail,UrunVoice,authMode,createDocStore,describeSessionPhase,formatPayload,getUrunAudioContext,isWakingPhase,parseJsonObject,pushCapped,registerComponent,resumeUrunAudioContext,urunPublicEnv,useApp,useChat,useCompletion,useDocStore,useImageFrame,useMetricsPanel,useProgressCard,useRequest,useSessionDoc,useSessionEndsAt,useSessionPhase,useSessionTrack,useSessionWake,useStatusBadge,useStreamMessages,useTextStream,useUrunAudioLevel,useUrunAuth,useUrunPrewake,usesWorkOSAuth});
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
import{a as Tt,b as bt,c as Re}from"./chunk-WF2OBDSX.mjs";import{useEffect as Et,useMemo as wt,useState as At}from"react";import{Component as Rt}from"react";import{jsx as je,jsxs as Ut}from"react/jsx-runtime";var ee=class extends Rt{constructor(t){super(t),this.state={error:null}}static getDerivedStateFromError(t){return{error:t}}componentDidCatch(t,r){console.error("[urun] Error caught by UrunErrorBoundary:",t,r)}render(){if(this.state.error){let{fallback:t}=this.props;return typeof t=="function"?t(this.state.error):t||Ut("div",{role:"status","aria-live":"polite",style:{padding:"16px",border:"1px solid rgba(17, 24, 39, 0.12)",borderRadius:"8px",background:"#ffffff",color:"#111827",fontFamily:'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',maxWidth:"360px"},children:[je("p",{style:{margin:0,fontWeight:600},children:"Connection interrupted"}),je("p",{style:{margin:"6px 0 0",color:"#4b5563"},children:"Reconnecting automatically."})]})}return this.props.children}};import{createContext as xt}from"react";var ae=xt(null);function j(e){return e&&e.trim()?e.trim():void 0}function B(e){switch(e){case"NEXT_PUBLIC_AUTH_MODE":return j(typeof process<"u"?process.env?.NEXT_PUBLIC_AUTH_MODE:void 0);case"NEXT_PUBLIC_AUTH_ENABLED":return j(typeof process<"u"?process.env?.NEXT_PUBLIC_AUTH_ENABLED:void 0);case"NEXT_PUBLIC_SESSION_AUTH_PROVIDER":return j(typeof process<"u"?process.env?.NEXT_PUBLIC_SESSION_AUTH_PROVIDER:void 0);case"NEXT_PUBLIC_SESSION_TOKEN":return j(typeof process<"u"?process.env?.NEXT_PUBLIC_SESSION_TOKEN:void 0);case"NEXT_PUBLIC_URUN_JWT":return j(typeof process<"u"?process.env?.NEXT_PUBLIC_URUN_JWT:void 0);case"VERCEL_ENV":return j(typeof process<"u"?process.env?.VERCEL_ENV:void 0);default:return j(typeof process<"u"?process.env?.[e]:void 0)}}function ie(){let e=B("NEXT_PUBLIC_AUTH_MODE")?.toLowerCase();return e==="jwt"||e==="customer-jwt"||e==="test-jwt"?"jwt":e==="workos"||B("VERCEL_ENV")==="production"?"workos":B("NEXT_PUBLIC_AUTH_ENABLED")==="false"?"jwt":"workos"}function Pt(){return ie()==="workos"}import{jsx as Ue}from"react/jsx-runtime";function _t({baseUrl:e,orgId:t,appId:r,jwt:n,authProvider:o,fallback:s,children:i}){let[l,c]=At(),a=Re(),m=B("NEXT_PUBLIC_SESSION_TOKEN")??B("NEXT_PUBLIC_URUN_JWT"),d=ie(),p=d==="workos"&&!n,R=n??(d==="jwt"?m:void 0)??l,k=o??B("NEXT_PUBLIC_SESSION_AUTH_PROVIDER"),C=p&&!R,y=wt(()=>({appId:r,baseUrl:e,orgId:t,jwt:R,getAccessToken:p?a?.getAccessToken:void 0,authProvider:k}),[r,a,e,k,R,t,p]);return Et(()=>{if(!p||!a)return;let f=!1,g=a;async function h(){try{let U=await g.getAccessToken();f||c(U??void 0)}catch{f||c(void 0)}}h();let T=window.setInterval(()=>{h()},6e4);return()=>{f=!0,window.clearInterval(T)}},[a,p]),Ue(ee,{fallback:s,children:C?Ue("div",{role:"status","aria-live":"polite",children:"Signing in..."}):Ue(ae.Provider,{value:y,children:i})})}import{useContext as Mt,useMemo as Je,useReducer as Nt,useRef as Dt}from"react";import{App as Ot}from"@urun-sh/core";function It(e,t){return`${e}:${JSON.stringify(t??{})}`}var xe=class{constructor(t,r){this._doc=t;this._notify=r;this._unsubscribeChange=this._doc.on("change",()=>this._notify())}_doc;_notify;_unsubscribeChange;get(t,r){return this._doc.get(t,r)}set(t){this._doc.set(t),this._notify()}on(t,r){return this._doc.on(t,n=>r(n))}get synced(){return this._doc.synced}onSynced(t){return this._doc.onSynced(()=>{t(),this._notify()})}text(t){let r=this._doc.text(t),n=this._notify;return{append(o){r.append(o),n()},toString:()=>r.toString(),get length(){return r.length},on:(o,s)=>r.on(o,i=>{s(i),n()})}}dispose(){this._unsubscribeChange()}},Pe=class{constructor(t,r){this._stream=t;this._notify=r;this._unsubscribeTrack=this._stream.on("track",()=>this._notify())}_stream;_notify;_unsubscribeTrack;get track(){return this._stream.track}attach(t){return this._stream.attach(t)}attachVideo(t){return this._stream.attachVideo(t)}detach(){return this._stream.detach()}detachVideo(){return this._stream.detachVideo()}seek(t){return this._stream.seek(t)}chunks(t){return this._stream.chunks(t)}onSeeked(t){return this._stream.onSeeked(t)}on(t,r){return this._stream.on(t,r)}messages(){return this._stream.messages()}emit(t,r){return this._stream.emit(t,r)}dispose(){this._unsubscribeTrack()}},Ee=class{constructor(t,r){this._session=t;this._notify=r;this._unsubscribePhase=this._session.onPhase(()=>this._notify())}_session;_notify;_docs=new Map;_streams=new Map;_unsubscribePhase;_disposed=!1;get disposed(){return this._disposed}get id(){return this._session.id}get phase(){return this._session.phase}get status(){return this._session.status}onPhase(t){return this._session.onPhase(t)}whenLive(t){return this._session.whenLive(t)}request(t,r){return this._session.request(t,r)}requestStream(t,r){return this._session.requestStream(t,r)}complete(t,r){return this._session.complete(t,r)}get recordings(){return this._session.recordings}get artifacts(){return this._session.artifacts}get presence(){return this._session.presence}doc(t){let r=this._docs.get(t);return r||(r=new xe(this._session.doc(t),this._notify),this._docs.set(t,r)),r}stream(t){let r=this._streams.get(t);return r||(r=new Pe(this._session.stream(t),this._notify),this._streams.set(t,r)),r}disconnect(){this._disposed=!0;for(let t of this._docs.values())t.dispose();for(let t of this._streams.values())t.dispose();this._docs.clear(),this._streams.clear(),this._unsubscribePhase(),this._session.disconnect(),this._notify()}};function qt(){let e=Mt(ae);if(!e)throw new Error("useApp must be used within <UrunProvider>");if(!e.appId)throw new Error('useApp requires <UrunProvider appId="...">');let[,t]=Nt(o=>o+1,0),r=Dt(new Map),n=Je(()=>Ot(e.appId,{baseUrl:e.baseUrl,orgId:e.orgId,jwt:e.jwt,getAccessToken:e.getAccessToken,authProvider:e.authProvider}),[e.appId,e.baseUrl,e.orgId,e.jwt,e.getAccessToken,e.authProvider]);return Je(()=>new Proxy({},{get(o,s){if(typeof s=="string")return i=>{let l=It(s,i),c=r.current.get(l);if(c&&!c.disposed)return c;let a=new Ee(n[s](i),t);return r.current.set(l,a),a}}}),[n])}import{useCallback as we,useEffect as Lt,useMemo as Ft,useRef as ue,useState as Ae}from"react";function X(e){let t=e;if(!t||typeof t.request!="function"||typeof t.requestStream!="function")throw new Error("This session does not support request/requestStream. Upgrade @urun-sh/core to a version that ships the request/response primitive.");return t}function Bt(e){return e instanceof Error?e:new Error(String(e))}function Vt(e,t){let r=Ft(()=>X(e),[e]),[n,o]=Ae(void 0),[s,i]=Ae(null),[l,c]=Ae(!1),a=ue(t);a.current=t;let m=ue(0),d=ue(null),p=ue(!0);Lt(()=>(p.current=!0,()=>{p.current=!1,d.current?.abort()}),[]);let R=we(async y=>{d.current?.abort();let f=new AbortController;d.current=f;let g=++m.current,h=()=>p.current&&m.current===g;h()&&(c(!0),i(null));try{let T=await r.request(y,{...a.current,signal:f.signal});return h()&&(o(T),c(!1),a.current?.onSuccess?.(T)),T}catch(T){let U=Bt(T);throw h()&&(i(U),c(!1),a.current?.onError?.(U)),U}},[r]),k=we(y=>{R(y).catch(()=>{})},[R]),C=we(()=>{m.current++,d.current?.abort(),d.current=null,o(void 0),i(null),c(!1)},[]);return{mutate:k,mutateAsync:R,data:n,error:s,isPending:l,reset:C}}import{useCallback as ze,useEffect as Wt,useMemo as Ht,useRef as ce,useState as _e}from"react";function Xe(e){return e instanceof Error?e:new Error(String(e))}var $t=e=>typeof e=="string"?e:String(e);function jt(e,t){let r=Ht(()=>X(e),[e]),[n,o]=_e(""),[s,i]=_e(!1),[l,c]=_e(null),a=ce(t);a.current=t;let m=ce(0),d=ce(null),p=ce(!0);Wt(()=>(p.current=!0,()=>{p.current=!1,d.current?.cancel(),d.current=null}),[]);let R=ze(()=>{m.current++,d.current?.cancel(),d.current=null,p.current&&i(!1)},[]),k=ze(async C=>{d.current?.cancel();let y=++m.current,f=()=>p.current&&m.current===y,g=a.current,h=g?.parseChunk??$t,T=g?.buildPayload??(S=>({prompt:S}));f()&&(o(""),c(null),i(!0));let{parseChunk:U,buildPayload:q,onFinish:D,onError:u,...v}=g??{},x="",P;try{P=r.requestStream(T(C),v),d.current=P}catch(S){let E=Xe(S);f()&&(c(E),i(!1),g?.onError?.(E));return}try{for await(let S of P){if(m.current!==y)break;x+=h(S),f()&&o(x)}f()&&(i(!1),g?.onFinish?.(x))}catch(S){let E=Xe(S);f()&&(c(E),i(!1),g?.onError?.(E))}finally{d.current===P&&(d.current=null)}},[r]);return{completion:n,complete:k,stop:R,isStreaming:s,error:l}}import{useCallback as Ge,useEffect as Jt,useMemo as zt,useRef as G,useState as le}from"react";function Ke(e){return e instanceof Error?e:new Error(String(e))}var Xt=e=>typeof e=="string"?e:String(e),Ze=0;function Me(e){return Ze+=1,`${e}-${Ze}`}function Gt(e,t){let r=zt(()=>X(e),[e]),[n,o]=le(()=>(t?.initialMessages??[]).map(h=>({id:h.id??Me("msg"),role:h.role,content:h.content}))),[s,i]=le(""),[l,c]=le(!1),[a,m]=le(null),d=G(t);d.current=t;let p=G(n);p.current=n;let R=G(s);R.current=s;let k=G(0),C=G(null),y=G(!0);Jt(()=>(y.current=!0,()=>{y.current=!1,C.current?.cancel(),C.current=null}),[]);let f=Ge(()=>{k.current++,C.current?.cancel(),C.current=null,y.current&&c(!1)},[]),g=Ge(async h=>{let T=h===void 0,U=(T?R.current:h)??"";if(!U.trim())return;C.current?.cancel();let D=++k.current,u=()=>y.current&&k.current===D,v=d.current,x=v?.parseChunk??Xt,P={id:Me("msg"),role:"user",content:U},S={id:Me("msg"),role:"assistant",content:""},E=[...p.current,P].map(A=>({role:A.role,content:A.content})),b=[...p.current,P,S];p.current=b,o(b),T&&i(""),m(null),c(!0);let I=v?.buildPayload??(A=>({messages:A})),{initialMessages:ke,parseChunk:Ce,buildPayload:Te,onFinish:be,onError:kt,...w}=v??{},_=A=>{o(O=>O.map(N=>N.id===S.id?{...N,content:A}:N))},F="",M;try{M=r.requestStream(I(E),w),C.current=M}catch(A){let O=Ke(A);u()&&(m(O),c(!1),v?.onError?.(O));return}try{for await(let A of M){if(k.current!==D)break;F+=x(A),u()&&_(F)}u()&&(c(!1),v?.onFinish?.({...S,content:F}))}catch(A){let O=Ke(A);u()&&(m(O),c(!1),v?.onError?.(O))}finally{C.current===M&&(C.current=null)}},[r]);return{messages:n,input:s,setInput:i,sendMessage:g,stop:f,isStreaming:l,error:a}}var Ye=new Map;function Kt(e,t,r){if(!r||typeof r.safeParse!="function")throw new Error(`registerComponent("${e}"): schema must be a valid Zod schema`);Ye.set(e,{component:t,schema:r})}function Qe(e,t){let r=Ye.get(e);if(!r)return{error:`Unknown component: "${e}"`};let n=r.schema.safeParse(t);return n.success?{Component:r.component,validatedProps:n.data}:{error:`Validation failed for "${e}": ${n.error.message}`}}import{Fragment as Yt,jsx as de}from"react/jsx-runtime";function Zt({name:e,props:t,fallback:r}){let n=Qe(e,t);if(n.error)return console.warn(`[urun] ComponentRenderer: ${n.error}`),r?de(Yt,{children:r}):de("div",{className:"urun-component-error",role:"alert",children:de("span",{className:"urun-component-error-text",children:n.error})});let o=n.Component;return de(o,{...n.validatedProps})}import{z as te}from"zod";import{jsx as Ne,jsxs as et}from"react/jsx-runtime";var Qt=te.object({step:te.number().min(0),total:te.number().min(1),label:te.string().optional(),variant:te.enum(["default","success","error"]).default("default")});function tt(e){let{step:t,total:r,label:n,variant:o="default"}=e,s=Math.min(t/r*100,100),i=t>=r;return{step:t,total:r,label:n,variant:o,percentage:s,isComplete:i}}function er(e){let{step:t,total:r,label:n,variant:o,percentage:s}=tt(e);return et("div",{className:"urun-progress-card","data-variant":o,children:[n&&Ne("div",{className:"urun-progress-label",children:n}),Ne("div",{className:"urun-progress-bar",children:Ne("div",{className:"urun-progress-fill",style:{width:`${s}%`}})}),et("div",{className:"urun-progress-text",children:[t,"/",r]})]})}import{z as De}from"zod";import{jsx as rt,jsxs as or}from"react/jsx-runtime";var tr=De.object({state:De.enum(["thinking","generating","idle","error"]),message:De.string().optional()}),rr={thinking:"Thinking...",generating:"Generating...",idle:"Idle",error:"Error"};function nt(e){let{state:t,message:r}=e,n=t==="thinking"||t==="generating",o=r??rr[t]??t;return{state:t,message:o,isActive:n}}function nr(e){let{state:t,message:r,isActive:n}=nt(e);return or("span",{className:"urun-status-badge","data-state":t,children:[rt("span",{className:`urun-status-indicator${n?" urun-status-pulse":""}`}),rt("span",{className:"urun-status-message",children:r})]})}import{useRef as ot,useEffect as sr}from"react";import{z as Oe}from"zod";import{jsx as st,jsxs as ur}from"react/jsx-runtime";var ar=Oe.object({text:Oe.string(),streaming:Oe.boolean().default(!1)});function at(e){let{text:t,streaming:r=!1}=e,n=t.length===0;return{text:t,streaming:r,isEmpty:n}}function ir(e){let{text:t,streaming:r}=at(e),n=ot(null),o=ot(0);return sr(()=>{let s=n.current;s&&t.length!==o.current&&(s.textContent=t,o.current=t.length)},[t]),ur("div",{className:"urun-text-stream",children:[st("span",{ref:n,className:"urun-text-content"}),r&&st("span",{className:"urun-text-cursor"})]})}import{z as pe}from"zod";import{jsx as it,jsxs as dr}from"react/jsx-runtime";var cr=pe.object({src:pe.string().url(),alt:pe.string().optional(),caption:pe.string().optional()});function ut(e){let{src:t,alt:r,caption:n}=e;return{src:t,alt:r??"",caption:n}}function lr(e){let{src:t,alt:r,caption:n}=ut(e);return dr("figure",{className:"urun-image-frame",children:[it("img",{className:"urun-image",src:t,alt:r}),n&&it("figcaption",{className:"urun-image-caption",children:n})]})}import{z as V}from"zod";import{jsx as Ie,jsxs as fr}from"react/jsx-runtime";var pr=V.object({metrics:V.array(V.object({label:V.string(),value:V.union([V.string(),V.number()]),unit:V.string().optional()}))});function ct(e){return{metrics:e.metrics.map(r=>({...r,displayValue:r.unit?`${r.value} ${r.unit}`:String(r.value)}))}}function mr(e){let{metrics:t}=ct(e);return Ie("div",{className:"urun-metrics-panel",children:t.map((r,n)=>fr("div",{className:"urun-metric-card",children:[Ie("div",{className:"urun-metric-label",children:r.label}),Ie("div",{className:"urun-metric-value",children:r.displayValue})]},n))})}import{forwardRef as Sr,useCallback as K,useEffect as lt,useImperativeHandle as hr,useRef as Z}from"react";var me=null;function gr(){if(typeof window>"u")return null;let e=window;return e.AudioContext??e.webkitAudioContext??null}function fe(){if(me)return me;let e=gr();return e?(me=new e,me):null}function qe(){let e=fe();e&&e.state==="suspended"&&e.resume().catch(()=>{})}import{jsx as yr}from"react/jsx-runtime";var vr=1e3,dt=200;function Le(...e){console.debug("[urun-audio]",...e)}var Fe=Sr(function(t,r){let{session:n,stream:o="audio",track:s,controls:i=!1,className:l,onTrack:c,onUnlockChange:a,onAudioElement:m}=t,d=Z(null),p=Z(null),R=Z(null),k=Z(null),C=Z(c);C.current=c;let y=Z(a);y.current=a;let f=K(u=>{R.current!==u&&(R.current=u,y.current?.(u))},[]),g=K(()=>{if(typeof MediaStream>"u")return null;p.current||(p.current=new MediaStream);let u=d.current;return u&&u.srcObject!==p.current&&(u.srcObject=p.current),p.current},[]),h=K(u=>{let v=d.current;if(!v)return;let x=v.play();!x||typeof x.then!="function"||x.then(()=>{v.muted||f(!0)}).catch(P=>{let S=P instanceof Error?P.name:String(P);if(S==="AbortError"){Le(`play() aborted (${u}); retrying in ${dt}ms`),k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{k.current=null,h(`${u}:retry`)},dt);return}if(S==="NotAllowedError"){Le(`play() blocked pending a user gesture (${u})`),f(!1);return}Le(`play() failed (${u})`,P)})},[f]),T=K(u=>{let v=g();if(v){for(let x of v.getAudioTracks())x!==u&&v.removeTrack(x);u&&!v.getAudioTracks().includes(u)&&v.addTrack(u),u&&h("track-attach"),C.current?.(u)}},[g,h]),U=K(()=>{let u=d.current;u&&(g(),u.muted=!1,h("gesture"),qe(),f(!0))},[g,h,f]);hr(r,()=>({unlock:U,get unlocked(){return R.current===!0},get element(){return d.current}}),[U]);let q=K(u=>{d.current=u,u&&(u.setAttribute("playsinline",""),u.setAttribute("webkit-playsinline",""),g()),m?.(u)},[g,m]),D=s!==void 0;return lt(()=>{if(D){T(s??null);return}if(!n)return;let u=n.stream(o),v=()=>{let b=p.current;return b?b.getAudioTracks()[0]??null:null},x=b=>{if(b!==v()&&(T(b),b)){let I=()=>{v()===b&&T(null)};b.addEventListener("ended",I)}},P=u.track;P&&P.readyState==="live"&&x(P);let S=u.on("track",b=>{b&&b.readyState!=="live"||x(b)}),E=setInterval(()=>{let b=u.track;b&&b.readyState==="live"&&x(b)},vr);return()=>{S(),clearInterval(E)}},[n,o,D,s,T]),lt(()=>()=>{k.current&&clearTimeout(k.current)},[]),yr("audio",{ref:q,className:l,autoPlay:!0,playsInline:!0,controls:i,"data-urun-audio":""})});import{forwardRef as kr,useCallback as ge,useEffect as Cr,useImperativeHandle as Tr,useRef as Y}from"react";import{sessionFailureFromMediaError as pt}from"@urun-sh/core";import{jsx as Ur}from"react/jsx-runtime";var mt={channelCount:1,echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0};function br(...e){console.debug("[urun-voice]",...e)}var Rr=kr(function(t,r){let{session:n,stream:o="audio",constraints:s=mt,connectTimeoutMs:i,attempts:l=3,retryDelayMs:c=1500,onActiveChange:a,onError:m,onMicStream:d,onTrack:p,onUnlockChange:R}=t,k=Y(null),C=Y(null),y=Y(!1),f=Y(a);f.current=a;let g=Y(m);g.current=m;let h=Y(d);h.current=d;let T=ge(u=>{y.current!==u&&(y.current=u,f.current?.(u))},[]),U=ge(()=>{let u=C.current;if(u){for(let v of u.getTracks())v.stop();C.current=null,h.current?.(null)}},[]),q=ge(async()=>{U(),T(!1),await n.stream(o).detach().catch(()=>{})},[n,o,U,T]),D=ge(async()=>{k.current?.unlock();let u;try{u=await navigator.mediaDevices.getUserMedia({audio:s,video:!1})}catch(S){let E=pt(S,n.status);throw g.current?.(E),E}U(),C.current=u,h.current?.(u);let v=u.getAudioTracks()[0];if(!v){U();let S=pt(Object.assign(new Error("no microphone audio track"),{name:"NotFoundError"}),n.status);throw g.current?.(S),S}n.connect?.();let x;for(let S=1;S<=l;S++)try{await n.whenLive(i!==void 0?{timeout:i}:void 0),await n.stream(o).attach(v),T(!0);return}catch(E){x=E,br(`start attempt ${S}/${l} failed`,E),S<l&&await new Promise(b=>setTimeout(b,c))}U(),T(!1);let P=x instanceof Error?x:new Error(String(x??"voice start failed"));throw g.current?.(P),P},[n,o,s,i,l,c,U,T]);return Tr(r,()=>({start:D,stop:q,unlock:()=>k.current?.unlock(),get active(){return y.current},get micStream(){return C.current},get audio(){return k.current}}),[D,q]),Cr(()=>U,[U]),Ur(Fe,{ref:k,session:n,stream:o,onTrack:p,onUnlockChange:R})});import{sessionFailureFromMediaError as ft}from"@urun-sh/core";import{forwardRef as xr,useCallback as W,useEffect as Pr,useImperativeHandle as Er,useRef as L,useState as wr}from"react";import{jsx as _r,jsxs as Mr}from"react/jsx-runtime";var St={width:{ideal:960},height:{ideal:720},frameRate:{ideal:8}};function gt(...e){console.debug("[urun-camera]",...e)}var Ar=xr(function(t,r){let{session:n,stream:o="video",constraints:s,facingMode:i="environment",mirror:l="auto",connectTimeoutMs:c,preview:a=!0,className:m,videoClassName:d,onActiveChange:p,onError:R,onStream:k,onTrack:C,children:y}=t,f=L(null),g=L(null),h=L(null),T=L(!1),U=L(i),[q,D]=wr(i),u=L(p);u.current=p;let v=L(R);v.current=R;let x=L(k);x.current=k;let P=L(C);P.current=C;let S=W(w=>{T.current!==w&&(T.current=w,u.current?.(w))},[]),E=W(w=>{let _=f.current;_&&(_.muted=!0,_.srcObject=w,w&&_.play()?.catch?.(F=>gt("preview play() failed",F)))},[]),b=W(()=>{h.current?.(),h.current=null;let w=g.current;if(w){for(let _ of w.getTracks())_.stop();g.current=null,x.current?.(null),P.current?.(null)}E(null)},[E]),I=W(async w=>{let _=g.current,F=h.current,M;try{M=await navigator.mediaDevices.getUserMedia({video:{...St,...s,facingMode:w},audio:!1})}catch(N){let $=ft(N,n.status);throw v.current?.($),$}let A=M.getVideoTracks()[0];if(!A){for(let $ of M.getTracks())$.stop();let N=ft(Object.assign(new Error("no camera video track"),{name:"NotFoundError"}),n.status);throw v.current?.(N),N}g.current=M,U.current=w,D(w),E(M),x.current?.(M);let O=()=>{g.current===M&&(gt("camera track ended (device removed or permission revoked)"),b(),S(!1))};A.addEventListener("ended",O),h.current=()=>A.removeEventListener("ended",O);try{n.connect?.(),await n.whenLive(c!==void 0?{timeout:c}:void 0),await n.stream(o).attachVideo(A)}catch(N){A.removeEventListener("ended",O);for(let Ct of M.getTracks())Ct.stop();g.current===M&&(g.current=_,h.current=F,E(_),x.current?.(_));let $=N instanceof Error?N:new Error(String(N));throw v.current?.($),$}if(_&&_!==M){F?.();for(let N of _.getTracks())N.stop()}P.current?.(A),S(!0)},[n,o,s,c,E,b,S]),ke=W(w=>I(w?.facingMode??U.current),[I]),Ce=W(async w=>{T.current&&U.current===w||await I(w)},[I]),Te=W(()=>I(U.current==="environment"?"user":"environment"),[I]),be=W(async()=>{b(),S(!1),await n.stream(o).detachVideo().catch(()=>{})},[n,o,b,S]);return Er(r,()=>({start:ke,stop:be,flip:Te,setFacingMode:Ce,get active(){return T.current},get facingMode(){return U.current},get stream(){return g.current},get element(){return f.current}}),[ke,be,Te,Ce]),Pr(()=>b,[b]),a?Mr("div",{className:m,style:{position:"relative",width:"100%",height:"100%"},"data-urun-camera":"","data-urun-camera-facing":q,children:[_r("video",{ref:f,className:d,autoPlay:!0,muted:!0,playsInline:!0,style:{width:"100%",height:"100%",objectFit:"contain",...(l==="auto"?q==="user":l)?{transform:"scaleX(-1)"}:{}}}),y]}):null});import{useEffect as Nr,useState as Dr}from"react";var Be={level:0,speaking:!1};function Or(e,t={}){let{fftSize:r=512,intervalMs:n=100,speakingThreshold:o=.02}=t,[s,i]=Dr(Be);return Nr(()=>{if(!e){i(Be);return}let l=fe();if(!l||typeof MediaStream>"u")return;let c;e instanceof MediaStream?c=e:(c=new MediaStream,c.addTrack(e));let a,m;try{a=l.createMediaStreamSource(c),m=l.createAnalyser(),m.fftSize=r,a.connect(m)}catch{return}let d=new Uint8Array(m.fftSize),R=setInterval(()=>{m.getByteTimeDomainData(d);let k=0;for(let y=0;y<d.length;y++){let f=(d[y]-128)/128;k+=f*f}let C=Math.sqrt(k/d.length);i(y=>{let f=C>o;return Math.abs(y.level-C)<.005&&y.speaking===f?y:{level:C,speaking:f}})},n);return()=>{clearInterval(R),a.disconnect(),i(Be)}},[e,r,n,o]),s}import{useEffect as Ir,useState as qr}from"react";function Lr(e,t){let[r,n]=qr(null);return Ir(()=>{if(!e||!t){n(null);return}let o=e.stream(t);return n(o.track),o.on("track",n)},[e,t]),r}import{useCallback as $r}from"react";import{useEffect as Wr,useMemo as Hr}from"react";import{createStore as Fr}from"zustand/vanilla";import{useStore as Br}from"zustand";var Vr=()=>{};function Ve(e,t={}){let r=a=>{e?.set(a)},n=()=>e?e.get()??{}:{},o=Fr(()=>({doc:n(),synced:e?e.synced:!1,set:r})),s=null,i=()=>{if(s){for(let a of s)a();s=null}},l=()=>e?(s||(o.setState({doc:n(),synced:e.synced}),s=[e.on("change",a=>o.setState({doc:a})),e.onSynced(()=>o.setState({synced:!0}))]),i):Vr,c=(a=>Br(o,a));return Object.assign(c,{getState:o.getState,getInitialState:o.getInitialState,subscribe:o.subscribe,set:r,bind:l,unbind:i}),t.bind!==!1&&l(),c}function re(e,t){let r=Hr(()=>Ve(e&&t?e.doc(t):null,{bind:!1}),[e,t]);return Wr(()=>r.bind(),[r]),r}function jr(e,t,r){let o=re(e,t)(r??(l=>l)),s=$r(l=>{e&&t&&e.doc(t).set(l)},[e,t]);if(r)return o;let i=o;return{snapshot:e&&t?i.doc:null,synced:i.synced,set:s}}import{useEffect as Jr,useState as zr}from"react";var J=200;function H(e,t,r=200){let n=[...e,t];return n.length>r?n.slice(n.length-r):n}function ne(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function We(e){let t=e.trim();if(!t)return{ok:!1,error:"Enter a JSON object."};let r;try{r=JSON.parse(t)}catch(n){return{ok:!1,error:n instanceof Error?n.message:"Invalid JSON."}}return r===null||typeof r!="object"||Array.isArray(r)?{ok:!1,error:"The payload must be a JSON object."}:{ok:!0,value:r}}function He(e,t,r={}){let n=r.cap??200,[o,s]=zr([]);return Jr(()=>{if(s([]),!e||!t)return;let i=!0,l=e.stream(t).messages()[Symbol.asyncIterator]();return(async()=>{for(;;){let c=await l.next();if(!i||c.done)break;s(a=>H(a,{at:Date.now(),payload:c.value},n))}})(),()=>{i=!1,l.return?.()}},[e,t,n]),o}import{jsx as Se,jsxs as oe}from"react/jsx-runtime";function Xr({session:e,name:t,cap:r,className:n}){let o=He(e,t,{cap:r});return oe("div",{className:["urun-stream-tail",n].filter(Boolean).join(" "),children:[oe("div",{className:"urun-stream-tail-meta",children:[Se("code",{children:t}),oe("span",{className:"urun-stream-tail-count",children:[o.length," messages"]})]}),Se("div",{className:"urun-stream-tail-log",children:o.length===0?oe("span",{className:"urun-stream-tail-empty",children:["Waiting for ",Se("code",{children:t})," messages\u2026"]}):o.map((s,i)=>oe("div",{className:"urun-stream-tail-line",children:[Se("span",{className:"urun-stream-tail-time",children:new Date(s.at).toLocaleTimeString()})," ",ne(s.payload)]},`${s.at}-${i}`))})]})}import{useCallback as Gr,useState as ht}from"react";import{jsx as z,jsxs as he}from"react/jsx-runtime";function ve({placeholder:e,buttonLabel:t,disabled:r,onApply:n}){let[o,s]=ht(""),[i,l]=ht(null),c=Gr(()=>{let a=We(o);if(!a.ok){l(a.error);return}l(null),n(a.value,o.trim()),s("")},[o,n]);return he("div",{className:"urun-doc-patch",children:[z("textarea",{className:"urun-doc-patch-input",value:o,onChange:a=>s(a.target.value),placeholder:e,rows:3}),he("div",{className:"urun-doc-patch-actions",children:[z("button",{type:"button",className:"urun-doc-patch-button",disabled:r||!o.trim(),onClick:c,children:t}),i?z("span",{className:"urun-doc-patch-error",role:"alert",children:i}):null]})]})}function Kr({session:e,docKey:t,editable:r=!0,patchPlaceholder:n='{"desired": {"prompt": {"text": "a sunset"}}}',className:o}){let s=re(e,t),i=s(a=>a.doc),l=s(a=>a.synced),c=s(a=>a.set);return he("div",{className:["urun-doc-panel",o].filter(Boolean).join(" "),children:[he("div",{className:"urun-doc-panel-meta",children:[z("code",{children:t}),z("span",{className:"urun-doc-panel-synced","data-synced":l?"true":"false",children:l?"synced":"syncing\u2026"})]}),z("pre",{className:"urun-doc-panel-snapshot",children:JSON.stringify(i??{},null,2)}),r?z(ve,{placeholder:n,buttonLabel:"Apply patch",disabled:!e,onApply:a=>c(a)}):null]})}import{useEffect as Zr,useState as Yr}from"react";import{jsx as se,jsxs as yt}from"react/jsx-runtime";function vt(e,t=600){return e.length>t?`${e.slice(0,t)}\u2026`:e}function Qr({session:e,docKey:t="control",cap:r=200,className:n}){let[o,s]=Yr([]);return Zr(()=>(s([]),e?e.doc(t).on("change",l=>{s(c=>H(c,{at:Date.now(),direction:"in",text:vt(ne(l))},r))}):void 0),[e,t,r]),yt("div",{className:["urun-control-sender",n].filter(Boolean).join(" "),children:[se(ve,{placeholder:'{"desired": {"settings": {"values": {}}}}',buttonLabel:`Send to ${t}`,disabled:!e,onApply:(i,l)=>{e?.doc(t).set(i),s(c=>H(c,{at:Date.now(),direction:"out",text:vt(l)},r))}}),se("div",{className:"urun-control-sender-log",children:o.length===0?se("span",{className:"urun-control-sender-empty",children:"Nothing yet."}):[...o].reverse().map((i,l)=>yt("div",{className:"urun-control-sender-line","data-direction":i.direction,children:[se("span",{className:"urun-control-sender-dir",children:i.direction==="out"?"sent":"change"})," ",se("span",{className:"urun-control-sender-time",children:new Date(i.at).toLocaleTimeString()})," ",i.text]},`${i.at}-${l}`))})]})}import{useEffect as en,useState as tn}from"react";import{jsx as ye,jsxs as nn}from"react/jsx-runtime";function rn({session:e,trackNames:t=["video","audio"],docKeys:r=["control"],cap:n=200,className:o}){let[s,i]=tn([]),l=t.join(","),c=r.join(",");return en(()=>{if(i([]),!e)return;let a=(d,p)=>i(R=>H(R,{at:Date.now(),kind:d,text:p},n)),m=[];m.push(e.onPhase(d=>a("phase",`phase \u2192 ${d.name}`)));for(let d of t){let p=e.stream(d);m.push(p.on("track",R=>a("track",`${d}: ${R?"track arrived":"track ended"}`)))}for(let d of r){let p=e.doc(d);m.push(p.on("change",()=>a("doc",`${d} changed`)))}return()=>m.forEach(d=>d())},[e,l,c,n]),ye("div",{className:["urun-event-spine",o].filter(Boolean).join(" "),children:s.length===0?ye("span",{className:"urun-event-spine-empty",children:"No activity yet \u2014 the spine fills as the session moves through its lifecycle."}):[...s].reverse().map((a,m)=>nn("div",{className:"urun-event-spine-line","data-kind":a.kind,children:[ye("span",{className:"urun-event-spine-kind",children:a.kind})," ",ye("span",{className:"urun-event-spine-time",children:new Date(a.at).toLocaleTimeString()})," ",a.text]},`${a.at}-${m}`))})}import{useEffect as on,useState as sn}from"react";import{describeSessionPhase as an}from"@urun-sh/core";import{jsx as Q,jsxs as dn}from"react/jsx-runtime";var un={idle:"idle",queued:"queued",unavailable:"unavailable",provisioning:"provisioning",connecting:"connecting",live:"live",error:"error",ended:"ended"};function $e(e){let[t,r]=sn(e?.phase??null);return on(()=>{if(!e){r(null);return}return e.onPhase(r)},[e]),t}function cn({session:e,className:t}){let r=$e(e),n=r?.name??"idle",o=r?.name==="queued"&&r.queue?`pos ${r.queue.position} / depth ${r.queue.depth}`:r?.name==="error"&&r.error?r.error.reason:r?.runtime?.reason??null;return dn("span",{className:["urun-session-status",t].filter(Boolean).join(" "),"data-phase":n,children:[Q("span",{className:"urun-session-status-dot","data-phase":n}),Q("span",{className:"urun-session-status-label",children:un[n]}),o?Q("span",{className:"urun-session-status-detail",children:o}):null]})}function ln({session:e,children:t,fallback:r,className:n}){let o=$e(e);if(o?.name==="live")return Q("div",{className:["urun-session-gate",n].filter(Boolean).join(" "),children:t});let s=r?r(o):Q("span",{className:"urun-session-gate-fallback",children:o?.name==="error"?`Session ${o.error?.reason??"failed"}.`:o?.name==="ended"?"Session ended.":o&&o.name!=="idle"?an(o):"Waiting for a live session\u2026"});return Q("div",{className:["urun-session-gate",n].filter(Boolean).join(" "),children:s})}import{describeSessionPhase as Fs}from"@urun-sh/core";export{Zt as ComponentRenderer,St as DEFAULT_CAMERA_CONSTRAINTS,J as DEFAULT_LOG_CAP,mt as DEFAULT_VOICE_CONSTRAINTS,ve as DocPatchForm,lr as ImageFrame,cr as ImageFrameSchema,mr as MetricsPanel,pr as MetricsPanelSchema,er as ProgressCard,Qt as ProgressCardSchema,nr as StatusBadge,tr as StatusBadgeSchema,ir as TextStream,ar as TextStreamSchema,Fe as UrunAudio,Tt as UrunAuthProvider,Ar as UrunCamera,Qr as UrunControlSender,Kr as UrunDocPanel,ee as UrunErrorBoundary,rn as UrunEventSpine,bt as UrunJwtProvider,_t as UrunProvider,ln as UrunSessionGate,cn as UrunSessionStatus,Xr as UrunStreamTail,Rr as UrunVoice,ie as authMode,Ve as createDocStore,Fs as describeSessionPhase,ne as formatPayload,fe as getUrunAudioContext,We as parseJsonObject,H as pushCapped,Kt as registerComponent,qe as resumeUrunAudioContext,B as urunPublicEnv,qt as useApp,Gt as useChat,jt as useCompletion,re as useDocStore,ut as useImageFrame,ct as useMetricsPanel,tt as useProgressCard,Vt as useRequest,jr as useSessionDoc,$e as useSessionPhase,Lr as useSessionTrack,nt as useStatusBadge,He as useStreamMessages,at as useTextStream,Or as useUrunAudioLevel,Re as useUrunAuth,Pt as usesWorkOSAuth};
|
|
2
|
+
import{a as Nr,b as Dr,c as Me}from"./chunk-WF2OBDSX.mjs";import{useEffect as Wr,useMemo as Fr,useState as Br}from"react";import{Component as Or}from"react";import{jsx as er,jsxs as Ir}from"react/jsx-runtime";var ce=class extends Or{constructor(r){super(r),this.state={error:null}}static getDerivedStateFromError(r){return{error:r}}componentDidCatch(r,t){console.error("[urun] Error caught by UrunErrorBoundary:",r,t)}render(){if(this.state.error){let{fallback:r}=this.props;return typeof r=="function"?r(this.state.error):r||Ir("div",{role:"status","aria-live":"polite",style:{padding:"16px",border:"1px solid rgba(17, 24, 39, 0.12)",borderRadius:"8px",background:"#ffffff",color:"#111827",fontFamily:'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',maxWidth:"360px"},children:[er("p",{style:{margin:0,fontWeight:600},children:"Connection interrupted"}),er("p",{style:{margin:"6px 0 0",color:"#4b5563"},children:"Reconnecting automatically."})]})}return this.props.children}};import{createContext as qr}from"react";var Q=qr(null);function z(e){return e&&e.trim()?e.trim():void 0}function H(e){switch(e){case"NEXT_PUBLIC_AUTH_MODE":return z(typeof process<"u"?process.env?.NEXT_PUBLIC_AUTH_MODE:void 0);case"NEXT_PUBLIC_AUTH_ENABLED":return z(typeof process<"u"?process.env?.NEXT_PUBLIC_AUTH_ENABLED:void 0);case"NEXT_PUBLIC_SESSION_AUTH_PROVIDER":return z(typeof process<"u"?process.env?.NEXT_PUBLIC_SESSION_AUTH_PROVIDER:void 0);case"NEXT_PUBLIC_SESSION_TOKEN":return z(typeof process<"u"?process.env?.NEXT_PUBLIC_SESSION_TOKEN:void 0);case"NEXT_PUBLIC_URUN_JWT":return z(typeof process<"u"?process.env?.NEXT_PUBLIC_URUN_JWT:void 0);case"VERCEL_ENV":return z(typeof process<"u"?process.env?.VERCEL_ENV:void 0);default:return z(typeof process<"u"?process.env?.[e]:void 0)}}function he(){let e=H("NEXT_PUBLIC_AUTH_MODE")?.toLowerCase();return e==="jwt"||e==="customer-jwt"||e==="test-jwt"?"jwt":e==="workos"||H("VERCEL_ENV")==="production"?"workos":H("NEXT_PUBLIC_AUTH_ENABLED")==="false"?"jwt":"workos"}function Lr(){return he()==="workos"}import{jsx as _e}from"react/jsx-runtime";function Vr({baseUrl:e,orgId:r,appId:t,jwt:n,authProvider:o,fallback:s,children:a}){let[u,c]=Br(),i=Me(),f=H("NEXT_PUBLIC_SESSION_TOKEN")??H("NEXT_PUBLIC_URUN_JWT"),d=he(),m=d==="workos"&&!n,k=n??(d==="jwt"?f:void 0)??u,b=o??H("NEXT_PUBLIC_SESSION_AUTH_PROVIDER"),y=m&&!k,g=Fr(()=>({appId:t,baseUrl:e,orgId:r,jwt:k,getAccessToken:m?i?.getAccessToken:void 0,authProvider:b}),[t,i,e,b,k,r,m]);return Wr(()=>{if(!m||!i)return;let S=!1,T=i;async function h(){try{let U=await T.getAccessToken();S||c(U??void 0)}catch{S||c(void 0)}}h();let x=window.setInterval(()=>{h()},6e4);return()=>{S=!0,window.clearInterval(x)}},[i,m]),_e(ce,{fallback:s,children:y?_e("div",{role:"status","aria-live":"polite",children:"Signing in..."}):_e(Q.Provider,{value:g,children:a})})}import{useContext as $r,useMemo as rr,useReducer as Hr,useRef as jr}from"react";import{App as Jr}from"@urun-sh/core";function zr(e,r){return`${e}:${JSON.stringify(r??{})}`}var Ne=class{constructor(r,t){this._doc=r;this._notify=t;this._unsubscribeChange=this._doc.on("change",()=>this._notify())}_doc;_notify;_unsubscribeChange;get(r,t){return this._doc.get(r,t)}set(r){this._doc.set(r),this._notify()}on(r,t){return this._doc.on(r,n=>t(n))}get synced(){return this._doc.synced}onSynced(r){return this._doc.onSynced(()=>{r(),this._notify()})}text(r){let t=this._doc.text(r),n=this._notify;return{append(o){t.append(o),n()},toString:()=>t.toString(),get length(){return t.length},on:(o,s)=>t.on(o,a=>{s(a),n()})}}dispose(){this._unsubscribeChange()}},De=class{constructor(r,t){this._stream=r;this._notify=t;this._unsubscribeTrack=this._stream.on("track",()=>this._notify())}_stream;_notify;_unsubscribeTrack;get track(){return this._stream.track}attach(r){return this._stream.attach(r)}attachVideo(r){return this._stream.attachVideo(r)}detach(){return this._stream.detach()}detachVideo(){return this._stream.detachVideo()}seek(r){return this._stream.seek(r)}chunks(r){return this._stream.chunks(r)}onSeeked(r){return this._stream.onSeeked(r)}on(r,t){return this._stream.on(r,t)}messages(){return this._stream.messages()}emit(r,t){return this._stream.emit(r,t)}dispose(){this._unsubscribeTrack()}},Oe=class{constructor(r,t){this._session=r;this._notify=t;this._unsubscribePhase=this._session.onPhase(()=>this._notify())}_session;_notify;_docs=new Map;_streams=new Map;_unsubscribePhase;_disposed=!1;get disposed(){return this._disposed}get id(){return this._session.id}get phase(){return this._session.phase}get status(){return this._session.status}get endsAt(){return this._session.endsAt}onPhase(r){return this._session.onPhase(r)}whenLive(r){return this._session.whenLive(r)}recover(){this._session.recover()}onRecovery(r){return this._session.onRecovery(r)}request(r,t){return this._session.request(r,t)}requestStream(r,t){return this._session.requestStream(r,t)}complete(r,t){return this._session.complete(r,t)}get recordings(){return this._session.recordings}get artifacts(){return this._session.artifacts}get presence(){return this._session.presence}doc(r){let t=this._docs.get(r);return t||(t=new Ne(this._session.doc(r),this._notify),this._docs.set(r,t)),t}stream(r){let t=this._streams.get(r);return t||(t=new De(this._session.stream(r),this._notify),this._streams.set(r,t)),t}disconnect(){this._disposed=!0;for(let r of this._docs.values())r.dispose();for(let r of this._streams.values())r.dispose();this._docs.clear(),this._streams.clear(),this._unsubscribePhase(),this._session.disconnect(),this._notify()}};function Xr(){let e=$r(Q);if(!e)throw new Error("useApp must be used within <UrunProvider>");if(!e.appId)throw new Error('useApp requires <UrunProvider appId="...">');let[,r]=Hr(o=>o+1,0),t=jr(new Map),n=rr(()=>Jr(e.appId,{baseUrl:e.baseUrl,orgId:e.orgId,jwt:e.jwt,getAccessToken:e.getAccessToken,authProvider:e.authProvider}),[e.appId,e.baseUrl,e.orgId,e.jwt,e.getAccessToken,e.authProvider]);return rr(()=>new Proxy({},{get(o,s){if(typeof s=="string")return a=>{let u=zr(s,a),c=t.current.get(u);if(c&&!c.disposed)return c;let i=new Oe(n[s](a),r);return t.current.set(u,i),i}}}),[n])}import{useCallback as Ie,useEffect as Gr,useMemo as Kr,useRef as ve,useState as qe}from"react";function ee(e){let r=e;if(!r||typeof r.request!="function"||typeof r.requestStream!="function")throw new Error("This session does not support request/requestStream. Upgrade @urun-sh/core to a version that ships the request/response primitive.");return r}function Zr(e){return e instanceof Error?e:new Error(String(e))}function Yr(e,r){let t=Kr(()=>ee(e),[e]),[n,o]=qe(void 0),[s,a]=qe(null),[u,c]=qe(!1),i=ve(r);i.current=r;let f=ve(0),d=ve(null),m=ve(!0);Gr(()=>(m.current=!0,()=>{m.current=!1,d.current?.abort()}),[]);let k=Ie(async g=>{d.current?.abort();let S=new AbortController;d.current=S;let T=++f.current,h=()=>m.current&&f.current===T;h()&&(c(!0),a(null));try{let x=await t.request(g,{...i.current,signal:S.signal});return h()&&(o(x),c(!1),i.current?.onSuccess?.(x)),x}catch(x){let U=Zr(x);throw h()&&(a(U),c(!1),i.current?.onError?.(U)),U}},[t]),b=Ie(g=>{k(g).catch(()=>{})},[k]),y=Ie(()=>{f.current++,d.current?.abort(),d.current=null,o(void 0),a(null),c(!1)},[]);return{mutate:b,mutateAsync:k,data:n,error:s,isPending:u,reset:y}}import{useCallback as tr,useEffect as Qr,useMemo as et,useRef as ke,useState as Le}from"react";function nr(e){return e instanceof Error?e:new Error(String(e))}var rt=e=>typeof e=="string"?e:String(e);function tt(e,r){let t=et(()=>ee(e),[e]),[n,o]=Le(""),[s,a]=Le(!1),[u,c]=Le(null),i=ke(r);i.current=r;let f=ke(0),d=ke(null),m=ke(!0);Qr(()=>(m.current=!0,()=>{m.current=!1,d.current?.cancel(),d.current=null}),[]);let k=tr(()=>{f.current++,d.current?.cancel(),d.current=null,m.current&&a(!1)},[]),b=tr(async y=>{d.current?.cancel();let g=++f.current,S=()=>m.current&&f.current===g,T=i.current,h=T?.parseChunk??rt,x=T?.buildPayload??(P=>({prompt:P}));S()&&(o(""),c(null),a(!0));let{parseChunk:U,buildPayload:I,onFinish:A,onError:l,...C}=T??{},E="",w;try{w=t.requestStream(x(y),C),d.current=w}catch(P){let D=nr(P);S()&&(c(D),a(!1),T?.onError?.(D));return}try{for await(let P of w){if(f.current!==g)break;E+=h(P),S()&&o(E)}S()&&(a(!1),T?.onFinish?.(E))}catch(P){let D=nr(P);S()&&(c(D),a(!1),T?.onError?.(D))}finally{d.current===w&&(d.current=null)}},[t]);return{completion:n,complete:b,stop:k,isStreaming:s,error:u}}import{useCallback as or,useEffect as nt,useMemo as ot,useRef as re,useState as ye}from"react";function sr(e){return e instanceof Error?e:new Error(String(e))}var st=e=>typeof e=="string"?e:String(e),ar=0;function We(e){return ar+=1,`${e}-${ar}`}function at(e,r){let t=ot(()=>ee(e),[e]),[n,o]=ye(()=>(r?.initialMessages??[]).map(h=>({id:h.id??We("msg"),role:h.role,content:h.content}))),[s,a]=ye(""),[u,c]=ye(!1),[i,f]=ye(null),d=re(r);d.current=r;let m=re(n);m.current=n;let k=re(s);k.current=s;let b=re(0),y=re(null),g=re(!0);nt(()=>(g.current=!0,()=>{g.current=!1,y.current?.cancel(),y.current=null}),[]);let S=or(()=>{b.current++,y.current?.cancel(),y.current=null,g.current&&c(!1)},[]),T=or(async h=>{let x=h===void 0,U=(x?k.current:h)??"";if(!U.trim())return;y.current?.cancel();let A=++b.current,l=()=>g.current&&b.current===A,C=d.current,E=C?.parseChunk??st,w={id:We("msg"),role:"user",content:U},P={id:We("msg"),role:"assistant",content:""},D=[...m.current,w].map(v=>({role:v.role,content:v.content})),p=[...m.current,w,P];m.current=p,o(p),x&&a(""),f(null),c(!0);let R=C?.buildPayload??(v=>({messages:v})),{initialMessages:N,parseChunk:M,buildPayload:O,onFinish:L,onError:se,...ge}=C??{},Se=v=>{o(_=>_.map(q=>q.id===P.id?{...q,content:v}:q))},Z="",ae;try{ae=t.requestStream(R(D),ge),y.current=ae}catch(v){let _=sr(v);l()&&(f(_),c(!1),C?.onError?.(_));return}try{for await(let v of ae){if(b.current!==A)break;Z+=E(v),l()&&Se(Z)}l()&&(c(!1),C?.onFinish?.({...P,content:Z}))}catch(v){let _=sr(v);l()&&(f(_),c(!1),C?.onError?.(_))}finally{y.current===ae&&(y.current=null)}},[t]);return{messages:n,input:s,setInput:a,sendMessage:T,stop:S,isStreaming:u,error:i}}var ir=new Map;function it(e,r,t){if(!t||typeof t.safeParse!="function")throw new Error(`registerComponent("${e}"): schema must be a valid Zod schema`);ir.set(e,{component:r,schema:t})}function ur(e,r){let t=ir.get(e);if(!t)return{error:`Unknown component: "${e}"`};let n=t.schema.safeParse(r);return n.success?{Component:t.component,validatedProps:n.data}:{error:`Validation failed for "${e}": ${n.error.message}`}}import{Fragment as ct,jsx as be}from"react/jsx-runtime";function ut({name:e,props:r,fallback:t}){let n=ur(e,r);if(n.error)return console.warn(`[urun] ComponentRenderer: ${n.error}`),t?be(ct,{children:t}):be("div",{className:"urun-component-error",role:"alert",children:be("span",{className:"urun-component-error-text",children:n.error})});let o=n.Component;return be(o,{...n.validatedProps})}import{z as le}from"zod";import{jsx as Fe,jsxs as cr}from"react/jsx-runtime";var lt=le.object({step:le.number().min(0),total:le.number().min(1),label:le.string().optional(),variant:le.enum(["default","success","error"]).default("default")});function lr(e){let{step:r,total:t,label:n,variant:o="default"}=e,s=Math.min(r/t*100,100),a=r>=t;return{step:r,total:t,label:n,variant:o,percentage:s,isComplete:a}}function dt(e){let{step:r,total:t,label:n,variant:o,percentage:s}=lr(e);return cr("div",{className:"urun-progress-card","data-variant":o,children:[n&&Fe("div",{className:"urun-progress-label",children:n}),Fe("div",{className:"urun-progress-bar",children:Fe("div",{className:"urun-progress-fill",style:{width:`${s}%`}})}),cr("div",{className:"urun-progress-text",children:[r,"/",t]})]})}import{z as Be}from"zod";import{jsx as dr,jsxs as gt}from"react/jsx-runtime";var pt=Be.object({state:Be.enum(["thinking","generating","idle","error"]),message:Be.string().optional()}),mt={thinking:"Thinking...",generating:"Generating...",idle:"Idle",error:"Error"};function pr(e){let{state:r,message:t}=e,n=r==="thinking"||r==="generating",o=t??mt[r]??r;return{state:r,message:o,isActive:n}}function ft(e){let{state:r,message:t,isActive:n}=pr(e);return gt("span",{className:"urun-status-badge","data-state":r,children:[dr("span",{className:`urun-status-indicator${n?" urun-status-pulse":""}`}),dr("span",{className:"urun-status-message",children:t})]})}import{useRef as mr,useEffect as St}from"react";import{z as Ve}from"zod";import{jsx as fr,jsxs as kt}from"react/jsx-runtime";var ht=Ve.object({text:Ve.string(),streaming:Ve.boolean().default(!1)});function gr(e){let{text:r,streaming:t=!1}=e,n=r.length===0;return{text:r,streaming:t,isEmpty:n}}function vt(e){let{text:r,streaming:t}=gr(e),n=mr(null),o=mr(0);return St(()=>{let s=n.current;s&&r.length!==o.current&&(s.textContent=r,o.current=r.length)},[r]),kt("div",{className:"urun-text-stream",children:[fr("span",{ref:n,className:"urun-text-content"}),t&&fr("span",{className:"urun-text-cursor"})]})}import{z as Ce}from"zod";import{jsx as Sr,jsxs as Ct}from"react/jsx-runtime";var yt=Ce.object({src:Ce.string().url(),alt:Ce.string().optional(),caption:Ce.string().optional()});function hr(e){let{src:r,alt:t,caption:n}=e;return{src:r,alt:t??"",caption:n}}function bt(e){let{src:r,alt:t,caption:n}=hr(e);return Ct("figure",{className:"urun-image-frame",children:[Sr("img",{className:"urun-image",src:r,alt:t}),n&&Sr("figcaption",{className:"urun-image-caption",children:n})]})}import{z as j}from"zod";import{jsx as $e,jsxs as Rt}from"react/jsx-runtime";var Tt=j.object({metrics:j.array(j.object({label:j.string(),value:j.union([j.string(),j.number()]),unit:j.string().optional()}))});function vr(e){return{metrics:e.metrics.map(t=>({...t,displayValue:t.unit?`${t.value} ${t.unit}`:String(t.value)}))}}function xt(e){let{metrics:r}=vr(e);return $e("div",{className:"urun-metrics-panel",children:r.map((t,n)=>Rt("div",{className:"urun-metric-card",children:[$e("div",{className:"urun-metric-label",children:t.label}),$e("div",{className:"urun-metric-value",children:t.displayValue})]},n))})}import{forwardRef as Ut,useCallback as te,useEffect as He,useImperativeHandle as wt,useRef as ne}from"react";import{observePageLifecycle as Et}from"@urun-sh/core";var Te=null;function Pt(){if(typeof window>"u")return null;let e=window;return e.AudioContext??e.webkitAudioContext??null}function xe(){if(Te)return Te;let e=Pt();return e?(Te=new e,Te):null}function Re(){let e=xe();e&&e.state==="suspended"&&e.resume().catch(()=>{})}import{jsx as Mt}from"react/jsx-runtime";var At=1e3,kr=200;function je(...e){console.debug("[urun-audio]",...e)}var Je=Ut(function(r,t){let{session:n,stream:o="audio",track:s,controls:a=!1,className:u,onTrack:c,onUnlockChange:i,onAudioElement:f}=r,d=ne(null),m=ne(null),k=ne(null),b=ne(null),y=ne(c);y.current=c;let g=ne(i);g.current=i;let S=te(l=>{k.current!==l&&(k.current=l,g.current?.(l))},[]),T=te(()=>{if(typeof MediaStream>"u")return null;m.current||(m.current=new MediaStream);let l=d.current;return l&&l.srcObject!==m.current&&(l.srcObject=m.current),m.current},[]),h=te(l=>{let C=d.current;if(!C)return;let E=C.play();!E||typeof E.then!="function"||E.then(()=>{C.muted||S(!0)}).catch(w=>{let P=w instanceof Error?w.name:String(w);if(P==="AbortError"){je(`play() aborted (${l}); retrying in ${kr}ms`),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{b.current=null,h(`${l}:retry`)},kr);return}if(P==="NotAllowedError"){je(`play() blocked pending a user gesture (${l})`),S(!1);return}je(`play() failed (${l})`,w)})},[S]),x=te(l=>{let C=T();if(C){for(let E of C.getAudioTracks())E!==l&&C.removeTrack(E);l&&!C.getAudioTracks().includes(l)&&C.addTrack(l),l&&h("track-attach"),y.current?.(l)}},[T,h]),U=te(()=>{let l=d.current;l&&(T(),l.muted=!1,h("gesture"),Re(),S(!0))},[T,h,S]);wt(t,()=>({unlock:U,get unlocked(){return k.current===!0},get element(){return d.current}}),[U]);let I=te(l=>{d.current=l,l&&(l.setAttribute("playsinline",""),l.setAttribute("webkit-playsinline",""),T()),f?.(l)},[T,f]),A=s!==void 0;return He(()=>{if(A){x(s??null);return}if(!n)return;let l=n.stream(o),C=()=>{let p=m.current;return p?p.getAudioTracks()[0]??null:null},E=p=>{if(p!==C()&&(x(p),p)){let R=()=>{C()===p&&x(null)};p.addEventListener("ended",R)}},w=l.track;w&&w.readyState==="live"&&E(w);let P=l.on("track",p=>{p&&p.readyState!=="live"||E(p)}),D=setInterval(()=>{let p=l.track;p&&p.readyState==="live"&&E(p)},At);return()=>{P(),clearInterval(D)}},[n,o,A,s,x]),He(()=>Et(()=>{Re(),k.current===!0&&h("foreground")}),[h]),He(()=>()=>{b.current&&clearTimeout(b.current)},[]),Mt("audio",{ref:I,className:u,autoPlay:!0,playsInline:!0,controls:a,"data-urun-audio":""})});import{forwardRef as _t,useCallback as oe,useEffect as yr,useImperativeHandle as Nt,useRef as B}from"react";import{observePageLifecycle as Dt,sessionFailureFromMediaError as Ot,sharedCaptureController as It}from"@urun-sh/core";import{jsx as Lt}from"react/jsx-runtime";var br={channelCount:1,echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0};function Pe(...e){console.debug("[urun-voice]",...e)}var qt=_t(function(r,t){let{session:n,stream:o="audio",constraints:s=br,connectTimeoutMs:a,attempts:u=3,retryDelayMs:c=1500,onActiveChange:i,onError:f,onMicStream:d,onTrack:m,onUnlockChange:k,capture:b}=r,y=B(null),g=B(null),S=B(null),T=B([]),h=B(!1),x=B(i);x.current=i;let U=B(f);U.current=f;let I=B(d);I.current=d;let A=oe(p=>{h.current!==p&&(h.current=p,x.current?.(p))},[]),l=oe(()=>{for(let p of T.current)p();T.current=[],S.current?.release(),S.current=null,g.current&&(g.current=null,I.current?.(null))},[]),C=oe(async()=>{let p=S.current;if(p){let O=await p.update(s);return g.current=p.stream,I.current?.(p.stream),O}let N=await(b??It()).claim("audio",s);S.current=N,T.current=[N.onTrack((O,L)=>{g.current=L,I.current?.(L),h.current&&n.stream(o).attach(O).catch(se=>Pe("mic re-attach after one-capture re-acquire failed",se))}),N.onLost(O=>{S.current=null,T.current=[],g.current=null,I.current?.(null),A(!1),U.current?.(O)})],g.current=N.stream,I.current?.(N.stream);let M=N.track;if(!M)throw Object.assign(new Error("no microphone audio track"),{name:"NotFoundError"});return M},[b,s,n,o,A]),E=oe(async()=>{l(),A(!1),await n.stream(o).detach().catch(()=>{})},[n,o,l,A]),w=oe(async()=>{y.current?.unlock();let p;try{p=await C()}catch(M){l();let O=Ot(M,n.status);throw U.current?.(O),O}n.connect?.();let R;for(let M=1;M<=u;M++)try{await n.whenLive(a!==void 0?{timeout:a}:void 0),await n.stream(o).attach(p),A(!0);return}catch(O){R=O,Pe(`start attempt ${M}/${u} failed`,O),M<u&&await new Promise(L=>setTimeout(L,c))}l(),A(!1);let N=R instanceof Error?R:new Error(String(R??"voice start failed"));throw U.current?.(N),N},[n,o,a,u,c,C,l,A]);Nt(t,()=>({start:w,stop:E,unlock:()=>y.current?.unlock(),get active(){return h.current},get micStream(){return g.current},get audio(){return y.current}}),[w,E]);let P=B(!1),D=oe(async()=>{if(!h.current||P.current)return;let p=g.current?.getAudioTracks()[0]??null;if(p&&p.readyState==="live"){try{await n.stream(o).attach(p)}catch(R){Pe("foreground mic re-assert failed (will retry on next pass)",R)}return}P.current=!0;try{let R=await C();await n.stream(o).attach(R)}catch(R){let N=R instanceof Error?R:new Error(String(R));Pe("foreground mic re-acquire failed",N),U.current?.(N)}finally{P.current=!1}},[n,o,C]);return yr(()=>{let p=()=>{D()};return typeof n.onRecovery=="function"?n.onRecovery(p):Dt(p)},[n,D]),yr(()=>l,[l]),Lt(Je,{ref:y,session:n,stream:o,onTrack:m,onUnlockChange:k})});import{sessionFailureFromMediaError as Wt,sharedCaptureController as Ft}from"@urun-sh/core";import{forwardRef as Bt,useCallback as V,useEffect as Vt,useImperativeHandle as $t,useRef as W,useState as Ht}from"react";import{jsx as Jt,jsxs as zt}from"react/jsx-runtime";var Cr={width:{ideal:960},height:{ideal:720},frameRate:{ideal:8}};function ze(...e){console.debug("[urun-camera]",...e)}var jt=Bt(function(r,t){let{session:n,stream:o="video",constraints:s,facingMode:a="environment",mirror:u="auto",connectTimeoutMs:c,preview:i=!0,className:f,videoClassName:d,onActiveChange:m,onError:k,onStream:b,onTrack:y,children:g,capture:S}=r,T=W(null),h=W(null),x=W(null),U=W([]),I=W(null),A=W(!1),l=W(a),[C,E]=Ht(a),w=W(m);w.current=m;let P=W(k);P.current=k;let D=W(b);D.current=b;let p=W(y);p.current=y;let R=V(v=>{A.current!==v&&(A.current=v,w.current?.(v))},[]),N=V(v=>{let _=T.current;_&&(_.muted=!0,_.srcObject=v,v&&_.play()?.catch?.(q=>ze("preview play() failed",q)))},[]),M=V(()=>{I.current?.(),I.current=null;for(let v of U.current)v();U.current=[],x.current?.release(),x.current=null,h.current&&(h.current=null,D.current?.(null),p.current?.(null)),N(null)},[N]),O=V((v,_)=>{I.current?.(),h.current=_,N(_),D.current?.(_);let q=()=>{h.current===_&&(ze("camera track ended (device removed or permission revoked)"),M(),R(!1))};v.addEventListener("ended",q),I.current=()=>v.removeEventListener("ended",q)},[N,M,R]),L=V(async v=>{let _={...Cr,...s,facingMode:v},q;try{let $=x.current;if($)q=await $.update(_);else{let ie=await(S??Ft()).claim("video",_);if(x.current=ie,U.current=[ie.onTrack((ue,Mr)=>{O(ue,Mr),A.current&&n.stream(o).attachVideo(ue).then(()=>p.current?.(ue)).catch(_r=>ze("camera re-publish after one-capture re-acquire failed",_r))}),ie.onLost(ue=>{x.current=null,U.current=[],M(),R(!1),P.current?.(ue)})],!ie.track)throw Object.assign(new Error("no camera video track"),{name:"NotFoundError"});q=ie.track}}catch($){let Y=Wt($,n.status);throw P.current?.(Y),Y}l.current=v,E(v),O(q,x.current?.stream??new MediaStream([q]));try{n.connect?.(),await n.whenLive(c!==void 0?{timeout:c}:void 0),await n.stream(o).attachVideo(q)}catch($){M(),R(!1);let Y=$ instanceof Error?$:new Error(String($));throw P.current?.(Y),Y}p.current?.(q),R(!0)},[n,o,s,c,S,O,M,R]),se=V(v=>L(v?.facingMode??l.current),[L]),ge=V(async v=>{A.current&&l.current===v||await L(v)},[L]),Se=V(()=>L(l.current==="environment"?"user":"environment"),[L]),Z=V(async()=>{M(),R(!1),await n.stream(o).detachVideo().catch(()=>{})},[n,o,M,R]);return $t(t,()=>({start:se,stop:Z,flip:Se,setFacingMode:ge,get active(){return A.current},get facingMode(){return l.current},get stream(){return h.current},get element(){return T.current}}),[se,Z,Se,ge]),Vt(()=>M,[M]),i?zt("div",{className:f,style:{position:"relative",width:"100%",height:"100%"},"data-urun-camera":"","data-urun-camera-facing":C,children:[Jt("video",{ref:T,className:d,autoPlay:!0,muted:!0,playsInline:!0,style:{width:"100%",height:"100%",objectFit:"contain",...(u==="auto"?C==="user":u)?{transform:"scaleX(-1)"}:{}}}),g]}):null});import{useEffect as Xt,useState as Gt}from"react";var Xe={level:0,speaking:!1};function Kt(e,r={}){let{fftSize:t=512,intervalMs:n=100,speakingThreshold:o=.02}=r,[s,a]=Gt(Xe);return Xt(()=>{if(!e){a(Xe);return}let u=xe();if(!u||typeof MediaStream>"u")return;let c;e instanceof MediaStream?c=e:(c=new MediaStream,c.addTrack(e));let i,f;try{i=u.createMediaStreamSource(c),f=u.createAnalyser(),f.fftSize=t,i.connect(f)}catch{return}let d=new Uint8Array(f.fftSize),k=setInterval(()=>{f.getByteTimeDomainData(d);let b=0;for(let g=0;g<d.length;g++){let S=(d[g]-128)/128;b+=S*S}let y=Math.sqrt(b/d.length);a(g=>{let S=y>o;return Math.abs(g.level-y)<.005&&g.speaking===S?g:{level:y,speaking:S}})},n);return()=>{clearInterval(k),i.disconnect(),a(Xe)}},[e,t,n,o]),s}import{useEffect as Zt,useState as Yt}from"react";function Qt(e,r){let[t,n]=Yt(null);return Zt(()=>{if(!e||!r){n(null);return}let o=e.stream(r);return n(o.track),o.on("track",n)},[e,r]),t}import{useCallback as sn}from"react";import{useEffect as nn,useMemo as on}from"react";import{createStore as en}from"zustand/vanilla";import{useStore as rn}from"zustand";var tn=()=>{};function Ge(e,r={}){let t=i=>{e?.set(i)},n=()=>e?e.get()??{}:{},o=en(()=>({doc:n(),synced:e?e.synced:!1,set:t})),s=null,a=()=>{if(s){for(let i of s)i();s=null}},u=()=>e?(s||(o.setState({doc:n(),synced:e.synced}),s=[e.on("change",i=>o.setState({doc:i})),e.onSynced(()=>o.setState({synced:!0}))]),a):tn,c=(i=>rn(o,i));return Object.assign(c,{getState:o.getState,getInitialState:o.getInitialState,subscribe:o.subscribe,set:t,bind:u,unbind:a}),r.bind!==!1&&u(),c}function de(e,r){let t=on(()=>Ge(e&&r?e.doc(r):null,{bind:!1}),[e,r]);return nn(()=>t.bind(),[t]),t}function an(e,r,t){let o=de(e,r)(t??(u=>u)),s=sn(u=>{e&&r&&e.doc(r).set(u)},[e,r]);if(t)return o;let a=o;return{snapshot:e&&r?a.doc:null,synced:a.synced,set:s}}import{useEffect as un,useState as cn}from"react";var X=200;function J(e,r,t=200){let n=[...e,r];return n.length>t?n.slice(n.length-t):n}function pe(e){if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}function Ke(e){let r=e.trim();if(!r)return{ok:!1,error:"Enter a JSON object."};let t;try{t=JSON.parse(r)}catch(n){return{ok:!1,error:n instanceof Error?n.message:"Invalid JSON."}}return t===null||typeof t!="object"||Array.isArray(t)?{ok:!1,error:"The payload must be a JSON object."}:{ok:!0,value:t}}function Ze(e,r,t={}){let n=t.cap??200,[o,s]=cn([]);return un(()=>{if(s([]),!e||!r)return;let a=!0,u=e.stream(r).messages()[Symbol.asyncIterator]();return(async()=>{for(;;){let c=await u.next();if(!a||c.done)break;s(i=>J(i,{at:Date.now(),payload:c.value},n))}})(),()=>{a=!1,u.return?.()}},[e,r,n]),o}import{jsx as Ue,jsxs as me}from"react/jsx-runtime";function ln({session:e,name:r,cap:t,className:n}){let o=Ze(e,r,{cap:t});return me("div",{className:["urun-stream-tail",n].filter(Boolean).join(" "),children:[me("div",{className:"urun-stream-tail-meta",children:[Ue("code",{children:r}),me("span",{className:"urun-stream-tail-count",children:[o.length," messages"]})]}),Ue("div",{className:"urun-stream-tail-log",children:o.length===0?me("span",{className:"urun-stream-tail-empty",children:["Waiting for ",Ue("code",{children:r})," messages\u2026"]}):o.map((s,a)=>me("div",{className:"urun-stream-tail-line",children:[Ue("span",{className:"urun-stream-tail-time",children:new Date(s.at).toLocaleTimeString()})," ",pe(s.payload)]},`${s.at}-${a}`))})]})}import{useCallback as dn,useState as Tr}from"react";import{jsx as G,jsxs as we}from"react/jsx-runtime";function Ee({placeholder:e,buttonLabel:r,disabled:t,onApply:n}){let[o,s]=Tr(""),[a,u]=Tr(null),c=dn(()=>{let i=Ke(o);if(!i.ok){u(i.error);return}u(null),n(i.value,o.trim()),s("")},[o,n]);return we("div",{className:"urun-doc-patch",children:[G("textarea",{className:"urun-doc-patch-input",value:o,onChange:i=>s(i.target.value),placeholder:e,rows:3}),we("div",{className:"urun-doc-patch-actions",children:[G("button",{type:"button",className:"urun-doc-patch-button",disabled:t||!o.trim(),onClick:c,children:r}),a?G("span",{className:"urun-doc-patch-error",role:"alert",children:a}):null]})]})}function pn({session:e,docKey:r,editable:t=!0,patchPlaceholder:n='{"desired": {"prompt": {"text": "a sunset"}}}',className:o}){let s=de(e,r),a=s(i=>i.doc),u=s(i=>i.synced),c=s(i=>i.set);return we("div",{className:["urun-doc-panel",o].filter(Boolean).join(" "),children:[we("div",{className:"urun-doc-panel-meta",children:[G("code",{children:r}),G("span",{className:"urun-doc-panel-synced","data-synced":u?"true":"false",children:u?"synced":"syncing\u2026"})]}),G("pre",{className:"urun-doc-panel-snapshot",children:JSON.stringify(a??{},null,2)}),t?G(Ee,{placeholder:n,buttonLabel:"Apply patch",disabled:!e,onApply:i=>c(i)}):null]})}import{useEffect as mn,useState as fn}from"react";import{jsx as fe,jsxs as Rr}from"react/jsx-runtime";function xr(e,r=600){return e.length>r?`${e.slice(0,r)}\u2026`:e}function gn({session:e,docKey:r="control",cap:t=200,className:n}){let[o,s]=fn([]);return mn(()=>(s([]),e?e.doc(r).on("change",u=>{s(c=>J(c,{at:Date.now(),direction:"in",text:xr(pe(u))},t))}):void 0),[e,r,t]),Rr("div",{className:["urun-control-sender",n].filter(Boolean).join(" "),children:[fe(Ee,{placeholder:'{"desired": {"settings": {"values": {}}}}',buttonLabel:`Send to ${r}`,disabled:!e,onApply:(a,u)=>{e?.doc(r).set(a),s(c=>J(c,{at:Date.now(),direction:"out",text:xr(u)},t))}}),fe("div",{className:"urun-control-sender-log",children:o.length===0?fe("span",{className:"urun-control-sender-empty",children:"Nothing yet."}):[...o].reverse().map((a,u)=>Rr("div",{className:"urun-control-sender-line","data-direction":a.direction,children:[fe("span",{className:"urun-control-sender-dir",children:a.direction==="out"?"sent":"change"})," ",fe("span",{className:"urun-control-sender-time",children:new Date(a.at).toLocaleTimeString()})," ",a.text]},`${a.at}-${u}`))})]})}import{useEffect as Sn,useState as hn}from"react";import{jsx as Ae,jsxs as kn}from"react/jsx-runtime";function vn({session:e,trackNames:r=["video","audio"],docKeys:t=["control"],cap:n=200,className:o}){let[s,a]=hn([]),u=r.join(","),c=t.join(",");return Sn(()=>{if(a([]),!e)return;let i=(d,m)=>a(k=>J(k,{at:Date.now(),kind:d,text:m},n)),f=[];f.push(e.onPhase(d=>i("phase",`phase \u2192 ${d.name}`)));for(let d of r){let m=e.stream(d);f.push(m.on("track",k=>i("track",`${d}: ${k?"track arrived":"track ended"}`)))}for(let d of t){let m=e.doc(d);f.push(m.on("change",()=>i("doc",`${d} changed`)))}return()=>f.forEach(d=>d())},[e,u,c,n]),Ae("div",{className:["urun-event-spine",o].filter(Boolean).join(" "),children:s.length===0?Ae("span",{className:"urun-event-spine-empty",children:"No activity yet \u2014 the spine fills as the session moves through its lifecycle."}):[...s].reverse().map((i,f)=>kn("div",{className:"urun-event-spine-line","data-kind":i.kind,children:[Ae("span",{className:"urun-event-spine-kind",children:i.kind})," ",Ae("span",{className:"urun-event-spine-time",children:new Date(i.at).toLocaleTimeString()})," ",i.text]},`${i.at}-${f}`))})}import{describeSessionPhase as wn,isWakingPhase as En}from"@urun-sh/core";import{useEffect as yn,useState as bn}from"react";function F(e){let[r,t]=bn(e?.phase??null);return yn(()=>{if(!e){t(null);return}return e.onPhase(t)},[e]),r}import{describeSessionPhase as Pn}from"@urun-sh/core";import{useEffect as Cn,useRef as Tn,useState as xn}from"react";import{isWakingPhase as Rn}from"@urun-sh/core";function Ye(e){let r=F(e),t=Rn(r?.name),n=Tn(void 0);t?n.current??=Date.now():n.current=void 0;let o=t?r?.wakingSince??n.current:void 0,s=()=>o!==void 0?Math.max(0,Math.floor((Date.now()-o)/1e3)):0,[a,u]=xn(s);return Cn(()=>{if(o===void 0){u(0);return}u(Math.max(0,Math.floor((Date.now()-o)/1e3)));let c=setInterval(()=>{u(Math.max(0,Math.floor((Date.now()-o)/1e3)))},1e3);return()=>clearInterval(c)},[o]),{waking:t,phase:r,state:t?r?.runtime?.state:void 0,reason:t?r?.runtime?.reason:void 0,since:o,seconds:t?a:0}}import{Fragment as Un,jsx as Pr,jsxs as Ur}from"react/jsx-runtime";function Qe({session:e,render:r,className:t}){let n=Ye(e);return!n.waking||!n.phase?null:Pr("span",{className:["urun-session-waking",t].filter(Boolean).join(" "),"data-phase":n.phase.name,"data-runtime-state":n.state,children:r?r(n):Ur(Un,{children:[Pr("span",{className:"urun-session-waking-label",children:Pn(n.phase)})," ",Ur("span",{className:"urun-session-waking-elapsed",children:["(",n.seconds,"s)"]})]})})}import{jsx as K,jsxs as wr}from"react/jsx-runtime";var An={idle:"idle",queued:"queued",unavailable:"unavailable",provisioning:"provisioning",connecting:"connecting",live:"live",error:"error",ended:"ended",expired:"expired"};function Mn({session:e,className:r}){let t=F(e),n=t?.name??"idle",o=t?.name==="queued"&&t.queue?`pos ${t.queue.position} / depth ${t.queue.depth}`:(t?.name==="error"||t?.name==="expired")&&t.error?t.error.reason:t?.runtime?.reason??null;return wr("span",{className:["urun-session-status",r].filter(Boolean).join(" "),"data-phase":n,children:[K("span",{className:"urun-session-status-dot","data-phase":n}),K("span",{className:"urun-session-status-label",children:An[n]}),o?K("span",{className:"urun-session-status-detail",children:o}):null]})}function _n({session:e,children:r,fallback:t,onStartOver:n,className:o}){let s=F(e);if(s?.name==="live")return K("div",{className:["urun-session-gate",o].filter(Boolean).join(" "),children:r});let a=t?t(s):K("span",{className:"urun-session-gate-fallback",children:s?.name==="error"?`Session ${s.error?.reason??"failed"}.`:s?.name==="ended"?"Session ended.":s&&En(s.name)?K(Qe,{session:e}):s&&s.name!=="idle"?wn(s):"Waiting for a live session\u2026"}),u=n!==void 0&&(s?.name==="error"||s?.name==="ended"||s?.name==="expired");return wr("div",{className:["urun-session-gate",o].filter(Boolean).join(" "),children:[a,u?K("button",{type:"button",className:"urun-session-gate-start-over",onClick:n,children:"Start over"}):null]})}import{useEffect as Nn,useState as Dn}from"react";import{jsx as qn}from"react/jsx-runtime";function Er(e){return F(e)?.endsAt??null}function On(e){let r=Math.max(0,Math.floor(e/1e3)),t=Math.floor(r/60),n=r%60;return`${String(t).padStart(2,"0")}:${String(n).padStart(2,"0")}`}function In({session:e,urgentMs:r=6e4,className:t}){let o=Er(e)?.getTime()??null,[s,a]=Dn(()=>o===null?null:Math.max(0,o-Date.now()));if(Nn(()=>{if(o===null){a(null);return}let c=()=>a(Math.max(0,o-Date.now()));c();let i=setInterval(c,1e3);return()=>clearInterval(i)},[o]),s===null)return null;let u=On(s);return qn("span",{className:["urun-session-clock",t].filter(Boolean).join(" "),role:"timer","aria-label":`Session time remaining ${u}`,"data-urgent":s<r?"":void 0,"data-expired":s<=0?"":void 0,children:u})}import{jsx as Ar,jsxs as Fn}from"react/jsx-runtime";var Ln=new Set(["expired","ended","error"]);function Wn({session:e,onNewSession:r,children:t,className:n}){let o=F(e);if(!o||!Ln.has(o.name))return null;let s=t?t(o):Ar("span",{className:"urun-session-ended-copy",children:o.name==="expired"?"Session ended \u2014 start a new session":o.name==="error"?`Session failed${o.error?.reason?` \u2014 ${o.error.reason}`:""}.`:"Session ended."});return Fn("div",{className:["urun-session-ended",n].filter(Boolean).join(" "),"data-phase":o.name,children:[s,r?Ar("button",{type:"button",className:"urun-session-ended-new",onClick:r,children:"New session"}):null]})}import{useContext as Bn,useEffect as Vn,useState as $n}from"react";import{prewake as Hn}from"@urun-sh/core";function jn(e){let r=Bn(Q),[t,n]=$n(null),o=e.app??r?.appId,s=e.function,a=e.intervalS??60,u=r?.baseUrl,c=r?.orgId,i=r?.jwt,f=r?.getAccessToken,d=r?.authProvider;return Vn(()=>{if(!u||!c||!o||!s)return;let m=!1,k=()=>{Hn({baseUrl:u,app:o,functionName:s,orgId:c,jwt:i,getAccessToken:f,authProvider:d}).then(y=>{m||n(y)}).catch(()=>{})};k();let b=setInterval(k,Math.max(1,a)*1e3);return()=>{m=!0,clearInterval(b)}},[o,s,a,u,c,i,f,d]),t}import{describeSessionPhase as Xa,isWakingPhase as Ga}from"@urun-sh/core";export{ut as ComponentRenderer,Cr as DEFAULT_CAMERA_CONSTRAINTS,X as DEFAULT_LOG_CAP,br as DEFAULT_VOICE_CONSTRAINTS,Ee as DocPatchForm,bt as ImageFrame,yt as ImageFrameSchema,xt as MetricsPanel,Tt as MetricsPanelSchema,dt as ProgressCard,lt as ProgressCardSchema,ft as StatusBadge,pt as StatusBadgeSchema,vt as TextStream,ht as TextStreamSchema,Je as UrunAudio,Nr as UrunAuthProvider,jt as UrunCamera,gn as UrunControlSender,pn as UrunDocPanel,ce as UrunErrorBoundary,vn as UrunEventSpine,Dr as UrunJwtProvider,Vr as UrunProvider,In as UrunSessionClock,Wn as UrunSessionEnded,_n as UrunSessionGate,Mn as UrunSessionStatus,Qe as UrunSessionWaking,ln as UrunStreamTail,qt as UrunVoice,he as authMode,Ge as createDocStore,Xa as describeSessionPhase,pe as formatPayload,xe as getUrunAudioContext,Ga as isWakingPhase,Ke as parseJsonObject,J as pushCapped,it as registerComponent,Re as resumeUrunAudioContext,H as urunPublicEnv,Xr as useApp,at as useChat,tt as useCompletion,de as useDocStore,hr as useImageFrame,vr as useMetricsPanel,lr as useProgressCard,Yr as useRequest,an as useSessionDoc,Er as useSessionEndsAt,F as useSessionPhase,Qt as useSessionTrack,Ye as useSessionWake,pr as useStatusBadge,Ze as useStreamMessages,gr as useTextStream,Kt as useUrunAudioLevel,Me as useUrunAuth,jn as useUrunPrewake,Lr as usesWorkOSAuth};
|
package/dist/styles.css
CHANGED
|
@@ -395,7 +395,60 @@
|
|
|
395
395
|
.urun-session-status-dot[data-phase='error'] {
|
|
396
396
|
background: var(--urun-wb-danger, #e5484d);
|
|
397
397
|
}
|
|
398
|
+
.urun-session-status-dot[data-phase='expired'] {
|
|
399
|
+
background: var(--urun-wb-warn, #ffb224);
|
|
400
|
+
}
|
|
398
401
|
|
|
399
402
|
.urun-session-status-detail {
|
|
400
403
|
color: var(--urun-wb-muted, #8a8a8a);
|
|
401
404
|
}
|
|
405
|
+
|
|
406
|
+
/* Session length: countdown clock (UrunSessionClock) + terminal surface
|
|
407
|
+
* (UrunSessionEnded). The clock renders nothing without a deadline; state
|
|
408
|
+
* rides data- attributes (data-urgent below the urgent threshold,
|
|
409
|
+
* data-expired at zero) so apps restyle it with plain CSS. */
|
|
410
|
+
.urun-session-clock {
|
|
411
|
+
display: inline-flex;
|
|
412
|
+
align-items: center;
|
|
413
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
414
|
+
font-size: 12px;
|
|
415
|
+
font-variant-numeric: tabular-nums;
|
|
416
|
+
color: var(--urun-wb-muted, #8a8a8a);
|
|
417
|
+
}
|
|
418
|
+
.urun-session-clock[data-urgent] {
|
|
419
|
+
color: var(--urun-wb-danger, #e5484d);
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
.urun-session-ended {
|
|
423
|
+
display: flex;
|
|
424
|
+
align-items: center;
|
|
425
|
+
gap: 10px;
|
|
426
|
+
font-size: 13px;
|
|
427
|
+
}
|
|
428
|
+
.urun-session-ended-new {
|
|
429
|
+
appearance: none;
|
|
430
|
+
border: 1px solid var(--urun-wb-border, rgba(128, 128, 128, 0.4));
|
|
431
|
+
border-radius: 6px;
|
|
432
|
+
background: var(--urun-wb-accent, #24db49);
|
|
433
|
+
color: #000;
|
|
434
|
+
font-size: 12px;
|
|
435
|
+
font-weight: 600;
|
|
436
|
+
padding: 4px 10px;
|
|
437
|
+
cursor: pointer;
|
|
438
|
+
}
|
|
439
|
+
.urun-session-ended-new:hover {
|
|
440
|
+
filter: brightness(1.1);
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
/* Scale-to-zero "waking (Ns)" building block (UrunSessionWaking) */
|
|
444
|
+
.urun-session-waking {
|
|
445
|
+
display: inline-flex;
|
|
446
|
+
align-items: baseline;
|
|
447
|
+
gap: 6px;
|
|
448
|
+
font-size: 12px;
|
|
449
|
+
}
|
|
450
|
+
|
|
451
|
+
.urun-session-waking-elapsed {
|
|
452
|
+
color: var(--urun-wb-muted, #8a8a8a);
|
|
453
|
+
font-variant-numeric: tabular-nums;
|
|
454
|
+
}
|
package/dist/video.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--urun-bg: #ffffff;--urun-text: #1a1a2e;--urun-border: #e2e8f0;--urun-radius: 8px;--urun-font: system-ui, -apple-system, sans-serif;--urun-progress-bg: #e2e8f0;--urun-progress-fill: #3b82f6;--urun-progress-success: #22c55e;--urun-progress-error: #ef4444;--urun-progress-height: 8px;--urun-status-thinking: #f59e0b;--urun-status-generating: #3b82f6;--urun-status-idle: #94a3b8;--urun-status-error: #ef4444;--urun-status-indicator-size: 8px;--urun-cursor-color: #3b82f6;--urun-cursor-width: 2px;--urun-metric-bg: #f8fafc;--urun-metric-label-color: #64748b;--urun-metric-value-color: #1a1a2e}.urun-progress-card{font-family:var(--urun-font);color:var(--urun-text);border:1px solid var(--urun-border);border-radius:var(--urun-radius);padding:12px 16px;background:var(--urun-bg)}.urun-progress-label{font-size:.875rem;font-weight:500;margin-bottom:8px}.urun-progress-bar{height:var(--urun-progress-height);background:var(--urun-progress-bg);border-radius:calc(var(--urun-progress-height) / 2);overflow:hidden}.urun-progress-fill{height:100%;background:var(--urun-progress-fill);border-radius:inherit;transition:width .3s ease}.urun-progress-card[data-variant=success] .urun-progress-fill{background:var(--urun-progress-success)}.urun-progress-card[data-variant=error] .urun-progress-fill{background:var(--urun-progress-error)}.urun-progress-text{font-size:.75rem;color:var(--urun-metric-label-color);margin-top:4px;text-align:right}.urun-status-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--urun-font);font-size:.875rem;color:var(--urun-text)}.urun-status-indicator{display:inline-block;width:var(--urun-status-indicator-size);height:var(--urun-status-indicator-size);border-radius:50%;background:var(--urun-status-idle);flex-shrink:0}.urun-status-badge[data-state=thinking] .urun-status-indicator{background:var(--urun-status-thinking)}.urun-status-badge[data-state=generating] .urun-status-indicator{background:var(--urun-status-generating)}.urun-status-badge[data-state=error] .urun-status-indicator{background:var(--urun-status-error)}.urun-status-pulse{animation:urun-pulse 1.5s ease-in-out infinite}.urun-text-stream{font-family:var(--urun-font);color:var(--urun-text);white-space:pre-wrap;word-break:break-word}.urun-text-cursor{display:inline-block;width:var(--urun-cursor-width);height:1em;background:var(--urun-cursor-color);vertical-align:text-bottom;animation:urun-blink 1s step-end infinite}.urun-image-frame{margin:0;border:1px solid var(--urun-border);border-radius:var(--urun-radius);overflow:hidden;background:var(--urun-bg)}.urun-image{display:block;width:100%;height:auto}.urun-image-caption{padding:8px 12px;font-family:var(--urun-font);font-size:.875rem;color:var(--urun-metric-label-color);text-align:center}.urun-metrics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;font-family:var(--urun-font)}.urun-metric-card{background:var(--urun-metric-bg);border:1px solid var(--urun-border);border-radius:var(--urun-radius);padding:12px;text-align:center}.urun-metric-label{font-size:.75rem;color:var(--urun-metric-label-color);margin-bottom:4px}.urun-metric-value{font-size:1.25rem;font-weight:600;color:var(--urun-metric-value-color)}.urun-component-error{font-family:var(--urun-font);padding:8px 12px;border:1px solid var(--urun-status-error);border-radius:var(--urun-radius);background:#fef2f2;color:var(--urun-status-error);font-size:.875rem}@keyframes urun-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes urun-blink{0%,to{opacity:1}50%{opacity:0}}[data-urun-video],[data-urun-video] .video-js,[data-urun-video] .vjs-tech{width:100%;height:100%}[data-urun-video] .vjs-tech{object-fit:contain}.urun-video-live.vjs-has-started .vjs-poster,.urun-video-live.vjs-has-started .vjs-loading-spinner,.urun-video-live.vjs-has-started .vjs-big-play-button{display:none!important}.urun-video-live .vjs-poster{background-color:transparent}.urun-stream-tail,.urun-doc-panel,.urun-control-sender,.urun-event-spine{display:flex;flex-direction:column;gap:6px;font-size:12px}.urun-stream-tail-meta,.urun-doc-panel-meta{display:flex;align-items:center;gap:8px;color:var(--urun-wb-muted, #8a8a8a)}.urun-stream-tail-log,.urun-control-sender-log{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow:auto;padding:6px;border-radius:6px;background:var(--urun-wb-log-bg, rgba(0, 0, 0, .25));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.urun-stream-tail-time,.urun-control-sender-time,.urun-event-spine-time{color:var(--urun-wb-muted, #8a8a8a)}.urun-doc-panel-snapshot{margin:0;padding:8px;max-height:220px;overflow:auto;border-radius:6px;background:var(--urun-wb-log-bg, rgba(0, 0, 0, .25));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.urun-doc-patch,.urun-control-sender{display:flex;flex-direction:column;gap:6px}.urun-doc-patch-input{width:100%;resize:vertical;border-radius:6px;border:1px solid var(--urun-wb-border, rgba(128, 128, 128, .4));background:var(--urun-wb-input-bg, transparent);color:inherit;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.urun-doc-patch-actions{display:flex;align-items:center;gap:8px}.urun-doc-patch-button,.urun-mic-button{cursor:pointer;border-radius:6px;border:1px solid var(--urun-wb-border, rgba(128, 128, 128, .4));background:var(--urun-wb-accent, #24db49);color:var(--urun-wb-accent-fg, #04120a);padding:4px 12px;font-size:12px;font-weight:600}.urun-doc-patch-button:disabled{cursor:default;opacity:.5}.urun-doc-patch-error,.urun-mic-error{color:var(--urun-wb-danger, #e5484d)}.urun-event-spine{max-height:260px;overflow:auto}.urun-event-spine-line,.urun-control-sender-line{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.urun-event-spine-kind,.urun-control-sender-dir{display:inline-block;min-width:3.5em;color:var(--urun-wb-muted, #8a8a8a)}.urun-session-status{display:inline-flex;align-items:center;gap:6px;font-size:12px}.urun-session-status-dot{width:8px;height:8px;border-radius:50%;background:var(--urun-wb-muted, #8a8a8a)}.urun-session-status-dot[data-phase=live]{background:var(--urun-wb-accent, #24db49)}.urun-session-status-dot[data-phase=connecting],.urun-session-status-dot[data-phase=provisioning],.urun-session-status-dot[data-phase=queued]{background:var(--urun-wb-warn, #ffb224)}.urun-session-status-dot[data-phase=error]{background:var(--urun-wb-danger, #e5484d)}.urun-session-status-detail{color:var(--urun-wb-muted, #8a8a8a)}
|
|
1
|
+
:root{--urun-bg: #ffffff;--urun-text: #1a1a2e;--urun-border: #e2e8f0;--urun-radius: 8px;--urun-font: system-ui, -apple-system, sans-serif;--urun-progress-bg: #e2e8f0;--urun-progress-fill: #3b82f6;--urun-progress-success: #22c55e;--urun-progress-error: #ef4444;--urun-progress-height: 8px;--urun-status-thinking: #f59e0b;--urun-status-generating: #3b82f6;--urun-status-idle: #94a3b8;--urun-status-error: #ef4444;--urun-status-indicator-size: 8px;--urun-cursor-color: #3b82f6;--urun-cursor-width: 2px;--urun-metric-bg: #f8fafc;--urun-metric-label-color: #64748b;--urun-metric-value-color: #1a1a2e}.urun-progress-card{font-family:var(--urun-font);color:var(--urun-text);border:1px solid var(--urun-border);border-radius:var(--urun-radius);padding:12px 16px;background:var(--urun-bg)}.urun-progress-label{font-size:.875rem;font-weight:500;margin-bottom:8px}.urun-progress-bar{height:var(--urun-progress-height);background:var(--urun-progress-bg);border-radius:calc(var(--urun-progress-height) / 2);overflow:hidden}.urun-progress-fill{height:100%;background:var(--urun-progress-fill);border-radius:inherit;transition:width .3s ease}.urun-progress-card[data-variant=success] .urun-progress-fill{background:var(--urun-progress-success)}.urun-progress-card[data-variant=error] .urun-progress-fill{background:var(--urun-progress-error)}.urun-progress-text{font-size:.75rem;color:var(--urun-metric-label-color);margin-top:4px;text-align:right}.urun-status-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--urun-font);font-size:.875rem;color:var(--urun-text)}.urun-status-indicator{display:inline-block;width:var(--urun-status-indicator-size);height:var(--urun-status-indicator-size);border-radius:50%;background:var(--urun-status-idle);flex-shrink:0}.urun-status-badge[data-state=thinking] .urun-status-indicator{background:var(--urun-status-thinking)}.urun-status-badge[data-state=generating] .urun-status-indicator{background:var(--urun-status-generating)}.urun-status-badge[data-state=error] .urun-status-indicator{background:var(--urun-status-error)}.urun-status-pulse{animation:urun-pulse 1.5s ease-in-out infinite}.urun-text-stream{font-family:var(--urun-font);color:var(--urun-text);white-space:pre-wrap;word-break:break-word}.urun-text-cursor{display:inline-block;width:var(--urun-cursor-width);height:1em;background:var(--urun-cursor-color);vertical-align:text-bottom;animation:urun-blink 1s step-end infinite}.urun-image-frame{margin:0;border:1px solid var(--urun-border);border-radius:var(--urun-radius);overflow:hidden;background:var(--urun-bg)}.urun-image{display:block;width:100%;height:auto}.urun-image-caption{padding:8px 12px;font-family:var(--urun-font);font-size:.875rem;color:var(--urun-metric-label-color);text-align:center}.urun-metrics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;font-family:var(--urun-font)}.urun-metric-card{background:var(--urun-metric-bg);border:1px solid var(--urun-border);border-radius:var(--urun-radius);padding:12px;text-align:center}.urun-metric-label{font-size:.75rem;color:var(--urun-metric-label-color);margin-bottom:4px}.urun-metric-value{font-size:1.25rem;font-weight:600;color:var(--urun-metric-value-color)}.urun-component-error{font-family:var(--urun-font);padding:8px 12px;border:1px solid var(--urun-status-error);border-radius:var(--urun-radius);background:#fef2f2;color:var(--urun-status-error);font-size:.875rem}@keyframes urun-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes urun-blink{0%,to{opacity:1}50%{opacity:0}}[data-urun-video],[data-urun-video] .video-js,[data-urun-video] .vjs-tech{width:100%;height:100%}[data-urun-video] .vjs-tech{object-fit:contain}.urun-video-live.vjs-has-started .vjs-poster,.urun-video-live.vjs-has-started .vjs-loading-spinner,.urun-video-live.vjs-has-started .vjs-big-play-button{display:none!important}.urun-video-live .vjs-poster{background-color:transparent}.urun-stream-tail,.urun-doc-panel,.urun-control-sender,.urun-event-spine{display:flex;flex-direction:column;gap:6px;font-size:12px}.urun-stream-tail-meta,.urun-doc-panel-meta{display:flex;align-items:center;gap:8px;color:var(--urun-wb-muted, #8a8a8a)}.urun-stream-tail-log,.urun-control-sender-log{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow:auto;padding:6px;border-radius:6px;background:var(--urun-wb-log-bg, rgba(0, 0, 0, .25));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.urun-stream-tail-time,.urun-control-sender-time,.urun-event-spine-time{color:var(--urun-wb-muted, #8a8a8a)}.urun-doc-panel-snapshot{margin:0;padding:8px;max-height:220px;overflow:auto;border-radius:6px;background:var(--urun-wb-log-bg, rgba(0, 0, 0, .25));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.urun-doc-patch,.urun-control-sender{display:flex;flex-direction:column;gap:6px}.urun-doc-patch-input{width:100%;resize:vertical;border-radius:6px;border:1px solid var(--urun-wb-border, rgba(128, 128, 128, .4));background:var(--urun-wb-input-bg, transparent);color:inherit;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.urun-doc-patch-actions{display:flex;align-items:center;gap:8px}.urun-doc-patch-button,.urun-mic-button{cursor:pointer;border-radius:6px;border:1px solid var(--urun-wb-border, rgba(128, 128, 128, .4));background:var(--urun-wb-accent, #24db49);color:var(--urun-wb-accent-fg, #04120a);padding:4px 12px;font-size:12px;font-weight:600}.urun-doc-patch-button:disabled{cursor:default;opacity:.5}.urun-doc-patch-error,.urun-mic-error{color:var(--urun-wb-danger, #e5484d)}.urun-event-spine{max-height:260px;overflow:auto}.urun-event-spine-line,.urun-control-sender-line{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.urun-event-spine-kind,.urun-control-sender-dir{display:inline-block;min-width:3.5em;color:var(--urun-wb-muted, #8a8a8a)}.urun-session-status{display:inline-flex;align-items:center;gap:6px;font-size:12px}.urun-session-status-dot{width:8px;height:8px;border-radius:50%;background:var(--urun-wb-muted, #8a8a8a)}.urun-session-status-dot[data-phase=live]{background:var(--urun-wb-accent, #24db49)}.urun-session-status-dot[data-phase=connecting],.urun-session-status-dot[data-phase=provisioning],.urun-session-status-dot[data-phase=queued]{background:var(--urun-wb-warn, #ffb224)}.urun-session-status-dot[data-phase=error]{background:var(--urun-wb-danger, #e5484d)}.urun-session-status-dot[data-phase=expired]{background:var(--urun-wb-warn, #ffb224)}.urun-session-status-detail{color:var(--urun-wb-muted, #8a8a8a)}.urun-session-clock{display:inline-flex;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-variant-numeric:tabular-nums;color:var(--urun-wb-muted, #8a8a8a)}.urun-session-clock[data-urgent]{color:var(--urun-wb-danger, #e5484d)}.urun-session-ended{display:flex;align-items:center;gap:10px;font-size:13px}.urun-session-ended-new{appearance:none;border:1px solid var(--urun-wb-border, rgba(128, 128, 128, .4));border-radius:6px;background:var(--urun-wb-accent, #24db49);color:#000;font-size:12px;font-weight:600;padding:4px 10px;cursor:pointer}.urun-session-ended-new:hover{filter:brightness(1.1)}.urun-session-waking{display:inline-flex;align-items:baseline;gap:6px;font-size:12px}.urun-session-waking-elapsed{color:var(--urun-wb-muted, #8a8a8a);font-variant-numeric:tabular-nums}
|
package/dist/video.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
"use strict";var q=Object.create;var E=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(t,r)=>{for(var n in r)E(t,n,{get:r[n],enumerable:!0})},
|
|
2
|
+
"use strict";var q=Object.create;var E=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(t,r)=>{for(var n in r)E(t,n,{get:r[n],enumerable:!0})},V=(t,r,n,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of G(r))!J.call(t,s)&&s!==n&&E(t,s,{get:()=>r[s],enumerable:!(i=W(r,s))||i.enumerable});return t};var Q=(t,r,n)=>(n=t!=null?q(Y(t)):{},V(r||!t||!t.__esModule?E(n,"default",{value:t,enumerable:!0}):n,t)),X=t=>V(E({},"__esModule",{value:!0}),t);var se={};K(se,{UrunVideo:()=>H});module.exports=X(se);var o=require("react"),O=Q(require("video.js")),ge=require("video.js/dist/video-js.css");var b=require("react");var k=require("react"),Z=require("@urun-sh/core"),$=require("@urun-sh/core/internal");var ee=require("react/jsx-runtime"),N=(0,k.createContext)(null);function R(t){let r=(0,b.useContext)(N);if(!r)throw new Error("useTrack must be used within <SessionProvider> or <UrunProvider>");let[n,i]=(0,b.useState)(null);return(0,b.useEffect)(()=>{let s=r.getState()._transport;if(!s)return;let g=s.getTrackByName?.bind(s),f=g?.(t);f&&f.readyState!=="ended"&&i(f);let j=s.on("track",h=>{let w=g?.(t);w&&w.id!==h.id||(i(h),h.addEventListener("ended",()=>{i(null)}))});return()=>{j()}},[t,r]),n}var l=require("react/jsx-runtime");function I(t){t.posterImage?.hide?.()}var re=`
|
|
3
3
|
[data-urun-video]{width:100%;height:100%}
|
|
4
4
|
[data-urun-video] .video-js,[data-urun-video] .vjs-tech{width:100%;height:100%}
|
|
5
5
|
[data-urun-video] .vjs-tech{object-fit:contain}
|
|
@@ -7,4 +7,4 @@
|
|
|
7
7
|
.urun-video-live.vjs-has-started .vjs-loading-spinner,
|
|
8
8
|
.urun-video-live.vjs-has-started .vjs-big-play-button{display:none !important}
|
|
9
9
|
.urun-video-live .vjs-poster{background-color:transparent}
|
|
10
|
-
`,U="urun-video-critical-css";function
|
|
10
|
+
`,U="urun-video-critical-css";function te(){if(typeof document>"u"||document.getElementById(U))return;let t=document.createElement("style");t.id=U,t.textContent=re,document.head.appendChild(t)}var ne=["playToggle","volumePanel","fullscreenToggle"],oe=["playToggle","volumePanel","currentTimeDisplay","timeDivider","durationDisplay","progressControl","remainingTimeDisplay","fullscreenToggle"],A=(0,o.forwardRef)(function(r,n){let{track:i,stream:s,src:g,type:f="video/mp4",className:j,videoClassName:h,poster:w,controls:D=!0,autoPlay:S=!0,muted:T=!0,onVideoElement:z,onPlayerReady:L,children:_}=r,P=typeof g=="string"&&g.length>0,c=!P,y=(0,o.useRef)(null),v=(0,o.useRef)(null),[B,x]=(0,o.useState)(!1),F=(0,o.useCallback)(e=>{y.current=e,typeof n=="function"?n(e):n&&(n.current=e),z?.(e)},[n,z]);(0,o.useImperativeHandle)(n,()=>y.current,[]);let m=(0,o.useCallback)(()=>{let e=y.current;if(!e||!e.srcObject&&!e.src)return;T&&(e.muted=!0,e.defaultMuted=!0),e.setAttribute("playsinline",""),e.setAttribute("webkit-playsinline","");let a=e.play();a&&typeof a.then=="function"&&a.then(()=>x(!1)).catch(d=>{(d instanceof Error?d.name:String(d))!=="AbortError"&&x(!0)})},[T]);return(0,o.useEffect)(()=>{if(typeof document>"u")return;let e=y.current;if(!e)return;te(),T&&(e.muted=!0,e.defaultMuted=!0,e.setAttribute("muted","")),e.autoplay=S,e.setAttribute("playsinline",""),e.setAttribute("webkit-playsinline","");let a=(0,O.default)(e,{controls:D,autoplay:S,muted:T,playsinline:!0,preload:"auto",fluid:!1,bigPlayButton:!0,poster:w,userActions:{click:!0,doubleClick:!1,hotkeys:!1},controlBar:{children:c?ne:oe}});c&&a.addClass("urun-video-live");let d=()=>x(!1),p=()=>{a.hasStarted(!0),I(a),d()},u=()=>{c&&m()};return e.addEventListener("playing",p),e.addEventListener("loadedmetadata",u),c&&e.addEventListener("pause",u),v.current=a,L?.(a),()=>{e.removeEventListener("playing",p),e.removeEventListener("loadedmetadata",u),e.removeEventListener("pause",u),L?.(null),v.current&&(v.current.dispose(),v.current=null)}},[c]),(0,o.useEffect)(()=>{if(!P)return;let e=v.current;if(!e)return;let a=e.tech?.(!0)?.el?.();a&&(a.srcObject=null),e.src({src:g,type:f}),S&&m()},[P,g,f,S,m]),(0,o.useEffect)(()=>{if(!c)return;let e=v.current;if(!e)return;let a=i??null,d=s??null;!d&&a&&(d=new MediaStream([a]));let p=e.tech?.(!0)?.el?.()??y.current;if(!p)return;if(!d){p.srcObject=null,x(!1);return}p.srcObject=d,m();let u=d.getVideoTracks()[0]??a??null,C=()=>{e.hasStarted(!0),I(e),m()},M=()=>{p.srcObject=null,x(!1)};return u&&(u.addEventListener("unmute",C),u.addEventListener("ended",M),u.muted||C()),()=>{u&&(u.removeEventListener("unmute",C),u.removeEventListener("ended",M))}},[c,i,s,m]),(0,l.jsxs)("div",{className:j,style:{position:"relative",width:"100%",height:"100%"},"data-urun-video":"","data-urun-video-mode":c?"live":"vod",children:[(0,l.jsx)("video",{ref:F,className:["video-js","vjs-default-skin",h].filter(Boolean).join(" "),playsInline:!0}),B&&(0,l.jsx)("button",{type:"button",onClick:m,"aria-label":"Tap to play",style:{position:"absolute",inset:0,zIndex:30,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.6)",border:0,cursor:"pointer",color:"#fff"},children:(0,l.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:8,borderRadius:999,border:"1px solid rgba(255,255,255,0.2)",background:"rgba(255,255,255,0.1)",padding:"10px 20px",fontSize:14,fontWeight:500},children:[(0,l.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:16,height:16,"aria-hidden":!0,children:(0,l.jsx)("path",{d:"M8 5v14l11-7z"})}),"Tap to play"]})}),_]})}),ae=(0,o.forwardRef)(function({name:r,...n},i){let s=R(r);return(0,l.jsx)(A,{ref:i,...n,track:s})}),H=(0,o.forwardRef)(function(r,n){return!!r.name&&!r.track&&!r.stream&&!(typeof r.src=="string"&&r.src)?(0,l.jsx)(ae,{ref:n,...r,name:r.name}):(0,l.jsx)(A,{ref:n,...r})});0&&(module.exports={UrunVideo});
|
package/dist/video.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
import{forwardRef as j,useCallback as
|
|
2
|
+
import{forwardRef as j,useCallback as V,useEffect as E,useImperativeHandle as G,useRef as N,useState as Y}from"react";import J from"video.js";import"video.js/dist/video-js.css";import{useContext as F,useState as q,useEffect as W}from"react";import{createContext as B,useState as oe,useEffect as ae,useRef as se}from"react";import{observePageLifecycle as ue}from"@urun-sh/core";import{TransportSession as le}from"@urun-sh/core/internal";import{jsx as pe}from"react/jsx-runtime";var L=B(null);function M(o){let r=F(L);if(!r)throw new Error("useTrack must be used within <SessionProvider> or <UrunProvider>");let[n,i]=q(null);return W(()=>{let u=r.getState()._transport;if(!u)return;let c=u.getTrackByName?.bind(u),m=c?.(o);m&&m.readyState!=="ended"&&i(m);let w=u.on("track",v=>{let y=c?.(o);y&&y.id!==v.id||(i(v),v.addEventListener("ended",()=>{i(null)}))});return()=>{w()}},[o,r]),n}import{jsx as g,jsxs as U}from"react/jsx-runtime";function R(o){o.posterImage?.hide?.()}var K=`
|
|
3
3
|
[data-urun-video]{width:100%;height:100%}
|
|
4
4
|
[data-urun-video] .video-js,[data-urun-video] .vjs-tech{width:100%;height:100%}
|
|
5
5
|
[data-urun-video] .vjs-tech{object-fit:contain}
|
|
@@ -7,4 +7,4 @@ import{forwardRef as j,useCallback as z,useEffect as E,useImperativeHandle as G,
|
|
|
7
7
|
.urun-video-live.vjs-has-started .vjs-loading-spinner,
|
|
8
8
|
.urun-video-live.vjs-has-started .vjs-big-play-button{display:none !important}
|
|
9
9
|
.urun-video-live .vjs-poster{background-color:transparent}
|
|
10
|
-
`,I="urun-video-critical-css";function Q(){if(typeof document>"u"||document.getElementById(I))return;let o=document.createElement("style");o.id=I,o.textContent=K,document.head.appendChild(o)}var X=["playToggle","volumePanel","fullscreenToggle"],Z=["playToggle","volumePanel","currentTimeDisplay","timeDivider","durationDisplay","progressControl","remainingTimeDisplay","fullscreenToggle"],O=j(function(r,n){let{track:
|
|
10
|
+
`,I="urun-video-critical-css";function Q(){if(typeof document>"u"||document.getElementById(I))return;let o=document.createElement("style");o.id=I,o.textContent=K,document.head.appendChild(o)}var X=["playToggle","volumePanel","fullscreenToggle"],Z=["playToggle","volumePanel","currentTimeDisplay","timeDivider","durationDisplay","progressControl","remainingTimeDisplay","fullscreenToggle"],O=j(function(r,n){let{track:i,stream:u,src:c,type:m="video/mp4",className:w,videoClassName:v,poster:y,controls:A=!0,autoPlay:x=!0,muted:k=!0,onVideoElement:P,onPlayerReady:C,children:H}=r,S=typeof c=="string"&&c.length>0,d=!S,b=N(null),f=N(null),[D,h]=Y(!1),_=V(e=>{b.current=e,typeof n=="function"?n(e):n&&(n.current=e),P?.(e)},[n,P]);G(n,()=>b.current,[]);let p=V(()=>{let e=b.current;if(!e||!e.srcObject&&!e.src)return;k&&(e.muted=!0,e.defaultMuted=!0),e.setAttribute("playsinline",""),e.setAttribute("webkit-playsinline","");let t=e.play();t&&typeof t.then=="function"&&t.then(()=>h(!1)).catch(s=>{(s instanceof Error?s.name:String(s))!=="AbortError"&&h(!0)})},[k]);return E(()=>{if(typeof document>"u")return;let e=b.current;if(!e)return;Q(),k&&(e.muted=!0,e.defaultMuted=!0,e.setAttribute("muted","")),e.autoplay=x,e.setAttribute("playsinline",""),e.setAttribute("webkit-playsinline","");let t=J(e,{controls:A,autoplay:x,muted:k,playsinline:!0,preload:"auto",fluid:!1,bigPlayButton:!0,poster:y,userActions:{click:!0,doubleClick:!1,hotkeys:!1},controlBar:{children:d?X:Z}});d&&t.addClass("urun-video-live");let s=()=>h(!1),l=()=>{t.hasStarted(!0),R(t),s()},a=()=>{d&&p()};return e.addEventListener("playing",l),e.addEventListener("loadedmetadata",a),d&&e.addEventListener("pause",a),f.current=t,C?.(t),()=>{e.removeEventListener("playing",l),e.removeEventListener("loadedmetadata",a),e.removeEventListener("pause",a),C?.(null),f.current&&(f.current.dispose(),f.current=null)}},[d]),E(()=>{if(!S)return;let e=f.current;if(!e)return;let t=e.tech?.(!0)?.el?.();t&&(t.srcObject=null),e.src({src:c,type:m}),x&&p()},[S,c,m,x,p]),E(()=>{if(!d)return;let e=f.current;if(!e)return;let t=i??null,s=u??null;!s&&t&&(s=new MediaStream([t]));let l=e.tech?.(!0)?.el?.()??b.current;if(!l)return;if(!s){l.srcObject=null,h(!1);return}l.srcObject=s,p();let a=s.getVideoTracks()[0]??t??null,T=()=>{e.hasStarted(!0),R(e),p()},z=()=>{l.srcObject=null,h(!1)};return a&&(a.addEventListener("unmute",T),a.addEventListener("ended",z),a.muted||T()),()=>{a&&(a.removeEventListener("unmute",T),a.removeEventListener("ended",z))}},[d,i,u,p]),U("div",{className:w,style:{position:"relative",width:"100%",height:"100%"},"data-urun-video":"","data-urun-video-mode":d?"live":"vod",children:[g("video",{ref:_,className:["video-js","vjs-default-skin",v].filter(Boolean).join(" "),playsInline:!0}),D&&g("button",{type:"button",onClick:p,"aria-label":"Tap to play",style:{position:"absolute",inset:0,zIndex:30,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.6)",border:0,cursor:"pointer",color:"#fff"},children:U("span",{style:{display:"inline-flex",alignItems:"center",gap:8,borderRadius:999,border:"1px solid rgba(255,255,255,0.2)",background:"rgba(255,255,255,0.1)",padding:"10px 20px",fontSize:14,fontWeight:500},children:[g("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:16,height:16,"aria-hidden":!0,children:g("path",{d:"M8 5v14l11-7z"})}),"Tap to play"]})}),H]})}),$=j(function({name:r,...n},i){let u=M(r);return g(O,{ref:i,...n,track:u})}),ee=j(function(r,n){return!!r.name&&!r.track&&!r.stream&&!(typeof r.src=="string"&&r.src)?g($,{ref:n,...r,name:r.name}):g(O,{ref:n,...r})});export{ee as UrunVideo};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@urun-sh/react",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.9",
|
|
4
4
|
"description": "React bindings for the urun TypeScript SDK",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"dev": "tsup --watch"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
-
"@urun-sh/core": "^0.2.
|
|
56
|
+
"@urun-sh/core": "^0.2.9",
|
|
57
57
|
"@workos-inc/authkit-nextjs": "^3.0.0",
|
|
58
58
|
"@workos-inc/authkit-react": "^0.15.0 || ^0.16.0",
|
|
59
59
|
"next": "^15.0.0 || ^16.0.0",
|