Types

export type WidgetInitOptions = {
  /**
   * HTMLElement or selector that will host the widget UI.
   * Defaults to the first element with `[data-orga-widget]`.
   */
  target?: HTMLElement | string;
 
  /**
   * Function that returns the session configuration (ephemeral token + ICE servers).
   * Mirrors the existing React SDK requirement so we can reuse backends.
   */
  fetchSessionConfig: () => Promise<SessionConfigResponse>;
 
  /**
   * Optional session configuration endpoint to seed OrgaAI.init.
   * Used only for logging / diagnostics.
   */
  sessionConfigEndpoint?: string;
 
  /**
   * Optional voice/model configuration to seed OrgaAI.init.
   */
  voice?: OrgaAIVoice;
 
  /**
   * Logging verbosity override.
   */
  logLevel?: 'disabled' | 'error' | 'warn' | 'info' | 'debug';
 
  /**
   * Theme/layout preset for the widget shell.
   */
  theme?: WidgetThemeName;
 
  /**
   * Controls whether the transcript panel is visible.
   */
  transcript?: TranscriptMode;
 
  /**
   * Controls camera preview behavior.
   */
  videoPreview?: VideoPreviewMode;
 
  /**
   * UI branding: name, tagline, and color palette.
   */
  branding?: Partial<WidgetBranding>;
};

export type SessionConfigResponse = {
  ephemeralToken: string;
  iceServers: Array<{
    urls: string | string[];
    username?: string;
    credential?: string;
  }>;
};

export type WidgetThemeName = 'floating-badge' | 'panel' | 'full';

export type TranscriptMode = 'hidden' | 'panel';

export type VideoPreviewMode = 'hidden' | 'optional' | 'always';

export type WidgetBranding = {
  brandName: string;
  tagline?: string;
  accentColor: string;
  backgroundColor: string;
  borderColor: string;
  textColor: string;
  secondaryTextColor: string;
  badgeIconUrl?: string;
  logoUrl?: string;
  logoAlt?: string;
};

export type WidgetFeatureConfig = {
  transcript: TranscriptMode;
  videoPreview: VideoPreviewMode;
};

import type {
  WidgetInitOptions,
  WidgetThemeName,
  WidgetBranding,
} from '@orga-ai/widget';
import { initWidget } from '@orga-ai/widget';
 
const options: WidgetInitOptions = {
  fetchSessionConfig: () =>
    fetch('/api/orga-session').then((res) => res.json()),
  theme: 'floating-badge' as WidgetThemeName,
  branding: {
    brandName: 'My App',
    tagline: "Your app's assistant",
    accentColor: '#2D9FBC',
    backgroundColor: '#ffffff',
    borderColor: '#e2e8f0',
    textColor: '#0f172a',
    secondaryTextColor: '#475569',
  } as Partial<WidgetBranding>,
};
 
initWidget(options);

const DEFAULT_BRANDING: WidgetBranding = {
  brandName: 'Orga Assistant',
  tagline: 'Your realtime copilot',
  accentColor: '#2D9FBC',
  backgroundColor: '#ffffff',
  borderColor: '#e2e8f0',
  textColor: '#0f172a',
  secondaryTextColor: '#475569',
};
 
const DEFAULT_FEATURES: WidgetFeatureConfig = {
  transcript: 'panel',
  videoPreview: 'optional',
};
 
const defaultTheme: WidgetThemeName = 'floating-badge';
const defaultVoice: OrgaAIVoice = 'fable';
const defaultLogLevel = 'info';