@elizaos/agent 2.0.0-alpha.520 → 2.0.0-alpha.521

package/packages/app-core/src/components/settings/AppearanceSettingsSection.js

@@ -1,253 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { BUILTIN_THEMES } from "@elizaos/shared";
-import { Button, Input } from "@elizaos/ui";
-import { Check, FolderOpen, Moon, Sun } from "lucide-react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { applyColorScheme, applyContentPack, loadContentPackFromFiles, loadContentPackFromUrl, releaseLoadedContentPack, } from "../../content-packs";
-import { loadPersistedActivePackUrl, savePersistedActivePackUrl, useApp, } from "../../state";
-import { LANGUAGES } from "../shared/LanguageDropdown";
-function supportsDirectoryUpload() {
-    if (typeof document === "undefined")
-        return false;
-    const input = document.createElement("input");
-    return "webkitdirectory" in input;
-}
-function isSafeContentPackUrl(value) {
-    try {
-        const u = new URL(value);
-        return u.protocol === "https:" || u.protocol === "http:";
-    }
-    catch {
-        return false;
-    }
-}
-export function AppearanceSettingsSection() {
-    const { setState, activePackId, selectedVrmIndex, customVrmUrl, customVrmPreviewUrl, customBackgroundUrl, customWorldUrl, onboardingName, onboardingStyle, themeId, setThemeId, setUiLanguage, uiTheme, uiLanguage, setUiTheme, t, } = useApp();
-    const [loadedPacks, setLoadedPacks] = useState([]);
-    const [packLoadError, setPackLoadError] = useState(null);
-    const [urlInput, setUrlInput] = useState("");
-    const colorSchemeCleanupRef = useRef(null);
-    const loadedPacksRef = useRef([]);
-    const baselineRef = useRef(null);
-    const fileInputRef = useRef(null);
-    const rehydratedRef = useRef(false);
-    const canPickDirectory = useMemo(() => supportsDirectoryUpload(), []);
-    // Keep ref in sync for cleanup
-    useEffect(() => {
-        loadedPacksRef.current = loadedPacks;
-    }, [loadedPacks]);
-    // Cleanup on unmount
-    useEffect(() => {
-        return () => {
-            for (const pack of loadedPacksRef.current) {
-                releaseLoadedContentPack(pack);
-            }
-        };
-    }, []);
-    // Set directory attributes on file input
-    useEffect(() => {
-        if (!canPickDirectory || !fileInputRef.current)
-            return;
-        fileInputRef.current.setAttribute("webkitdirectory", "");
-        fileInputRef.current.setAttribute("directory", "");
-    }, [canPickDirectory]);
-    // Rehydrate persisted pack on first mount
-    useEffect(() => {
-        if (rehydratedRef.current)
-            return;
-        rehydratedRef.current = true;
-        if (!activePackId)
-            return;
-        const persistedUrl = loadPersistedActivePackUrl();
-        if (!persistedUrl || !isSafeContentPackUrl(persistedUrl)) {
-            if (persistedUrl)
-                savePersistedActivePackUrl(null);
-            return;
-        }
-        let cancelled = false;
-        void loadContentPackFromUrl(persistedUrl)
-            .then((pack) => {
-            if (cancelled)
-                return;
-            setLoadedPacks((prev) => {
-                if (prev.some((p) => p.manifest.id === pack.manifest.id))
-                    return prev;
-                return [...prev, pack];
-            });
-        })
-            .catch((err) => {
-            if (cancelled)
-                return;
-            console.error("[eliza][content-packs] Failed to restore persisted pack:", err);
-            savePersistedActivePackUrl(null);
-            setState("activePackId", null);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [activePackId, setState]);
-    const activatePack = useCallback((pack) => {
-        if (baselineRef.current == null) {
-            baselineRef.current = {
-                selectedVrmIndex,
-                customVrmUrl,
-                customVrmPreviewUrl,
-                customBackgroundUrl,
-                customWorldUrl,
-                onboardingName,
-                onboardingStyle,
-            };
-        }
-        setState("activePackId", pack.manifest.id);
-        savePersistedActivePackUrl(pack.source.kind === "url" ? pack.source.url : null);
-        applyContentPack(pack, {
-            setCustomVrmUrl: (url) => setState("customVrmUrl", url),
-            setCustomVrmPreviewUrl: (url) => setState("customVrmPreviewUrl", url),
-            setCustomBackgroundUrl: (url) => setState("customBackgroundUrl", url),
-            setCustomWorldUrl: (url) => setState("customWorldUrl", url),
-            setSelectedVrmIndex: (idx) => setState("selectedVrmIndex", idx),
-            setOnboardingName: (name) => setState("onboardingName", name),
-            setOnboardingStyle: (style) => setState("onboardingStyle", style),
-            setCustomCatchphrase: (phrase) => setState("customCatchphrase", phrase),
-            setCustomVoicePresetId: (id) => setState("customVoicePresetId", id),
-        });
-        colorSchemeCleanupRef.current?.();
-        colorSchemeCleanupRef.current = applyColorScheme(pack.colorScheme);
-        setPackLoadError(null);
-    }, [
-        customBackgroundUrl,
-        customVrmUrl,
-        customVrmPreviewUrl,
-        customWorldUrl,
-        onboardingName,
-        onboardingStyle,
-        selectedVrmIndex,
-        setState,
-    ]);
-    const deactivatePack = useCallback(() => {
-        const activePack = activePackId
-            ? loadedPacksRef.current.find((p) => p.manifest.id === activePackId)
-            : null;
-        if (activePack?.source.kind === "file") {
-            releaseLoadedContentPack(activePack);
-            setLoadedPacks((prev) => prev.filter((p) => p.manifest.id !== activePack.manifest.id));
-        }
-        setState("activePackId", null);
-        savePersistedActivePackUrl(null);
-        colorSchemeCleanupRef.current?.();
-        colorSchemeCleanupRef.current = null;
-        // Restore baseline
-        const baseline = baselineRef.current;
-        if (baseline) {
-            setState("selectedVrmIndex", baseline.selectedVrmIndex);
-            setState("customVrmUrl", baseline.customVrmUrl);
-            setState("customVrmPreviewUrl", baseline.customVrmPreviewUrl);
-            setState("customBackgroundUrl", baseline.customBackgroundUrl);
-            setState("customWorldUrl", baseline.customWorldUrl);
-            setState("onboardingName", baseline.onboardingName);
-            setState("onboardingStyle", baseline.onboardingStyle);
-            baselineRef.current = null;
-        }
-        setPackLoadError(null);
-    }, [activePackId, setState]);
-    const handleTogglePack = useCallback((pack) => {
-        if (activePackId === pack.manifest.id) {
-            deactivatePack();
-        }
-        else {
-            activatePack(pack);
-        }
-    }, [activePackId, activatePack, deactivatePack]);
-    const handleLoadFromUrl = useCallback(async () => {
-        const url = urlInput.trim();
-        if (!url)
-            return;
-        if (!isSafeContentPackUrl(url)) {
-            setPackLoadError("Pack URL must be an http(s) URL");
-            return;
-        }
-        try {
-            const pack = await loadContentPackFromUrl(url);
-            setLoadedPacks((prev) => {
-                if (prev.some((p) => p.manifest.id === pack.manifest.id))
-                    return prev;
-                return [...prev, pack];
-            });
-            activatePack(pack);
-            setUrlInput("");
-        }
-        catch (err) {
-            setPackLoadError(`Failed to load pack: ${err instanceof Error ? err.message : "Unknown error"}`);
-        }
-    }, [urlInput, activatePack]);
-    const handleFolderSelected = useCallback(async (e) => {
-        const files = Array.from(e.target.files ?? []);
-        if (files.length === 0)
-            return;
-        try {
-            const pack = await loadContentPackFromFiles(files);
-            setLoadedPacks((prev) => {
-                if (prev.some((p) => p.manifest.id === pack.manifest.id)) {
-                    releaseLoadedContentPack(pack);
-                    return prev;
-                }
-                return [...prev, pack];
-            });
-            activatePack(pack);
-        }
-        catch (err) {
-            setPackLoadError(`Failed to load pack: ${err instanceof Error ? err.message : "Unknown error"}`);
-        }
-        if (fileInputRef.current)
-            fileInputRef.current.value = "";
-    }, [activatePack]);
-    const isDark = uiTheme === "dark";
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("section", { className: "space-y-2", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wider text-muted", children: t("settings.language", { defaultValue: "Language" }) }), _jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-4", children: LANGUAGES.map((language) => {
-                            const isActive = uiLanguage === language.id;
-                            return (_jsxs("button", { type: "button", onClick: () => setUiLanguage(language.id), className: selectableTileClass(isActive), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-base leading-none", children: language.flag }), _jsx("span", { className: "text-xs font-medium text-txt", children: language.label })] }), isActive ? (_jsx(Check, { className: "absolute right-1.5 top-1.5 h-3 w-3 text-accent" })) : null] }, language.id));
-                        }) })] }), _jsxs("section", { className: "space-y-2", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wider text-muted", children: t("settings.appearance.mode", { defaultValue: "Mode" }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(ModeButton, { active: !isDark, icon: _jsx(Sun, { className: "h-4 w-4" }), label: t("settings.appearance.light", { defaultValue: "Light" }), onClick: () => setUiTheme("light") }), _jsx(ModeButton, { active: isDark, icon: _jsx(Moon, { className: "h-4 w-4" }), label: t("settings.appearance.dark", { defaultValue: "Dark" }), onClick: () => setUiTheme("dark") })] })] }), _jsxs("section", { className: "space-y-2", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wider text-muted", children: t("settings.appearance.theme", { defaultValue: "Theme" }) }), _jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-5", children: BUILTIN_THEMES.map((theme) => {
-                            const isActive = themeId === theme.id;
-                            const colors = isDark ? theme.dark : theme.light;
-                            const swatches = [
-                                ["bg", colors.bg ?? "transparent"],
-                                ["card", colors.card ?? "transparent"],
-                                ["accent", colors.accent ?? "transparent"],
-                                ["text", colors.text ?? "transparent"],
-                            ];
-                            return (_jsxs("button", { type: "button", onClick: () => setThemeId(theme.id), className: selectableTileClass(isActive), children: [_jsx("div", { className: "flex items-center gap-1", children: swatches.map(([slot, bg]) => (_jsx("span", { className: "h-4 w-4 rounded-full border border-border/40", style: { background: bg } }, slot))) }), _jsx("span", { className: "text-xs font-medium text-txt", children: theme.name }), isActive && (_jsx(Check, { className: "absolute right-1.5 top-1.5 h-3 w-3 text-accent" }))] }, theme.id));
-                        }) })] }), loadedPacks.length > 0 && (_jsxs("section", { className: "space-y-2", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wider text-muted", children: t("settings.appearance.loadedPacks", {
-                            defaultValue: "Loaded content packs",
-                        }) }), _jsx("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: loadedPacks.map((pack) => {
-                            const isActive = activePackId === pack.manifest.id;
-                            return (_jsxs("button", { type: "button", onClick: () => handleTogglePack(pack), className: `flex items-center gap-3 rounded-lg border px-3 py-2 text-left transition-colors ${isActive
-                                    ? "border-accent bg-accent/8"
-                                    : "border-border/50 hover:border-accent/40 hover:bg-bg-hover"}`, children: [pack.vrmPreviewUrl && (_jsx("img", { src: pack.vrmPreviewUrl, alt: "", className: "h-9 w-9 shrink-0 rounded object-cover" })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium text-txt", children: pack.manifest.name }), pack.manifest.description && (_jsx("p", { className: "truncate text-xs-tight text-muted", children: pack.manifest.description }))] }), isActive && (_jsx("span", { className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-accent/30 bg-accent/10 text-accent", title: t("settings.appearance.active", {
-                                            defaultValue: "Active",
-                                        }), role: "img", "aria-label": t("settings.appearance.active", {
-                                            defaultValue: "Active",
-                                        }), children: _jsx(Check, { className: "h-3.5 w-3.5", "aria-hidden": true }) }))] }, pack.manifest.id));
-                        }) })] })), _jsxs("section", { className: "space-y-2", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wider text-muted", children: t("startupshell.LoadPack", {
-                            defaultValue: "Load content pack",
-                        }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { placeholder: t("settings.appearance.packUrlPlaceholder", {
-                                    defaultValue: "https://example.com/packs/my-pack/",
-                                }), value: urlInput, onChange: (e) => setUrlInput(e.target.value), className: "h-9 flex-1 rounded-lg bg-bg text-sm", onKeyDown: (e) => {
-                                    if (e.key === "Enter")
-                                        handleLoadFromUrl();
-                                } }), _jsx(Button, { variant: "outline", size: "sm", className: "h-9 rounded-lg", onClick: handleLoadFromUrl, disabled: !urlInput.trim(), children: t("settings.appearance.load", { defaultValue: "Load" }) }), canPickDirectory && (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "ghost", size: "sm", className: "h-9 rounded-lg text-xs text-muted hover:text-txt", onClick: () => fileInputRef.current?.click(), title: t("settings.appearance.loadFromFolder", {
-                                            defaultValue: "From folder",
-                                        }), children: [_jsx(FolderOpen, { className: "h-3.5 w-3.5", "aria-hidden": true }), t("settings.appearance.loadFromFolder", {
-                                                defaultValue: "From folder",
-                                            })] }), _jsx("input", { type: "file", ref: fileInputRef, multiple: true, className: "hidden", onChange: handleFolderSelected })] }))] }), packLoadError && (_jsx("p", { className: "text-xs-tight text-destructive", children: packLoadError })), activePackId && (_jsx(Button, { variant: "link", size: "sm", className: "h-auto p-0 text-xs-tight text-muted hover:text-txt", onClick: deactivatePack, children: t("settings.appearance.deactivate", {
-                            defaultValue: "Deactivate current pack",
-                        }) }))] })] }));
-}
-function selectableTileClass(active) {
-    return `relative flex min-h-11 flex-col items-center justify-center gap-1.5 rounded-lg border p-3 transition-colors ${active
-        ? "border-accent bg-accent/8"
-        : "border-border/50 hover:border-accent/40 hover:bg-bg-hover"}`;
-}
-function ModeButton({ active, icon, label, onClick, }) {
-    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": label, title: label, className: `flex h-10 w-10 items-center justify-center rounded-lg border text-sm font-medium transition-colors ${active
-            ? "border-accent bg-accent/8 text-txt"
-            : "border-border/50 text-muted hover:border-accent/40 hover:bg-bg-hover hover:text-txt"}`, children: icon }));
-}

package/packages/app-core/src/components/settings/AppsManagementSection.d.ts

@@ -1,12 +0,0 @@
-/**
- * Apps management settings panel — installed app inventory plus the
- * "Create new app" and "Load from directory" entry points that the
- * unified APP action exposes over HTTP.
- *
- * Endpoints owned by Agent C:
- *   POST /api/apps/create               — { intent, editTarget? }
- *   POST /api/apps/relaunch             — { name, verify? }
- *   POST /api/apps/load-from-directory  — { directory }
- */
-export declare function AppsManagementSection(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AppsManagementSection.d.ts.map

package/packages/app-core/src/components/settings/AppsManagementSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppsManagementSection.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/settings/AppsManagementSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA0CH,wBAAgB,qBAAqB,4CAwnBpC"}

package/packages/app-core/src/components/settings/AppsManagementSection.js

@@ -1,285 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Apps management settings panel — installed app inventory plus the
- * "Create new app" and "Load from directory" entry points that the
- * unified APP action exposes over HTTP.
- *
- * Endpoints owned by Agent C:
- *   POST /api/apps/create               — { intent, editTarget? }
- *   POST /api/apps/relaunch             — { name, verify? }
- *   POST /api/apps/load-from-directory  — { directory }
- */
-import { Button, Checkbox, Input } from "@elizaos/ui";
-import { Loader2, Play, RotateCw, Square } from "lucide-react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { client } from "../../api/client";
-import { useApp } from "../../state";
-const HEAD_CELL_CLASS = "px-2 py-1.5 text-2xs font-semibold uppercase tracking-wider text-muted";
-const BODY_CELL_CLASS = "px-2 py-2 align-middle";
-export function AppsManagementSection() {
-    const { setActionNotice, t } = useApp();
-    const [installed, setInstalled] = useState([]);
-    const [runs, setRuns] = useState([]);
-    const [listStatus, setListStatus] = useState({
-        state: "loading",
-    });
-    const [busyApp, setBusyApp] = useState(null);
-    const [showCreate, setShowCreate] = useState(false);
-    const [createIntent, setCreateIntent] = useState("");
-    const [createEditTarget, setCreateEditTarget] = useState("");
-    const [createStatus, setCreateStatus] = useState({
-        state: "idle",
-    });
-    const [showLoad, setShowLoad] = useState(false);
-    const [loadDirectory, setLoadDirectory] = useState("");
-    const [loadStatus, setLoadStatus] = useState({ state: "idle" });
-    const [verifyOnRelaunch, setVerifyOnRelaunch] = useState(true);
-    const mountedRef = useRef(true);
-    useEffect(() => {
-        mountedRef.current = true;
-        return () => {
-            mountedRef.current = false;
-        };
-    }, []);
-    const refresh = useCallback(async () => {
-        setListStatus({ state: "loading" });
-        try {
-            const [apps, appRuns] = await Promise.all([
-                client.listInstalledApps(),
-                client.listAppRuns(),
-            ]);
-            if (!mountedRef.current)
-                return;
-            setInstalled(apps);
-            setRuns(appRuns);
-            setListStatus({ state: "idle" });
-        }
-        catch (err) {
-            if (!mountedRef.current)
-                return;
-            setListStatus({
-                state: "error",
-                message: err instanceof Error ? err.message : "Failed to load apps.",
-            });
-        }
-    }, []);
-    useEffect(() => {
-        void refresh();
-    }, [refresh]);
-    const runsByName = useMemo(() => {
-        const map = new Map();
-        for (const run of runs) {
-            const list = map.get(run.appName) ?? [];
-            list.push(run);
-            map.set(run.appName, list);
-        }
-        return map;
-    }, [runs]);
-    const handleLaunch = useCallback(async (app) => {
-        setBusyApp(app.name);
-        try {
-            await client.launchApp(app.name);
-            setActionNotice(`${app.displayName} launched.`, "success", 3000);
-            await refresh();
-        }
-        catch (err) {
-            setActionNotice(err instanceof Error
-                ? err.message
-                : `Couldn't launch ${app.displayName}.`, "error", 5000);
-        }
-        finally {
-            if (mountedRef.current)
-                setBusyApp(null);
-        }
-    }, [refresh, setActionNotice]);
-    const handleRelaunch = useCallback(async (app) => {
-        setBusyApp(app.name);
-        try {
-            const response = await client.fetch("/api/apps/relaunch", {
-                method: "POST",
-                body: JSON.stringify({
-                    name: app.name,
-                    verify: verifyOnRelaunch,
-                }),
-            });
-            setActionNotice(response.message ?? `${app.displayName} relaunched.`, response.ok === false ? "error" : "success", 4000);
-            await refresh();
-        }
-        catch (err) {
-            setActionNotice(err instanceof Error
-                ? err.message
-                : `Couldn't relaunch ${app.displayName}.`, "error", 5000);
-        }
-        finally {
-            if (mountedRef.current)
-                setBusyApp(null);
-        }
-    }, [refresh, setActionNotice, verifyOnRelaunch]);
-    const handleEdit = useCallback(async (app) => {
-        setBusyApp(app.name);
-        try {
-            const response = await client.fetch("/api/apps/create", {
-                method: "POST",
-                body: JSON.stringify({
-                    intent: "edit",
-                    editTarget: app.name,
-                }),
-            });
-            setActionNotice(response.message ?? `Editing ${app.displayName}…`, response.ok === false ? "error" : "info", 4000);
-        }
-        catch (err) {
-            setActionNotice(err instanceof Error
-                ? err.message
-                : `Couldn't start an edit for ${app.displayName}.`, "error", 5000);
-        }
-        finally {
-            if (mountedRef.current)
-                setBusyApp(null);
-        }
-    }, [setActionNotice]);
-    const handleStop = useCallback(async (app) => {
-        setBusyApp(app.name);
-        try {
-            const result = await client.stopApp(app.name);
-            setActionNotice(result.message ?? `${app.displayName} stopped.`, result.success ? "success" : "error", 3500);
-            await refresh();
-        }
-        catch (err) {
-            setActionNotice(err instanceof Error
-                ? err.message
-                : `Couldn't stop ${app.displayName}.`, "error", 5000);
-        }
-        finally {
-            if (mountedRef.current)
-                setBusyApp(null);
-        }
-    }, [refresh, setActionNotice]);
-    const handleCreateSubmit = useCallback(async (event) => {
-        event.preventDefault();
-        const intent = createIntent.trim();
-        if (!intent)
-            return;
-        setCreateStatus({ state: "loading", message: "Creating app…" });
-        try {
-            const response = await client.fetch("/api/apps/create", {
-                method: "POST",
-                body: JSON.stringify({
-                    intent,
-                    editTarget: createEditTarget.trim() || undefined,
-                }),
-            });
-            if (!mountedRef.current)
-                return;
-            setCreateStatus({ state: "idle" });
-            setCreateIntent("");
-            setCreateEditTarget("");
-            setShowCreate(false);
-            setActionNotice(response.message ?? "App creation started.", response.ok === false ? "error" : "success", 4500);
-            await refresh();
-        }
-        catch (err) {
-            if (!mountedRef.current)
-                return;
-            setCreateStatus({
-                state: "error",
-                message: err instanceof Error ? err.message : "Failed to create app.",
-            });
-        }
-    }, [createEditTarget, createIntent, refresh, setActionNotice]);
-    const handleLoadSubmit = useCallback(async (event) => {
-        event.preventDefault();
-        const directory = loadDirectory.trim();
-        if (!directory)
-            return;
-        setLoadStatus({ state: "loading" });
-        try {
-            const response = await client.fetch("/api/apps/load-from-directory", {
-                method: "POST",
-                body: JSON.stringify({ directory }),
-            });
-            if (!mountedRef.current)
-                return;
-            setLoadStatus({ state: "idle" });
-            setLoadDirectory("");
-            setShowLoad(false);
-            const count = response.loaded ?? response.count ?? 0;
-            setActionNotice(response.message ?? `Loaded ${count} app${count === 1 ? "" : "s"}.`, response.ok === false ? "error" : "success", 4000);
-            await refresh();
-        }
-        catch (err) {
-            if (!mountedRef.current)
-                return;
-            setLoadStatus({
-                state: "error",
-                message: err instanceof Error ? err.message : "Failed to load directory.",
-            });
-        }
-    }, [loadDirectory, refresh, setActionNotice]);
-    const isCreating = createStatus.state === "loading";
-    const isLoading = loadStatus.state === "loading";
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { type: "button", size: "sm", variant: "default", className: "h-8 px-3 text-xs", onClick: () => {
-                            setShowCreate((v) => !v);
-                            setShowLoad(false);
-                        }, children: t("settings.sections.apps.createNew", {
-                            defaultValue: "Create new app",
-                        }) }), _jsx(Button, { type: "button", size: "sm", variant: "outline", className: "h-8 px-3 text-xs", onClick: () => {
-                            setShowLoad((v) => !v);
-                            setShowCreate(false);
-                        }, children: t("settings.sections.apps.loadFromDirectory", {
-                            defaultValue: "Load from directory",
-                        }) }), _jsx("div", { className: "flex-1" }), _jsxs("div", { className: "inline-flex items-center gap-1.5 text-2xs text-muted", children: [_jsx(Checkbox, { checked: verifyOnRelaunch, onCheckedChange: (checked) => setVerifyOnRelaunch(!!checked), "aria-label": t("settings.sections.apps.verifyOnRelaunchLabel", {
-                                    defaultValue: "Verify on relaunch",
-                                }) }), _jsx("span", { children: t("settings.sections.apps.verifyOnRelaunch", {
-                                    defaultValue: "Verify on relaunch",
-                                }) })] })] }), showCreate ? (_jsxs("form", { className: "space-y-2 rounded-md border border-border bg-card p-3", onSubmit: handleCreateSubmit, children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs font-medium text-txt", htmlFor: "apps-create-intent", children: t("settings.sections.apps.intentLabel", {
-                                    defaultValue: "What should the app do?",
-                                }) }), _jsx("textarea", { id: "apps-create-intent", rows: 3, value: createIntent, disabled: isCreating, onChange: (e) => setCreateIntent(e.target.value), className: "block w-full resize-y rounded-md border border-border bg-bg px-2 py-1.5 text-xs text-txt focus:border-accent focus:outline-none disabled:opacity-50", placeholder: t("settings.sections.apps.intentPlaceholder", {
-                                    defaultValue: "Describe the experience you want — e.g. a vibe coder for prototyping web apps with Tailwind.",
-                                }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs font-medium text-txt", htmlFor: "apps-create-edit-target", children: t("settings.sections.apps.basedOnLabel", {
-                                    defaultValue: "Based on existing app (optional)",
-                                }) }), _jsxs("select", { id: "apps-create-edit-target", value: createEditTarget, disabled: isCreating, onChange: (e) => setCreateEditTarget(e.target.value), className: "block w-full rounded-md border border-border bg-bg px-2 py-1.5 text-xs text-txt focus:border-accent focus:outline-none disabled:opacity-50", children: [_jsx("option", { value: "", children: t("settings.sections.apps.basedOnNone", {
-                                            defaultValue: "Start from scratch",
-                                        }) }), installed.map((app) => (_jsxs("option", { value: app.name, children: [app.displayName, " (", app.name, ")"] }, app.name)))] })] }), _jsxs("div", { className: "flex items-center gap-2 pt-1", children: [_jsx(Button, { type: "submit", size: "sm", variant: "default", className: "h-7 px-3 text-xs", disabled: isCreating || createIntent.trim().length === 0, children: isCreating ? (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true }), _jsx("span", { children: createStatus.state === "loading"
-                                                ? (createStatus.message ?? "Working…")
-                                                : "Working…" })] })) : (t("common.create", { defaultValue: "Create" })) }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 px-3 text-xs text-muted", onClick: () => {
-                                    setShowCreate(false);
-                                    setCreateIntent("");
-                                    setCreateEditTarget("");
-                                    setCreateStatus({ state: "idle" });
-                                }, disabled: isCreating, children: t("common.cancel", { defaultValue: "Cancel" }) }), createStatus.state === "error" ? (_jsx("span", { className: "text-2xs text-danger", children: createStatus.message })) : null] })] })) : null, showLoad ? (_jsxs("form", { className: "space-y-2 rounded-md border border-border bg-card p-3", onSubmit: handleLoadSubmit, children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs font-medium text-txt", htmlFor: "apps-load-directory", children: t("settings.sections.apps.directoryLabel", {
-                                    defaultValue: "Directory path",
-                                }) }), _jsx(Input, { id: "apps-load-directory", type: "text", value: loadDirectory, disabled: isLoading, onChange: (e) => setLoadDirectory(e.target.value), placeholder: "/Users/me/code/my-app", className: "h-8 text-xs" })] }), _jsxs("div", { className: "flex items-center gap-2 pt-1", children: [_jsx(Button, { type: "submit", size: "sm", variant: "default", className: "h-7 px-3 text-xs", disabled: isLoading || loadDirectory.trim().length === 0, children: isLoading ? (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true }), _jsx("span", { children: t("common.loading", { defaultValue: "Loading…" }) })] })) : (t("settings.sections.apps.loadButton", {
-                                    defaultValue: "Load",
-                                })) }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 px-3 text-xs text-muted", onClick: () => {
-                                    setShowLoad(false);
-                                    setLoadDirectory("");
-                                    setLoadStatus({ state: "idle" });
-                                }, disabled: isLoading, children: t("common.cancel", { defaultValue: "Cancel" }) }), loadStatus.state === "error" ? (_jsx("span", { className: "text-2xs text-danger", children: loadStatus.message })) : null] })] })) : null, listStatus.state === "loading" ? (_jsxs("div", { className: "flex items-center gap-2 px-1 py-3 text-xs text-muted", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true }), _jsx("span", { children: t("settings.sections.apps.loadingApps", {
-                            defaultValue: "Loading apps…",
-                        }) })] })) : listStatus.state === "error" ? (_jsx("div", { className: "rounded-md border border-danger/30 bg-danger/5 px-3 py-2 text-xs text-danger", children: listStatus.message })) : installed.length === 0 ? (_jsx("div", { className: "rounded-md border border-border bg-card px-3 py-4 text-center text-xs text-muted", children: t("settings.sections.apps.empty", {
-                    defaultValue: "No apps installed yet. Click 'Create new app' to scaffold one.",
-                }) })) : (_jsx("div", { className: "overflow-x-auto rounded-md border border-border", children: _jsxs("table", { className: "w-full text-left text-xs", children: [_jsx("thead", { className: "bg-bg-hover", children: _jsxs("tr", { children: [_jsx("th", { className: HEAD_CELL_CLASS, children: t("settings.sections.apps.col.name", {
-                                            defaultValue: "App",
-                                        }) }), _jsx("th", { className: HEAD_CELL_CLASS, children: t("settings.sections.apps.col.id", {
-                                            defaultValue: "ID",
-                                        }) }), _jsx("th", { className: HEAD_CELL_CLASS, children: t("settings.sections.apps.col.version", {
-                                            defaultValue: "Version",
-                                        }) }), _jsx("th", { className: HEAD_CELL_CLASS, children: t("settings.sections.apps.col.runs", {
-                                            defaultValue: "Runs",
-                                        }) }), _jsx("th", { className: `${HEAD_CELL_CLASS} text-right`, children: t("settings.sections.apps.col.actions", {
-                                            defaultValue: "Actions",
-                                        }) })] }) }), _jsx("tbody", { children: installed.map((app) => {
-                                const appRuns = runsByName.get(app.name) ?? [];
-                                const running = appRuns.length > 0;
-                                const busy = busyApp === app.name;
-                                return (_jsxs("tr", { className: "border-t border-border/60 hover:bg-bg-hover/40", "data-testid": `apps-mgmt-row-${app.name}`, children: [_jsx("td", { className: `${BODY_CELL_CLASS} font-medium text-txt`, children: app.displayName }), _jsx("td", { className: `${BODY_CELL_CLASS} font-mono text-2xs text-muted`, children: app.name }), _jsx("td", { className: `${BODY_CELL_CLASS} text-2xs text-muted`, children: app.version || "—" }), _jsx("td", { className: BODY_CELL_CLASS, children: running ? (_jsxs("span", { className: "inline-flex items-center rounded-full bg-ok/10 px-1.5 py-0.5 text-2xs font-medium text-ok", children: [appRuns.length, " ", appRuns.length === 1 ? "run" : "runs"] })) : (_jsx("span", { className: "text-2xs text-muted", children: "\u2014" })) }), _jsx("td", { className: `${BODY_CELL_CLASS} text-right`, children: _jsxs("div", { className: "inline-flex items-center gap-1", children: [_jsx(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", disabled: busy, onClick: () => void handleLaunch(app), title: t("settings.sections.apps.launch", {
-                                                            defaultValue: "Launch",
-                                                        }), "aria-label": `Launch ${app.displayName}`, children: _jsx(Play, { className: "h-3.5 w-3.5", "aria-hidden": true }) }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", disabled: busy, onClick: () => void handleRelaunch(app), title: t("settings.sections.apps.relaunch", {
-                                                            defaultValue: "Relaunch",
-                                                        }), "aria-label": `Relaunch ${app.displayName}`, children: _jsx(RotateCw, { className: "h-3.5 w-3.5", "aria-hidden": true }) }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", disabled: busy, onClick: () => void handleEdit(app), children: t("settings.sections.apps.edit", {
-                                                            defaultValue: "Edit",
-                                                        }) }), running ? (_jsx(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 px-2 text-xs text-danger hover:text-danger", disabled: busy, onClick: () => void handleStop(app), title: t("settings.sections.apps.stop", {
-                                                            defaultValue: "Stop",
-                                                        }), "aria-label": `Stop ${app.displayName}`, children: _jsx(Square, { className: "h-3.5 w-3.5", "aria-hidden": true }) })) : null] }) })] }, app.name));
-                            }) })] }) }))] }));
-}

package/packages/app-core/src/components/settings/CapabilitiesSection.d.ts

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

package/packages/app-core/src/components/settings/CapabilitiesSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CapabilitiesSection.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/settings/CapabilitiesSection.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,mBAAmB,4CA6IlC"}