@elizaos/ui 2.0.0-alpha.52 → 2.0.0-alpha.521

package/plugins/plugin-browser-bridge/src/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../../../plugins/plugin-browser-bridge/src/schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAWH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BnC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBhC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgC7B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBrC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}

package/plugins/plugin-browser-bridge/src/schema.js

@@ -0,0 +1,111 @@
+/**
+ * Agent Browser Bridge Drizzle schema.
+ *
+ * The four generic browser tables (`browser_bridge_companions`,
+ * `browser_bridge_settings`, `browser_bridge_tabs`,
+ * `browser_bridge_page_contexts`) are owned by this plugin. The
+ * workflow-bound `life_browser_sessions` table remains in LifeOps because
+ * it carries `workflowId` plus LifeOps-only scoping columns.
+ *
+ * Migrations are applied via elizaOS plugin-sql's `runPluginMigrations`
+ * when the plugin's `schema` field is populated and an appropriate
+ * migration strategy is selected. Renaming the old `life_browser_*`
+ * tables to `browser_bridge_*` is a destructive migration — gate it on
+ * `ELIZA_ALLOW_DESTRUCTIVE_MIGRATIONS=true`.
+ */
+import { boolean, index, integer, pgTable, text, unique, } from "drizzle-orm/pg-core";
+export const browserBridgeCompanions = pgTable("browser_bridge_companions", {
+    id: text("id").primaryKey(),
+    agentId: text("agent_id").notNull(),
+    browser: text("browser").notNull(),
+    profileId: text("profile_id").notNull(),
+    profileLabel: text("profile_label").notNull().default(""),
+    label: text("label").notNull().default(""),
+    extensionVersion: text("extension_version"),
+    connectionState: text("connection_state").notNull().default("disconnected"),
+    permissionsJson: text("permissions_json").notNull().default("{}"),
+    pairingTokenHash: text("pairing_token_hash"),
+    pendingPairingTokenHashesJson: text("pending_pairing_token_hashes_json")
+        .notNull()
+        .default("[]"),
+    lastSeenAt: text("last_seen_at"),
+    pairedAt: text("paired_at"),
+    metadataJson: text("metadata_json").notNull().default("{}"),
+    createdAt: text("created_at").notNull(),
+    updatedAt: text("updated_at").notNull(),
+}, (t) => [
+    unique().on(t.agentId, t.browser, t.profileId),
+    index("idx_browser_bridge_companions_agent").on(t.agentId, t.browser, t.updatedAt),
+]);
+export const browserBridgeSettings = pgTable("browser_bridge_settings", {
+    agentId: text("agent_id").primaryKey(),
+    enabled: boolean("enabled").notNull().default(false),
+    trackingMode: text("tracking_mode").notNull().default("current_tab"),
+    allowBrowserControl: boolean("allow_browser_control")
+        .notNull()
+        .default(false),
+    requireConfirmationForAccountAffecting: boolean("require_confirmation_for_account_affecting")
+        .notNull()
+        .default(true),
+    incognitoEnabled: boolean("incognito_enabled").notNull().default(false),
+    siteAccessMode: text("site_access_mode")
+        .notNull()
+        .default("current_site_only"),
+    grantedOriginsJson: text("granted_origins_json").notNull().default("[]"),
+    blockedOriginsJson: text("blocked_origins_json").notNull().default("[]"),
+    maxRememberedTabs: integer("max_remembered_tabs").notNull().default(10),
+    pauseUntil: text("pause_until"),
+    metadataJson: text("metadata_json").notNull().default("{}"),
+    createdAt: text("created_at").notNull(),
+    updatedAt: text("updated_at").notNull(),
+});
+export const browserBridgeTabs = pgTable("browser_bridge_tabs", {
+    id: text("id").primaryKey(),
+    agentId: text("agent_id").notNull(),
+    companionId: text("companion_id"),
+    browser: text("browser").notNull(),
+    profileId: text("profile_id").notNull(),
+    windowId: text("window_id").notNull(),
+    tabId: text("tab_id").notNull(),
+    url: text("url").notNull().default(""),
+    title: text("title").notNull().default(""),
+    activeInWindow: boolean("active_in_window").notNull().default(false),
+    focusedWindow: boolean("focused_window").notNull().default(false),
+    focusedActive: boolean("focused_active").notNull().default(false),
+    incognito: boolean("incognito").notNull().default(false),
+    faviconUrl: text("favicon_url"),
+    lastSeenAt: text("last_seen_at").notNull(),
+    lastFocusedAt: text("last_focused_at"),
+    metadataJson: text("metadata_json").notNull().default("{}"),
+    createdAt: text("created_at").notNull(),
+    updatedAt: text("updated_at").notNull(),
+}, (t) => [
+    unique().on(t.agentId, t.browser, t.profileId, t.windowId, t.tabId),
+    index("idx_browser_bridge_tabs_agent").on(t.agentId, t.focusedActive, t.activeInWindow, t.lastSeenAt),
+]);
+export const browserBridgePageContexts = pgTable("browser_bridge_page_contexts", {
+    id: text("id").primaryKey(),
+    agentId: text("agent_id").notNull(),
+    browser: text("browser").notNull(),
+    profileId: text("profile_id").notNull(),
+    windowId: text("window_id").notNull(),
+    tabId: text("tab_id").notNull(),
+    url: text("url").notNull().default(""),
+    title: text("title").notNull().default(""),
+    selectionText: text("selection_text"),
+    mainText: text("main_text"),
+    headingsJson: text("headings_json").notNull().default("[]"),
+    linksJson: text("links_json").notNull().default("[]"),
+    formsJson: text("forms_json").notNull().default("[]"),
+    capturedAt: text("captured_at").notNull(),
+    metadataJson: text("metadata_json").notNull().default("{}"),
+}, (t) => [
+    unique().on(t.agentId, t.browser, t.profileId, t.windowId, t.tabId),
+    index("idx_browser_bridge_page_contexts_agent").on(t.agentId, t.capturedAt),
+]);
+export const browserBridgeSchema = {
+    browserBridgeCompanions,
+    browserBridgeSettings,
+    browserBridgeTabs,
+    browserBridgePageContexts,
+};

package/plugins/plugin-browser-bridge/src/service.d.ts

@@ -0,0 +1,28 @@
+import type { Service, UUID } from "@elizaos/core";
+import type { CompleteLifeOpsBrowserSessionRequest, ConfirmLifeOpsBrowserSessionRequest, CreateLifeOpsBrowserSessionRequest, LifeOpsBrowserSession } from "@elizaos/shared";
+import type { BrowserBridgeCompanionAutoPairResponse, BrowserBridgeCompanionPairingResponse, BrowserBridgeCompanionStatus, BrowserBridgeCompanionSyncResponse, BrowserBridgePageContext, BrowserBridgeSettings, BrowserBridgeTabSummary, CreateBrowserBridgeCompanionAutoPairRequest, CreateBrowserBridgeCompanionPairingRequest, SyncBrowserBridgeStateRequest, UpdateBrowserBridgeSessionProgressRequest, UpdateBrowserBridgeSettingsRequest } from "./contracts.ts";
+export declare const BROWSER_BRIDGE_ROUTE_SERVICE_TYPE = "lifeops_browser_plugin";
+export interface BrowserBridgeRouteService extends Service {
+    getBrowserSettings(ownerEntityId?: UUID | null): Promise<BrowserBridgeSettings>;
+    updateBrowserSettings(request: UpdateBrowserBridgeSettingsRequest, ownerEntityId?: UUID | null): Promise<BrowserBridgeSettings>;
+    listBrowserCompanions(ownerEntityId?: UUID | null): Promise<BrowserBridgeCompanionStatus[]>;
+    listBrowserTabs(ownerEntityId?: UUID | null): Promise<BrowserBridgeTabSummary[]>;
+    getCurrentBrowserPage(ownerEntityId?: UUID | null): Promise<BrowserBridgePageContext | null>;
+    syncBrowserState(request: SyncBrowserBridgeStateRequest, ownerEntityId?: UUID | null): Promise<{
+        companion: BrowserBridgeCompanionStatus;
+        tabs: BrowserBridgeTabSummary[];
+        currentPage: BrowserBridgePageContext | null;
+    }>;
+    createBrowserCompanionPairing(request: CreateBrowserBridgeCompanionPairingRequest, ownerEntityId?: UUID | null): Promise<BrowserBridgeCompanionPairingResponse>;
+    autoPairBrowserCompanion(request: CreateBrowserBridgeCompanionAutoPairRequest, apiBaseUrl: string, ownerEntityId?: UUID | null): Promise<BrowserBridgeCompanionAutoPairResponse>;
+    syncBrowserCompanion(companionId: string, pairingToken: string, request: SyncBrowserBridgeStateRequest, ownerEntityId?: UUID | null): Promise<BrowserBridgeCompanionSyncResponse>;
+    listBrowserSessions(ownerEntityId?: UUID | null): Promise<LifeOpsBrowserSession[]>;
+    getBrowserSession(sessionId: string, ownerEntityId?: UUID | null): Promise<LifeOpsBrowserSession>;
+    createBrowserSession(request: CreateLifeOpsBrowserSessionRequest, ownerEntityId?: UUID | null): Promise<LifeOpsBrowserSession>;
+    confirmBrowserSession(sessionId: string, request: ConfirmLifeOpsBrowserSessionRequest, ownerEntityId?: UUID | null): Promise<LifeOpsBrowserSession>;
+    updateBrowserSessionProgress(sessionId: string, request: UpdateBrowserBridgeSessionProgressRequest, ownerEntityId?: UUID | null): Promise<LifeOpsBrowserSession>;
+    completeBrowserSession(sessionId: string, request: CompleteLifeOpsBrowserSessionRequest, ownerEntityId?: UUID | null): Promise<LifeOpsBrowserSession>;
+    updateBrowserSessionProgressFromCompanion(companionId: string, pairingToken: string, sessionId: string, request: UpdateBrowserBridgeSessionProgressRequest, ownerEntityId?: UUID | null): Promise<LifeOpsBrowserSession>;
+    completeBrowserSessionFromCompanion(companionId: string, pairingToken: string, sessionId: string, request: CompleteLifeOpsBrowserSessionRequest, ownerEntityId?: UUID | null): Promise<LifeOpsBrowserSession>;
+}
+//# sourceMappingURL=service.d.ts.map

package/plugins/plugin-browser-bridge/src/service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../../../../../plugins/plugin-browser-bridge/src/service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EACV,oCAAoC,EACpC,mCAAmC,EACnC,kCAAkC,EAClC,qBAAqB,EACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EACV,sCAAsC,EACtC,qCAAqC,EACrC,4BAA4B,EAC5B,kCAAkC,EAClC,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,2CAA2C,EAC3C,0CAA0C,EAC1C,6BAA6B,EAC7B,yCAAyC,EACzC,kCAAkC,EACnC,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,iCAAiC,2BAA2B,CAAC;AAE1E,MAAM,WAAW,yBAA0B,SAAQ,OAAO;IACxD,kBAAkB,CAChB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClC,qBAAqB,CACnB,OAAO,EAAE,kCAAkC,EAC3C,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClC,qBAAqB,CACnB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,4BAA4B,EAAE,CAAC,CAAC;IAC3C,eAAe,CACb,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAC;IACtC,qBAAqB,CACnB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAC;IAC5C,gBAAgB,CACd,OAAO,EAAE,6BAA6B,EACtC,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC;QACT,SAAS,EAAE,4BAA4B,CAAC;QACxC,IAAI,EAAE,uBAAuB,EAAE,CAAC;QAChC,WAAW,EAAE,wBAAwB,GAAG,IAAI,CAAC;KAC9C,CAAC,CAAC;IACH,6BAA6B,CAC3B,OAAO,EAAE,0CAA0C,EACnD,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qCAAqC,CAAC,CAAC;IAClD,wBAAwB,CACtB,OAAO,EAAE,2CAA2C,EACpD,UAAU,EAAE,MAAM,EAClB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,sCAAsC,CAAC,CAAC;IACnD,oBAAoB,CAClB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,6BAA6B,EACtC,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,kCAAkC,CAAC,CAAC;IAC/C,mBAAmB,CACjB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC;IACpC,iBAAiB,CACf,SAAS,EAAE,MAAM,EACjB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClC,oBAAoB,CAClB,OAAO,EAAE,kCAAkC,EAC3C,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClC,qBAAqB,CACnB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,mCAAmC,EAC5C,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClC,4BAA4B,CAC1B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,yCAAyC,EAClD,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClC,sBAAsB,CACpB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,oCAAoC,EAC7C,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClC,yCAAyC,CACvC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,yCAAyC,EAClD,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClC,mCAAmC,CACjC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,oCAAoC,EAC7C,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAC1B,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACnC"}

package/plugins/plugin-browser-bridge/src/service.js

@@ -0,0 +1 @@
+export const BROWSER_BRIDGE_ROUTE_SERVICE_TYPE = "lifeops_browser_plugin";

package/styles/electrobun-mac-window-drag.css

@@ -0,0 +1,94 @@
+/**
+ * macOS Electrobun main window uses titleBarStyle "hiddenInset" (no native title bar).
+ *
+ * WHY this file exists:
+ * - Chromium honors -webkit-app-region for drag/no-drag regions.
+ * - System WKWebView often does not — actual move/resize chrome lives in
+ *   apps/app/electrobun/native/macos/window-effects.mm (see docs/guides/electrobun-mac-window-chrome.md).
+ * - We still ship these rules so CEF or future web engines get sensible defaults
+ *   without duplicating policy only in native code.
+ *
+ * html.eliza-electrobun-frameless is toggled from apps/app/src/main.tsx
+ * (main macOS Electrobun shell only; detached shells skip it).
+ */
+html.eliza-electrobun-frameless {
+  /**
+   * Leading inset so the header nav (Chat, Apps, …) clears the traffic-light
+   * cluster. hiddenInset draws controls over the web view; ~68–80px is typical
+   * on Apple Silicon macOS (was 56px — still overlapped the lights).
+   */
+  --eliza-macos-frame-left-inset: 78px;
+  --eliza-macos-frame-top-inset: 26px;
+  --eliza-mobile-nav-offset: 0px;
+}
+
+html.eliza-electrobun-frameless:not(.eliza-electrobun-custom-titlebar) body {
+  -webkit-app-region: drag;
+}
+
+html.eliza-electrobun-frameless [data-window-titlebar="true"] {
+  -webkit-app-region: drag;
+}
+
+html.eliza-electrobun-frameless [data-no-window-drag="true"],
+html.eliza-electrobun-frameless [data-no-window-drag="true"] *,
+html.eliza-electrobun-frameless [data-no-window-drag="true"]::before,
+html.eliza-electrobun-frameless [data-no-window-drag="true"]::after,
+html.eliza-electrobun-frameless [data-no-camera-drag="true"],
+html.eliza-electrobun-frameless [data-no-camera-drag="true"] *,
+html.eliza-electrobun-frameless [data-no-camera-drag="true"]::before,
+html.eliza-electrobun-frameless [data-no-camera-drag="true"]::after {
+  -webkit-app-region: no-drag;
+}
+
+html.eliza-electrobun-frameless [data-window-titlebar-padding] {
+  padding-inline-start: max(
+    env(safe-area-inset-left, 0px),
+    var(--eliza-macos-frame-left-inset)
+  );
+  padding-inline-end: 0.75rem;
+  padding-top: max(
+    env(safe-area-inset-top, 0px),
+    var(--eliza-macos-frame-top-inset)
+  );
+}
+
+html.eliza-electrobun-frameless a,
+html.eliza-electrobun-frameless button,
+html.eliza-electrobun-frameless input,
+html.eliza-electrobun-frameless textarea,
+html.eliza-electrobun-frameless select,
+html.eliza-electrobun-frameless option,
+html.eliza-electrobun-frameless label,
+html.eliza-electrobun-frameless summary,
+html.eliza-electrobun-frameless iframe,
+html.eliza-electrobun-frameless canvas,
+html.eliza-electrobun-frameless video,
+html.eliza-electrobun-frameless audio,
+html.eliza-electrobun-frameless electrobun-wgpu,
+html.eliza-electrobun-frameless [role="button"],
+html.eliza-electrobun-frameless [role="link"],
+html.eliza-electrobun-frameless [role="menuitem"],
+html.eliza-electrobun-frameless [role="menuitemcheckbox"],
+html.eliza-electrobun-frameless [role="menuitemradio"],
+html.eliza-electrobun-frameless [role="option"],
+html.eliza-electrobun-frameless [role="radio"],
+html.eliza-electrobun-frameless [role="checkbox"],
+html.eliza-electrobun-frameless [role="switch"],
+html.eliza-electrobun-frameless [role="tab"],
+html.eliza-electrobun-frameless [role="slider"],
+html.eliza-electrobun-frameless [role="listbox"],
+html.eliza-electrobun-frameless [role="combobox"],
+html.eliza-electrobun-frameless [role="spinbutton"],
+html.eliza-electrobun-frameless [role="textbox"],
+html.eliza-electrobun-frameless [role="searchbox"],
+html.eliza-electrobun-frameless [contenteditable="true"],
+html.eliza-electrobun-frameless [aria-haspopup],
+html.eliza-electrobun-frameless [data-shell-scroll-region="true"] {
+  -webkit-app-region: no-drag;
+}
+
+/* Onboarding full-screen VRM canvas would otherwise stay no-drag (companion rule above). */
+html.eliza-electrobun-frameless .onboarding-screen canvas {
+  -webkit-app-region: drag;
+}

package/styles/theme.css

@@ -0,0 +1,73 @@
+:root {
+  --bg: #f7f8fa;
+  --bg-accent: #f1f3f5;
+  --bg-elevated: #fcfdfd;
+  --bg-hover: #eceff3;
+  --bg-muted: #f1f3f5;
+  --card: #fcfdfd;
+  --card-foreground: #1e2329;
+  --surface: #fcfdfd;
+  --text: #1e2329;
+  --text-strong: #0b0e11;
+  --txt: var(--text);
+  --muted: #5e6673;
+  --muted-strong: #474d57;
+  --border: #dce1e7;
+  --border-strong: #ced6df;
+  --accent: #f0b90b;
+  --accent-rgb: 240, 185, 11;
+  --accent-foreground: #1a1f26;
+  --accent-subtle: rgba(240, 185, 11, 0.12);
+  --destructive: #f6465d;
+  --destructive-foreground: #ffffff;
+  --destructive-subtle: rgba(246, 70, 93, 0.12);
+  --status-success: #03a66d;
+  --status-success-bg: rgba(3, 166, 109, 0.12);
+  --status-danger: #f6465d;
+  --status-danger-bg: rgba(246, 70, 93, 0.12);
+  --status-warning: #f0b90b;
+  --status-warning-bg: rgba(240, 185, 11, 0.12);
+  --status-info: #3b82f6;
+  --status-info-bg: rgba(59, 130, 246, 0.12);
+  --font-body:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif;
+  --font-display: var(--font-body);
+  --font-chat: var(--font-body);
+  --mono: "Courier New", Courier, monospace;
+  color-scheme: light;
+}
+
+[data-theme="dark"],
+.dark {
+  --bg: #050506;
+  --bg-accent: #0a0a0c;
+  --bg-elevated: #0d0d10;
+  --bg-hover: #141418;
+  --bg-muted: #0a0a0c;
+  --card: #0e0e11;
+  --card-foreground: #eaecef;
+  --surface: #121214;
+  --text: #eaecef;
+  --text-strong: #ffffff;
+  --txt: var(--text);
+  --muted: #8a8a94;
+  --muted-strong: #b9b9c2;
+  --border: #232329;
+  --border-strong: #313136;
+  --accent: #f0b90b;
+  --accent-rgb: 240, 185, 11;
+  --accent-foreground: #1a1f26;
+  --accent-subtle: rgba(240, 185, 11, 0.12);
+  --destructive: #f6465d;
+  --destructive-foreground: #ffffff;
+  --destructive-subtle: rgba(246, 70, 93, 0.12);
+  --status-success: #16a34a;
+  --status-success-bg: rgba(22, 163, 74, 0.12);
+  --status-danger: #f6465d;
+  --status-danger-bg: rgba(246, 70, 93, 0.12);
+  --status-warning: #f0b90b;
+  --status-warning-bg: rgba(240, 185, 11, 0.12);
+  --status-info: #60a5fa;
+  --status-info-bg: rgba(96, 165, 250, 0.12);
+  color-scheme: dark;
+}

package/README.md

@@ -1,6 +0,0 @@
-# @elizaos/ui
-
-Reusable React UI primitives for ElizaOS applications.
-
-This package contains shared buttons, inputs, dialogs, badges, layout helpers,
-and related component utilities used by app shells built on top of ElizaOS.

package/dist/components/ui/badge.d.ts

@@ -1,10 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import type * as React from "react";
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export { Badge, badgeVariants };
-//# sourceMappingURL=badge.d.ts.map

package/dist/components/ui/badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,QAAA,MAAM,aAAa;;8EAiBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/badge.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
-    variants: {
-        variant: {
-            default: "border-transparent bg-primary text-primary-fg hover:bg-primary/80",
-            secondary: "border-transparent bg-bg-accent text-txt hover:bg-bg-hover",
-            destructive: "border-transparent bg-destructive text-destructive-fg hover:bg-destructive/80",
-            outline: "text-txt border-border",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function Badge({ className, variant, ...props }) {
-    return (_jsx("div", { className: cn(badgeVariants({ variant }), className), ...props }));
-}
-export { Badge, badgeVariants };

package/dist/components/ui/banner.d.ts

@@ -1,18 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const bannerVariants: (props?: ({
-    variant?: "error" | "warning" | "info" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
-    /** Optional action element (button, link) */
-    action?: React.ReactNode;
-    /** Show dismiss button */
-    dismissible?: boolean;
-    /** Called when dismiss is clicked */
-    onDismiss?: () => void;
-    /** Aria-label for dismiss button */
-    dismissLabel?: string;
-}
-export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=banner.d.ts.map

package/dist/components/ui/banner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,cAAc;;8EAcnB,CAAC;AAQF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,oFAuClB,CAAC"}

package/dist/components/ui/banner.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { AlertTriangle, Info, X, XCircle } from "lucide-react";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const bannerVariants = cva("flex items-center gap-3 border px-4 py-2.5 text-xs", {
-    variants: {
-        variant: {
-            error: "border-destructive/30 bg-destructive/10 text-destructive",
-            warning: "border-warn/30 bg-warn/10 text-warn",
-            info: "border-accent/30 bg-accent/10 text-accent",
-        },
-    },
-    defaultVariants: {
-        variant: "info",
-    },
-});
-const ICONS = {
-    error: XCircle,
-    warning: AlertTriangle,
-    info: Info,
-};
-export const Banner = React.forwardRef(({ variant = "info", action, dismissible, onDismiss, dismissLabel = "Dismiss", className, children, ...props }, ref) => {
-    const Icon = ICONS[variant ?? "info"];
-    return (_jsxs("div", { ref: ref, className: cn(bannerVariants({ variant }), className), role: "alert", ...props, children: [_jsx(Icon, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "flex-1", children: children }), action, dismissible && (_jsx("button", { type: "button", onClick: onDismiss, className: "rounded-sm p-0.5 opacity-70 hover:opacity-100 transition-opacity", "aria-label": dismissLabel, children: _jsx(X, { className: "h-3.5 w-3.5" }) }))] }));
-});
-Banner.displayName = "Banner";

package/dist/components/ui/button.d.ts

@@ -1,12 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button, buttonVariants };
-//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EA2BnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/button.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-bg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
-    variants: {
-        variant: {
-            default: "bg-primary text-[var(--primary-foreground,#1a1f26)] hover:bg-primary/90 hover:text-[var(--primary-foreground,#1a1f26)]",
-            destructive: "bg-destructive text-destructive-fg hover:bg-destructive/90",
-            outline: "border border-input bg-bg hover:bg-bg-accent hover:text-accent-fg",
-            secondary: "bg-secondary text-secondary-fg hover:bg-secondary/80",
-            ghost: "hover:bg-bg-accent hover:text-accent-fg",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-10 px-4 py-2",
-            sm: "h-9 rounded-md px-3 py-1.5",
-            lg: "h-11 rounded-md px-8 py-2.5",
-            icon: "h-10 w-10",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
-});
-Button.displayName = "Button";
-export { Button, buttonVariants };

package/dist/components/ui/card.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
-//# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GAYR,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,QAAA,MAAM,SAAS,uHASb,CAAC;AAGH,QAAA,MAAM,eAAe,yHAKnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAKf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}

package/dist/components/ui/card.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border border-border bg-card text-card-fg shadow-sm", className), ...props })));
-Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-sm text-muted", className), ...props })));
-CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
-CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
-CardFooter.displayName = "CardFooter";
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };

package/dist/components/ui/chat-atoms.d.ts

@@ -1,26 +0,0 @@
-/**
- * Chat sub-components that have no app-level context dependency.
- *
- * These complement the full `ChatMessage` component (which stays in
- * `apps/app` because it uses `useApp()` for i18n and the `MessageContent`
- * renderer). Extracted here so they can be reused by any app.
- */
-export declare function TypingIndicator({ agentName, agentAvatarSrc, }: {
-    agentName: string;
-    agentAvatarSrc?: string | null;
-}): import("react/jsx-runtime").JSX.Element;
-export interface ChatEmptyStateProps {
-    agentName: string;
-    /** Starter suggestions shown as quick-reply chips. */
-    suggestions?: string[];
-    onSuggestionClick?: (suggestion: string) => void;
-    /** i18n labels — all have sensible English defaults. */
-    labels?: {
-        startConversation?: string;
-        sendMessageTo?: string;
-        toBeginChatting?: string;
-        chatIconLabel?: string;
-    };
-}
-export declare function ChatEmptyState({ agentName, suggestions, onSuggestionClick, labels, }: ChatEmptyStateProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chat-atoms.d.ts.map

package/dist/components/ui/chat-atoms.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-atoms.d.ts","sourceRoot":"","sources":["../../../src/components/ui/chat-atoms.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,cAAc,GACf,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,2CA0CA;AAID,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,wDAAwD;IACxD,MAAM,CAAC,EAAE;QACP,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;CACH;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAA6E,EAC7E,iBAAiB,EACjB,MAAW,GACZ,EAAE,mBAAmB,2CA6CrB"}

package/dist/components/ui/chat-atoms.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Chat sub-components that have no app-level context dependency.
- *
- * These complement the full `ChatMessage` component (which stays in
- * `apps/app` because it uses `useApp()` for i18n and the `MessageContent`
- * renderer). Extracted here so they can be reused by any app.
- */
-import { Button } from "./button";
-/* ── TypingIndicator ─────────────────────────────────────────────────── */
-export function TypingIndicator({ agentName, agentAvatarSrc, }) {
-    const agentInitial = agentName.trim().charAt(0).toUpperCase() || "A";
-    return (_jsxs("div", { className: "flex items-start gap-2 sm:gap-3 mt-4", children: [_jsx("div", { className: "w-8 h-8 shrink-0 rounded-full overflow-hidden border border-border bg-bg-hover shadow-sm", children: agentAvatarSrc ? (_jsx("img", { src: agentAvatarSrc, alt: `${agentName} avatar`, className: "w-full h-full object-cover" })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] font-bold text-accent bg-accent-subtle", children: agentInitial })) }), _jsxs("div", { className: "max-w-[88%] sm:max-w-[80%] min-w-0", children: [_jsx("div", { className: "text-[12px] font-semibold text-accent mb-1", children: agentName }), _jsx("div", { className: "px-4 py-3 bg-bg-accent border border-border rounded-2xl rounded-bl-md", children: _jsxs("div", { className: "flex gap-1", children: [_jsx("span", { className: "w-2 h-2 rounded-full bg-muted-strong animate-[typing-bounce_1.2s_ease-in-out_infinite]", style: { animationDelay: "0ms" } }), _jsx("span", { className: "w-2 h-2 rounded-full bg-muted-strong animate-[typing-bounce_1.2s_ease-in-out_infinite]", style: { animationDelay: "200ms" } }), _jsx("span", { className: "w-2 h-2 rounded-full bg-muted-strong animate-[typing-bounce_1.2s_ease-in-out_infinite]", style: { animationDelay: "400ms" } })] }) })] })] }));
-}
-export function ChatEmptyState({ agentName, suggestions = ["Hello!", "How are you?", "Tell me a joke", "Help me with..."], onSuggestionClick, labels = {}, }) {
-    return (_jsxs("div", { className: "flex-1 flex flex-col items-center justify-center text-center p-6", children: [_jsx("div", { className: "w-16 h-16 rounded-2xl bg-accent-subtle flex items-center justify-center mb-4", children: _jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-accent", "aria-label": labels.chatIconLabel ?? "Chat icon", children: [_jsx("title", { children: labels.chatIconLabel ?? "Chat" }), _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })] }) }), _jsx("h3", { className: "text-lg font-semibold text-txt-strong mb-2", children: labels.startConversation ?? "Start a Conversation" }), _jsxs("p", { className: "text-sm text-muted max-w-sm mb-6", style: { fontFamily: "var(--font-chat)" }, children: [labels.sendMessageTo ?? "Send a message to", " ", agentName, " ", labels.toBeginChatting ?? "to begin chatting."] }), _jsx("div", { className: "flex flex-wrap justify-center gap-2", children: suggestions.map((suggestion) => (_jsx(Button, { variant: "outline", size: "sm", className: "px-3 py-1.5 h-7 text-xs rounded-full text-muted border-border bg-bg hover:border-accent hover:text-accent transition-colors", onClick: () => onSuggestionClick?.(suggestion), children: suggestion }, suggestion))) })] }));
-}

package/dist/components/ui/checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,iKAkBZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/confirm-delete.d.ts

@@ -1,12 +0,0 @@
-export interface ConfirmDeleteProps {
-    onConfirm: () => void;
-    disabled?: boolean;
-    triggerLabel?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    busyLabel?: string;
-    promptText?: string;
-    className?: string;
-}
-export declare function ConfirmDelete({ onConfirm, disabled, triggerLabel, confirmLabel, cancelLabel, busyLabel, promptText, className, }: ConfirmDeleteProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=confirm-delete.d.ts.map

package/dist/components/ui/confirm-delete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-delete.d.ts","sourceRoot":"","sources":["../../../src/components/ui/confirm-delete.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAgB,EAChB,YAAuB,EACvB,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,UAAsB,EACtB,SAAS,GACV,EAAE,kBAAkB,2CA2CpB"}

package/dist/components/ui/confirm-delete.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-export function ConfirmDelete({ onConfirm, disabled = false, triggerLabel = "Delete", confirmLabel = "Confirm", cancelLabel = "Cancel", busyLabel, promptText = "Delete?", className, }) {
-    const [confirming, setConfirming] = React.useState(false);
-    if (!confirming) {
-        return (_jsx("button", { type: "button", className: cn("rounded-md border border-border px-2 py-1 text-xs text-muted transition-colors hover:border-destructive hover:text-destructive", className), onClick: () => setConfirming(true), disabled: disabled, children: triggerLabel }));
-    }
-    return (_jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), children: [_jsx("span", { className: "text-[11px] text-destructive", children: promptText }), _jsx("button", { type: "button", className: "rounded-md border border-destructive bg-destructive px-2 py-0.5 text-[10px] font-medium text-destructive-fg transition-opacity hover:opacity-90 disabled:opacity-50", onClick: () => {
-                    onConfirm();
-                    setConfirming(false);
-                }, disabled: disabled, children: disabled && busyLabel ? busyLabel : confirmLabel }), _jsx("button", { type: "button", className: "rounded-md border border-border px-2 py-0.5 text-[10px] text-muted transition-colors hover:border-accent hover:text-accent disabled:opacity-50", onClick: () => setConfirming(false), disabled: disabled, children: cancelLabel })] }));
-}

package/dist/components/ui/confirm-dialog.d.ts

@@ -1,24 +0,0 @@
-export type ConfirmTone = "danger" | "warn" | "default";
-export interface ConfirmDialogProps {
-    open: boolean;
-    title?: string;
-    message: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    tone?: ConfirmTone;
-    onConfirm: () => void;
-    onCancel: () => void;
-}
-export declare function ConfirmDialog({ open, title, message, confirmLabel, cancelLabel, tone, onConfirm, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element | null;
-export interface ConfirmOptions {
-    title?: string;
-    message: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    tone?: ConfirmTone;
-}
-export declare function useConfirm(): {
-    confirm: (opts: ConfirmOptions) => Promise<boolean>;
-    modalProps: ConfirmDialogProps;
-};
-//# sourceMappingURL=confirm-dialog.d.ts.map