@elizaos/ui 2.0.0-beta.2 → 2.0.3-beta.2

package/components/pages/help/help-content.js

@@ -0,0 +1,479 @@
+/**
+ * Eliza Help knowledge base. Plain-language answers to what a confused new user
+ * actually asks, each with an optional deep-link into the app (a tab, or a
+ * Settings section). Searched client-side over question + answer + keywords.
+ *
+ * Keep answers short (2-4 sentences), accurate to the product, and jargon-light.
+ */
+export const HELP_CATEGORIES = [
+    "Getting started",
+    "Chat & navigation",
+    "AI models",
+    "Privacy & data",
+    "Voice",
+    "Connecting apps",
+    "Eliza Cloud",
+    "What Eliza can do",
+    "Troubleshooting",
+];
+export const HELP_ENTRIES = [
+    // ── Getting started ───────────────────────────────────────────────────────
+    {
+        id: "what-is-eliza",
+        category: "Getting started",
+        question: "What is Eliza?",
+        answer: "Eliza is your personal AI agent. It chats with you by text or voice, can run on your own device or in the cloud, and can do real work — answer questions, manage tasks, use connected apps, and control its own screens. You drive all of it through one chat that floats over every view.",
+        keywords: ["what", "eliza", "about", "agent", "ai", "assistant", "intro"],
+        deepLink: { label: "Take the 90-second tour", startTutorial: true },
+    },
+    {
+        id: "first-thing",
+        category: "Getting started",
+        question: "I just opened Eliza — what do I do first?",
+        answer: "Take the interactive tutorial (the first tile on your home screen). It walks you through the chat, switching screens, and Settings in about 90 seconds, checking each step as you go.",
+        keywords: ["start", "first", "begin", "new", "tutorial", "onboarding"],
+        deepLink: { label: "Start the tutorial", startTutorial: true },
+    },
+    {
+        id: "the-chat-pill",
+        category: "Getting started",
+        question: "What is the glowing pill at the bottom?",
+        answer: "That's your chat — the one place you talk to Eliza. It floats over every screen so it's always reachable. Tap it to open, type or talk, drag the handle up to expand it, or swipe down to shrink it back to the pill.",
+        keywords: ["pill", "bubble", "bottom", "floating", "chat", "capsule"],
+    },
+    // ── Chat & navigation ─────────────────────────────────────────────────────
+    {
+        id: "open-chat",
+        category: "Chat & navigation",
+        question: "How do I open and close the chat?",
+        answer: "Tap the floating pill to open the chat. To expand it full-screen, drag the handle at the top upward (or tap it). To minimize, swipe down on the handle — it collapses back to the pill but stays one tap away.",
+        keywords: [
+            "open",
+            "close",
+            "expand",
+            "minimize",
+            "maximize",
+            "hide",
+            "show",
+            "chat",
+            "collapse",
+        ],
+    },
+    {
+        id: "switch-views",
+        category: "Chat & navigation",
+        question: "How do I switch screens / views?",
+        answer: "Two ways: tap a tile on the home screen, or just ask the chat — type or say things like “open settings”, “go home”, or “show my tasks” and Eliza navigates there for you.",
+        keywords: [
+            "switch",
+            "change",
+            "view",
+            "screen",
+            "navigate",
+            "tab",
+            "move",
+            "go",
+        ],
+        deepLink: { label: "Open Views", tab: "views" },
+    },
+    {
+        id: "navigate-by-talking",
+        category: "Chat & navigation",
+        question: "Can I really navigate just by talking to it?",
+        answer: "Yes. Eliza understands navigation requests in plain language. In the chat, type or speak “open settings”, “take me home”, “show the model settings”, etc., and it switches screens for you — no menus required.",
+        keywords: [
+            "talk",
+            "voice",
+            "navigate",
+            "command",
+            "ask",
+            "say",
+            "natural language",
+        ],
+    },
+    {
+        id: "get-to-settings",
+        category: "Chat & navigation",
+        question: "How do I get to Settings?",
+        answer: "Tap the Settings tile on the home screen, or ask the chat to “open settings”. Settings is where you choose your AI model, turn on voice, connect apps, and pick local vs cloud.",
+        keywords: ["settings", "preferences", "options", "configure", "setup"],
+        deepLink: { label: "Open Settings", tab: "settings" },
+    },
+    // ── AI models ─────────────────────────────────────────────────────────────
+    {
+        id: "change-model",
+        category: "AI models",
+        question: "How do I change the AI model?",
+        answer: "Go to Settings → AI Model. You can pick a cloud provider (like Anthropic or OpenAI with your key, or Eliza Cloud) or download a local model that runs entirely on your device.",
+        keywords: [
+            "model",
+            "change",
+            "switch",
+            "llm",
+            "ai",
+            "provider",
+            "anthropic",
+            "openai",
+            "gpt",
+            "claude",
+        ],
+        deepLink: {
+            label: "Open AI Model settings",
+            tab: "settings",
+            settingsSection: "ai-model",
+        },
+    },
+    {
+        id: "local-inference",
+        category: "AI models",
+        question: "Can Eliza run AI on my own device (offline)?",
+        answer: "Yes — that's local inference. In Settings → AI Model you can download a local model that runs on-device with no cloud calls, so it works offline and keeps everything private. The recommended local model is eliza-1, but you can search and download many models.",
+        keywords: [
+            "local",
+            "offline",
+            "on-device",
+            "private",
+            "download",
+            "model",
+            "inference",
+            "eliza-1",
+            "no internet",
+        ],
+        deepLink: {
+            label: "Open AI Model settings",
+            tab: "settings",
+            settingsSection: "ai-model",
+        },
+    },
+    {
+        id: "recommended-model",
+        category: "AI models",
+        question: "Which model should I use?",
+        answer: "For a fully local, private setup, eliza-1 is the recommended on-device model. If you want maximum capability and don't mind using the cloud, connect a frontier provider (Anthropic/OpenAI) or log in to Eliza Cloud.",
+        keywords: [
+            "recommended",
+            "best",
+            "which",
+            "model",
+            "eliza-1",
+            "good",
+            "default",
+        ],
+        deepLink: {
+            label: "Open AI Model settings",
+            tab: "settings",
+            settingsSection: "ai-model",
+        },
+    },
+    // ── Privacy & data ────────────────────────────────────────────────────────
+    {
+        id: "is-data-local",
+        category: "Privacy & data",
+        question: "Is my data private / stored locally?",
+        answer: "Eliza is local-first. Your conversations and data live on your device by default, in local storage. If you choose a cloud model or log in to Eliza Cloud, only the requests needed for that service leave your device — you stay in control.",
+        keywords: [
+            "privacy",
+            "private",
+            "data",
+            "local",
+            "stored",
+            "where",
+            "secure",
+            "cloud",
+            "offline",
+        ],
+        deepLink: {
+            label: "Open runtime settings",
+            tab: "settings",
+            settingsSection: "runtime",
+        },
+    },
+    {
+        id: "topologies",
+        category: "Privacy & data",
+        question: "What's the difference between local, cloud, and remote?",
+        answer: "Local: the agent and models run on your device (most private, works offline). Cloud: a hosted agent runs in Eliza Cloud (best for mobile, nothing to manage). Local + Cloud: a local agent that uses cloud models/services when it needs more power. You can switch in Settings → Runtime.",
+        keywords: [
+            "local",
+            "cloud",
+            "remote",
+            "topology",
+            "difference",
+            "mode",
+            "hosted",
+            "device",
+        ],
+        deepLink: {
+            label: "Open runtime settings",
+            tab: "settings",
+            settingsSection: "runtime",
+        },
+    },
+    // ── Voice ─────────────────────────────────────────────────────────────────
+    {
+        id: "talk-by-voice",
+        category: "Voice",
+        question: "How do I talk to Eliza by voice?",
+        answer: "Open the chat and tap the microphone. Speak naturally — Eliza transcribes you, replies, and can speak its answer back. You can even navigate by voice (“open settings”, “go home”).",
+        keywords: [
+            "voice",
+            "talk",
+            "speak",
+            "microphone",
+            "mic",
+            "say",
+            "hands-free",
+            "audio",
+        ],
+    },
+    {
+        id: "enable-voice",
+        category: "Voice",
+        question: "How do I turn voice on or pick a voice?",
+        answer: "Open Settings and find the voice options to enable spoken replies and choose a voice. Voice works locally on-device or via the cloud depending on your setup.",
+        keywords: [
+            "voice",
+            "enable",
+            "turn on",
+            "settings",
+            "tts",
+            "speak",
+            "sound",
+            "choose voice",
+        ],
+        deepLink: { label: "Open Settings", tab: "settings" },
+    },
+    {
+        id: "voice-not-working",
+        category: "Voice",
+        question: "Voice isn't working — what do I check?",
+        answer: "Make sure you granted microphone permission, your device isn't muted, and a voice model is ready (first use may download one). Try toggling voice off and on in Settings, then tap the mic again.",
+        keywords: [
+            "voice",
+            "not working",
+            "broken",
+            "microphone",
+            "permission",
+            "mute",
+            "no sound",
+            "troubleshoot",
+        ],
+        deepLink: { label: "Open Settings", tab: "settings" },
+    },
+    // ── Connecting apps ───────────────────────────────────────────────────────
+    {
+        id: "what-are-connectors",
+        category: "Connecting apps",
+        question: "What are connectors?",
+        answer: "Connectors let Eliza work with your other apps and platforms — Discord, Telegram, Slack, X, WhatsApp, and more — so it can read and send messages there on your behalf. You add them in Settings.",
+        keywords: [
+            "connector",
+            "connect",
+            "integration",
+            "apps",
+            "platform",
+            "discord",
+            "telegram",
+            "slack",
+        ],
+        deepLink: { label: "Open Settings", tab: "settings" },
+    },
+    {
+        id: "connect-discord",
+        category: "Connecting apps",
+        question: "How do I connect Discord / Telegram / Slack?",
+        answer: "Open Settings, find Connectors, choose the platform, and follow the steps to paste a token or authorize it. Once connected, Eliza can chat on that platform alongside your local chat.",
+        keywords: [
+            "discord",
+            "telegram",
+            "slack",
+            "whatsapp",
+            "connect",
+            "add",
+            "token",
+            "platform",
+            "x",
+            "twitter",
+        ],
+        deepLink: { label: "Open Settings", tab: "settings" },
+    },
+    // ── Eliza Cloud ───────────────────────────────────────────────────────────
+    {
+        id: "what-is-cloud",
+        category: "Eliza Cloud",
+        question: "What is Eliza Cloud?",
+        answer: "Eliza Cloud is the optional managed backend. It can host your agent, route AI requests, handle login and billing, and run server-side workloads — so you don't have to manage a model or keys yourself. It's optional: Eliza runs fully local without it.",
+        keywords: [
+            "cloud",
+            "eliza cloud",
+            "hosted",
+            "managed",
+            "backend",
+            "service",
+            "what",
+        ],
+    },
+    {
+        id: "do-i-need-cloud",
+        category: "Eliza Cloud",
+        question: "Do I need to log in to Eliza Cloud?",
+        answer: "No. Eliza works fully on your device without any account. Logging in to Eliza Cloud is optional and just unlocks hosted models, cross-device sync, and managed services if you want them.",
+        keywords: [
+            "cloud",
+            "login",
+            "account",
+            "need",
+            "required",
+            "sign in",
+            "optional",
+        ],
+        deepLink: {
+            label: "Open AI Model / Cloud settings",
+            tab: "settings",
+            settingsSection: "ai-model",
+        },
+    },
+    {
+        id: "cloud-login",
+        category: "Eliza Cloud",
+        question: "How do I log in to Eliza Cloud?",
+        answer: "Open Settings → AI Model (Cloud) and choose to connect Eliza Cloud, then follow the sign-in. Once linked, you can use hosted models and services without managing your own keys.",
+        keywords: [
+            "login",
+            "log in",
+            "sign in",
+            "cloud",
+            "connect",
+            "account",
+            "authenticate",
+        ],
+        deepLink: {
+            label: "Open Cloud settings",
+            tab: "settings",
+            settingsSection: "ai-model",
+        },
+    },
+    // ── What Eliza can do ─────────────────────────────────────────────────────
+    {
+        id: "what-can-it-do",
+        category: "What Eliza can do",
+        question: "What can Eliza actually do?",
+        answer: "Beyond chatting, Eliza can manage tasks and reminders, search and remember things, use connected apps, browse, run skills, and even open and control its own screens. What's available depends on the model and connectors you've set up.",
+        keywords: [
+            "do",
+            "capabilities",
+            "features",
+            "what",
+            "can",
+            "abilities",
+            "tasks",
+            "actions",
+        ],
+        deepLink: { label: "Browse Views", tab: "views" },
+    },
+    {
+        id: "what-are-skills",
+        category: "What Eliza can do",
+        question: "What are skills?",
+        answer: "Skills are packages of know-how that teach Eliza how to do specific things — like using a particular app, following a workflow, or a specialized task. You can browse the skills it has and add more.",
+        keywords: [
+            "skills",
+            "abilities",
+            "knowledge",
+            "use_skill",
+            "packages",
+            "capabilities",
+        ],
+        deepLink: { label: "Open Skills", tab: "skills" },
+    },
+    {
+        id: "views-and-apps",
+        category: "What Eliza can do",
+        question: "What are Views and Apps?",
+        answer: "Views and Apps are the screens Eliza can show you — things like your tasks, documents, memories, settings, or specialized tools. You can open them from the home tiles or by asking the chat; Eliza can also open them for you.",
+        keywords: [
+            "views",
+            "apps",
+            "screens",
+            "tools",
+            "tiles",
+            "surfaces",
+            "what",
+        ],
+        deepLink: { label: "Open Views", tab: "views" },
+    },
+    // ── Troubleshooting ───────────────────────────────────────────────────────
+    {
+        id: "not-responding",
+        category: "Troubleshooting",
+        question: "Eliza isn't responding to my messages.",
+        answer: "Most often there's no AI model set up yet. Open Settings → AI Model and either add a provider key, log in to Eliza Cloud, or download a local model. If a model is set, give it a moment — the first reply after startup can take a few seconds.",
+        keywords: [
+            "not responding",
+            "no reply",
+            "stuck",
+            "broken",
+            "silent",
+            "no answer",
+            "model",
+            "provider",
+        ],
+        deepLink: {
+            label: "Open AI Model settings",
+            tab: "settings",
+            settingsSection: "ai-model",
+        },
+    },
+    {
+        id: "slow-start",
+        category: "Troubleshooting",
+        question: "Eliza is slow to start up.",
+        answer: "On first launch it may download a model in the background, which takes time once. After that, the app is usable the moment it opens — the agent's first-reply ability fades in a second or two behind a live screen.",
+        keywords: [
+            "slow",
+            "startup",
+            "loading",
+            "boot",
+            "wait",
+            "warming up",
+            "download",
+            "first run",
+        ],
+    },
+    {
+        id: "reset",
+        category: "Troubleshooting",
+        question: "How do I reset or start fresh?",
+        answer: "You can reset settings and data from Settings → Runtime (look for reset/advanced options). Be careful: resetting clears local data. If you only want a fresh conversation, start a new chat instead.",
+        keywords: [
+            "reset",
+            "start over",
+            "fresh",
+            "clear",
+            "wipe",
+            "delete",
+            "factory",
+        ],
+        deepLink: {
+            label: "Open runtime settings",
+            tab: "settings",
+            settingsSection: "runtime",
+        },
+    },
+    {
+        id: "rerun-tutorial",
+        category: "Troubleshooting",
+        question: "How do I see the tutorial again?",
+        answer: "Tap the Tutorial tile on your home screen any time to re-run the interactive tour. It's always available — nothing is one-time-only.",
+        keywords: [
+            "tutorial",
+            "again",
+            "replay",
+            "re-run",
+            "tour",
+            "walkthrough",
+            "help",
+        ],
+        deepLink: { label: "Start the tutorial", startTutorial: true },
+    },
+];

package/components/pages/page-scoped-conversations.js

@@ -95,7 +95,7 @@ export const PAGE_SCOPE_COPY = {
     },
     "page-apps": {
         title: "Apps chat",
-        body: "Use me to browse the catalog, compare apps, launch an app, stop a running app, open a live viewer, inspect run health, and manage favorites or recent apps. Recommended: describe the outcome you want, and I'll suggest the right app or launch it. Ask me about any catalog item or running app.",
+        body: "Ask me to launch, compare, or troubleshoot any of your apps. Describe the outcome you want and I'll pick the right one.",
         systemAddendum: "You are answering inside the Apps view. The user can browse the catalog, compare apps by category and capability, launch apps, stop running apps, open attached live viewers, inspect run health and summaries, and manage favorites or recent apps. Recommend the best app or next run-management action based on live catalog and run state. Use APP with mode launch, relaunch, list, load_from_directory, or create when the request is concrete. Refer to apps by display name and never invent app names.",
     },
     "page-connectors": {

package/components/pages/plugin-list-utils.d.ts

@@ -20,10 +20,19 @@ export declare function paramsToSchema(params: PluginParamDef[], pluginId: strin
     schema: JsonSchemaObject;
     hints: Record<string, ConfigUiHint>;
 };
-/** Resolve display icon. Order: explicit URL/emoji on PluginInfo.icon →
+/** Resolve display icon. Order: explicit image URL on PluginInfo.icon →
  *  registry-provided Lucide name (PluginInfo.iconName) → null. */
 export declare function resolveIcon(p: PluginInfo): LucideIcon | string | null;
 export declare function iconImageSource(icon: string): string | null;
+/** One- or two-character monogram for a plugin (skips leading punctuation). */
+export declare function pluginMonogram(plugin: PluginInfo): string;
+/**
+ * Deterministic monogram-tile gradient derived from the plugin name hash.
+ * Hues stay inside the brand-orange family so every monogram tile reads
+ * on-brand while the hash still varies the exact stop. Returns an inline
+ * `background` value built from HSL stops so it adapts without extra tokens.
+ */
+export declare function pluginTileGradient(plugin: PluginInfo): string;
 export type TranslateFn = AppTranslateFn;
 export declare function buildDiscordInviteUrl(applicationId: string): string;
 export declare function getPluginResourceLinks(plugin: Pick<PluginInfo, "id" | "homepage" | "parameters" | "repository" | "setupGuideUrl">, options?: {

package/components/pages/plugin-list-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-list-utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/plugin-list-utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin-list-utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/plugin-list-utils.ts"],"names":[],"mappings":"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"}

package/components/pages/plugin-list-utils.js

@@ -281,7 +281,8 @@ export function paramsToSchema(params, pluginId) {
             hint.type = "json";
             delete prop.__jsonHint;
         }
-        // Model name fields — helpful placeholder (overridden by server-provided model options via configUiHints)
+        // Model name fields get helpful input hints, overridden by server-provided
+        // model options via configUiHints.
         if (keyUpper.includes("MODEL") &&
             prop.type === "string" &&
             !p.options?.length) {
@@ -432,11 +433,16 @@ const ICON_BY_LUCIDE_NAME = {
     Wrench,
     Zap,
 };
-/** Resolve display icon. Order: explicit URL/emoji on PluginInfo.icon →
+/** Resolve display icon. Order: explicit image URL on PluginInfo.icon →
  *  registry-provided Lucide name (PluginInfo.iconName) → null. */
 export function resolveIcon(p) {
-    if (p.icon)
-        return p.icon;
+    if (p.icon) {
+        if (iconImageSource(p.icon))
+            return p.icon;
+        const namedIcon = ICON_BY_LUCIDE_NAME[p.icon];
+        if (namedIcon)
+            return namedIcon;
+    }
     if (p.iconName)
         return ICON_BY_LUCIDE_NAME[p.iconName] ?? null;
     return null;
@@ -450,6 +456,41 @@ export function iconImageSource(icon) {
     }
     return null;
 }
+/* ── Visual identity (logos, monograms, gradients) ─────────────────── */
+/** Stable 32-bit hash of a string (FNV-1a), used to derive deterministic hues. */
+function hashString(input) {
+    let hash = 0x811c9dc5;
+    for (let i = 0; i < input.length; i++) {
+        hash ^= input.charCodeAt(i);
+        hash = Math.imul(hash, 0x01000193);
+    }
+    return hash >>> 0;
+}
+/** One- or two-character monogram for a plugin (skips leading punctuation). */
+export function pluginMonogram(plugin) {
+    const source = (plugin.name ?? plugin.id ?? "?").replace(/^[^a-z0-9]+/i, "");
+    const words = source.split(/[\s_\-./]+/).filter(Boolean);
+    if (words.length >= 2) {
+        return (words[0][0] + words[1][0]).toUpperCase();
+    }
+    const single = words[0] ?? source;
+    return single.slice(0, 2).toUpperCase() || "·";
+}
+/**
+ * Deterministic monogram-tile gradient derived from the plugin name hash.
+ * Hues stay inside the brand-orange family so every monogram tile reads
+ * on-brand while the hash still varies the exact stop. Returns an inline
+ * `background` value built from HSL stops so it adapts without extra tokens.
+ */
+export function pluginTileGradient(plugin) {
+    // Warm orange/amber band only — keep tiles on-brand (brand orange ≈ 28°).
+    const HUE_BANDS = [18, 24, 30, 36, 42];
+    const hash = hashString(plugin.id || plugin.name || "plugin");
+    const base = HUE_BANDS[hash % HUE_BANDS.length];
+    const second = (base + 14) % 360;
+    const angle = 120 + (hash % 6) * 12;
+    return `linear-gradient(${angle}deg, hsl(${base} 82% 56%), hsl(${second} 78% 47%))`;
+}
 function resolvePluginParamValue(plugin, key, draftConfig) {
     const draftValue = draftConfig?.[key]?.trim();
     if (draftValue) {

package/components/pages/plugin-view-connectors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-view-connectors.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/plugin-view-connectors.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin-view-connectors.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/plugin-view-connectors.tsx"],"names":[],"mappings":"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"}