@agentconnect/ui 0.1.0

package/README.md

@@ -0,0 +1,63 @@
+# @agentconnect/ui
+
+AgentConnect UI web components. Use these to drop a wallet-connect style modal into any app.
+
+## Install
+
+```bash
+bun add @agentconnect/ui @agentconnect/sdk
+```
+
+```bash
+npm install @agentconnect/ui @agentconnect/sdk
+```
+
+```bash
+pnpm add @agentconnect/ui @agentconnect/sdk
+```
+
+## Quick start
+
+```ts
+import { defineAgentConnectComponents } from '@agentconnect/ui';
+
+defineAgentConnectComponents();
+```
+
+```html
+<agentconnect-connect></agentconnect-connect>
+```
+
+## Events
+
+`agentconnect-connect` emits:
+
+- `agentconnect:connected`
+- `agentconnect:selection-changed`
+- `agentconnect:disconnected`
+
+Each event includes `provider`, `model`, `reasoningEffort`, `scopeId`, and previous values when available.
+
+## Theming
+
+Style via CSS custom properties:
+
+- `--ac-font-family`
+- `--ac-button-bg`
+- `--ac-button-color`
+- `--ac-modal-bg`
+- `--ac-modal-color`
+- `--ac-modal-border`
+- `--ac-card-border`
+- `--ac-card-active-bg`
+- `--ac-chip-bg`
+- `--ac-chip-color`
+- `--ac-muted`
+
+## Requirements
+
+Runs in any modern browser. An AgentConnect host must be available (CLI dev host or embedded host).
+
+## Docs
+
+See `docs/SDK.md` in the repo for the full SDK reference and `SPEC.md` for the protocol contract.

package/dist/client.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Shared AgentConnect client singleton.
+ */
+import type { AgentConnectClient } from '@agentconnect/sdk';
+/**
+ * Get or create the shared AgentConnect client instance.
+ * Uses a singleton pattern to ensure all components share the same connection.
+ */
+export declare function getClient(): Promise<AgentConnectClient>;
+/**
+ * Reset the client connection.
+ * Useful for testing or when the connection needs to be re-established.
+ */
+export declare function resetClient(): void;
+//# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAI5D;;;GAGG;AACH,wBAAgB,SAAS,IAAI,OAAO,CAAC,kBAAkB,CAAC,CAKvD;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAElC"}

package/dist/client.js

@@ -0,0 +1,22 @@
+/**
+ * Shared AgentConnect client singleton.
+ */
+import { AgentConnect } from '@agentconnect/sdk';
+let clientPromise = null;
+/**
+ * Get or create the shared AgentConnect client instance.
+ * Uses a singleton pattern to ensure all components share the same connection.
+ */
+export function getClient() {
+    if (!clientPromise) {
+        clientPromise = AgentConnect.connect();
+    }
+    return clientPromise;
+}
+/**
+ * Reset the client connection.
+ * Useful for testing or when the connection needs to be re-established.
+ */
+export function resetClient() {
+    clientPromise = null;
+}

package/dist/components/connect.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Main AgentConnect connect component.
+ * Handles provider selection, model picking, and connection management.
+ */
+export declare class AgentConnectConnect extends HTMLElement {
+    private state;
+    private localConfig;
+    private prefetching;
+    private busy;
+    private busyMessage;
+    private isSelectingModel;
+    private pendingModelRender;
+    private popoverLocked;
+    private popoverPosition;
+    private modelsProvider;
+    private modelsFetchedAt;
+    private elements;
+    private handleResize;
+    private loginPollTimer;
+    private readonly loginPollIntervalMs;
+    private readonly modelsRefreshIntervalMs;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private createInitialState;
+    private get storageKey();
+    private get localConfigKey();
+    private render;
+    private cacheElements;
+    private bindEvents;
+    private open;
+    private close;
+    private setView;
+    private setPanelActive;
+    private positionPopover;
+    private hasLocalConfig;
+    private getLocalModelOptions;
+    private getFallbackProviders;
+    private populateLocalForm;
+    private restoreSelection;
+    private refresh;
+    private startLoginPolling;
+    private stopLoginPolling;
+    private pollProviderStatus;
+    private prefetchProviders;
+    private prefetchAllProviderModels;
+    private refreshModels;
+    private renderProviders;
+    private buildProviderCard;
+    private getProviderStatusText;
+    private buildProviderAction;
+    private buildActionButton;
+    private handleProviderSelect;
+    private connectProvider;
+    private setProviderLoading;
+    private ensureProviderReady;
+    private openLocalConfig;
+    private saveLocalConfig;
+    private renderConnectedModels;
+    private flushModelRender;
+    private getReasoningEffortsForModel;
+    private getDefaultReasoningEffort;
+    private syncReasoningEffort;
+    private renderReasoningEfforts;
+    private updatePopoverTitle;
+    private updateButtonLabel;
+    private formatButtonModelLabel;
+    private renderConnectButtonContent;
+    private applySelection;
+    private disconnect;
+    private dispatchSelectionEvent;
+    private validateLocalConfig;
+    private showFieldError;
+    private clearFieldErrors;
+    private setStatus;
+    private setAlert;
+    private setBusy;
+}
+//# sourceMappingURL=connect.d.ts.map

package/dist/components/connect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect.d.ts","sourceRoot":"","sources":["../../src/components/connect.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA+BH,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,WAAW,CAAsB;IACzC,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,kBAAkB,CAAU;IACpC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,eAAe,CAAuC;IAC9D,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,cAAc,CAAwC;IAC9D,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAQ;IAC5C,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAU;;IAyBlD,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,kBAAkB;IAc1B,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,cAAc,GAEzB;IAED,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,UAAU;IAiElB,OAAO,CAAC,IAAI;IAmBZ,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,OAAO;IA0Bf,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,gBAAgB;YAeV,OAAO;IA2DrB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,gBAAgB;YAMV,kBAAkB;YA4BlB,iBAAiB;YAQjB,yBAAyB;YAQzB,aAAa;IAyC3B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,iBAAiB;IAmEzB,OAAO,CAAC,qBAAqB;IAgB7B,OAAO,CAAC,mBAAmB;IAmC3B,OAAO,CAAC,iBAAiB;YAsBX,oBAAoB;YAUpB,eAAe;IAiC7B,OAAO,CAAC,kBAAkB;YAqBZ,mBAAmB;IAiDjC,OAAO,CAAC,eAAe;YAST,eAAe;IAoE7B,OAAO,CAAC,qBAAqB;IA+C7B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,2BAA2B;IAOnC,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,sBAAsB;IAsB9B,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,iBAAiB;IA0BzB,OAAO,CAAC,sBAAsB;IAiB9B,OAAO,CAAC,0BAA0B;IA6BlC,OAAO,CAAC,cAAc;IA0BtB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,sBAAsB;IA0B9B,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,QAAQ;IAwChB,OAAO,CAAC,OAAO;CAkBhB"}