@utilia-os/widget 1.0.0

package/README.md

@@ -0,0 +1,143 @@
+# @utilia-os/widget
+
+Widget embebible de soporte para UTILIA OS.
+
+## Instalacion via CDN
+
+La forma mas simple de usar el widget:
+
+```html
+<script
+  src="https://cdn.utilia.ai/widget/utilia-widget.js"
+  data-utilia-widget
+  data-base-url="https://os.utilia.ai/api"
+  data-api-key="tu-api-key"
+  data-user-id="user-123"
+  data-user-email="user@example.com"
+  data-user-name="Juan Perez"
+  data-position="bottom-right"
+  data-theme="light"
+></script>
+```
+
+## Instalacion via NPM
+
+```bash
+npm install @utilia-os/widget
+```
+
+## Uso Programatico
+
+```typescript
+import { initUtiliaWidget } from '@utilia-os/widget';
+
+const widget = initUtiliaWidget({
+  baseURL: 'https://os.utilia.ai/api',
+  apiKey: 'tu-api-key',
+  userId: 'user-123',
+  userEmail: 'user@example.com',
+  userName: 'Juan Perez',
+  position: 'bottom-right',
+  theme: 'light',
+  autoContext: true,
+  onTicketCreated: (ticket) => {
+    console.log('Ticket creado:', ticket.ticketKey);
+  },
+});
+
+// Metodos disponibles
+widget.open();
+widget.close();
+widget.showNewTicketForm();
+```
+
+## Uso como Web Component
+
+```html
+<utilia-support
+  base-url="https://os.utilia.ai/api"
+  api-key="tu-api-key"
+  user-id="user-123"
+  user-email="user@example.com"
+  user-name="Juan Perez"
+  position="bottom-right"
+  theme="light"
+></utilia-support>
+```
+
+## Configuracion
+
+| Opcion | Tipo | Requerido | Descripcion |
+|--------|------|-----------|-------------|
+| `baseURL` | string | Si | URL base de la API de UTILIA OS |
+| `apiKey` | string | Si | API Key de la aplicacion externa |
+| `userId` | string | Si | ID del usuario en tu sistema |
+| `userEmail` | string | No | Email del usuario |
+| `userName` | string | No | Nombre del usuario |
+| `userMetadata` | object | No | Metadatos adicionales |
+| `position` | 'bottom-right' \| 'bottom-left' | No | Posicion del widget (default: bottom-right) |
+| `theme` | 'light' \| 'dark' \| 'auto' | No | Tema del widget (default: light) |
+| `defaultCategory` | string | No | Categoria por defecto para nuevos tickets |
+| `defaultPriority` | string | No | Prioridad por defecto para nuevos tickets |
+| `autoContext` | boolean | No | Capturar URL y browser info automaticamente |
+| `onTicketCreated` | function | No | Callback cuando se crea un ticket |
+| `onError` | function | No | Callback cuando ocurre un error |
+
+## Personalizacion de Estilos
+
+El widget usa CSS Custom Properties que puedes sobrescribir:
+
+```css
+utilia-support {
+  --utilia-primary: #tu-color-principal;
+  --utilia-primary-hover: #tu-color-hover;
+  --utilia-bg: #ffffff;
+  --utilia-bg-secondary: #f8fafc;
+  --utilia-text: #1e293b;
+  --utilia-text-secondary: #64748b;
+  --utilia-border: #e2e8f0;
+  --utilia-radius: 12px;
+}
+```
+
+### Variables Disponibles
+
+| Variable | Default (light) | Descripcion |
+|----------|-----------------|-------------|
+| `--utilia-primary` | #2563eb | Color principal |
+| `--utilia-primary-hover` | #1d4ed8 | Color principal en hover |
+| `--utilia-bg` | #ffffff | Fondo principal |
+| `--utilia-bg-secondary` | #f8fafc | Fondo secundario |
+| `--utilia-text` | #1e293b | Color de texto |
+| `--utilia-text-secondary` | #64748b | Color de texto secundario |
+| `--utilia-border` | #e2e8f0 | Color de bordes |
+| `--utilia-radius` | 12px | Radio de bordes |
+| `--utilia-shadow` | ... | Sombra normal |
+| `--utilia-shadow-lg` | ... | Sombra grande |
+
+## Eventos
+
+```javascript
+const widget = document.querySelector('utilia-support');
+
+widget.addEventListener('widget:open', () => {
+  console.log('Widget abierto');
+});
+
+widget.addEventListener('widget:close', () => {
+  console.log('Widget cerrado');
+});
+
+widget.addEventListener('ticket:created', (e) => {
+  console.log('Ticket creado:', e.detail.ticketKey);
+});
+```
+
+## Requisitos
+
+- Navegador moderno con soporte para Web Components
+- API Key valida de UTILIA OS
+
+## Licencia
+
+MIT

package/dist/components/audio-recorder.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Componente de grabacion de audio
+ * Usa MediaRecorder API para capturar audio del microfono
+ */
+export type RecorderState = 'idle' | 'recording' | 'processing';
+export interface AudioRecorderCallbacks {
+    onStateChange?: (state: RecorderState) => void;
+    onError?: (error: Error) => void;
+}
+export declare class AudioRecorder {
+    private mediaRecorder;
+    private audioChunks;
+    private stream;
+    private state;
+    private callbacks;
+    constructor(callbacks?: AudioRecorderCallbacks);
+    /**
+     * Verifica si el navegador soporta grabacion de audio
+     */
+    static isSupported(): boolean;
+    /**
+     * Obtiene el estado actual del grabador
+     */
+    getState(): RecorderState;
+    /**
+     * Inicia la grabacion de audio
+     */
+    start(): Promise<void>;
+    /**
+     * Detiene la grabacion y retorna el audio en base64
+     */
+    stop(): Promise<{
+        base64: string;
+        filename: string;
+        mimeType: string;
+    }>;
+    /**
+     * Cancela la grabacion actual
+     */
+    cancel(): void;
+    /**
+     * Convierte un Blob a base64
+     */
+    private blobToBase64;
+    /**
+     * Obtiene el MIME type soportado por el navegador
+     */
+    private getSupportedMimeType;
+    /**
+     * Obtiene la extension de archivo segun el MIME type
+     */
+    private getExtensionFromMimeType;
+    /**
+     * Actualiza el estado y notifica
+     */
+    private setState;
+    /**
+     * Maneja errores
+     */
+    private handleError;
+    /**
+     * Limpia recursos
+     */
+    private cleanup;
+}
+//# sourceMappingURL=audio-recorder.d.ts.map

package/dist/components/audio-recorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-recorder.d.ts","sourceRoot":"","sources":["../../src/components/audio-recorder.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAC;AAEhE,MAAM,WAAW,sBAAsB;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,aAAa,CAA8B;IACnD,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,SAAS,CAAyB;gBAE9B,SAAS,GAAE,sBAA2B;IAIlD;;OAEG;IACH,MAAM,CAAC,WAAW,IAAI,OAAO;IAS7B;;OAEG;IACH,QAAQ,IAAI,aAAa;IAIzB;;OAEG;IACG,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAkD5B;;OAEG;IACG,IAAI,IAAI,OAAO,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAwC7E;;OAEG;IACH,MAAM,IAAI,IAAI;IAQd;;OAEG;IACH,OAAO,CAAC,YAAY;IAcpB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAkB5B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAOhC;;OAEG;IACH,OAAO,CAAC,QAAQ;IAKhB;;OAEG;IACH,OAAO,CAAC,WAAW;IAMnB;;OAEG;IACH,OAAO,CAAC,OAAO;CAUhB"}

package/dist/components/file-upload.d.ts

@@ -0,0 +1,42 @@
+import { UtiliaSDK, UploadedFile } from '@utilia-os/sdk-js';
+export interface FileUploadState {
+    files: UploadedFile[];
+    pendingFiles: PendingFile[];
+    error: string | null;
+}
+interface PendingFile {
+    id: string;
+    file: File;
+    progress: number;
+    error?: string;
+}
+export declare class FileUploadComponent {
+    private container;
+    private sdk;
+    private state;
+    private onChange;
+    private maxFiles;
+    private maxSizeBytes;
+    private readonly ALLOWED_TYPES;
+    constructor(container: HTMLElement, sdk: UtiliaSDK, onChange: (fileIds: string[]) => void, options?: {
+        maxFiles?: number;
+        maxSizeBytes?: number;
+    });
+    getFileIds(): string[];
+    reset(): void;
+    private render;
+    private createFileItem;
+    private createPendingItem;
+    private createUploadIcon;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    private triggerFileSelect;
+    private handleFileSelect;
+    private processFiles;
+    private removeFile;
+    private notifyChange;
+    private formatBytes;
+}
+export {};
+//# sourceMappingURL=file-upload.d.ts.map

package/dist/components/file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../src/components/file-upload.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,GAAG,CAAY;IACvB,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,QAAQ,CAA8B;IAC9C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAY5B;gBAGA,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,EACrC,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE;IAexD,UAAU,IAAI,MAAM,EAAE;IAItB,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,MAAM;IAkEd,OAAO,CAAC,cAAc;IA8BtB,OAAO,CAAC,iBAAiB;IA+BzB,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;YAQV,YAAY;IA0E1B,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;CAOpB"}

package/dist/components/ticket-detail.d.ts

@@ -0,0 +1,27 @@
+import { UtiliaSDK } from '@utilia-os/sdk-js';
+export declare class TicketDetailComponent {
+    private container;
+    private sdk;
+    private userId;
+    private ticketId;
+    private ticket;
+    private isLoading;
+    private isSending;
+    private error;
+    private fileUpload;
+    private attachmentIds;
+    constructor(container: HTMLElement, sdk: UtiliaSDK, userId: string, ticketId: string);
+    private loadTicket;
+    private render;
+    private renderLoading;
+    private renderError;
+    private renderTicketDetail;
+    private createHeader;
+    private createMessages;
+    private createMessage;
+    private createFileIcon;
+    private createReplyForm;
+    private handleSubmit;
+    private scrollToBottom;
+}
+//# sourceMappingURL=ticket-detail.d.ts.map

package/dist/components/ticket-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ticket-detail.d.ts","sourceRoot":"","sources":["../../src/components/ticket-detail.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAA+B,MAAM,mBAAmB,CAAC;AAIhF,qBAAa,qBAAqB;IAChC,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,GAAG,CAAY;IACvB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAA6B;IAC3C,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,UAAU,CAAoC;IACtD,OAAO,CAAC,aAAa,CAAgB;gBAGnC,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,SAAS,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM;YASJ,UAAU;IAaxB,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,YAAY;IA0BpB,OAAO,CAAC,cAAc;IA0BtB,OAAO,CAAC,aAAa;IAyDrB,OAAO,CAAC,cAAc;IA2BtB,OAAO,CAAC,eAAe;YAmCT,YAAY;IAkC1B,OAAO,CAAC,cAAc;CAMvB"}

package/dist/components/ticket-form.d.ts

@@ -0,0 +1,51 @@
+import { UtiliaSDK } from '@utilia-os/sdk-js';
+import { WidgetConfig } from '../types';
+export declare class TicketFormComponent {
+    private container;
+    private sdk;
+    private config;
+    private onSuccess;
+    private isSubmitting;
+    private error;
+    private audioRecorder;
+    private recorderState;
+    private isLoadingAi;
+    private aiProgress;
+    private aiError;
+    private pendingSuggestions;
+    private analyticsEventId;
+    private suggestionDecisions;
+    private suggestionsReceivedAt;
+    private aiTextInput;
+    private fileUpload;
+    private attachmentIds;
+    private titleInput;
+    private descriptionTextarea;
+    private categorySelect;
+    private prioritySelect;
+    constructor(container: HTMLElement, sdk: UtiliaSDK, config: WidgetConfig, onSuccess: (ticket: {
+        id: string;
+        ticketKey: string;
+    }) => void);
+    private render;
+    private createAiSection;
+    private updateRecordButtonContent;
+    private updateRecordButton;
+    private createMicrophoneIcon;
+    private handleRecordClick;
+    private processAudioWithAi;
+    private updateLoadingText;
+    private processTextWithAi;
+    private createCheckIcon;
+    private createXIcon;
+    private createSuggestionsReview;
+    private handleAcceptSuggestions;
+    private handleRejectAllSuggestions;
+    private applySuggestions;
+    private createFormGroup;
+    private createInput;
+    private createTextarea;
+    private createSelect;
+    private handleSubmit;
+}
+//# sourceMappingURL=ticket-form.d.ts.map

package/dist/components/ticket-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ticket-form.d.ts","sourceRoot":"","sources":["../../src/components/ticket-form.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAkC,MAAM,mBAAmB,CAAC;AACnF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,GAAG,CAAY;IACvB,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,SAAS,CAAsD;IACvE,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,KAAK,CAAuB;IAGpC,OAAO,CAAC,aAAa,CAA8B;IACnD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,OAAO,CAAuB;IAGtC,OAAO,CAAC,kBAAkB,CAA2H;IACrJ,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,mBAAmB,CAA+C;IAC1E,OAAO,CAAC,qBAAqB,CAAa;IAC1C,OAAO,CAAC,WAAW,CAAc;IAGjC,OAAO,CAAC,UAAU,CAAoC;IACtD,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,UAAU,CAAiC;IACnD,OAAO,CAAC,mBAAmB,CAAoC;IAC/D,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,cAAc,CAAkC;gBAGtD,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,SAAS,EACd,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI;IAwBhE,OAAO,CAAC,MAAM;IAsGd,OAAO,CAAC,eAAe;IAmGvB,OAAO,CAAC,yBAAyB;IAyBjC,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,oBAAoB;YAkCd,iBAAiB;YAyBjB,kBAAkB;IAqDhC,OAAO,CAAC,iBAAiB;YAOX,iBAAiB;IAoD/B,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,uBAAuB;YAwGjB,uBAAuB;YA6CvB,0BAA0B;IAwBxC,OAAO,CAAC,gBAAgB;IA4CxB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,WAAW;IAmBnB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,YAAY;YAoBN,YAAY;CAgE3B"}

package/dist/components/ticket-list.d.ts

@@ -0,0 +1,19 @@
+import { UtiliaSDK } from '@utilia-os/sdk-js';
+export declare class TicketListComponent {
+    private container;
+    private sdk;
+    private userId;
+    private onSelect;
+    private tickets;
+    private isLoading;
+    private error;
+    constructor(container: HTMLElement, sdk: UtiliaSDK, userId: string, onSelect: (ticketId: string) => void);
+    private loadTickets;
+    private render;
+    private renderLoading;
+    private renderError;
+    private renderEmpty;
+    private renderTicketList;
+    private createTicketItem;
+}
+//# sourceMappingURL=ticket-list.d.ts.map

package/dist/components/ticket-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ticket-list.d.ts","sourceRoot":"","sources":["../../src/components/ticket-list.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,mBAAmB,CAAC;AAGnE,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,GAAG,CAAY;IACvB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,KAAK,CAAuB;gBAGlC,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,SAAS,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI;YASxB,WAAW;IAczB,OAAO,CAAC,MAAM;IAsBd,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,WAAW;IA2BnB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,gBAAgB;CAsCzB"}

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+import { UtiliaSupportWidget } from './widget';
+import { WidgetConfig } from './types';
+export { UtiliaSupportWidget };
+export type { WidgetConfig };
+/**
+ * Funcion helper para inicializar el widget de forma sencilla
+ *
+ * @param config - Configuracion del widget
+ * @returns Instancia del widget
+ *
+ * @example
+ * ```typescript
+ * const widget = initUtiliaWidget({
+ *   baseURL: 'https://os.utilia.ai/api',
+ *   apiKey: 'tu-api-key',
+ *   userId: 'user-123',
+ *   userEmail: 'user@example.com',
+ *   userName: 'Juan Perez',
+ *   position: 'bottom-right',
+ *   theme: 'light',
+ *   autoContext: true,
+ *   onTicketCreated: (ticket) => {
+ *     console.log('Ticket creado:', ticket.ticketKey);
+ *   },
+ * });
+ *
+ * // Metodos disponibles
+ * widget.open();
+ * widget.close();
+ * widget.showNewTicketForm();
+ * ```
+ */
+export declare function initUtiliaWidget(config: WidgetConfig): UtiliaSupportWidget;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAC/B,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,GAAG,mBAAmB,CAW1E"}

package/dist/styles/base.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Estilos base del widget
+ * CSS Custom Properties para personalizacion
+ */
+export declare const baseStyles = "\n  :host {\n    --utilia-primary: #2563eb;\n    --utilia-primary-hover: #1d4ed8;\n    --utilia-bg: #ffffff;\n    --utilia-bg-secondary: #f8fafc;\n    --utilia-text: #1e293b;\n    --utilia-text-secondary: #64748b;\n    --utilia-border: #e2e8f0;\n    --utilia-radius: 12px;\n    --utilia-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n    --utilia-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  :host([data-theme=\"dark\"]) {\n    --utilia-bg: #1e293b;\n    --utilia-bg-secondary: #334155;\n    --utilia-text: #f8fafc;\n    --utilia-text-secondary: #94a3b8;\n    --utilia-border: #475569;\n  }\n\n  * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .utilia-widget {\n    position: fixed;\n    z-index: 999999;\n  }\n\n  .utilia-widget[data-position=\"bottom-right\"] {\n    bottom: 20px;\n    right: 20px;\n  }\n\n  .utilia-widget[data-position=\"bottom-left\"] {\n    bottom: 20px;\n    left: 20px;\n  }\n\n  /* Launcher Button */\n  .utilia-launcher {\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    background: var(--utilia-primary);\n    color: white;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--utilia-shadow-lg);\n    transition: transform 0.2s, background 0.2s;\n    position: relative;\n  }\n\n  .utilia-launcher:hover {\n    background: var(--utilia-primary-hover);\n    transform: scale(1.05);\n  }\n\n  .utilia-icon {\n    width: 24px;\n    height: 24px;\n  }\n\n  .utilia-badge {\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    min-width: 20px;\n    height: 20px;\n    padding: 0 6px;\n    background: #ef4444;\n    color: white;\n    font-size: 11px;\n    font-weight: 600;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .utilia-badge.hidden {\n    display: none;\n  }\n\n  /* Panel */\n  .utilia-panel {\n    width: 380px;\n    max-width: calc(100vw - 40px);\n    height: 560px;\n    max-height: calc(100vh - 100px);\n    background: var(--utilia-bg);\n    border-radius: var(--utilia-radius);\n    box-shadow: var(--utilia-shadow-lg);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  /* Header */\n  .utilia-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--utilia-border);\n    background: var(--utilia-bg);\n  }\n\n  .utilia-title {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--utilia-text);\n  }\n\n  .utilia-header-actions {\n    display: flex;\n    gap: 8px;\n  }\n\n  .utilia-header-actions button {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: transparent;\n    border-radius: 8px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--utilia-text-secondary);\n    transition: background 0.2s, color 0.2s;\n  }\n\n  .utilia-header-actions button:hover {\n    background: var(--utilia-bg-secondary);\n    color: var(--utilia-text);\n  }\n\n  .utilia-header-actions button svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  /* Content */\n  .utilia-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  /* Loading */\n  .utilia-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 200px;\n  }\n\n  .utilia-spinner {\n    width: 32px;\n    height: 32px;\n    border: 3px solid var(--utilia-border);\n    border-top-color: var(--utilia-primary);\n    border-radius: 50%;\n    animation: utilia-spin 0.8s linear infinite;\n  }\n\n  @keyframes utilia-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  /* Buttons */\n  .utilia-btn {\n    padding: 10px 16px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s;\n    border: none;\n  }\n\n  .utilia-btn-primary {\n    background: var(--utilia-primary);\n    color: white;\n  }\n\n  .utilia-btn-primary:hover {\n    background: var(--utilia-primary-hover);\n  }\n\n  .utilia-btn-primary:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n\n  .utilia-btn-secondary {\n    background: var(--utilia-bg-secondary);\n    color: var(--utilia-text);\n    border: 1px solid var(--utilia-border);\n  }\n\n  /* Form elements */\n  .utilia-input,\n  .utilia-textarea,\n  .utilia-select {\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px solid var(--utilia-border);\n    border-radius: 8px;\n    font-size: 14px;\n    background: var(--utilia-bg);\n    color: var(--utilia-text);\n    transition: border-color 0.2s;\n    font-family: inherit;\n  }\n\n  .utilia-input:focus,\n  .utilia-textarea:focus,\n  .utilia-select:focus {\n    outline: none;\n    border-color: var(--utilia-primary);\n  }\n\n  .utilia-textarea {\n    min-height: 100px;\n    resize: vertical;\n  }\n\n  .utilia-label {\n    display: block;\n    margin-bottom: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--utilia-text);\n  }\n\n  .utilia-form-group {\n    margin-bottom: 16px;\n  }\n\n  /* Ticket List */\n  .utilia-ticket-item {\n    padding: 12px;\n    border: 1px solid var(--utilia-border);\n    border-radius: 8px;\n    margin-bottom: 8px;\n    cursor: pointer;\n    transition: background 0.2s;\n  }\n\n  .utilia-ticket-item:hover {\n    background: var(--utilia-bg-secondary);\n  }\n\n  .utilia-ticket-title {\n    font-weight: 500;\n    color: var(--utilia-text);\n    margin-bottom: 4px;\n  }\n\n  .utilia-ticket-meta {\n    font-size: 12px;\n    color: var(--utilia-text-secondary);\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n\n  .utilia-ticket-badge {\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 500;\n  }\n\n  .utilia-ticket-badge.open { background: #dbeafe; color: #1d4ed8; }\n  .utilia-ticket-badge.in-review { background: #fef3c7; color: #d97706; }\n  .utilia-ticket-badge.resolved { background: #dcfce7; color: #16a34a; }\n  .utilia-ticket-badge.closed { background: #f1f5f9; color: #64748b; }\n\n  .utilia-unread {\n    color: var(--utilia-primary);\n    font-weight: 500;\n  }\n\n  /* Messages */\n  .utilia-messages {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding-bottom: 16px;\n  }\n\n  .utilia-message {\n    max-width: 85%;\n    padding: 10px 14px;\n    border-radius: 12px;\n    word-wrap: break-word;\n  }\n\n  .utilia-message.external {\n    align-self: flex-end;\n    background: var(--utilia-primary);\n    color: white;\n    border-bottom-right-radius: 4px;\n  }\n\n  .utilia-message.internal {\n    align-self: flex-start;\n    background: var(--utilia-bg-secondary);\n    color: var(--utilia-text);\n    border-bottom-left-radius: 4px;\n  }\n\n  .utilia-message-author {\n    font-size: 11px;\n    font-weight: 500;\n    margin-bottom: 4px;\n    opacity: 0.9;\n  }\n\n  .utilia-message-time {\n    font-size: 11px;\n    opacity: 0.7;\n    margin-top: 4px;\n  }\n\n  /* Ticket Detail Header */\n  .utilia-ticket-header {\n    margin-bottom: 16px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--utilia-border);\n  }\n\n  /* Empty state */\n  .utilia-empty {\n    text-align: center;\n    padding: 40px 20px;\n    color: var(--utilia-text-secondary);\n  }\n\n  .utilia-empty-icon {\n    width: 48px;\n    height: 48px;\n    margin: 0 auto 16px;\n    opacity: 0.5;\n  }\n\n  .utilia-empty-text {\n    margin-top: 8px;\n    font-size: 12px;\n  }\n\n  /* Error */\n  .utilia-error {\n    padding: 12px;\n    background: #fef2f2;\n    border: 1px solid #fecaca;\n    border-radius: 8px;\n    color: #dc2626;\n    font-size: 13px;\n    margin-bottom: 16px;\n  }\n\n  /* Reply form */\n  .utilia-reply-form {\n    margin-top: auto;\n    padding-top: 16px;\n    border-top: 1px solid var(--utilia-border);\n  }\n\n  .utilia-reply-form .utilia-textarea {\n    min-height: 60px;\n  }\n\n  .utilia-reply-form .utilia-btn {\n    width: 100%;\n    margin-top: 8px;\n  }\n\n  .utilia-reply-files {\n    margin-top: 12px;\n  }\n\n  .utilia-reply-files .utilia-drop-zone {\n    padding: 12px;\n    min-height: auto;\n  }\n\n  .utilia-reply-files .utilia-drop-text {\n    font-size: 12px;\n  }\n\n  .utilia-reply-files .utilia-drop-hint {\n    font-size: 11px;\n  }\n\n  /* Closed ticket notice */\n  .utilia-closed-notice {\n    text-align: center;\n    padding: 16px;\n    color: var(--utilia-text-secondary);\n    font-size: 13px;\n  }\n\n  /* AI Section */\n  .utilia-ai-section {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n    border: 1px solid #bae6fd;\n    border-radius: 10px;\n    padding: 14px;\n    margin-bottom: 20px;\n  }\n\n  :host([data-theme=\"dark\"]) .utilia-ai-section {\n    background: linear-gradient(135deg, #1e3a5f 0%, #172554 100%);\n    border-color: #1e40af;\n  }\n\n  .utilia-ai-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n  }\n\n  .utilia-ai-label {\n    font-size: 13px;\n    font-weight: 600;\n    color: #0369a1;\n  }\n\n  :host([data-theme=\"dark\"]) .utilia-ai-label {\n    color: #7dd3fc;\n  }\n\n  .utilia-ai-desc {\n    font-size: 12px;\n    color: #0c4a6e;\n    margin-bottom: 12px;\n    line-height: 1.4;\n  }\n\n  :host([data-theme=\"dark\"]) .utilia-ai-desc {\n    color: #bae6fd;\n  }\n\n  .utilia-ai-controls {\n    display: flex;\n    gap: 8px;\n  }\n\n  /* Record Button */\n  .utilia-record-btn {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    background: var(--utilia-primary);\n    color: white;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    transition: all 0.2s;\n    width: 100%;\n    justify-content: center;\n  }\n\n  .utilia-record-btn:hover:not(:disabled) {\n    background: var(--utilia-primary-hover);\n    transform: translateY(-1px);\n  }\n\n  .utilia-record-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n\n  .utilia-record-btn.recording {\n    background: #dc2626;\n    animation: utilia-pulse 1.5s ease-in-out infinite;\n  }\n\n  .utilia-record-btn.recording:hover:not(:disabled) {\n    background: #b91c1c;\n  }\n\n  @keyframes utilia-pulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4); }\n    50% { box-shadow: 0 0 0 8px rgba(220, 38, 38, 0); }\n  }\n\n  .utilia-mic-icon {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n  }\n\n  /* AI Loading */\n  .utilia-ai-loading {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 12px;\n    padding: 10px;\n    background: rgba(255, 255, 255, 0.7);\n    border-radius: 6px;\n    font-size: 12px;\n    color: #0369a1;\n  }\n\n  :host([data-theme=\"dark\"]) .utilia-ai-loading {\n    background: rgba(0, 0, 0, 0.2);\n    color: #7dd3fc;\n  }\n\n  .utilia-spinner-small {\n    width: 16px;\n    height: 16px;\n    border-width: 2px;\n    flex-shrink: 0;\n  }\n\n  /* AI Error */\n  .utilia-ai-error {\n    margin-top: 10px;\n    padding: 8px 12px;\n    background: #fef2f2;\n    border: 1px solid #fecaca;\n    border-radius: 6px;\n    font-size: 12px;\n    color: #dc2626;\n  }\n\n  :host([data-theme=\"dark\"]) .utilia-ai-error {\n    background: rgba(220, 38, 38, 0.15);\n    border-color: rgba(220, 38, 38, 0.3);\n    color: #fca5a5;\n  }\n\n  /* ======================================\n     FILE UPLOAD STYLES\n     ====================================== */\n\n  /* Drop Zone */\n  .utilia-drop-zone {\n    border: 2px dashed var(--utilia-border);\n    border-radius: 8px;\n    padding: 20px;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .utilia-drop-zone:hover,\n  .utilia-drop-zone.drag-over {\n    border-color: var(--utilia-primary);\n    background: rgba(37, 99, 235, 0.05);\n  }\n\n  .utilia-upload-icon {\n    width: 32px;\n    height: 32px;\n    color: var(--utilia-text-secondary);\n  }\n\n  .utilia-drop-text {\n    font-size: 13px;\n    color: var(--utilia-text);\n  }\n\n  .utilia-drop-hint {\n    font-size: 11px;\n    color: var(--utilia-text-secondary);\n  }\n\n  /* File List */\n  .utilia-file-list {\n    margin-top: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .utilia-file-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    background: var(--utilia-bg-secondary);\n    border-radius: 6px;\n    font-size: 13px;\n  }\n\n  .utilia-file-item.pending {\n    opacity: 0.7;\n  }\n\n  .utilia-file-info {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .utilia-file-name {\n    color: var(--utilia-text);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .utilia-file-size {\n    font-size: 11px;\n    color: var(--utilia-text-secondary);\n  }\n\n  .utilia-file-remove {\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    color: var(--utilia-text-secondary);\n    cursor: pointer;\n    border-radius: 4px;\n    font-size: 18px;\n    line-height: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .utilia-file-remove:hover {\n    background: rgba(239, 68, 68, 0.1);\n    color: #ef4444;\n  }\n\n  /* Progress Bar */\n  .utilia-file-progress {\n    height: 4px;\n    background: var(--utilia-border);\n    border-radius: 2px;\n    overflow: hidden;\n  }\n\n  .utilia-file-progress-bar {\n    height: 100%;\n    background: var(--utilia-primary);\n    transition: width 0.2s;\n  }\n\n  /* File Error */\n  .utilia-file-error {\n    margin-top: 8px;\n    padding: 8px 12px;\n    background: #fef2f2;\n    border: 1px solid #fecaca;\n    border-radius: 6px;\n    font-size: 12px;\n    color: #dc2626;\n  }\n\n  .utilia-file-error-inline {\n    font-size: 11px;\n    color: #dc2626;\n  }\n\n  :host([data-theme=\"dark\"]) .utilia-file-error,\n  :host([data-theme=\"dark\"]) .utilia-file-error-inline {\n    background: rgba(220, 38, 38, 0.15);\n    border-color: rgba(220, 38, 38, 0.3);\n    color: #fca5a5;\n  }\n\n  /* Message Attachments */\n  .utilia-message-attachments {\n    margin-top: 8px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .utilia-attachment-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 8px;\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 4px;\n    font-size: 12px;\n    color: inherit;\n    text-decoration: none;\n    transition: background 0.2s;\n  }\n\n  .utilia-attachment-item:hover {\n    background: rgba(255, 255, 255, 0.2);\n  }\n\n  .utilia-file-icon {\n    width: 14px;\n    height: 14px;\n    flex-shrink: 0;\n  }\n\n  /* ======================================\n     AI SUGGESTIONS REVIEW\n     ====================================== */\n\n  .utilia-ai-suggestions {\n    margin-top: 12px;\n    border: 1px solid var(--utilia-border);\n    border-radius: 8px;\n    overflow: hidden;\n  }\n\n  .utilia-ai-suggestions-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 14px;\n    background: var(--utilia-bg-secondary);\n    border-bottom: 1px solid var(--utilia-border);\n    font-size: 13px;\n    font-weight: 500;\n  }\n\n  .utilia-suggestion-item {\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--utilia-border);\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n  }\n\n  .utilia-suggestion-item:last-child {\n    border-bottom: none;\n  }\n\n  .utilia-suggestion-field {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .utilia-suggestion-field-name {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--utilia-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 4px;\n  }\n\n  .utilia-suggestion-value {\n    font-size: 13px;\n    color: var(--utilia-text);\n    line-height: 1.4;\n    max-height: 60px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .utilia-suggestion-actions {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n  }\n\n  .utilia-suggestion-btn {\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--utilia-border);\n    border-radius: 6px;\n    background: var(--utilia-bg);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.15s;\n    padding: 0;\n  }\n\n  .utilia-suggestion-btn.accept {\n    color: #16a34a;\n  }\n\n  .utilia-suggestion-btn.accept:hover,\n  .utilia-suggestion-btn.accept.active {\n    background: #dcfce7;\n    border-color: #16a34a;\n  }\n\n  .utilia-suggestion-btn.reject {\n    color: #dc2626;\n  }\n\n  .utilia-suggestion-btn.reject:hover,\n  .utilia-suggestion-btn.reject.active {\n    background: #fef2f2;\n    border-color: #dc2626;\n  }\n\n  .utilia-suggestion-btn svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  .utilia-suggestions-footer {\n    display: flex;\n    gap: 8px;\n    padding: 10px 14px;\n    background: var(--utilia-bg-secondary);\n    border-top: 1px solid var(--utilia-border);\n  }\n\n  .utilia-suggestions-footer .utilia-btn {\n    flex: 1;\n    padding: 8px 12px;\n    font-size: 13px;\n  }\n\n  /* AI Text Input */\n  .utilia-ai-input-group {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n  }\n\n  .utilia-ai-textarea {\n    flex: 1;\n    min-height: 60px;\n    max-height: 120px;\n    resize: vertical;\n    padding: 8px 12px;\n    border: 1px solid var(--utilia-border);\n    border-radius: 6px;\n    font-size: 13px;\n    font-family: inherit;\n    background: var(--utilia-bg);\n    color: var(--utilia-text);\n  }\n\n  .utilia-ai-textarea:focus {\n    outline: none;\n    border-color: var(--utilia-primary);\n  }\n\n  .utilia-ai-textarea:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .utilia-ai-generate-btn {\n    padding: 8px 14px;\n    font-size: 13px;\n    white-space: nowrap;\n  }\n";
+//# sourceMappingURL=base.d.ts.map

package/dist/styles/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/styles/base.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,UAAU,k9jBA62BtB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,46 @@
+import { TicketCategory, TicketPriority } from '@utilia-os/sdk-js';
+/**
+ * Configuracion del widget
+ */
+export interface WidgetConfig {
+    /** URL base de la API de UTILIA OS */
+    baseURL: string;
+    /** API Key de la aplicacion externa */
+    apiKey: string;
+    /** ID del usuario en la app externa */
+    userId: string;
+    /** Email del usuario (opcional) */
+    userEmail?: string;
+    /** Nombre del usuario (opcional) */
+    userName?: string;
+    /** Metadatos adicionales del usuario */
+    userMetadata?: Record<string, unknown>;
+    /** Posicion del widget flotante */
+    position?: 'bottom-right' | 'bottom-left';
+    /** Tema del widget */
+    theme?: 'light' | 'dark' | 'auto';
+    /** Categoria por defecto para nuevos tickets */
+    defaultCategory?: TicketCategory;
+    /** Prioridad por defecto para nuevos tickets */
+    defaultPriority?: TicketPriority;
+    /** Contexto automatico (URL, version, etc) */
+    autoContext?: boolean;
+    /** Callback cuando se crea un ticket */
+    onTicketCreated?: (ticket: {
+        id: string;
+        ticketKey: string;
+    }) => void;
+    /** Callback cuando hay error */
+    onError?: (error: Error) => void;
+}
+/** Estado de la vista del widget */
+export type WidgetView = 'closed' | 'list' | 'form' | 'detail';
+/** Estado interno del widget */
+export interface WidgetState {
+    view: WidgetView;
+    selectedTicketId: string | null;
+    isLoading: boolean;
+    error: string | null;
+    unreadCount: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC;IAC1C,sBAAsB;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,gDAAgD;IAChD,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,gDAAgD;IAChD,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE,gCAAgC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,oCAAoC;AACpC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/D,gCAAgC;AAChC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB"}