@agentconnect/ui 0.1.0

package/dist/styles/panels.js

@@ -0,0 +1,184 @@
+/**
+ * Panel, modal, and popover styles.
+ */
+export const panelStyles = `
+  .ac-overlay {
+    position: fixed;
+    inset: 0;
+    display: none;
+    z-index: 9999;
+    background: rgba(8, 12, 20, 0.6);
+    backdrop-filter: blur(10px);
+  }
+  .ac-overlay.open {
+    display: block;
+  }
+  .ac-overlay[data-mode="popover"] {
+    background: transparent;
+    backdrop-filter: none;
+  }
+  .ac-panel {
+    background: linear-gradient(
+      165deg,
+      rgba(255, 255, 255, 0.97) 0%,
+      rgba(250, 251, 254, 0.95) 50%,
+      rgba(255, 255, 255, 0.97) 100%
+    );
+    color: var(--ac-modal-color, #1a1f2e);
+    border-radius: 24px;
+    border: 1.5px solid rgba(195, 165, 90, 0.35);
+    box-shadow:
+      0 0 0 1px rgba(210, 180, 100, 0.12),
+      0 8px 32px rgba(0, 0, 0, 0.08),
+      0 30px 90px rgba(8, 12, 20, 0.12);
+    padding: 20px;
+    gap: 16px;
+    position: fixed;
+    display: none;
+    backdrop-filter: blur(20px);
+    -webkit-backdrop-filter: blur(20px);
+  }
+  .ac-panel[data-active="true"] {
+    display: grid;
+  }
+  .ac-modal {
+    width: min(420px, 92vw);
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    padding: 24px;
+    box-shadow:
+      0 0 0 1px rgba(210, 180, 100, 0.15),
+      0 12px 40px rgba(0, 0, 0, 0.1),
+      0 40px 110px rgba(8, 12, 20, 0.15);
+  }
+  .ac-popover {
+    width: min(320px, 92vw);
+    top: var(--ac-popover-top, 80px);
+    left: var(--ac-popover-left, 20px);
+    transform-origin: top left;
+    padding: 14px 16px;
+    gap: 10px;
+    box-shadow:
+      0 0 0 1px rgba(210, 180, 100, 0.12),
+      0 8px 28px rgba(0, 0, 0, 0.08),
+      0 24px 70px rgba(8, 12, 20, 0.12);
+  }
+  .ac-modal-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+  }
+  .ac-modal-title {
+    font-size: 20px;
+    font-weight: 700;
+    letter-spacing: 0.01em;
+  }
+  .ac-modal-subtitle {
+    font-size: 12px;
+    color: var(--ac-muted, #556070);
+    text-transform: uppercase;
+    letter-spacing: 0.14em;
+  }
+  .ac-progress {
+    display: grid;
+    gap: 8px;
+  }
+  .ac-progress[hidden] {
+    display: none;
+  }
+  .ac-progress-track {
+    height: 6px;
+    border-radius: 999px;
+    background: rgba(200, 170, 90, 0.2);
+    overflow: hidden;
+  }
+  .ac-progress-bar {
+    height: 100%;
+    width: 35%;
+    border-radius: 999px;
+    background: var(--ac-accent, #c4542a);
+    animation: ac-progress 1.2s ease-in-out infinite;
+  }
+  .ac-progress-label {
+    font-size: 12px;
+    color: var(--ac-muted, #556070);
+  }
+  .ac-popover-title {
+    font-size: 16px;
+    font-weight: 700;
+  }
+  .ac-popover-subtitle {
+    font-size: 12px;
+    color: var(--ac-muted, #556070);
+  }
+  .ac-section-title {
+    font-size: 12px;
+    text-transform: uppercase;
+    letter-spacing: 0.12em;
+    color: var(--ac-muted, #556070);
+    font-weight: 700;
+  }
+  .ac-actions {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    flex-wrap: wrap;
+  }
+  .ac-popover .ac-actions {
+    justify-content: flex-end;
+    margin-top: 2px;
+    padding-top: 6px;
+    border-top: 1px solid rgba(195, 165, 90, 0.15);
+  }
+  .ac-actions-right {
+    display: flex;
+    gap: 8px;
+  }
+  .ac-panel {
+    opacity: 0;
+    transition: opacity 0.2s ease, transform 0.2s ease;
+  }
+  .ac-panel[data-active="true"] {
+    opacity: 1;
+  }
+  .ac-modal {
+    transform: translate(-50%, calc(-50% + 8px));
+  }
+  .ac-modal[data-active="true"] {
+    transform: translate(-50%, -50%);
+  }
+  .ac-popover {
+    transform: translateY(8px);
+  }
+  .ac-popover[data-active="true"] {
+    transform: translateY(0);
+  }
+  .ac-overlay {
+    opacity: 0;
+    transition: opacity 0.2s ease;
+    pointer-events: none;
+  }
+  .ac-overlay.open {
+    opacity: 1;
+    pointer-events: auto;
+  }
+  .ac-panel[data-busy="true"] .ac-section {
+    pointer-events: none;
+    opacity: 0.55;
+  }
+
+  @keyframes ac-progress {
+    0% {
+      transform: translateX(-120%);
+    }
+    50% {
+      transform: translateX(40%);
+    }
+    100% {
+      transform: translateX(180%);
+    }
+  }
+`;

package/dist/styles/responsive.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Responsive and touch-friendly styles.
+ */
+export declare const responsiveStyles = "\n  @media (max-width: 480px) {\n    .ac-modal {\n      width: 100vw;\n      max-width: 100vw;\n      border-radius: 20px 20px 0 0;\n      top: auto;\n      bottom: 0;\n      left: 0;\n      transform: none;\n      max-height: 85vh;\n      overflow-y: auto;\n    }\n    .ac-popover {\n      width: calc(100vw - 24px);\n      left: 12px !important;\n    }\n    .ac-provider-card {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n    .ac-provider-actions {\n      justify-content: flex-start;\n    }\n    .ac-actions {\n      flex-direction: column;\n    }\n    .ac-actions .ac-button {\n      width: 100%;\n      justify-content: center;\n    }\n    .ac-actions-right {\n      width: 100%;\n      flex-direction: column;\n    }\n  }\n  @media (pointer: coarse) {\n    .ac-button {\n      min-height: 44px;\n    }\n    .ac-input, .ac-select {\n      min-height: 48px;\n    }\n    .ac-provider-card {\n      min-height: 72px;\n    }\n  }\n  @media (hover: none) {\n    .ac-button:hover:not([disabled]) {\n      transform: none;\n      box-shadow: none;\n    }\n    .ac-provider-card:hover {\n      transform: none;\n      border-color: var(--ac-card-border, #e3e8ef);\n      box-shadow: none;\n    }\n  }\n";
+//# sourceMappingURL=responsive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/styles/responsive.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,gBAAgB,qsCA0D5B,CAAC"}

package/dist/styles/responsive.js

@@ -0,0 +1,62 @@
+/**
+ * Responsive and touch-friendly styles.
+ */
+export const responsiveStyles = `
+  @media (max-width: 480px) {
+    .ac-modal {
+      width: 100vw;
+      max-width: 100vw;
+      border-radius: 20px 20px 0 0;
+      top: auto;
+      bottom: 0;
+      left: 0;
+      transform: none;
+      max-height: 85vh;
+      overflow-y: auto;
+    }
+    .ac-popover {
+      width: calc(100vw - 24px);
+      left: 12px !important;
+    }
+    .ac-provider-card {
+      grid-template-columns: 1fr;
+      gap: 10px;
+    }
+    .ac-provider-actions {
+      justify-content: flex-start;
+    }
+    .ac-actions {
+      flex-direction: column;
+    }
+    .ac-actions .ac-button {
+      width: 100%;
+      justify-content: center;
+    }
+    .ac-actions-right {
+      width: 100%;
+      flex-direction: column;
+    }
+  }
+  @media (pointer: coarse) {
+    .ac-button {
+      min-height: 44px;
+    }
+    .ac-input, .ac-select {
+      min-height: 48px;
+    }
+    .ac-provider-card {
+      min-height: 72px;
+    }
+  }
+  @media (hover: none) {
+    .ac-button:hover:not([disabled]) {
+      transform: none;
+      box-shadow: none;
+    }
+    .ac-provider-card:hover {
+      transform: none;
+      border-color: var(--ac-card-border, #e3e8ef);
+      box-shadow: none;
+    }
+  }
+`;

package/dist/styles/utilities.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Utility styles - spinner, skeleton, alerts.
+ */
+export declare const utilityStyles = "\n  .ac-spinner {\n    width: 16px;\n    height: 16px;\n    border: 2px solid var(--ac-spinner-track, #e3e8ef);\n    border-top-color: var(--ac-spinner-color, #2f6bff);\n    border-radius: 50%;\n    animation: ac-spin 0.8s linear infinite;\n    display: inline-block;\n  }\n  @keyframes ac-spin {\n    to { transform: rotate(360deg); }\n  }\n  .ac-skeleton {\n    background: linear-gradient(90deg, #e3e8ef 25%, #f5f8fc 50%, #e3e8ef 75%);\n    background-size: 200% 100%;\n    animation: ac-shimmer 1.5s ease-in-out infinite;\n    border-radius: 8px;\n  }\n  @keyframes ac-shimmer {\n    0% { background-position: 200% 0; }\n    100% { background-position: -200% 0; }\n  }\n  .ac-alert {\n    background: linear-gradient(\n      165deg,\n      rgba(255, 255, 255, 0.85) 0%,\n      rgba(250, 249, 247, 0.8) 100%\n    );\n    color: rgba(80, 70, 50, 0.9);\n    border: 1px solid rgba(195, 165, 90, 0.28);\n    border-radius: 12px;\n    padding: 12px 14px;\n    font-size: 13px;\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.8),\n      0 1px 3px rgba(0, 0, 0, 0.03);\n  }\n  .ac-alert {\n    display: grid;\n    gap: 4px;\n  }\n  .ac-alert-title {\n    font-weight: 600;\n    font-size: 13px;\n  }\n  .ac-alert-message {\n    font-size: 12px;\n    opacity: 0.85;\n    line-height: 1.4;\n  }\n  .ac-alert.error {\n    background: linear-gradient(\n      165deg,\n      rgba(255, 250, 248, 0.95) 0%,\n      rgba(255, 245, 242, 0.9) 100%\n    );\n    border-color: rgba(200, 140, 120, 0.4);\n    color: rgba(160, 80, 60, 0.95);\n  }\n  .ac-alert-actions {\n    margin-top: 8px;\n  }\n  .ac-alert-actions .ac-button {\n    padding: 6px 12px;\n    font-size: 12px;\n  }\n  .ac-model-loading {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    font-size: 13px;\n    color: var(--ac-muted, #556070);\n    background: linear-gradient(\n      165deg,\n      rgba(255, 255, 255, 0.9) 0%,\n      rgba(250, 251, 254, 0.85) 100%\n    );\n    border: 1px solid rgba(195, 165, 90, 0.25);\n    border-radius: 10px;\n  }\n";
+//# sourceMappingURL=utilities.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/styles/utilities.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,aAAa,8gEAkFzB,CAAC"}

package/dist/styles/utilities.js

@@ -0,0 +1,86 @@
+/**
+ * Utility styles - spinner, skeleton, alerts.
+ */
+export const utilityStyles = `
+  .ac-spinner {
+    width: 16px;
+    height: 16px;
+    border: 2px solid var(--ac-spinner-track, #e3e8ef);
+    border-top-color: var(--ac-spinner-color, #2f6bff);
+    border-radius: 50%;
+    animation: ac-spin 0.8s linear infinite;
+    display: inline-block;
+  }
+  @keyframes ac-spin {
+    to { transform: rotate(360deg); }
+  }
+  .ac-skeleton {
+    background: linear-gradient(90deg, #e3e8ef 25%, #f5f8fc 50%, #e3e8ef 75%);
+    background-size: 200% 100%;
+    animation: ac-shimmer 1.5s ease-in-out infinite;
+    border-radius: 8px;
+  }
+  @keyframes ac-shimmer {
+    0% { background-position: 200% 0; }
+    100% { background-position: -200% 0; }
+  }
+  .ac-alert {
+    background: linear-gradient(
+      165deg,
+      rgba(255, 255, 255, 0.85) 0%,
+      rgba(250, 249, 247, 0.8) 100%
+    );
+    color: rgba(80, 70, 50, 0.9);
+    border: 1px solid rgba(195, 165, 90, 0.28);
+    border-radius: 12px;
+    padding: 12px 14px;
+    font-size: 13px;
+    box-shadow:
+      inset 0 1px 0 rgba(255, 255, 255, 0.8),
+      0 1px 3px rgba(0, 0, 0, 0.03);
+  }
+  .ac-alert {
+    display: grid;
+    gap: 4px;
+  }
+  .ac-alert-title {
+    font-weight: 600;
+    font-size: 13px;
+  }
+  .ac-alert-message {
+    font-size: 12px;
+    opacity: 0.85;
+    line-height: 1.4;
+  }
+  .ac-alert.error {
+    background: linear-gradient(
+      165deg,
+      rgba(255, 250, 248, 0.95) 0%,
+      rgba(255, 245, 242, 0.9) 100%
+    );
+    border-color: rgba(200, 140, 120, 0.4);
+    color: rgba(160, 80, 60, 0.95);
+  }
+  .ac-alert-actions {
+    margin-top: 8px;
+  }
+  .ac-alert-actions .ac-button {
+    padding: 6px 12px;
+    font-size: 12px;
+  }
+  .ac-model-loading {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 14px;
+    font-size: 13px;
+    color: var(--ac-muted, #556070);
+    background: linear-gradient(
+      165deg,
+      rgba(255, 255, 255, 0.9) 0%,
+      rgba(250, 251, 254, 0.85) 100%
+    );
+    border: 1px solid rgba(195, 165, 90, 0.25);
+    border-radius: 10px;
+  }
+`;

package/dist/types.d.ts

@@ -0,0 +1,137 @@
+/**
+ * Type definitions for AgentConnect UI components.
+ */
+export type { ProviderId, ProviderInfo, ModelInfo, ReasoningEffortOption, AgentConnectClient, PackageManager, InstallResult, } from '@agentconnect/sdk';
+import type { ProviderId, ProviderInfo, ModelInfo } from '@agentconnect/sdk';
+/**
+ * Extended provider info with loading state for UI rendering.
+ */
+export interface ProviderInfoWithPending extends ProviderInfo {
+    pending?: boolean;
+}
+/**
+ * Configuration for the local provider (Ollama, LM Studio, etc.).
+ */
+export interface LocalProviderConfig {
+    baseUrl: string;
+    apiKey: string;
+    model: string;
+    models: string[];
+}
+/**
+ * Represents the current model selection.
+ */
+export interface SelectionInfo {
+    provider: ProviderId;
+    model: string;
+    reasoningEffort: string | null;
+    scopeId: string;
+}
+/**
+ * Configuration for displaying alerts in the UI.
+ */
+export interface AlertConfig {
+    type?: 'error' | 'info';
+    title?: string;
+    message?: string;
+    action?: string | null;
+    onAction?: () => void;
+}
+/**
+ * Views available in the connect component.
+ */
+export type ConnectViewType = 'connect' | 'local' | 'connected';
+/**
+ * State for the AgentConnectConnect component.
+ */
+export interface ConnectComponentState {
+    connected: SelectionInfo | null;
+    selectedProvider: ProviderId | null;
+    selectedModel: string | null;
+    selectedReasoningEffort: string | null;
+    providers: ProviderInfoWithPending[];
+    models: ModelInfo[];
+    modelsLoading: boolean;
+    view: ConnectViewType;
+    loginExperience?: 'embedded' | 'terminal' | null;
+}
+/**
+ * Cached DOM elements for the AgentConnectConnect component.
+ */
+export interface ConnectComponentElements {
+    button: HTMLButtonElement | null;
+    overlay: HTMLDivElement | null;
+    connectPanel: HTMLDivElement | null;
+    localPanel: HTMLDivElement | null;
+    popoverPanel: HTMLDivElement | null;
+    providerList: HTMLDivElement | null;
+    connectedModelSelect: HTMLSelectElement | null;
+    connectedEffortSelect: HTMLSelectElement | null;
+    effortField: HTMLDivElement | null;
+    modelLoading: HTMLDivElement | null;
+    localStatus: HTMLDivElement | null;
+    closeButtons: HTMLButtonElement[];
+    disconnectButtons: HTMLButtonElement[];
+    backButton: HTMLButtonElement | null;
+    saveLocalButton: HTMLButtonElement | null;
+    localBaseInput: HTMLInputElement | null;
+    localModelInput: HTMLInputElement | null;
+    localKeyInput: HTMLInputElement | null;
+    localModelsInput: HTMLInputElement | null;
+    popoverTitle: HTMLDivElement | null;
+    progressWrap: HTMLDivElement | null;
+    progressLabel: HTMLDivElement | null;
+}
+/**
+ * Error message configuration for predefined error states.
+ */
+export interface ErrorMessageConfig {
+    title: string;
+    message: string;
+    action: string | null;
+}
+/**
+ * Field validation error.
+ */
+export interface ValidationError {
+    field: string;
+    message: string;
+}
+/**
+ * Event detail for selection-related custom events.
+ */
+export interface SelectionEventDetail {
+    provider: ProviderId | null;
+    model: string | null;
+    reasoningEffort: string | null;
+    scopeId: string | null;
+    previousProvider: ProviderId | null;
+    previousModel: string | null;
+    previousReasoningEffort: string | null;
+    previousScopeId: string | null;
+    restored: boolean;
+}
+/**
+ * Event detail for provider login events.
+ */
+export interface ProviderLoginEventDetail {
+    provider: ProviderId;
+    loggedIn: boolean;
+}
+/**
+ * Event detail for model change events.
+ */
+export interface ModelChangeEventDetail {
+    model: string;
+}
+/**
+ * Custom event types emitted by UI components.
+ */
+export interface AgentConnectUIEventMap {
+    'agentconnect:connected': CustomEvent<SelectionEventDetail>;
+    'agentconnect:disconnected': CustomEvent<SelectionEventDetail>;
+    'agentconnect:selection-changed': CustomEvent<SelectionEventDetail>;
+    'provider-login': CustomEvent<ProviderLoginEventDetail>;
+    'model-change': CustomEvent<ModelChangeEventDetail>;
+}
+//# 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":"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"}

package/dist/types.js

@@ -0,0 +1,4 @@
+/**
+ * Type definitions for AgentConnect UI components.
+ */
+export {};

package/dist/utils/dom.d.ts

@@ -0,0 +1,24 @@
+/**
+ * DOM utility functions.
+ */
+/**
+ * Parse a comma-separated string into an array of trimmed, non-empty strings.
+ */
+export declare function parseCommaSeparated(raw: string): string[];
+/**
+ * Query a single element from a root with type assertion.
+ */
+export declare function querySelector<T extends Element>(root: ParentNode, selector: string): T | null;
+/**
+ * Query all elements from a root with type assertion.
+ */
+export declare function querySelectorAll<T extends Element>(root: ParentNode, selector: string): T[];
+/**
+ * Set a CSS custom property on an element.
+ */
+export declare function setCssVar(element: HTMLElement, name: string, value: string): void;
+/**
+ * Create an element with optional class name.
+ */
+export declare function createElement<K extends keyof HTMLElementTagNameMap>(tag: K, className?: string): HTMLElementTagNameMap[K];
+//# sourceMappingURL=dom.d.ts.map

package/dist/utils/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAMzD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,OAAO,EAC7C,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,MAAM,GACf,CAAC,GAAG,IAAI,CAEV;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,OAAO,EAChD,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,MAAM,GACf,CAAC,EAAE,CAEL;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAEjF;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACjE,GAAG,EAAE,CAAC,EACN,SAAS,CAAC,EAAE,MAAM,GACjB,qBAAqB,CAAC,CAAC,CAAC,CAM1B"}

package/dist/utils/dom.js

@@ -0,0 +1,42 @@
+/**
+ * DOM utility functions.
+ */
+/**
+ * Parse a comma-separated string into an array of trimmed, non-empty strings.
+ */
+export function parseCommaSeparated(raw) {
+    if (!raw)
+        return [];
+    return raw
+        .split(',')
+        .map((item) => item.trim())
+        .filter(Boolean);
+}
+/**
+ * Query a single element from a root with type assertion.
+ */
+export function querySelector(root, selector) {
+    return root.querySelector(selector);
+}
+/**
+ * Query all elements from a root with type assertion.
+ */
+export function querySelectorAll(root, selector) {
+    return Array.from(root.querySelectorAll(selector));
+}
+/**
+ * Set a CSS custom property on an element.
+ */
+export function setCssVar(element, name, value) {
+    element.style.setProperty(name, value);
+}
+/**
+ * Create an element with optional class name.
+ */
+export function createElement(tag, className) {
+    const el = document.createElement(tag);
+    if (className) {
+        el.className = className;
+    }
+    return el;
+}

package/dist/utils/html.d.ts

@@ -0,0 +1,8 @@
+/**
+ * HTML utility functions.
+ */
+/**
+ * Escape HTML special characters to prevent XSS.
+ */
+export declare function escapeHtml(text: string): string;
+//# sourceMappingURL=html.d.ts.map

package/dist/utils/html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../src/utils/html.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI/C"}

package/dist/utils/html.js

@@ -0,0 +1,11 @@
+/**
+ * HTML utility functions.
+ */
+/**
+ * Escape HTML special characters to prevent XSS.
+ */
+export function escapeHtml(text) {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+}

package/dist/utils/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Utility function exports.
+ */
+export { escapeHtml } from './html';
+export { readLocalConfig, persistLocalConfig, readSelection, saveSelection, clearSelection, buildScopeId, } from './storage';
+export { parseCommaSeparated, querySelector, querySelectorAll, setCssVar, createElement, } from './dom';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,cAAc,EACd,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,aAAa,GACd,MAAM,OAAO,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,6 @@
+/**
+ * Utility function exports.
+ */
+export { escapeHtml } from './html';
+export { readLocalConfig, persistLocalConfig, readSelection, saveSelection, clearSelection, buildScopeId, } from './storage';
+export { parseCommaSeparated, querySelector, querySelectorAll, setCssVar, createElement, } from './dom';

package/dist/utils/storage.d.ts

@@ -0,0 +1,29 @@
+/**
+ * localStorage utility functions with safe fallbacks.
+ */
+import type { LocalProviderConfig, SelectionInfo } from '../types';
+/**
+ * Read local provider configuration from storage.
+ */
+export declare function readLocalConfig(key?: string): LocalProviderConfig;
+/**
+ * Persist local provider configuration to storage.
+ */
+export declare function persistLocalConfig(config: LocalProviderConfig, key?: string): void;
+/**
+ * Read the last selection from storage.
+ */
+export declare function readSelection(key?: string): SelectionInfo | null;
+/**
+ * Save the current selection to storage.
+ */
+export declare function saveSelection(selection: SelectionInfo, key?: string): void;
+/**
+ * Clear the saved selection from storage.
+ */
+export declare function clearSelection(key?: string): void;
+/**
+ * Build a unique scope ID from provider, model, and reasoning effort.
+ */
+export declare function buildScopeId(provider: string, model: string, reasoningEffort: string | null): string;
+//# sourceMappingURL=storage.d.ts.map

package/dist/utils/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/utils/storage.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAUnE;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,GAAE,MAAiC,GAAG,mBAAmB,CAmB3F;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,mBAAmB,EAC3B,GAAG,GAAE,MAAiC,GACrC,IAAI,CAON;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,GAAG,GAAE,MAAmC,GAAG,aAAa,GAAG,IAAI,CAsB5F;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,aAAa,EACxB,GAAG,GAAE,MAAmC,GACvC,IAAI,CAON;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,GAAE,MAAmC,GAAG,IAAI,CAO7E;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,eAAe,EAAE,MAAM,GAAG,IAAI,GAC7B,MAAM,CAGR"}