@corti/embedded-web 0.1.0-alpha.1

package/dist/public-types.d.ts

@@ -0,0 +1,238 @@
+import type { Corti } from '@corti/sdk';
+/**
+ * Authentication credentials for Assistant
+ */
+export interface AuthCredentials {
+    access_token: string;
+    token_type: string;
+    expires_at?: number | null;
+    expires_in?: number | null;
+    refresh_expires_in?: number | null;
+    refresh_token?: string;
+    id_token?: string;
+    'not-before-policy'?: number | null;
+    session_state?: string;
+    scope?: string;
+    profile?: {
+        name: string;
+        email: string;
+        sub: string;
+    };
+    mode: 'stateless' | 'stateful';
+}
+/**
+ * User information returned from authentication
+ */
+export interface User {
+    id: string;
+    email: string;
+}
+/**
+ * Details of a created interaction
+ */
+export interface InteractionDetails {
+    id: string;
+    createdAt: string;
+}
+/**
+ * Interaction payload
+ */
+export interface InteractionPayload {
+    assignedUserId: Corti.InteractionsCreateRequest['assignedUserId'];
+    encounter: {
+        identifier: Corti.InteractionsCreateRequest['encounter']['identifier'];
+        status: Corti.InteractionsCreateRequest['encounter']['status'];
+        type: Corti.InteractionsCreateRequest['encounter']['type'];
+        period: Corti.InteractionsCreateRequest['encounter']['period'];
+        title?: string;
+    };
+    patient: Corti.InteractionsCreateRequest['patient'];
+}
+/**
+ * Fact used to provide additional information for the interaction context
+ */
+export interface Fact {
+    text: Corti.FactsCreateInput['text'];
+    group: Corti.FactsCreateInput['group'];
+    source?: Corti.FactsCreateInput['source'];
+}
+/**
+ * Session configuration options
+ */
+export interface SessionConfig {
+    defaultLanguage?: string;
+    defaultOutputLanguage?: string;
+    defaultTemplateKey?: string;
+    defaultMode?: 'virtual' | 'in-person';
+}
+/**
+ * Status information about the embedded component
+ */
+export interface ComponentStatus {
+    ready: boolean;
+    auth: {
+        authenticated: boolean;
+        user?: User;
+    };
+    currentUrl?: string;
+    interaction?: {
+        encounter: Corti.InteractionsEncounterResponse;
+        documents: Corti.DocumentsListResponse['data'];
+        facts: Corti.FactsListResponse['facts'];
+    };
+}
+interface AppearanceConfig {
+    primaryColor: string | null;
+}
+interface FeaturesConfig {
+    interactionTitle: boolean;
+    aiChat: boolean;
+    documentFeedback: boolean;
+    navigation: boolean;
+    virtualMode: boolean;
+}
+interface LocaleConfig {
+    interfaceLanguage: string;
+}
+/**
+ * Configuration options for the embedded component
+ */
+export interface ConfigureAppPayload {
+    appearance?: Partial<AppearanceConfig>;
+    features?: Partial<FeaturesConfig>;
+    locale?: Partial<LocaleConfig>;
+}
+export interface ConfigureAppResponsePayload {
+    appearance: AppearanceConfig;
+    features: FeaturesConfig;
+    locale: LocaleConfig;
+}
+/**
+ * Event data types for component events
+ */
+export interface EmbeddedEventData {
+    ready: undefined;
+    /**
+     * Limited access - NOT IMPLEMENTED
+     */
+    'auth-changed': {
+        user: User;
+    };
+    /**
+     * Limited access - NOT IMPLEMENTED
+     */
+    'interaction-created': {
+        interaction: InteractionDetails;
+    };
+    'recording-started': undefined;
+    'recording-stopped': undefined;
+    'document-generated': {
+        document: Corti.DocumentsGetResponse;
+    };
+    /**
+     * Emitted after manual updates and changes made through dictation as well as re-generating the document
+     */
+    'document-updated': {
+        document: Corti.DocumentsGetResponse;
+    };
+    /**
+     * Emitted when a document is "pushed" to the host EHR system from the Assistant interface
+     */
+    'document-synced': {
+        document: Corti.DocumentsGetResponse;
+    };
+    /**
+     * Limited access - NOT IMPLEMENTED
+     */
+    'navigation-changed': {
+        path: string;
+    };
+    /**
+     * Emitted when usage data is returned following a request that consumed credits
+     */
+    usage: {
+        creditsConsumed: number;
+    };
+    error: {
+        message: string;
+        code?: string;
+        details?: unknown;
+    };
+}
+/**
+ * Event listener function type
+ */
+export type EventListener<T = unknown> = (data: T) => void;
+/**
+ * Public API interface for the Corti Embedded component
+ */
+export interface CortiEmbeddedAPI {
+    /**
+     * Authenticate with the Corti system
+     * @param credentials Authentication credentials
+     * @returns Promise resolving to user information
+     */
+    auth(credentials: AuthCredentials): Promise<User>;
+    /**
+     * Create a new interaction
+     * @param encounter Encounter request data
+     * @returns Promise resolving to interaction details
+     */
+    createInteraction(encounter: InteractionPayload): Promise<InteractionDetails>;
+    /**
+     * Configure the current session
+     * @param config Session configuration
+     * @returns Promise that resolves when configuration is complete
+     */
+    configureSession(config: SessionConfig): Promise<void>;
+    /**
+     * Add facts to the current session
+     * @param facts Array of facts to add
+     * @returns Promise that resolves when facts are added
+     */
+    addFacts(facts: Fact[]): Promise<void>;
+    /**
+     * Navigate to a specific path within the embedded UI
+     * @param path Path to navigate to
+     * @returns Promise that resolves when navigation is complete
+     */
+    navigate(path: string): Promise<void>;
+    /**
+     * Start recording
+     * @returns Promise that resolves when recording starts
+     */
+    startRecording(): Promise<void>;
+    /**
+     * Stop recording
+     * @returns Promise that resolves when recording stops
+     */
+    stopRecording(): Promise<void>;
+    /**
+     * Get current component status
+     * @returns Promise resolving to current status
+     */
+    getStatus(): Promise<ComponentStatus>;
+    /**
+     * Configure the application
+     * @param config Application configuration
+     * @returns Promise that resolves when configuration is applied
+     */
+    configure(config: ConfigureAppPayload): Promise<ConfigureAppResponsePayload>;
+    /**
+     * Set authentication credentials without triggering auth flow
+     * @param credentials Authentication credentials to store
+     * @returns Promise that resolves when credentials are set
+     */
+    setCredentials(credentials: {
+        password: string;
+    }): Promise<void>;
+    /**
+     * Show the embedded UI
+     */
+    show(): void;
+    /**
+     * Hide the embedded UI
+     */
+    hide(): void;
+}
+export {};

package/dist/public-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=public-types.js.map

package/dist/public-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-types.js","sourceRoot":"","sources":["../src/public-types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Corti } from '@corti/sdk';\n\n/**\n * Authentication credentials for Assistant\n */\nexport interface AuthCredentials {\n  access_token: string;\n  token_type: string;\n  expires_at?: number | null;\n  expires_in?: number | null;\n  refresh_expires_in?: number | null;\n  refresh_token?: string;\n  id_token?: string;\n  'not-before-policy'?: number | null;\n  session_state?: string;\n  scope?: string;\n  profile?: {\n    name: string;\n    email: string;\n    sub: string;\n  };\n  mode: 'stateless' | 'stateful';\n}\n\n/**\n * User information returned from authentication\n */\nexport interface User {\n  id: string;\n  email: string;\n}\n\n/**\n * Details of a created interaction\n */\nexport interface InteractionDetails {\n  id: string;\n  createdAt: string;\n}\n\n/**\n * Interaction payload\n */\nexport interface InteractionPayload {\n  assignedUserId: Corti.InteractionsCreateRequest['assignedUserId'];\n  encounter: {\n    identifier: Corti.InteractionsCreateRequest['encounter']['identifier'];\n    status: Corti.InteractionsCreateRequest['encounter']['status'];\n    type: Corti.InteractionsCreateRequest['encounter']['type'];\n    period: Corti.InteractionsCreateRequest['encounter']['period'];\n    title?: string;\n  };\n  patient: Corti.InteractionsCreateRequest['patient'];\n}\n\n/**\n * Fact used to provide additional information for the interaction context\n */\nexport interface Fact {\n  text: Corti.FactsCreateInput['text'];\n  group: Corti.FactsCreateInput['group'];\n  source?: Corti.FactsCreateInput['source'];\n}\n\n/**\n * Session configuration options\n */\nexport interface SessionConfig {\n  defaultLanguage?: string;\n  defaultOutputLanguage?: string;\n  defaultTemplateKey?: string;\n  defaultMode?: 'virtual' | 'in-person';\n}\n\n/**\n * Status information about the embedded component\n */\nexport interface ComponentStatus {\n  ready: boolean;\n  auth: {\n    authenticated: boolean;\n    user?: User;\n  };\n  currentUrl?: string;\n  interaction?: {\n    encounter: Corti.InteractionsEncounterResponse;\n    documents: Corti.DocumentsListResponse['data'];\n    facts: Corti.FactsListResponse['facts'];\n  };\n}\n\ninterface AppearanceConfig {\n  primaryColor: string | null;\n}\n\ninterface FeaturesConfig {\n  interactionTitle: boolean;\n  aiChat: boolean;\n  documentFeedback: boolean;\n  navigation: boolean;\n  virtualMode: boolean;\n}\n\ninterface LocaleConfig {\n  interfaceLanguage: string;\n}\n\n/**\n * Configuration options for the embedded component\n */\nexport interface ConfigureAppPayload {\n  appearance?: Partial<AppearanceConfig>;\n  features?: Partial<FeaturesConfig>;\n  locale?: Partial<LocaleConfig>;\n}\n\nexport interface ConfigureAppResponsePayload {\n  appearance: AppearanceConfig;\n  features: FeaturesConfig;\n  locale: LocaleConfig;\n}\n\n/**\n * Event data types for component events\n */\nexport interface EmbeddedEventData {\n  ready: undefined;\n  /**\n   * Limited access - NOT IMPLEMENTED\n   */\n  'auth-changed': {\n    user: User;\n  };\n  /**\n   * Limited access - NOT IMPLEMENTED\n   */\n  'interaction-created': {\n    interaction: InteractionDetails;\n  };\n  'recording-started': undefined;\n  'recording-stopped': undefined;\n  'document-generated': {\n    document: Corti.DocumentsGetResponse;\n  };\n  /**\n   * Emitted after manual updates and changes made through dictation as well as re-generating the document\n   */\n  'document-updated': {\n    document: Corti.DocumentsGetResponse;\n  };\n  /**\n   * Emitted when a document is \"pushed\" to the host EHR system from the Assistant interface\n   */\n  'document-synced': {\n    document: Corti.DocumentsGetResponse;\n  };\n  /**\n   * Limited access - NOT IMPLEMENTED\n   */\n  'navigation-changed': {\n    // TODO: Implement navigation change event in CA\n    path: string;\n  };\n  /**\n   * Emitted when usage data is returned following a request that consumed credits\n   */\n  usage: {\n    creditsConsumed: number;\n  };\n  error: {\n    message: string;\n    code?: string; // TODO: ensure that code is a valid error code and we have a mapping to error messages\n    details?: unknown;\n  };\n}\n\n/**\n * Event listener function type\n */\nexport type EventListener<T = unknown> = (data: T) => void;\n\n/**\n * Public API interface for the Corti Embedded component\n */\nexport interface CortiEmbeddedAPI {\n  /**\n   * Authenticate with the Corti system\n   * @param credentials Authentication credentials\n   * @returns Promise resolving to user information\n   */\n  auth(credentials: AuthCredentials): Promise<User>;\n\n  /**\n   * Create a new interaction\n   * @param encounter Encounter request data\n   * @returns Promise resolving to interaction details\n   */\n  createInteraction(encounter: InteractionPayload): Promise<InteractionDetails>;\n\n  /**\n   * Configure the current session\n   * @param config Session configuration\n   * @returns Promise that resolves when configuration is complete\n   */\n  configureSession(config: SessionConfig): Promise<void>;\n\n  /**\n   * Add facts to the current session\n   * @param facts Array of facts to add\n   * @returns Promise that resolves when facts are added\n   */\n  addFacts(facts: Fact[]): Promise<void>;\n\n  /**\n   * Navigate to a specific path within the embedded UI\n   * @param path Path to navigate to\n   * @returns Promise that resolves when navigation is complete\n   */\n  navigate(path: string): Promise<void>;\n\n  /**\n   * Start recording\n   * @returns Promise that resolves when recording starts\n   */\n  startRecording(): Promise<void>;\n\n  /**\n   * Stop recording\n   * @returns Promise that resolves when recording stops\n   */\n  stopRecording(): Promise<void>;\n\n  /**\n   * Get current component status\n   * @returns Promise resolving to current status\n   */\n  getStatus(): Promise<ComponentStatus>;\n\n  /**\n   * Configure the application\n   * @param config Application configuration\n   * @returns Promise that resolves when configuration is applied\n   */\n  configure(config: ConfigureAppPayload): Promise<ConfigureAppResponsePayload>;\n\n  /**\n   * Set authentication credentials without triggering auth flow\n   * @param credentials Authentication credentials to store\n   * @returns Promise that resolves when credentials are set\n   */\n  setCredentials(credentials: { password: string }): Promise<void>;\n\n  /**\n   * Show the embedded UI\n   */\n  show(): void;\n\n  /**\n   * Hide the embedded UI\n   */\n  hide(): void;\n}\n"]}

package/dist/react/CortiEmbeddedReact.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { CortiEmbedded } from '../CortiEmbedded.js';
+import type { CortiEmbeddedAPI, EmbeddedEventData } from '../public-types.js';
+export interface CortiEmbeddedReactProps {
+    baseURL: string;
+    visibility?: 'visible' | 'hidden';
+    onReady?: (event: CustomEvent<EmbeddedEventData['ready']>) => void;
+    /** LIMITED ACCESS - not implemented */
+    onAuthChanged?: (event: CustomEvent<EmbeddedEventData['auth-changed']>) => void;
+    /** LIMITED ACCESS - not implemented */
+    onInteractionCreated?: (event: CustomEvent<EmbeddedEventData['interaction-created']>) => void;
+    onRecordingStarted?: (event: CustomEvent<EmbeddedEventData['recording-started']>) => void;
+    onRecordingStopped?: (event: CustomEvent<EmbeddedEventData['recording-stopped']>) => void;
+    onDocumentGenerated?: (event: CustomEvent<EmbeddedEventData['document-generated']>) => void;
+    onDocumentUpdated?: (event: CustomEvent<EmbeddedEventData['document-updated']>) => void;
+    /** LIMITED ACCESS - not implemented */
+    onNavigationChanged?: (event: CustomEvent<EmbeddedEventData['navigation-changed']>) => void;
+    onError?: (event: CustomEvent<EmbeddedEventData['error']>) => void;
+    onUsage?: (event: CustomEvent<EmbeddedEventData['usage']>) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export type CortiEmbeddedReactRef = CortiEmbedded & CortiEmbeddedAPI;
+export * from '../public-types.js';
+export declare const CortiEmbeddedReact: React.ForwardRefExoticComponent<CortiEmbeddedReactProps & React.RefAttributes<CortiEmbeddedReactRef>>;

package/dist/react/CortiEmbeddedReact.js

@@ -0,0 +1,28 @@
+import { createComponent } from '@lit/react';
+import * as React from 'react';
+import { CortiEmbedded } from '../CortiEmbedded.js';
+const BaseCortiEmbeddedElement = createComponent({
+    tagName: 'corti-embedded',
+    elementClass: CortiEmbedded,
+    react: React,
+    events: {
+        onReady: 'ready',
+        onAuthChanged: 'auth-changed',
+        onInteractionCreated: 'interaction-created',
+        onRecordingStarted: 'recording-started',
+        onRecordingStopped: 'recording-stopped',
+        onDocumentGenerated: 'document-generated',
+        onDocumentUpdated: 'document-updated',
+        onNavigationChanged: 'navigation-changed',
+        onError: 'error',
+        onUsage: 'usage',
+    },
+});
+// Export public types
+export * from '../public-types.js';
+export const CortiEmbeddedReact = React.forwardRef((props, ref) => React.createElement(BaseCortiEmbeddedElement, {
+    ref,
+    ...props,
+}));
+CortiEmbeddedReact.displayName = 'CortiEmbeddedReact';
+//# sourceMappingURL=CortiEmbeddedReact.js.map

package/dist/react/CortiEmbeddedReact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CortiEmbeddedReact.js","sourceRoot":"","sources":["../../src/react/CortiEmbeddedReact.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,MAAM,wBAAwB,GAAG,eAAe,CAAC;IAC/C,OAAO,EAAE,gBAAgB;IACzB,YAAY,EAAE,aAAa;IAC3B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,OAAO,EAAE,OAAO;QAChB,aAAa,EAAE,cAAc;QAC7B,oBAAoB,EAAE,qBAAqB;QAC3C,kBAAkB,EAAE,mBAAmB;QACvC,kBAAkB,EAAE,mBAAmB;QACvC,mBAAmB,EAAE,oBAAoB;QACzC,iBAAiB,EAAE,kBAAkB;QACrC,mBAAmB,EAAE,oBAAoB;QACzC,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AA0CH,sBAAsB;AACtB,cAAc,oBAAoB,CAAC;AAEnC,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGhD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CACf,KAAK,CAAC,aAAa,CAAC,wBAA+B,EAAE;IACnD,GAAG;IACH,GAAG,KAAK;CACT,CAAC,CACH,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC","sourcesContent":["import { createComponent } from '@lit/react';\nimport * as React from 'react';\nimport { CortiEmbedded } from '../CortiEmbedded.js';\nimport type { CortiEmbeddedAPI, EmbeddedEventData } from '../public-types.js';\n\nconst BaseCortiEmbeddedElement = createComponent({\n  tagName: 'corti-embedded',\n  elementClass: CortiEmbedded,\n  react: React,\n  events: {\n    onReady: 'ready',\n    onAuthChanged: 'auth-changed',\n    onInteractionCreated: 'interaction-created',\n    onRecordingStarted: 'recording-started',\n    onRecordingStopped: 'recording-stopped',\n    onDocumentGenerated: 'document-generated',\n    onDocumentUpdated: 'document-updated',\n    onNavigationChanged: 'navigation-changed',\n    onError: 'error',\n    onUsage: 'usage',\n  },\n});\n\n// Props interface\nexport interface CortiEmbeddedReactProps {\n  baseURL: string;\n  visibility?: 'visible' | 'hidden';\n\n  // Event handlers\n  onReady?: (event: CustomEvent<EmbeddedEventData['ready']>) => void;\n  /** LIMITED ACCESS - not implemented */\n  onAuthChanged?: (\n    event: CustomEvent<EmbeddedEventData['auth-changed']>,\n  ) => void;\n  /** LIMITED ACCESS - not implemented */\n  onInteractionCreated?: (\n    event: CustomEvent<EmbeddedEventData['interaction-created']>,\n  ) => void;\n  onRecordingStarted?: (\n    event: CustomEvent<EmbeddedEventData['recording-started']>,\n  ) => void;\n  onRecordingStopped?: (\n    event: CustomEvent<EmbeddedEventData['recording-stopped']>,\n  ) => void;\n  onDocumentGenerated?: (\n    event: CustomEvent<EmbeddedEventData['document-generated']>,\n  ) => void;\n  onDocumentUpdated?: (\n    event: CustomEvent<EmbeddedEventData['document-updated']>,\n  ) => void;\n  /** LIMITED ACCESS - not implemented */\n  onNavigationChanged?: (\n    event: CustomEvent<EmbeddedEventData['navigation-changed']>,\n  ) => void;\n  onError?: (event: CustomEvent<EmbeddedEventData['error']>) => void;\n  onUsage?: (event: CustomEvent<EmbeddedEventData['usage']>) => void;\n\n  // Additional props\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport type CortiEmbeddedReactRef = CortiEmbedded & CortiEmbeddedAPI;\n// Export public types\nexport * from '../public-types.js';\n\nexport const CortiEmbeddedReact = React.forwardRef<\n  CortiEmbeddedReactRef,\n  CortiEmbeddedReactProps\n>((props, ref) =>\n  React.createElement(BaseCortiEmbeddedElement as any, {\n    ref,\n    ...props,\n  }),\n);\n\nCortiEmbeddedReact.displayName = 'CortiEmbeddedReact';\n"]}

package/dist/react/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CortiEmbeddedReact.js';
+export type { CortiEmbeddedReactProps, CortiEmbeddedReactRef, } from './CortiEmbeddedReact.js';

package/dist/react/index.js

@@ -0,0 +1,2 @@
+export * from './CortiEmbeddedReact.js';
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './CortiEmbeddedReact.js';\nexport type {\n  CortiEmbeddedReactProps,\n  CortiEmbeddedReactRef,\n} from './CortiEmbeddedReact.js';\n"]}

package/dist/styles/base.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Base styles to be applied to all components within the application.
+ */
+export declare const baseStyles: import("lit").CSSResult;

package/dist/styles/base.js

@@ -0,0 +1,10 @@
+import { css } from 'lit';
+/**
+ * Base styles to be applied to all components within the application.
+ */
+export const baseStyles = css `
+  * {
+    box-sizing: border-box;
+  }
+`;
+//# sourceMappingURL=base.js.map

package/dist/styles/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/styles/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;CAI5B,CAAC","sourcesContent":["import { css } from 'lit';\n\n/**\n * Base styles to be applied to all components within the application.\n */\nexport const baseStyles = css`\n  * {\n    box-sizing: border-box;\n  }\n`;\n"]}

package/dist/styles/container-styles.d.ts

@@ -0,0 +1 @@
+export declare const containerStyles: import("lit").CSSResult;

package/dist/styles/container-styles.js

@@ -0,0 +1,35 @@
+import { css } from 'lit';
+// Main container styles for the Corti Agent component
+export const containerStyles = css `
+  :host {
+    /* Make the component fill its container completely */
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+
+    margin: 0;
+    padding: 0;
+    background-color: transparent;
+    overflow: hidden;
+  }
+
+  /* Handle visibility state */
+  :host([visibility='hidden']) {
+    display: none;
+  }
+
+  /* Ensure iframe fills the entire component */
+  iframe {
+    width: 100% !important;
+    height: 100% !important;
+    border: none !important;
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+`;
+//# sourceMappingURL=container-styles.js.map

package/dist/styles/container-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-styles.js","sourceRoot":"","sources":["../../src/styles/container-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,sDAAsD;AACtD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BjC,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Main container styles for the Corti Agent component\nexport const containerStyles = css`\n  :host {\n    /* Make the component fill its container completely */\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n\n    margin: 0;\n    padding: 0;\n    background-color: transparent;\n    overflow: hidden;\n  }\n\n  /* Handle visibility state */\n  :host([visibility='hidden']) {\n    display: none;\n  }\n\n  /* Ensure iframe fills the entire component */\n  iframe {\n    width: 100% !important;\n    height: 100% !important;\n    border: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n`;\n"]}

package/dist/styles/theme.d.ts

@@ -0,0 +1,2 @@
+declare const ThemeStyles: import("lit").CSSResult;
+export default ThemeStyles;

package/dist/styles/theme.js

@@ -0,0 +1,101 @@
+import { css } from 'lit';
+const ThemeStyles = css `
+  :host {
+    color-scheme: light dark;
+    /* Component Defaults */
+    --component-font-family: 'Segoe UI', Roboto, sans-serif;
+
+    /* Plain (Default) Colors */
+    --plain-bg-color: light-dark(#f5f5f5, #3a3a3a);
+    --plain-border-color: light-dark(
+      rgba(0, 0, 0, 0.08),
+      rgba(255, 255, 255, 0.1)
+    );
+    --plain-active-color: light-dark(#f0f0f0, #393939);
+    --plain-text-color: light-dark(#333, #eee);
+
+    /* Accent Colors */
+    --accent-bg-color: light-dark(#232323, #ffffff);
+    --accent-border-color: light-dark(#1a1a1a, #f5f5f5);
+    --accent-active-color: light-dark(#3a3a3a, #f5f5f5);
+    --accent-text-color: light-dark(#fff, #333);
+
+    /* User Colors (Same as Plain) */
+    --msg-user-bg-color: var(--plain-bg-color);
+    --msg-user-border-color: var(--plain-border-color);
+    --msg-user-active-color: var(--plain-active-color);
+    --msg-user-text-color: var(--plain-text-color);
+
+    /* Response Colors */
+    --msg-agent-bg-color: transparent;
+    --msg-agent-border-color: light-dark(
+      rgba(0, 0, 0, 0.05),
+      rgba(255, 255, 255, 0.08)
+    );
+    --msg-agent-active-color: light-dark(
+      rgba(0, 0, 0, 0.02),
+      rgba(255, 255, 255, 0.05)
+    );
+    --msg-agent-text-color: var(--plain-text-color);
+
+    /* Success Colors */
+    --success-bg-color: light-dark(
+      rgba(34, 197, 94, 0.1),
+      rgba(34, 197, 94, 0.2)
+    );
+    --success-border-color: light-dark(
+      rgba(34, 197, 94, 0.2),
+      rgba(34, 197, 94, 0.3)
+    );
+    --success-active-color: light-dark(
+      rgba(34, 197, 94, 0.15),
+      rgba(34, 197, 94, 0.25)
+    );
+    --success-text-color: light-dark(#22c55e, #4ade80);
+
+    /* Info Colors */
+    --info-bg-color: light-dark(
+      rgba(59, 130, 246, 0.1),
+      rgba(59, 130, 246, 0.2)
+    );
+    --info-border-color: light-dark(
+      rgba(59, 130, 246, 0.2),
+      rgba(59, 130, 246, 0.3)
+    );
+    --info-active-color: light-dark(
+      rgba(59, 130, 246, 0.15),
+      rgba(59, 130, 246, 0.25)
+    );
+    --info-text-color: light-dark(#3b82f6, #60a5fa);
+
+    /* Error Colors */
+    --error-bg-color: light-dark(
+      rgba(239, 68, 68, 0.1),
+      rgba(239, 68, 68, 0.2)
+    );
+    --error-border-color: light-dark(
+      rgba(239, 68, 68, 0.2),
+      rgba(239, 68, 68, 0.3)
+    );
+    --error-active-color: light-dark(
+      rgba(239, 68, 68, 0.15),
+      rgba(239, 68, 68, 0.25)
+    );
+    --error-text-color: light-dark(#ef4444, #f87171);
+
+    /* Layout defaults */
+    --base-background: light-dark(#fff, #222);
+    --card-padding: 8px;
+    --card-border-radius: 12px;
+    --card-inner-border-radius: 8px;
+    --card-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
+  }
+
+  :host {
+    /* Apply base font and color directly to the host */
+    font-family: var(--component-font-family);
+    color: var(--plain-text-color);
+  }
+`;
+export default ThemeStyles;
+//# sourceMappingURL=theme.js.map

package/dist/styles/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiGtB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ThemeStyles = css`\n  :host {\n    color-scheme: light dark;\n    /* Component Defaults */\n    --component-font-family: 'Segoe UI', Roboto, sans-serif;\n\n    /* Plain (Default) Colors */\n    --plain-bg-color: light-dark(#f5f5f5, #3a3a3a);\n    --plain-border-color: light-dark(\n      rgba(0, 0, 0, 0.08),\n      rgba(255, 255, 255, 0.1)\n    );\n    --plain-active-color: light-dark(#f0f0f0, #393939);\n    --plain-text-color: light-dark(#333, #eee);\n\n    /* Accent Colors */\n    --accent-bg-color: light-dark(#232323, #ffffff);\n    --accent-border-color: light-dark(#1a1a1a, #f5f5f5);\n    --accent-active-color: light-dark(#3a3a3a, #f5f5f5);\n    --accent-text-color: light-dark(#fff, #333);\n\n    /* User Colors (Same as Plain) */\n    --msg-user-bg-color: var(--plain-bg-color);\n    --msg-user-border-color: var(--plain-border-color);\n    --msg-user-active-color: var(--plain-active-color);\n    --msg-user-text-color: var(--plain-text-color);\n\n    /* Response Colors */\n    --msg-agent-bg-color: transparent;\n    --msg-agent-border-color: light-dark(\n      rgba(0, 0, 0, 0.05),\n      rgba(255, 255, 255, 0.08)\n    );\n    --msg-agent-active-color: light-dark(\n      rgba(0, 0, 0, 0.02),\n      rgba(255, 255, 255, 0.05)\n    );\n    --msg-agent-text-color: var(--plain-text-color);\n\n    /* Success Colors */\n    --success-bg-color: light-dark(\n      rgba(34, 197, 94, 0.1),\n      rgba(34, 197, 94, 0.2)\n    );\n    --success-border-color: light-dark(\n      rgba(34, 197, 94, 0.2),\n      rgba(34, 197, 94, 0.3)\n    );\n    --success-active-color: light-dark(\n      rgba(34, 197, 94, 0.15),\n      rgba(34, 197, 94, 0.25)\n    );\n    --success-text-color: light-dark(#22c55e, #4ade80);\n\n    /* Info Colors */\n    --info-bg-color: light-dark(\n      rgba(59, 130, 246, 0.1),\n      rgba(59, 130, 246, 0.2)\n    );\n    --info-border-color: light-dark(\n      rgba(59, 130, 246, 0.2),\n      rgba(59, 130, 246, 0.3)\n    );\n    --info-active-color: light-dark(\n      rgba(59, 130, 246, 0.15),\n      rgba(59, 130, 246, 0.25)\n    );\n    --info-text-color: light-dark(#3b82f6, #60a5fa);\n\n    /* Error Colors */\n    --error-bg-color: light-dark(\n      rgba(239, 68, 68, 0.1),\n      rgba(239, 68, 68, 0.2)\n    );\n    --error-border-color: light-dark(\n      rgba(239, 68, 68, 0.2),\n      rgba(239, 68, 68, 0.3)\n    );\n    --error-active-color: light-dark(\n      rgba(239, 68, 68, 0.15),\n      rgba(239, 68, 68, 0.25)\n    );\n    --error-text-color: light-dark(#ef4444, #f87171);\n\n    /* Layout defaults */\n    --base-background: light-dark(#fff, #222);\n    --card-padding: 8px;\n    --card-border-radius: 12px;\n    --card-inner-border-radius: 8px;\n    --card-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);\n  }\n\n  :host {\n    /* Apply base font and color directly to the host */\n    font-family: var(--component-font-family);\n    color: var(--plain-text-color);\n  }\n`;\n\nexport default ThemeStyles;\n"]}