@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/index.js

@@ -0,0 +1,110 @@
+// Re-export primitives from local modules (avoid `from "@elizaos/ui"` here — it
+// creates a barrel cycle and breaks consumers' type resolution for the package root).
+export * from "../utils/documents-upload-image.js";
+export * from "../utils/labels.js";
+export * from "../utils/trajectory-format.js";
+export * from "./accounts/EditableAccountLabel.js";
+export * from "./apps/extensions/registry.js";
+export * from "./apps/extensions/surface.js";
+export * from "./apps/extensions/types.js";
+export * from "./apps/GameView.js";
+export * from "./apps/GameViewOverlay.js";
+export * from "./apps/overlay-app-api.js";
+export * from "./apps/overlay-app-registry.js";
+export * from "./apps/surfaces/GameOperatorShell.js";
+export * from "./apps/surfaces/registry.js";
+export * from "./apps/surfaces/types.js";
+export * from "./character/CharacterEditor.js";
+export * from "./character/CharacterRoster.js";
+export * from "./character/character-greeting.js";
+export * from "./chat/AccountRequiredCard.js";
+export * from "./chat/AgentActivityBox.js";
+export * from "./chat/ConnectorAccountPicker.js";
+export * from "./chat/connector-send-as.js";
+export * from "./chat/MessageContent.js";
+export * from "./chat/SaveCommandModal.js";
+export * from "./chat/TasksEventsPanel.js";
+export * from "./chat/widgets/registry.js";
+export * from "./chat/widgets/shared.js";
+export * from "./chat/widgets/types.js";
+export * from "./cloud/CloudSourceControls.js";
+export * from "./config-ui/index.js";
+export * from "./connectors/BlueBubblesStatusPanel.js";
+export * from "./connectors/ConnectorAccountAuditList.js";
+export * from "./connectors/ConnectorAccountCard.js";
+export * from "./connectors/ConnectorAccountList.js";
+export * from "./connectors/ConnectorAccountPrivacySelector.js";
+export * from "./connectors/ConnectorAccountPurposeSelector.js";
+export * from "./connectors/ConnectorAccountSetupScope.js";
+export * from "./connectors/ConnectorSetupPanel.js";
+export * from "./connectors/DiscordLocalConnectorPanel.js";
+export * from "./connectors/SignalQrOverlay.js";
+export * from "./connectors/WhatsAppQrOverlay.js";
+export * from "./conversations/ConversationsSidebar.js";
+export * from "./conversations/conversation-utils.js";
+export * from "./custom-actions/CustomActionEditor.js";
+export * from "./custom-actions/CustomActionsPanel.js";
+export * from "./custom-actions/CustomActionsView.js";
+export * from "./pages/AppsPageView.js";
+export * from "./pages/AppsView.js";
+export * from "./pages/AutomationsChatPane.js";
+export * from "./pages/AutomationsFeed.js";
+export * from "./pages/BrowserWorkspaceView.js";
+export * from "./pages/ChatModalView.js";
+export * from "./pages/ChatView.js";
+export * from "./pages/ConfigPageView.js";
+export * from "./pages/ConnectorsPageView.js";
+export * from "./pages/DatabasePageView.js";
+export * from "./pages/DatabaseView.js";
+export * from "./pages/DocumentsView.js";
+export * from "./pages/ElizaCloudDashboard.js";
+export * from "./pages/HeartbeatsView.js";
+export * from "./pages/HomePlaceholderView.js";
+export * from "./pages/LogsView.js";
+export * from "./pages/MediaGalleryView.js";
+export * from "./pages/MemoryViewerView.js";
+export * from "./pages/PageScopedChatPane.js";
+export * from "./pages/PluginsPageView.js";
+export * from "./pages/PluginsView.js";
+export * from "./pages/RelationshipsView.js";
+export * from "./pages/ReleaseCenterView.js";
+export * from "./pages/RuntimeView.js";
+export * from "./pages/SecretsView.js";
+export * from "./pages/SettingsView.js";
+export * from "./pages/SkillsView.js";
+export * from "./pages/StreamView.js";
+export * from "./pages/TaskEditor.js";
+export * from "./pages/TasksPageView.js";
+export * from "./pages/TrajectoriesView.js";
+export * from "./pages/TrajectoryDetailView.js";
+export * from "./pages/VectorBrowserView.js";
+export * from "./pages/WorkflowEditor.js";
+export * from "./pages/workflow-graph-events.js";
+export * from "./settings/ApiKeyConfig.js";
+export * from "./settings/DesktopWorkspaceSection.js";
+export * from "./settings/PermissionsSection.js";
+export * from "./settings/PolicyControlsView.js";
+export * from "./settings/ProviderSwitcher.js";
+export * from "./settings/permission-types.js";
+export * from "./settings/SubscriptionStatus.js";
+export * from "./settings/VoiceConfigView.js";
+export * from "./shared/AppPageSidebar.js";
+export * from "./shared/confirm-delete-control.js";
+export * from "./shared/LanguageDropdown.js";
+export * from "./shared/ThemeToggle.js";
+export * from "./shell/BugReportModal.js";
+export * from "./shell/CommandPalette.js";
+export * from "./shell/ConnectionFailedBanner.js";
+export * from "./shell/ConnectionLostOverlay.js";
+export * from "./shell/Header.js";
+export * from "./shell/LoadingScreen.js";
+export * from "./shell/PairingView.js";
+export * from "./shell/RestartBanner.js";
+export * from "./shell/ShellOverlays.js";
+export * from "./shell/ShortcutsOverlay.js";
+export * from "./shell/StartupFailureView.js";
+export * from "./shell/StartupShell.js";
+export * from "./shell/SystemWarningBanner.js";
+export { ConfirmDialog as ConfirmModal, PromptDialog as PromptModal, } from "./ui/confirm-dialog.js";
+export { SaveFooter as ConfigSaveFooter } from "./ui/save-footer.js";
+export * from "./workspace/AppWorkspaceChrome.js";

package/components/local-inference/ActiveModelBar.d.ts

@@ -0,0 +1,10 @@
+import type { ActiveModelState, InstalledModel } from "../../api/client-local-inference";
+interface ActiveModelBarProps {
+    active: ActiveModelState;
+    installed: InstalledModel[];
+    onUnload: () => void;
+    busy: boolean;
+}
+export declare function ActiveModelBar({ active, installed, onUnload, busy, }: ActiveModelBarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ActiveModelBar.d.ts.map

package/components/local-inference/ActiveModelBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveModelBar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/local-inference/ActiveModelBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACf,MAAM,kCAAkC,CAAC;AAE1C,UAAU,mBAAmB;IAC3B,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CACf;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,GACL,EAAE,mBAAmB,kDA0CrB"}

package/components/local-inference/ActiveModelBar.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+export function ActiveModelBar({ active, installed, onUnload, busy, }) {
+    if (!active.modelId)
+        return null;
+    const current = installed.find((m) => m.id === active.modelId);
+    const label = current?.displayName ?? active.modelId;
+    const status = active.status === "loading"
+        ? "loading"
+        : active.status === "ready"
+            ? "ready"
+            : `error: ${active.error ?? "unknown"}`;
+    const dotClass = active.status === "error"
+        ? "bg-danger"
+        : active.status === "loading"
+            ? "bg-warn"
+            : "bg-ok";
+    return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-primary/30 bg-primary/5 px-2 py-1.5 text-xs", title: `${label} · ${status}`, children: [_jsx("span", { className: `inline-flex h-2 w-2 rounded-full ${dotClass}`, "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1 truncate", children: [_jsx("span", { className: "font-medium", children: label }), _jsx("span", { className: "ml-1.5 text-muted", children: status })] }), _jsx(Button, { size: "sm", variant: "outline", className: "h-7 rounded-md px-2 text-xs", onClick: onUnload, disabled: busy, children: "Unload" })] }));
+}

package/components/local-inference/DeviceBridgeStatus.d.ts

@@ -0,0 +1,2 @@
+export declare function DeviceBridgeStatusBar(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DeviceBridgeStatus.d.ts.map

package/components/local-inference/DeviceBridgeStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceBridgeStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/components/local-inference/DeviceBridgeStatus.tsx"],"names":[],"mappings":"AAKA,wBAAgB,qBAAqB,mDAsDpC"}

package/components/local-inference/DeviceBridgeStatus.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { resolveApiUrl } from "../../utils/asset-url.js";
+import { getElizaApiToken } from "../../utils/eliza-globals.js";
+export function DeviceBridgeStatusBar() {
+    const [status, setStatus] = useState(null);
+    useEffect(() => {
+        const raw = resolveApiUrl("/api/local-inference/device/stream");
+        const token = getElizaApiToken()?.trim();
+        const url = token
+            ? `${raw}${raw.includes("?") ? "&" : "?"}token=${encodeURIComponent(token)}`
+            : raw;
+        const es = new EventSource(url);
+        es.onmessage = (event) => {
+            try {
+                const payload = JSON.parse(event.data);
+                if (payload.type === "status")
+                    setStatus(payload.status);
+            }
+            catch {
+                /* ignore */
+            }
+        };
+        return () => es.close();
+    }, []);
+    if (!status)
+        return null;
+    const dotClass = status.connected
+        ? "bg-emerald-500"
+        : status.pendingRequests > 0
+            ? "bg-amber-500"
+            : "bg-muted-foreground/40";
+    const label = status.connected
+        ? `Paired device online${status.capabilities ? ` · ${status.capabilities.platform} · ${status.capabilities.deviceModel}` : ""}`
+        : status.pendingRequests > 0
+            ? `Device offline · ${status.pendingRequests} request${status.pendingRequests === 1 ? "" : "s"} paused pending reconnect`
+            : "No paired device";
+    return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-card/60 px-2 py-1.5 text-xs", title: label, children: [_jsx("span", { className: `inline-flex h-2 w-2 rounded-full ${dotClass}`, "aria-hidden": true }), _jsx("span", { className: "flex-1 truncate", children: label }), status.loadedPath && (_jsx("span", { className: "max-w-[40%] truncate text-muted", children: status.loadedPath.split(/[/\\]/).pop() }))] }));
+}

package/components/local-inference/DevicesPanel.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Multi-device panel. Lists every connected bridge device (desktop +
+ * phone + tablet, etc.) ranked by score. The device ranked first is the
+ * "primary" — new generate calls route there by default. Devices that
+ * drop offline show up greyed-out until they reconnect.
+ */
+export declare function DevicesPanel(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DevicesPanel.d.ts.map

package/components/local-inference/DevicesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevicesPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/local-inference/DevicesPanel.tsx"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,YAAY,mDAuF3B"}

package/components/local-inference/DevicesPanel.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { resolveApiUrl } from "../../utils/asset-url.js";
+import { getElizaApiToken } from "../../utils/eliza-globals.js";
+/**
+ * Multi-device panel. Lists every connected bridge device (desktop +
+ * phone + tablet, etc.) ranked by score. The device ranked first is the
+ * "primary" — new generate calls route there by default. Devices that
+ * drop offline show up greyed-out until they reconnect.
+ */
+export function DevicesPanel() {
+    const [status, setStatus] = useState(null);
+    useEffect(() => {
+        const raw = resolveApiUrl("/api/local-inference/device/stream");
+        const token = getElizaApiToken()?.trim();
+        const url = token
+            ? `${raw}${raw.includes("?") ? "&" : "?"}token=${encodeURIComponent(token)}`
+            : raw;
+        const es = new EventSource(url);
+        es.onmessage = (event) => {
+            try {
+                const payload = JSON.parse(event.data);
+                if (payload.type === "status")
+                    setStatus(payload.status);
+            }
+            catch {
+                /* ignore */
+            }
+        };
+        return () => es.close();
+    }, []);
+    if (!status || status.devices.length === 0) {
+        return null;
+    }
+    return (_jsxs("section", { className: "flex flex-col gap-2", children: [_jsx("h3", { className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Connected bridge devices" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Requests route to the highest-scoring device available. Scoring favours desktops over phones, more RAM, and an available GPU. The primary device is the one ranked first." }), _jsx("div", { className: "flex flex-col gap-2", children: status.devices.map((device) => (_jsxs("div", { className: `rounded-xl border p-3 flex items-center gap-3 text-sm ${device.isPrimary
+                        ? "border-primary/50 bg-primary/5"
+                        : "border-border bg-card"}`, children: [_jsx("span", { className: `inline-flex h-2 w-2 rounded-full ${device.isPrimary ? "bg-emerald-500" : "bg-muted-foreground/60"}`, "aria-hidden": true }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "font-medium truncate", children: [device.capabilities.deviceModel, device.isPrimary && (_jsx("span", { className: "ml-2 text-[10px] uppercase tracking-wide text-primary", children: "primary" }))] }), _jsxs("div", { className: "text-xs text-muted-foreground truncate", children: [device.capabilities.platform, " \u00B7", " ", device.capabilities.totalRamGb.toFixed(0), " GB RAM \u00B7", " ", device.capabilities.gpu?.available
+                                            ? `${device.capabilities.gpu.backend}${device.capabilities.gpu.totalVramGb
+                                                ? ` ${device.capabilities.gpu.totalVramGb.toFixed(1)} GB`
+                                                : ""}`
+                                            : "CPU only", device.loadedPath &&
+                                            ` · loaded: ${device.loadedPath.split(/[/\\]/).pop()}`] })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["score ", Math.round(device.score), device.activeRequests > 0 &&
+                                    ` · ${device.activeRequests} active`] })] }, device.deviceId))) })] }));
+}

package/components/local-inference/DownloadProgress.d.ts

@@ -0,0 +1,7 @@
+import type { DownloadJob } from "../../api/client-local-inference";
+interface DownloadProgressProps {
+    job: DownloadJob;
+}
+export declare function DownloadProgress({ job }: DownloadProgressProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DownloadProgress.d.ts.map

package/components/local-inference/DownloadProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadProgress.d.ts","sourceRoot":"","sources":["../../../../../../src/components/local-inference/DownloadProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAGpE,UAAU,qBAAqB;IAC7B,GAAG,EAAE,WAAW,CAAC;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,EAAE,qBAAqB,2CA8B9D"}

package/components/local-inference/DownloadProgress.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatBytes, formatEta, progressPercent } from "./hub-utils.js";
+export function DownloadProgress({ job }) {
+    const pct = progressPercent(job);
+    const eta = formatEta(job.etaMs);
+    const speed = job.bytesPerSec > 0 ? `${formatBytes(job.bytesPerSec)}/s` : "";
+    return (_jsxs("div", { className: "w-full", children: [_jsx("div", { className: "h-2 w-full overflow-hidden rounded bg-muted", role: "progressbar", "aria-valuenow": pct, "aria-valuemin": 0, "aria-valuemax": 100, children: _jsx("div", { className: "h-full bg-primary transition-[width] duration-300", style: { width: `${pct}%` } }) }), _jsxs("div", { className: "mt-1 flex justify-between text-xs text-muted-foreground", children: [_jsxs("span", { children: [formatBytes(job.received), " of ", formatBytes(job.total), " \u00B7 ", pct, "%"] }), _jsxs("span", { children: [speed, eta ? ` · ${eta} left` : ""] })] })] }));
+}

package/components/local-inference/DownloadQueue.d.ts

@@ -0,0 +1,15 @@
+import type { CatalogModel, DownloadJob } from "../../api/client-local-inference";
+interface DownloadQueueProps {
+    downloads: DownloadJob[];
+    catalog: CatalogModel[];
+    onCancel: (modelId: string) => void;
+}
+/**
+ * Global view of all in-flight downloads. The SSE stream already removes
+ * completed + cancelled jobs from the snapshot, so this list only holds
+ * active/queued/failed jobs. Failures stick around until a new download
+ * for the same model supersedes them.
+ */
+export declare function DownloadQueue({ downloads, catalog, onCancel, }: DownloadQueueProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DownloadQueue.d.ts.map

package/components/local-inference/DownloadQueue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadQueue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/local-inference/DownloadQueue.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACZ,MAAM,kCAAkC,CAAC;AAI1C,UAAU,kBAAkB;IAC1B,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE,kBAAkB,2CAuDpB"}

package/components/local-inference/DownloadQueue.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { DownloadProgress } from "./DownloadProgress.js";
+import { findCatalogModel } from "./hub-utils.js";
+/**
+ * Global view of all in-flight downloads. The SSE stream already removes
+ * completed + cancelled jobs from the snapshot, so this list only holds
+ * active/queued/failed jobs. Failures stick around until a new download
+ * for the same model supersedes them.
+ */
+export function DownloadQueue({ downloads, catalog, onCancel, }) {
+    if (downloads.length === 0) {
+        return (_jsx("div", { className: "rounded-xl border border-dashed border-border p-6 text-center text-sm text-muted-foreground", children: "No downloads in progress. Start one from the Curated or HuggingFace search tab." }));
+    }
+    return (_jsx("ul", { className: "flex flex-col gap-3", children: downloads.map((job) => {
+            const entry = findCatalogModel(job.modelId, catalog);
+            const label = entry?.displayName ?? job.modelId;
+            const isActive = job.state === "downloading" || job.state === "queued";
+            return (_jsxs("li", { className: "rounded-xl border border-border bg-card p-4 flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium truncate", children: label }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [job.state === "queued" && "Queued", job.state === "downloading" && "Downloading", job.state === "failed" && "Failed", job.state === "completed" && "Completed", job.state === "cancelled" && "Cancelled"] })] }), isActive && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => onCancel(job.modelId), children: "Cancel" }))] }), (job.state === "downloading" || job.state === "queued") && (_jsx(DownloadProgress, { job: job })), job.state === "failed" && job.error && (_jsx("div", { className: "text-xs text-rose-500", children: job.error }))] }, job.jobId));
+        }) }));
+}

package/components/local-inference/FirstRunOffer.d.ts

@@ -0,0 +1,11 @@
+import type { CatalogModel, HardwareProbe, InstalledModel } from "../../api/client-local-inference";
+interface FirstRunOfferProps {
+    catalog: CatalogModel[];
+    installed: InstalledModel[];
+    hardware: HardwareProbe;
+    onDownload: (modelId: string) => void;
+    busy: boolean;
+}
+export declare function FirstRunOffer({ catalog, installed, hardware, onDownload, busy, }: FirstRunOfferProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=FirstRunOffer.d.ts.map

package/components/local-inference/FirstRunOffer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FirstRunOffer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/local-inference/FirstRunOffer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,cAAc,EACf,MAAM,kCAAkC,CAAC;AAK1C,UAAU,kBAAkB;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,OAAO,CAAC;CACf;AAID,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,UAAU,EACV,IAAI,GACL,EAAE,kBAAkB,kDA0DpB"}

package/components/local-inference/FirstRunOffer.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { useState } from "react";
+import { MODEL_CATALOG } from "../../services/local-inference/catalog.js";
+import { selectRecommendedModels } from "../../services/local-inference/recommendation.js";
+import { findInstalled } from "./hub-utils.js";
+const DISMISS_STORAGE_KEY = "eliza.localInference.firstRunOfferDismissed";
+export function FirstRunOffer({ catalog, installed, hardware, onDownload, busy, }) {
+    const [dismissed, setDismissed] = useState(() => typeof window !== "undefined" &&
+        window.localStorage?.getItem(DISMISS_STORAGE_KEY) === "1");
+    const elizaOwned = installed.filter((m) => m.source === "eliza-download");
+    if (elizaOwned.length > 0 || dismissed)
+        return null;
+    const recommended = pickRecommended(catalog, installed, hardware);
+    if (!recommended)
+        return null;
+    const handleDismiss = () => {
+        setDismissed(true);
+        try {
+            window.localStorage?.setItem(DISMISS_STORAGE_KEY, "1");
+        }
+        catch {
+            // Session-only dismissal is enough when storage is unavailable.
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 rounded-lg border border-primary/45 bg-primary/10 px-2.5 py-2", title: recommended.blurb, children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1", children: [_jsx("span", { className: "rounded-full border border-primary/40 px-1.5 py-0.5 text-[10px] uppercase leading-none text-primary", children: "Recommended" }), _jsx("span", { className: "truncate text-sm font-medium", children: recommended.displayName }), _jsxs("span", { className: "text-muted text-xs", children: [recommended.params, " \u00B7 ", recommended.sizeGb.toFixed(1), " GB"] })] }), _jsxs("div", { className: "flex gap-1.5", children: [_jsxs(Button, { size: "sm", className: "h-7 rounded-md px-2 text-xs", onClick: () => onDownload(recommended.id), disabled: busy, children: ["Download ", recommended.params] }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7 rounded-md px-2 text-xs", onClick: handleDismiss, children: "Not now" })] })] }));
+}
+function pickRecommended(catalog, installed, hardware) {
+    const recommended = selectRecommendedModels(hardware, MODEL_CATALOG);
+    for (const candidate of [
+        recommended.TEXT_LARGE.model,
+        recommended.TEXT_SMALL.model,
+    ]) {
+        if (!candidate || findInstalled(candidate, installed))
+            continue;
+        return catalog.find((model) => model.id === candidate.id) ?? candidate;
+    }
+    return null;
+}

package/components/local-inference/HardwareBadge.d.ts

@@ -0,0 +1,7 @@
+import type { HardwareProbe } from "../../api/client-local-inference";
+interface HardwareBadgeProps {
+    hardware: HardwareProbe;
+}
+export declare function HardwareBadge({ hardware }: HardwareBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HardwareBadge.d.ts.map

package/components/local-inference/HardwareBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HardwareBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/local-inference/HardwareBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGtE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA6C7D"}

package/components/local-inference/HardwareBadge.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Cpu, Gauge, HardDrive } from "lucide-react";
+import { bucketLabel } from "./hub-utils.js";
+export function HardwareBadge({ hardware }) {
+    const gpuText = hardware.gpu
+        ? `${hardware.gpu.backend.toUpperCase()} · ${hardware.gpu.totalVramGb.toFixed(1)} GB VRAM`
+        : "CPU only";
+    const chipLabel = hardware.appleSilicon ? "Apple Silicon" : hardware.arch;
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-1.5 rounded-lg border border-border bg-card/60 px-2 py-1.5 text-xs", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1.5 rounded-md bg-bg/60 px-2 py-1", title: "CPU and memory", children: [_jsx(Cpu, { className: "h-3.5 w-3.5 shrink-0 text-muted", "aria-hidden": true }), _jsxs("span", { className: "truncate font-medium", children: [hardware.totalRamGb.toFixed(0), " GB \u00B7 ", hardware.cpuCores, "c \u00B7", " ", chipLabel] })] }), _jsxs("div", { className: "flex min-w-0 items-center gap-1.5 rounded-md bg-bg/60 px-2 py-1", title: "GPU", children: [_jsx(HardDrive, { className: "h-3.5 w-3.5 shrink-0 text-muted", "aria-hidden": true }), _jsx("span", { className: "truncate font-medium", children: gpuText })] }), _jsxs("div", { className: "flex min-w-0 items-center gap-1.5 rounded-md bg-bg/60 px-2 py-1", title: "Recommended preset", children: [_jsx(Gauge, { className: "h-3.5 w-3.5 shrink-0 text-muted", "aria-hidden": true }), _jsx("span", { className: "font-medium", children: bucketLabel(hardware.recommendedBucket) })] }), hardware.source === "os-fallback" && (_jsxs("div", { className: "inline-flex items-center gap-1.5 rounded-md bg-warn/10 px-2 py-1 text-warn", title: "Install plugin-local-ai for full GPU detection", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5", "aria-hidden": true }), _jsx("span", { children: "GPU probe limited" })] }))] }));
+}

package/components/local-inference/HuggingFaceSearch.d.ts

@@ -0,0 +1,22 @@
+import type { ActiveModelState, CatalogModel, DownloadJob, HardwareProbe, InstalledModel } from "../../api/client-local-inference";
+interface HuggingFaceSearchProps {
+    installed: InstalledModel[];
+    downloads: DownloadJob[];
+    active: ActiveModelState;
+    hardware: HardwareProbe;
+    onDownload: (spec: CatalogModel) => void;
+    onCancel: (modelId: string) => void;
+    onActivate: (modelId: string) => void;
+    onUninstall: (modelId: string) => void;
+    busy: boolean;
+}
+/**
+ * Secondary tab of the Model Hub: free-form HuggingFace search for any
+ * GGUF-tagged repo. Results are shaped like CatalogModel so they render
+ * with the same ModelCard the curated view uses.
+ *
+ * Debounced so a user typing a query doesn't hammer the HF API.
+ */
+export declare function HuggingFaceSearch({ installed, downloads, active, hardware, onDownload, onCancel, onActivate, onUninstall, busy, }: HuggingFaceSearchProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HuggingFaceSearch.d.ts.map

package/components/local-inference/HuggingFaceSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HuggingFaceSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/local-inference/HuggingFaceSearch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACf,MAAM,kCAAkC,CAAC;AAG1C,UAAU,sBAAsB;IAC9B,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,WAAW,EACX,IAAI,GACL,EAAE,sBAAsB,2CA2HxB"}

package/components/local-inference/HuggingFaceSearch.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { client } from "../../api/index.js";
+import { ModelCard } from "./ModelCard.js";
+/**
+ * Secondary tab of the Model Hub: free-form HuggingFace search for any
+ * GGUF-tagged repo. Results are shaped like CatalogModel so they render
+ * with the same ModelCard the curated view uses.
+ *
+ * Debounced so a user typing a query doesn't hammer the HF API.
+ */
+export function HuggingFaceSearch({ installed, downloads, active, hardware, onDownload, onCancel, onActivate, onUninstall, busy, }) {
+    const [query, setQuery] = useState("");
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const lastQueryRef = useRef("");
+    useEffect(() => {
+        const trimmed = query.trim();
+        if (trimmed.length < 2) {
+            setResults([]);
+            setError(null);
+            lastQueryRef.current = "";
+            return;
+        }
+        const handle = setTimeout(async () => {
+            // Re-entry guard: if the user typed more while waiting, skip this
+            // response and let the next timer handle it.
+            lastQueryRef.current = trimmed;
+            setLoading(true);
+            setError(null);
+            try {
+                const response = await client.searchHuggingFaceGguf(trimmed);
+                if (lastQueryRef.current === trimmed) {
+                    setResults(response.models);
+                }
+            }
+            catch (err) {
+                if (lastQueryRef.current === trimmed) {
+                    setError(err instanceof Error ? err.message : "Search failed");
+                    setResults([]);
+                }
+            }
+            finally {
+                if (lastQueryRef.current === trimmed) {
+                    setLoading(false);
+                }
+            }
+        }, 400);
+        return () => clearTimeout(handle);
+    }, [query]);
+    const handleDownloadClick = useCallback((_modelId) => {
+        // ModelCard hands us the catalog id; we need the full spec for HF
+        // results since they aren't in the curated catalog. Look it up from
+        // our results list.
+        const spec = results.find((r) => r.id === _modelId);
+        if (spec)
+            onDownload(spec);
+    }, [onDownload, results]);
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "search", value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Search HuggingFace (e.g. phi-3, mixtral, llama 3.3)", className: "flex-1 rounded-md border border-border bg-bg/50 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/40" }), query.trim().length > 0 && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => {
+                            setQuery("");
+                            setResults([]);
+                        }, children: "Clear" }))] }), loading && (_jsx("div", { className: "text-sm text-muted-foreground", children: "Searching HuggingFace\u2026" })), error && (_jsx("div", { className: "rounded-md border border-rose-500/40 bg-rose-500/10 p-3 text-xs text-rose-500", children: error })), !loading &&
+                !error &&
+                query.trim().length >= 2 &&
+                results.length === 0 && (_jsx("div", { className: "text-sm text-muted-foreground", children: "No GGUF repos matched. Try a different keyword." })), results.length > 0 && (_jsx("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-3", children: results.map((model) => (_jsx(ModelCard, { model: model, hardware: hardware, installed: installed, downloads: downloads, active: active, onDownload: handleDownloadClick, onCancel: onCancel, onActivate: onActivate, onUninstall: onUninstall, busy: busy }, model.id))) })), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Results are live HuggingFace repos tagged ", _jsx("code", { children: "gguf" }), ", sorted by downloads. Eliza picks the best quant (preferring Q4_K_M) when a repo has several."] })] }));
+}

package/components/local-inference/LocalInferencePanel.d.ts

@@ -0,0 +1,5 @@
+import type { CatalogModel, HardwareProbe, InstalledModel } from "../../api/client-local-inference";
+export declare function LocalInferencePanel(): import("react/jsx-runtime").JSX.Element;
+export default LocalInferencePanel;
+export type { CatalogModel, HardwareProbe, InstalledModel };
+//# sourceMappingURL=LocalInferencePanel.d.ts.map

package/components/local-inference/LocalInferencePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalInferencePanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/local-inference/LocalInferencePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,YAAY,EAEZ,aAAa,EACb,cAAc,EAEf,MAAM,kCAAkC,CAAC;AAiB1C,wBAAgB,mBAAmB,4CA+VlC;AAoFD,eAAe,mBAAmB,CAAC;AAGnC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}