@elizaos/agent 2.0.0-alpha.441 → 2.0.0-alpha.501

package/packages/app-core/src/components/pages/AppDetailsView.js

@@ -6,12 +6,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * Mounted by AppsView when the apps sub-path is `/apps/<slug>/details`.
  */
-import { Pin, PinOff, Settings as SettingsIcon, TriangleAlert, } from "lucide-react";
-import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import { invokeDesktopBridgeRequest } from "../../bridge";
+import { Pin, PinOff, Rocket, Settings as SettingsIcon, TriangleAlert, } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { client } from "../../api";
+import { invokeDesktopBridgeRequest, isElectrobunRuntime } from "../../bridge";
 import { useApp } from "../../state/useApp";
+import { openExternalUrl } from "../../utils";
 import { getWidgetComponent } from "../../widgets/registry";
 import { isWidgetVisible, loadChatSidebarVisibility, saveChatSidebarVisibility, widgetVisibilityKey, } from "../../widgets/visibility";
+import { resolveRuntimeImageUrl } from "../apps/app-identity";
+import { getAppDetailExtension } from "../apps/extensions/registry";
 import { findAppBySlug, getAppSlug } from "../apps/helpers";
 import { getInternalToolAppDescriptors, getInternalToolAppHasDetailsPage, getInternalToolApps, getInternalToolAppTargetTab, isInternalToolApp, } from "../apps/internal-tool-apps";
 import { getLaunchHistoryForApp, recordLaunchAttempt, } from "../apps/launch-history";
@@ -69,6 +73,9 @@ function sourceLabel(source) {
             return "Unknown";
     }
 }
+function isOverlayLaunchApp(app) {
+    return isOverlayApp(app.name) || app.launchType === "overlay";
+}
 function formatTimestamp(value) {
     try {
         return new Date(value).toLocaleString();
@@ -77,6 +84,9 @@ function formatTimestamp(value) {
         return String(value);
     }
 }
+function formatLabel(value) {
+    return value.replaceAll("-", " ");
+}
 function SectionHeader({ children }) {
     return (_jsx("h3", { className: "text-xs-tight font-semibold uppercase tracking-[0.18em] text-accent", children: children }));
 }
@@ -153,12 +163,20 @@ export function AppDetailsView({ slug, onLaunched, }) {
     }, [appRuns, resolved]);
     // Launch action.
     const [launching, setLaunching] = useState(false);
-    const launchedRef = useRef(false);
     const handleLaunch = useCallback(async () => {
         if (!resolved || launching)
             return;
         setLaunching(true);
-        launchedRef.current = false;
+        const recordResult = (succeeded, errorMessage) => {
+            recordLaunchAttempt({
+                appName: resolved.info.name,
+                timestamp: Date.now(),
+                succeeded,
+                diagnostics: [],
+                ...(errorMessage ? { errorMessage } : {}),
+            });
+            setHistory(getLaunchHistoryForApp(resolved.info.name));
+        };
         try {
             if (config.launchMode === "inline") {
                 // Inline: for internal tools, switch the main shell tab; for
@@ -167,33 +185,56 @@ export function AppDetailsView({ slug, onLaunched, }) {
                     const tab = getInternalToolAppTargetTab(resolved.info.name);
                     if (tab) {
                         setTab(tab);
-                        launchedRef.current = true;
-                        recordLaunchAttempt({
-                            appName: resolved.info.name,
-                            timestamp: Date.now(),
-                            succeeded: true,
-                            diagnostics: [],
-                        });
-                        setHistory(getLaunchHistoryForApp(resolved.info.name));
+                        recordResult(true);
                         onLaunched?.({ mode: "inline", slug });
                         return;
                     }
                 }
-                if (resolved.source === "overlay") {
+                if (resolved.source === "overlay" ||
+                    isOverlayLaunchApp(resolved.info)) {
                     setState("activeOverlayApp", resolved.info.name);
-                    launchedRef.current = true;
-                    recordLaunchAttempt({
-                        appName: resolved.info.name,
-                        timestamp: Date.now(),
-                        succeeded: true,
-                        diagnostics: [],
-                    });
-                    setHistory(getLaunchHistoryForApp(resolved.info.name));
+                    recordResult(true);
                     onLaunched?.({ mode: "inline", slug });
                     return;
                 }
                 // Fall through to window mode — inline not supported for this app.
             }
+            if (!isElectrobunRuntime()) {
+                const tab = getInternalToolAppTargetTab(resolved.info.name);
+                if (tab) {
+                    setTab(tab);
+                    recordResult(true);
+                    onLaunched?.({ mode: "inline", slug });
+                    return;
+                }
+                if (isOverlayLaunchApp(resolved.info)) {
+                    setState("activeOverlayApp", resolved.info.name);
+                    recordResult(true);
+                    onLaunched?.({ mode: "inline", slug });
+                    return;
+                }
+                const result = await client.launchApp(resolved.info.name);
+                const primaryDiagnostic = result.diagnostics?.find((diagnostic) => diagnostic.severity === "error") ?? result.diagnostics?.[0];
+                if (result.run?.viewer?.url) {
+                    setState("activeGameRunId", result.run.runId);
+                    setState("tab", "apps");
+                    setState("appsSubTab", "games");
+                    recordResult(true);
+                    onLaunched?.({ mode: "window", slug });
+                    return;
+                }
+                const targetUrl = result.launchUrl ?? resolved.info.launchUrl;
+                if (targetUrl) {
+                    await openExternalUrl(targetUrl);
+                    recordResult(true);
+                    onLaunched?.({ mode: "window", slug });
+                    return;
+                }
+                throw new Error(primaryDiagnostic?.message ??
+                    t("appdetails.LaunchedNoViewer", {
+                        defaultValue: "This app launched without a viewer URL.",
+                    }));
+            }
             // Window mode (default).
             const created = await invokeDesktopBridgeRequest({
                 rpcMethod: "desktopOpenAppWindow",
@@ -208,26 +249,12 @@ export function AppDetailsView({ slug, onLaunched, }) {
             if (!created?.id) {
                 throw new Error("Desktop bridge declined to open the window.");
             }
-            launchedRef.current = true;
-            recordLaunchAttempt({
-                appName: resolved.info.name,
-                timestamp: Date.now(),
-                succeeded: true,
-                diagnostics: [],
-            });
-            setHistory(getLaunchHistoryForApp(resolved.info.name));
+            recordResult(true);
             onLaunched?.({ mode: "window", slug });
         }
         catch (err) {
             const message = err instanceof Error ? err.message : String(err);
-            recordLaunchAttempt({
-                appName: resolved.info.name,
-                timestamp: Date.now(),
-                succeeded: false,
-                diagnostics: [],
-                errorMessage: message,
-            });
-            setHistory(getLaunchHistoryForApp(resolved.info.name));
+            recordResult(false, message);
             setActionNotice(t("appdetails.LaunchFailed", {
                 defaultValue: `Could not launch ${resolved.info.displayName}: ${message}`,
             }), "error", 4000);
@@ -255,35 +282,63 @@ export function AppDetailsView({ slug, onLaunched, }) {
     }
     const isInternal = resolved.source === "internal-tool";
     const supportsInlineMode = isInternal || resolved.source === "overlay";
-    return (_jsxs("div", { className: "device-layout mx-auto flex w-full max-w-4xl flex-col gap-6 px-4 py-6 lg:px-6", children: [_jsxs("header", { className: "flex flex-col gap-3 border-b border-border/35 pb-5 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex items-center gap-4", children: [resolved.info.heroImage ? (_jsx("img", { src: resolved.info.heroImage, alt: "", className: "h-14 w-14 rounded-lg border border-border/40 object-cover" })) : (_jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-lg border border-border/40 bg-card/40 text-xs uppercase text-muted", children: (resolved.info.displayName ?? resolved.info.name)
-                                    .slice(0, 2)
-                                    .toUpperCase() })), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-base font-semibold text-foreground", children: resolved.info.displayName ?? resolved.info.name }), _jsx("p", { className: "truncate text-xs text-muted", children: resolved.info.name }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-[10px] uppercase tracking-[0.16em] text-muted", children: [_jsx("span", { children: sourceLabel(resolved.source) }), recentRuns.length > 0 ? (_jsxs("span", { className: "rounded-full bg-accent/15 px-2 py-0.5 text-accent", children: [recentRuns.length, " running"] })) : null] })] })] }), _jsx("button", { type: "button", onClick: handleLaunch, disabled: launching, className: "rounded-full bg-accent px-5 py-2 text-xs font-semibold uppercase tracking-[0.16em] text-accent-foreground transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60", children: launching
-                            ? "Launching…"
-                            : `Launch ${resolved.info.displayName ?? "App"}` })] }), _jsxs("section", { className: "flex flex-col gap-3", children: [_jsx(SectionHeader, { children: "About" }), resolved.info.description ? (_jsx("p", { className: "text-sm text-muted", children: resolved.info.description })) : null, _jsx(ChipList, { items: resolved.info.capabilities ?? [] })] }), recentRuns.length > 0 ? (_jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(SectionHeader, { children: "Recent Runs" }), _jsx("ul", { className: "flex flex-col gap-1 text-xs text-muted", children: recentRuns.map((run) => (_jsxs("li", { className: "flex items-center justify-between rounded-md border border-border/40 bg-card/30 px-3 py-1.5", children: [_jsx("span", { className: "truncate", children: run.runId }), _jsx("span", { className: "ml-2 shrink-0 uppercase tracking-[0.14em]", children: run.status })] }, run.runId))) })] })) : null, _jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(SectionHeader, { children: "Launch Diagnostics" }), history.length === 0 ? (_jsx("p", { className: "text-xs text-muted", children: "No launch history yet." })) : (_jsx("ul", { className: "flex flex-col gap-1 text-xs", children: history.slice(0, 5).map((entry) => (_jsxs("li", { className: "rounded-md border border-border/40 bg-card/30 px-3 py-1.5", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted", children: formatTimestamp(entry.timestamp) }), _jsx("span", { className: entry.succeeded ? "text-accent" : "text-destructive", children: entry.succeeded ? "OK" : "FAILED" })] }), entry.errorMessage ? (_jsx("p", { className: "mt-1 text-muted", children: entry.errorMessage })) : null] }, entry.timestamp))) }))] }), widgets.length > 0 ? (_jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(SectionHeader, { children: "Widgets" }), _jsx("ul", { className: "flex flex-col gap-2", children: widgets.map((decl) => {
+    const DetailExtension = getAppDetailExtension(resolved.info);
+    const activeRun = recentRuns[0] ?? null;
+    const latestFailure = history.find((entry) => !entry.succeeded);
+    const viewerUrl = resolved.info.viewer?.url ?? resolved.info.launchUrl;
+    const launchTarget = viewerUrl ?? resolved.windowPath;
+    const sessionMode = resolved.info.session?.mode;
+    const sessionFeatures = resolved.info.session?.features ?? [];
+    const launchModeLabel = config.launchMode === "inline" && supportsInlineMode
+        ? "Main window"
+        : "Dedicated window";
+    return (_jsxs("div", { className: "device-layout mx-auto flex w-full max-w-4xl flex-col gap-6 px-4 py-6 lg:px-6", children: [_jsx("header", { className: "flex flex-col gap-3 border-b border-border/35 pb-5", children: _jsxs("div", { className: "flex items-center gap-4", children: [resolved.info.heroImage ? (_jsx("img", { src: resolveRuntimeImageUrl(resolved.info.heroImage), alt: "", className: "h-14 w-14 rounded-lg border border-border/40 object-cover" })) : (_jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-lg border border-border/40 bg-card/40 text-xs uppercase text-muted", children: (resolved.info.displayName ?? resolved.info.name)
+                                .slice(0, 2)
+                                .toUpperCase() })), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-base font-semibold text-foreground", children: resolved.info.displayName ?? resolved.info.name }), _jsx("p", { className: "truncate text-xs text-muted", children: resolved.info.name }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-[10px] uppercase tracking-[0.16em] text-muted", children: [_jsx("span", { children: sourceLabel(resolved.source) }), recentRuns.length > 0 ? (_jsxs("span", { className: "rounded-full bg-accent/15 px-2 py-0.5 text-accent", children: [recentRuns.length, " running"] })) : null] })] })] }) }), _jsxs("section", { "data-testid": "app-launch-panel", className: "flex flex-col gap-4 rounded-lg border border-border/45 bg-card/30 p-4", children: [_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(SectionHeader, { children: "Launch" }), _jsx("p", { className: "text-xs text-muted", children: activeRun
+                                            ? `${activeRun.displayName} is ${activeRun.status}.`
+                                            : "Ready to launch." })] }), _jsxs("button", { type: "button", onClick: handleLaunch, disabled: launching, className: "inline-flex items-center justify-center gap-2 rounded-full bg-accent px-5 py-2 text-xs font-semibold uppercase tracking-[0.16em] text-accent-foreground transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60", children: [_jsx(Rocket, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), launching
+                                        ? "Launching..."
+                                        : `Launch ${resolved.info.displayName ?? "App"}`] })] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: [_jsxs("div", { className: "min-w-0 border-l border-border/35 pl-3", children: [_jsx("div", { className: "text-[10px] uppercase tracking-[0.14em] text-muted", children: "Run" }), _jsx("div", { className: "truncate text-sm font-medium text-foreground", children: activeRun?.status ?? "Ready" })] }), _jsxs("div", { className: "min-w-0 border-l border-border/35 pl-3", children: [_jsx("div", { className: "text-[10px] uppercase tracking-[0.14em] text-muted", children: "Window" }), _jsx("div", { className: "truncate text-sm font-medium text-foreground", children: launchModeLabel })] }), _jsxs("div", { className: "min-w-0 border-l border-border/35 pl-3", children: [_jsx("div", { className: "text-[10px] uppercase tracking-[0.14em] text-muted", children: "Target" }), _jsx("div", { className: "truncate text-sm font-medium text-foreground", title: launchTarget, children: viewerUrl ? "Viewer" : "App route" })] }), _jsxs("div", { className: "min-w-0 border-l border-border/35 pl-3", children: [_jsx("div", { className: "text-[10px] uppercase tracking-[0.14em] text-muted", children: "Session" }), _jsx("div", { className: "truncate text-sm font-medium text-foreground", children: sessionMode ? formatLabel(sessionMode) : "Not declared" })] })] }), sessionFeatures.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-1.5", children: sessionFeatures.map((feature) => (_jsx("span", { className: "rounded-full border border-border/60 bg-card/50 px-2 py-0.5 text-xs text-muted", children: formatLabel(feature) }, feature))) })) : null, latestFailure ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-muted", children: [_jsx("span", { className: "font-medium text-destructive", children: "Last failure: " }), latestFailure.errorMessage ?? "Launch failed."] })) : null, _jsxs("fieldset", { className: "flex flex-col gap-2 rounded-md border border-border/40 bg-bg/20 p-3", children: [_jsxs("legend", { className: "px-1 text-xs uppercase tracking-[0.14em] text-muted", children: [_jsx(SettingsIcon, { className: "mr-1 inline h-3 w-3" }), " Launch Destination"] }), _jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [_jsx("input", { type: "radio", checked: config.launchMode === "window", onChange: () => updateConfig({ launchMode: "window" }), className: "h-3.5 w-3.5 accent-accent" }), _jsx("span", { children: "Dedicated window" })] }), _jsxs("label", { className: `flex items-center gap-2 text-sm ${supportsInlineMode
+                                    ? "cursor-pointer"
+                                    : "cursor-not-allowed opacity-50"}`, children: [_jsx("input", { type: "radio", checked: config.launchMode === "inline", disabled: !supportsInlineMode, onChange: () => updateConfig({ launchMode: "inline" }), className: "h-3.5 w-3.5 accent-accent" }), _jsxs("span", { children: ["Main window", !supportsInlineMode ? " (not supported)" : ""] })] })] }), _jsxs("label", { className: `inline-flex items-center gap-2 self-start rounded-full border border-border/60 bg-bg/20 px-3 py-1.5 text-xs ${config.launchMode === "window"
+                            ? "cursor-pointer"
+                            : "cursor-not-allowed opacity-50"}`, children: [_jsx("input", { type: "checkbox", checked: config.alwaysOnTop, disabled: config.launchMode !== "window", onChange: (event) => updateConfig({ alwaysOnTop: event.currentTarget.checked }), className: "h-3.5 w-3.5 accent-accent" }), config.alwaysOnTop ? (_jsx(Pin, { className: "h-3.5 w-3.5", "aria-hidden": "true" })) : (_jsx(PinOff, { className: "h-3.5 w-3.5", "aria-hidden": "true" })), _jsx("span", { children: "Keep this app's window on top" })] })] }), _jsxs("section", { className: "flex flex-col gap-3", children: [_jsx(SectionHeader, { children: "About" }), resolved.info.description ? (_jsx("p", { className: "text-sm text-muted", children: resolved.info.description })) : null, _jsx(ChipList, { items: resolved.info.capabilities ?? [] })] }), DetailExtension ? (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsx(SectionHeader, { children: "Details" }), _jsx(DetailExtension, { app: resolved.info })] })) : null, recentRuns.length > 0 ? (_jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(SectionHeader, { children: "Recent Runs" }), _jsx("ul", { className: "flex flex-col gap-1 text-xs text-muted", children: recentRuns.map((run) => (_jsxs("li", { className: "flex items-center justify-between rounded-md border border-border/40 bg-card/30 px-3 py-1.5", children: [_jsx("span", { className: "truncate", children: run.runId }), _jsx("span", { className: "ml-2 shrink-0 uppercase tracking-[0.14em]", children: run.status })] }, run.runId))) })] })) : null, _jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(SectionHeader, { children: "Launch Diagnostics" }), history.length === 0 ? (_jsx("p", { className: "text-xs text-muted", children: "No launch history yet." })) : (_jsx("ul", { className: "flex flex-col gap-1 text-xs", children: history.slice(0, 5).map((entry) => (_jsxs("li", { className: "rounded-md border border-border/40 bg-card/30 px-3 py-1.5", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted", children: formatTimestamp(entry.timestamp) }), _jsx("span", { className: entry.succeeded ? "text-accent" : "text-destructive", children: entry.succeeded ? "OK" : "FAILED" })] }), entry.errorMessage ? (_jsx("p", { className: "mt-1 text-muted", children: entry.errorMessage })) : null] }, entry.timestamp))) }))] }), widgets.length > 0 ? (_jsxs("section", { className: "flex flex-col gap-2", children: [_jsx(SectionHeader, { children: "Widgets" }), _jsx("ul", { className: "flex flex-col gap-2", children: widgets.map((decl) => {
                             const visible = isWidgetVisible(decl, visibility.overrides);
                             const widgetKey = widgetVisibilityKey(decl.pluginId, decl.id);
                             const expanded = expandedWidget === widgetKey;
                             return (_jsxs("li", { className: "rounded-md border border-border/40 bg-card/30", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 px-3 py-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium text-foreground", children: decl.label }), _jsx("div", { className: "truncate text-[10px] uppercase tracking-[0.14em] text-muted", children: decl.slot })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx("button", { type: "button", onClick: () => setExpandedWidget(expanded ? null : widgetKey), className: "rounded-full border border-border/60 px-2 py-0.5 text-[10px] uppercase tracking-[0.14em] text-muted transition-colors hover:text-foreground", children: expanded ? "Hide" : "Preview" }), _jsxs("label", { className: "inline-flex cursor-pointer items-center gap-1.5 text-xs", children: [_jsx("input", { type: "checkbox", checked: visible, onChange: (event) => toggleWidget(decl, event.currentTarget.checked), className: "h-3.5 w-3.5 accent-accent" }), _jsx("span", { className: "text-muted", children: "Show" })] })] })] }), expanded ? (_jsx("div", { className: "border-t border-border/40 p-3", children: _jsx(WidgetPreview, { declaration: decl, pluginId: resolved.pluginId }) })) : null] }, widgetKey));
-                        }) })] })) : null, _jsxs("section", { className: "flex flex-col gap-3", children: [_jsx(SectionHeader, { children: "Config" }), _jsxs("fieldset", { className: "flex flex-col gap-2 rounded-md border border-border/40 bg-card/30 p-3", children: [_jsxs("legend", { className: "px-1 text-xs uppercase tracking-[0.14em] text-muted", children: [_jsx(SettingsIcon, { className: "mr-1 inline h-3 w-3" }), " Launch Mode"] }), _jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [_jsx("input", { type: "radio", checked: config.launchMode === "window", onChange: () => updateConfig({ launchMode: "window" }), className: "h-3.5 w-3.5 accent-accent" }), _jsx("span", { children: "Open in dedicated window" })] }), _jsxs("label", { className: `flex items-center gap-2 text-sm ${supportsInlineMode
-                                    ? "cursor-pointer"
-                                    : "cursor-not-allowed opacity-50"}`, children: [_jsx("input", { type: "radio", checked: config.launchMode === "inline", disabled: !supportsInlineMode, onChange: () => updateConfig({ launchMode: "inline" }), className: "h-3.5 w-3.5 accent-accent" }), _jsxs("span", { children: ["Replace current view in main window", !supportsInlineMode ? " (not supported for this app)" : ""] })] })] }), _jsxs("label", { className: `inline-flex items-center gap-2 self-start rounded-full border border-border/60 bg-card/40 px-3 py-1.5 text-xs ${config.launchMode === "window"
-                            ? "cursor-pointer"
-                            : "cursor-not-allowed opacity-50"}`, children: [_jsx("input", { type: "checkbox", checked: config.alwaysOnTop, disabled: config.launchMode !== "window", onChange: (event) => updateConfig({ alwaysOnTop: event.currentTarget.checked }), className: "h-3.5 w-3.5 accent-accent" }), config.alwaysOnTop ? (_jsx(Pin, { className: "h-3.5 w-3.5", "aria-hidden": "true" })) : (_jsx(PinOff, { className: "h-3.5 w-3.5", "aria-hidden": "true" })), _jsx("span", { children: "Keep this app's window on top" })] })] })] }));
+                        }) })] })) : null] }));
 }
 /**
  * Convenience: does this slug resolve to an app that wants the details
  * page? Used by AppsView.handleLaunch to decide whether to navigate to
  * /apps/<slug>/details or call openAppRouteWindow directly.
  *
- * Only apps that explicitly declare `hasDetailsPage: true` (today: a
- * handful of internal tools with real config / runtime knobs) route
- * through the details page. Catalog and overlay apps launch directly —
- * launching is the primary action; the user only needs the extra step
- * when there's config worth touching first.
+ * Internal tools opt in with `hasDetailsPage`; catalog apps opt in through
+ * launch metadata that implies setup, runtime control, or a heavier session.
  */
-export function appNeedsDetailsPage(name) {
+export function appNeedsDetailsPage(app) {
+    const name = typeof app === "string" ? app : app.name;
     if (isInternalToolApp(name)) {
         return getInternalToolAppHasDetailsPage(name);
     }
+    if (isOverlayApp(name)) {
+        return false;
+    }
+    if (typeof app !== "string" && app.launchType === "overlay") {
+        return false;
+    }
+    if (typeof app === "string") {
+        return false;
+    }
+    if (app.uiExtension?.detailPanelId) {
+        return true;
+    }
+    if (app.session) {
+        return true;
+    }
+    if (app.category.trim().toLowerCase() === "game") {
+        return true;
+    }
     return false;
 }

package/packages/app-core/src/components/pages/AppsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/AppsView.tsx"],"names":[],"mappings":"AA0CA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAoJ1D,wBAAgB,QAAQ,4CA8kCvB"}
+{"version":3,"file":"AppsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/AppsView.tsx"],"names":[],"mappings":"AA0CA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AA4I1D,wBAAgB,QAAQ,4CAqiCvB"}

package/packages/app-core/src/components/pages/AppsView.js

@@ -23,7 +23,6 @@ const APPS_SIDEBAR_COLLAPSED_KEY = "milady:apps:sidebar:collapsed";
 const APPS_SIDEBAR_DEFAULT_WIDTH = 240;
 const APPS_SIDEBAR_MIN_WIDTH = 200;
 const APPS_SIDEBAR_MAX_WIDTH = 520;
-const APP_WINDOW_LAUNCH_ENABLED_KEY = "milady:apps:window:launch-enabled";
 const APP_WINDOW_ALWAYS_ON_TOP_KEY = "milady:apps:window:always-on-top";
 const APP_WINDOW_HEARTBEAT_MS = 15_000;
 function clampWidth(value) {
@@ -63,16 +62,6 @@ function loadInitialAppWindowAlwaysOnTop() {
         return false;
     }
 }
-function loadInitialAppWindowLaunchEnabled() {
-    if (typeof window === "undefined")
-        return false;
-    try {
-        return (window.localStorage.getItem(APP_WINDOW_LAUNCH_ENABLED_KEY) === "true");
-    }
-    catch {
-        return false;
-    }
-}
 function getCurrentAppsPath() {
     return getWindowNavigationPath();
 }
@@ -132,8 +121,11 @@ function isManagedWindowsChangedEvent(payload) {
     const windows = payload.windows;
     return Array.isArray(windows);
 }
+function isOverlayLaunchApp(app) {
+    return isOverlayApp(app.name) || app.launchType === "overlay";
+}
 export function AppsView() {
-    const { appRuns, activeGameRunId, activeGameViewerUrl, appsSubTab, favoriteApps, recentApps, setTab, setState, setActionNotice, t, } = useApp();
+    const { appRuns, activeGameRunId, activeGameViewerUrl, appsSubTab, favoriteApps, walletEnabled, recentApps, setTab, setState, setActionNotice, t, } = useApp();
     const [apps, setApps] = useState([]);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -142,7 +134,6 @@ export function AppsView() {
     const [stoppingRunId, setStoppingRunId] = useState(null);
     const [sidebarCollapsed, setSidebarCollapsed] = useState(loadInitialSidebarCollapsed);
     const [sidebarWidth, setSidebarWidth] = useState(loadInitialSidebarWidth);
-    const [appWindowLaunchEnabled, setAppWindowLaunchEnabled] = useState(loadInitialAppWindowLaunchEnabled);
     const [appWindowAlwaysOnTop] = useState(loadInitialAppWindowAlwaysOnTop);
     const [isAppWindow] = useState(isAppWindowRoute);
     const [appWindows, setAppWindows] = useState([]);
@@ -168,18 +159,6 @@ export function AppsView() {
             /* ignore */
         }
     }, []);
-    // Upstream re-added handleAppWindowAlwaysOnTopChange but we removed the
-    // global toggle UI on this branch — keep only the launch-enabled handler
-    // upstream added (which still has UI in the catalog grid header).
-    const handleAppWindowLaunchEnabledChange = useCallback((next) => {
-        setAppWindowLaunchEnabled(next);
-        try {
-            window.localStorage.setItem(APP_WINDOW_LAUNCH_ENABLED_KEY, String(next));
-        }
-        catch {
-            /* ignore */
-        }
-    }, []);
     useEffect(() => {
         appWindowsRef.current = appWindows;
     }, [appWindows]);
@@ -380,16 +359,22 @@ export function AppsView() {
                 .filter((oa) => !serverApps.some((a) => a.name === oa.name))
                 .filter((oa) => !catalogApps.some((a) => a.name === oa.name))
                 .map(overlayAppToRegistryInfo);
-            // Server-discovered apps win on conflicts — they have live runtime data.
-            // Catalog apps fill in known-but-not-installed entries (scape, vincent,
-            // hyperscape, etc.) so the page keeps showing them.
+            // Internal-tool entries (first in `catalogApps`) own the canonical
+            // metadata (heroImage, category, descriptions). Server runtime data is
+            // joined onto them via app-runs elsewhere; we must NOT let bare
+            // `serverApps` entries clobber the heroImage by winning the dedup.
+            // Keep the FIRST occurrence so internal tools stay authoritative.
+            const seen = new Set();
             const list = [
                 ...catalogApps,
                 ...overlayDescriptors,
                 ...serverApps,
-            ].filter((app, index, items) => !items
-                .slice(index + 1)
-                .some((candidate) => candidate.name === app.name));
+            ].filter((app) => {
+                if (seen.has(app.name))
+                    return false;
+                seen.add(app.name);
+                return true;
+            });
             setApps(list);
         }
         catch (err) {
@@ -436,9 +421,7 @@ export function AppsView() {
         setState("recentApps", next);
     }, [recentApps, setState]);
     const openAppRouteWindow = useCallback(async (app) => {
-        // Upstream gate: opt-in toggle for the per-app native window
-        // experience (lives in the catalog grid header).
-        if (!appWindowLaunchEnabled || isAppWindow || !isElectrobunRuntime()) {
+        if (isAppWindow || !isElectrobunRuntime()) {
             return false;
         }
         // Internal tools that have an explicit windowPath open as their own
@@ -515,7 +498,6 @@ export function AppsView() {
         }), "success", 2600);
         return true;
     }, [
-        appWindowLaunchEnabled,
         appWindowAlwaysOnTop,
         isAppWindow,
         pushAppsUrl,
@@ -584,28 +566,20 @@ export function AppsView() {
         // button on AppDetailsView is what eventually calls the bridge or
         // navigates inline. Skip when we're already inside an app window
         // (the slug lives there, not in the main shell).
-        if (!isAppWindow && appNeedsDetailsPage(app.name)) {
+        if (!isAppWindow && appNeedsDetailsPage(app)) {
             const slug = getAppSlug(app.name);
             pushRecentApp(app.name);
             setState("appsSubTab", "browse");
+            setAppsDetailsSlug(slug);
             pushAppsUrl(slug, "details");
             return;
         }
         // In Electrobun, try to open the app's dedicated native window via
         // `openAppRouteWindow` — slug-deduped + per-app bounds, Ghost-style.
-        // The helper itself respects the user's `appWindowLaunchEnabled`
-        // toggle: when off it returns false, and we fall through to the
-        // web-style launch path (catalog → client.launchApp + iframe-attach;
-        // internal tool → setTab; overlay → activeOverlayApp). That gives
-        // the toggle a real opt-out semantics instead of bricking launches.
         if (isElectrobunRuntime()) {
             const openedRouteWindow = await openAppRouteWindow(app).catch(() => false);
             if (openedRouteWindow)
                 return;
-            // openAppRouteWindow returned false → either the toggle is off,
-            // we're already inside an app window, or the bridge declined.
-            // Continue to the web-fallback paths below so the click isn't a
-            // dead-end.
         }
         // Web fallback: internal tools switch tabs in the shell.
         const internalToolTab = getInternalToolAppTargetTab(app.name);
@@ -615,7 +589,7 @@ export function AppsView() {
             return;
         }
         // Web fallback: overlay apps (e.g. companion) mount inside the shell.
-        if (isOverlayApp(app.name)) {
+        if (isOverlayLaunchApp(app)) {
             pushRecentApp(app.name);
             setState("activeOverlayApp", app.name);
             pushAppsUrl(getAppSlug(app.name));
@@ -689,11 +663,11 @@ export function AppsView() {
         openRunInDesktopWindow,
         pushAppsUrl,
         pushRecentApp,
+        isAppWindow,
         setActionNotice,
         setState,
         setTab,
         t,
-        isAppWindow,
     ]);
     // Auto-launch from URL slug on first load (e.g. /apps/babylon after refresh)
     useEffect(() => {
@@ -713,7 +687,7 @@ export function AppsView() {
             return;
         // Restored game runs should not block direct overlay-app routes like
         // /apps/companion, which are expected to take over immediately.
-        if (activeGameRunId && !isOverlayApp(app.name))
+        if (activeGameRunId && !isOverlayLaunchApp(app))
             return;
         void handleLaunch(app);
         // eslint-disable-next-line react-hooks/exhaustive-deps -- one-time on first apps load
@@ -802,11 +776,12 @@ export function AppsView() {
         return filterAppsForCatalog(apps, {
             activeAppNames,
             searchQuery,
+            walletEnabled,
         });
-    }, [activeAppNames, apps, searchQuery]);
+    }, [activeAppNames, apps, searchQuery, walletEnabled]);
     const browseApps = useMemo(() => {
-        return filterAppsForCatalog(apps);
-    }, [apps]);
+        return filterAppsForCatalog(apps, { walletEnabled });
+    }, [apps, walletEnabled]);
     const handleToggleFavorite = useCallback((appName) => {
         const current = favoriteApps;
         const next = current.includes(appName)
@@ -894,10 +869,15 @@ export function AppsView() {
         }
     }, [busyAppWindowId, setActionNotice, t]);
     const appsSidebar = (_jsx(AppsSidebar, { apps: apps, browseApps: browseApps, runs: sortedRuns, activeAppNames: activeAppNames, favoriteAppNames: favoriteAppNames, selectedAppName: activeGameRun?.appName ?? null, collapsed: sidebarCollapsed, onCollapsedChange: handleSidebarCollapsedChange, width: sidebarWidth, onWidthChange: handleSidebarWidthChange, minWidth: APPS_SIDEBAR_MIN_WIDTH, maxWidth: APPS_SIDEBAR_MAX_WIDTH, onLaunchApp: (app) => void handleLaunch(app), onOpenRun: (run) => void handleOpenRun(run) }));
-    return (_jsx(PageLayout, { className: "h-full bg-transparent", "data-testid": "apps-shell", sidebar: appsSidebar, contentInnerClassName: "w-full", contentClassName: "![scrollbar-width:none] [&::-webkit-scrollbar]:!hidden", children: _jsxs("div", { className: "device-layout mx-auto flex w-full max-w-6xl flex-col gap-4 px-4 py-4 lg:px-6", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-border/35 pb-3", children: [_jsx("div", { className: "min-w-0", children: _jsx("h2", { className: "text-xs-tight font-semibold uppercase tracking-[0.18em] text-accent", children: "App Windows" }) }), _jsxs("label", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-border/60 bg-card/60 px-3 py-1.5 text-xs font-medium text-muted transition-colors hover:text-foreground", children: [_jsx("input", { type: "checkbox", "aria-label": "Open apps in windows", className: "h-3.5 w-3.5 accent-accent", checked: appWindowLaunchEnabled, onChange: (event) => handleAppWindowLaunchEnabledChange(event.currentTarget.checked) }), _jsx("span", { children: "Open apps in windows" })] })] }), appWindows.length > 0 ? (_jsx("section", { "data-testid": "app-window-controls", className: "flex flex-wrap items-center gap-2", children: appWindows.map((windowRecord) => {
+    return (_jsx(PageLayout, { className: "h-full bg-transparent", "data-testid": "apps-shell", sidebar: appsSidebar, contentInnerClassName: "w-full", contentClassName: "![scrollbar-width:none] [&::-webkit-scrollbar]:!hidden", children: _jsxs("div", { className: "device-layout mx-auto flex w-full max-w-6xl flex-col gap-4 px-4 py-4 lg:px-6", children: [appWindows.length > 0 ? (_jsx("section", { "data-testid": "app-window-controls", className: "flex flex-wrap items-center gap-2", children: appWindows.map((windowRecord) => {
                         const busy = busyAppWindowId === windowRecord.id;
                         return (_jsxs("div", { className: "inline-flex min-w-0 items-center gap-2 rounded-full border border-border/55 bg-card/70 px-3 py-1.5 text-xs text-muted", children: [_jsx("span", { className: "max-w-44 truncate font-medium text-foreground", children: windowRecord.displayName }), _jsxs("button", { type: "button", className: "inline-flex items-center gap-1.5 rounded-full border border-border/60 px-2 py-1 text-[0.68rem] font-semibold uppercase tracking-[0.16em] text-muted transition-colors hover:border-accent hover:text-foreground disabled:cursor-not-allowed disabled:opacity-60", onClick: () => void handleToggleAppWindowAlwaysOnTop(windowRecord), disabled: busy, "aria-label": windowRecord.alwaysOnTop
                                         ? `Let ${windowRecord.displayName} act like a normal window`
                                         : `Keep ${windowRecord.displayName} on top`, children: [windowRecord.alwaysOnTop ? (_jsx(PinOff, { className: "h-3.5 w-3.5", "aria-hidden": "true" })) : (_jsx(Pin, { className: "h-3.5 w-3.5", "aria-hidden": "true" })), windowRecord.alwaysOnTop ? "Normal" : "On top"] })] }, windowRecord.id));
-                    }) })) : null, hasActiveRun ? (_jsx("div", { className: "flex flex-wrap items-center justify-between gap-3", children: _jsx("button", { type: "button", className: "rounded-full border border-ok/35 bg-ok/10 px-3 py-1.5 text-xs-tight font-medium text-ok transition-colors hover:bg-ok/15", onClick: handleOpenCurrentGame, children: hasCurrentGame ? "Live viewer" : "Active run" }) })) : null, appsDetailsSlug ? (_jsx(AppDetailsView, { slug: appsDetailsSlug, onLaunched: () => pushAppsUrl() })) : (_jsxs(_Fragment, { children: [_jsx(RunningAppsRow, { runs: sortedRuns, catalogApps: apps, busyRunId: busyRunId, onOpenRun: (run) => void handleOpenRun(run), onStopRun: (run) => void handleStopRun(run), stoppingRunId: stoppingRunId }), _jsx(AppsCatalogGrid, { activeAppNames: activeAppNames, error: error, favoriteAppNames: favoriteAppNames, loading: loading, searchQuery: searchQuery, visibleApps: visibleApps, onLaunch: (app) => void handleLaunch(app), onToggleFavorite: handleToggleFavorite })] }))] }) }));
+                    }) })) : null, hasActiveRun ? (_jsx("div", { className: "flex flex-wrap items-center justify-between gap-3", children: _jsx("button", { type: "button", className: "rounded-full border border-ok/35 bg-ok/10 px-3 py-1.5 text-xs-tight font-medium text-ok transition-colors hover:bg-ok/15", onClick: handleOpenCurrentGame, children: hasCurrentGame ? "Live viewer" : "Active run" }) })) : null, appsDetailsSlug ? (_jsx(AppDetailsView, { slug: appsDetailsSlug, onLaunched: (launch) => {
+                        setAppsDetailsSlug(null);
+                        if (launch.mode === "window") {
+                            pushAppsUrl();
+                        }
+                    } })) : (_jsxs(_Fragment, { children: [_jsx(RunningAppsRow, { runs: sortedRuns, catalogApps: apps, busyRunId: busyRunId, onOpenRun: (run) => void handleOpenRun(run), onStopRun: (run) => void handleStopRun(run), stoppingRunId: stoppingRunId }), _jsx(AppsCatalogGrid, { activeAppNames: activeAppNames, error: error, favoriteAppNames: favoriteAppNames, loading: loading, searchQuery: searchQuery, visibleApps: visibleApps, onLaunch: (app) => void handleLaunch(app), onToggleFavorite: handleToggleFavorite })] }))] }) }));
 }

package/packages/app-core/src/components/pages/AutomationsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutomationsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/AutomationsView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AA+1KH,wBAAgB,eAAe,4CAO9B;AAED,wBAAgB,uBAAuB,4CAoDtC"}
+{"version":3,"file":"AutomationsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/AutomationsView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAo1KH,wBAAgB,eAAe,4CAO9B;AAED,wBAAgB,uBAAuB,4CAoDtC"}

package/packages/app-core/src/components/pages/AutomationsView.js

@@ -8,7 +8,7 @@ import { createContext, useCallback, useContext, useEffect, useMemo, useRef, use
 import { client } from "../../api";
 import { isMissingCredentialsResponse, } from "../../api/client";
 import { useWorkflowGenerationState } from "../../hooks/useWorkflowGenerationState";
-import { useApp } from "../../state";
+import { dispatchFocusConnector, prettyCredName, providerFromCredType, useApp, } from "../../state";
 import { confirmDesktopAction } from "../../utils";
 import { formatDateTime, formatDurationMs } from "../../utils/format";
 // Direct sub-path import: `widgets/index.ts` re-exports `WidgetHost` while
@@ -65,24 +65,6 @@ function prefillPageChat(text, options) {
         },
     }));
 }
-/**
- * Display name for an n8n credential type. Backend emits raw credential type
- * IDs (e.g. `slackApi`, `gmailOAuth2`); the missing-credentials banner shows
- * users a friendly service name. Falls back to the raw type if unmapped.
- */
-const CRED_TYPE_LABELS = {
-    gmailOAuth2: "Gmail",
-    gmailOAuth2Api: "Gmail",
-    slackApi: "Slack",
-    slackOAuth2Api: "Slack",
-    discordApi: "Discord",
-    discordBotApi: "Discord",
-    discordWebhookApi: "Discord",
-    telegramApi: "Telegram",
-};
-function prettyCredName(credType) {
-    return CRED_TYPE_LABELS[credType] ?? credType;
-}
 function buildWorkflowCopyRequest(workflow, name) {
     return {
         name,
@@ -1015,11 +997,11 @@ function getWorkflowTemplates(t) {
 function WorkflowTemplatesModal({ open, onOpenChange, onSelectTemplate, onSelectCustom, }) {
     const { t } = useAutomationsViewContext();
     const templates = getWorkflowTemplates(t);
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[min(calc(100vw-1.5rem),56rem)] max-w-none", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("automations.templatesModalTitle", {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[min(calc(100vw_-_1.5rem),56rem)] max-w-none", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("automations.templatesModalTitle", {
                                 defaultValue: "Start with a template",
                             }) }), _jsx(DialogDescription, { children: t("automations.templatesModalSubtitle", {
                                 defaultValue: "Pick a workflow to customize, or start blank.",
-                            }) })] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2 overflow-y-auto max-h-[min(32rem,calc(100dvh-12rem))] pr-1", children: [templates.map((template) => {
+                            }) })] }), _jsxs("div", { className: "grid gap-3 overflow-y-auto pr-1 sm:grid-cols-2 max-h-[min(32rem,calc(100dvh_-_12rem))]", children: [templates.map((template) => {
                             const Icon = template.icon;
                             return (_jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border/40 bg-bg/30 p-4 hover:border-accent/30 hover:bg-accent/5 transition-colors", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-0.5 rounded-lg bg-accent/10 p-2 text-accent shrink-0", children: _jsx(Icon, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: template.title }), _jsx("p", { className: "text-sm text-muted leading-snug", children: template.description })] })] }), _jsx(Button, { variant: "outline", size: "sm", className: "self-end h-7 px-3 text-xs", onClick: () => onSelectTemplate(template.seedPrompt), children: t("automations.templateUseButton", {
                                             defaultValue: "Use template",
@@ -1033,7 +1015,7 @@ function WorkflowTemplatesModal({ open, onOpenChange, onSelectTemplate, onSelect
                                     }) })] })] })] }) }));
 }
 function CreateAutomationDialog({ open, onOpenChange, onCreateTask, onCreateWorkflow, onDescribeAutomation, }) {
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[min(calc(100vw-1.5rem),34rem)] max-w-none", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Create automation" }) }), _jsx(AutomationCommandBar, { autoFocus: true, onSubmit: async (prompt) => {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[min(calc(100vw_-_1.5rem),34rem)] max-w-none", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Create automation" }) }), _jsx(AutomationCommandBar, { autoFocus: true, onSubmit: async (prompt) => {
                         await onDescribeAutomation(prompt);
                         onOpenChange(false);
                     } }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx("button", { type: "button", onClick: onCreateTask, className: "rounded-xl border border-border/30 bg-bg/30 p-4 text-left transition-colors hover:border-accent/40 hover:bg-accent/5", children: _jsx("div", { className: "text-sm font-semibold text-txt", children: "Task" }) }), _jsx("button", { type: "button", onClick: onCreateWorkflow, className: "rounded-xl border border-border/30 bg-bg/30 p-4 text-left transition-colors hover:border-accent/40 hover:bg-accent/5", children: _jsx("div", { className: "text-sm font-semibold text-txt", children: "Workflow" }) })] })] }) }));
@@ -2047,6 +2029,7 @@ function AutomationsLayout() {
                 prompt,
                 ...(title?.trim() ? { name: title.trim() } : {}),
                 ...(workflowId ? { workflowId } : {}),
+                ...(bridgeConversationId ? { bridgeConversationId } : {}),
             });
             if (isMissingCredentialsResponse(result)) {
                 setMissingCredentials(result.missingCredentials);
@@ -2465,6 +2448,7 @@ function AutomationsLayout() {
                                                     .map((cred) => prettyCredName(cred.credType))
                                                     .join(", "), " ", "to activate this workflow."] }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: missingCredentials.map((cred) => (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => {
                                                     setTab("settings");
+                                                    dispatchFocusConnector(providerFromCredType(cred.credType));
                                                     setMissingCredentials(null);
                                                 }, children: ["Connect ", prettyCredName(cred.credType), " \u2192"] }, cred.credType))) })] }), _jsx(Button, { variant: "ghost", size: "sm", className: "text-muted hover:text-txt", onClick: () => setMissingCredentials(null), children: "Dismiss" })] }) })), (pageNotice || combinedError) && (_jsx(PagePanel, { variant: "padded", className: "mb-4 border border-danger/20 bg-danger/5", children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("p", { className: "text-sm text-danger", children: pageNotice ?? combinedError }), pageNotice && (_jsx(Button, { variant: "ghost", size: "sm", className: "text-danger hover:bg-danger/10", onClick: () => setPageNotice(null), children: "Dismiss" }))] }) })), editorOpen || editingId || editingTaskId ? (editorMode === "task" || editingTaskId ? (_jsx(TaskForm, {})) : (_jsx(HeartbeatForm, { form: form, editingId: editingId, editorEnabled: editorEnabled, modalTitle: modalTitle, formError: formError, triggersSaving: triggersSaving, templateNotice: templateNotice, triggers: triggers, triggerRunsById: triggerRunsById, t: t, selectedTriggerId: editingId, setField: setField, setForm: setForm, setFormError: setFormError, closeEditor: closeEditor, onSubmit: onSubmitTrigger, onDelete: onDeleteTrigger, onRunSelectedTrigger: onRunSelectedTrigger, onToggleTriggerEnabled: onToggleTriggerEnabled, saveFormAsTemplate: saveFormAsTemplate, loadTriggerRuns: loadTriggerRuns, kickerLabelCreate: form.kind === "workflow" ? "New schedule" : "New task", kickerLabelEdit: form.kind === "workflow" ? "Edit schedule" : "Edit task", submitLabelCreate: form.kind === "workflow" ? "Create schedule" : "Create task", submitLabelEdit: form.kind === "workflow" ? "Save schedule" : "Save task" }))) : activeSubpage === "node-catalog" ? (_jsx(AutomationNodeCatalogPane, { nodes: automationNodes })) : showDashboard ? (_jsx(AutomationsDashboard, { items: ctx.allItems, onSelectItem: selectItem, onCreateTask: handleZeroStateNewTask, onCreateWorkflow: () => void createWorkflowDraft(), onDescribeAutomation: handleDescribeAutomation, onUseIdea: (idea) => {
                             if (idea.kind === "workflow") {

package/packages/app-core/src/components/pages/BrowserWorkspaceView.d.ts

@@ -1,3 +1,17 @@
 import { type JSX } from "react";
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "electrobun-webview": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement> & {
+                src?: string;
+                partition?: string;
+                preload?: string;
+                sandbox?: boolean | "";
+                transparent?: boolean | "";
+                hidden?: boolean;
+            }, HTMLElement>;
+        }
+    }
+}
 export declare function BrowserWorkspaceView(): JSX.Element;
 //# sourceMappingURL=BrowserWorkspaceView.d.ts.map

package/packages/app-core/src/components/pages/BrowserWorkspaceView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserWorkspaceView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/BrowserWorkspaceView.tsx"],"names":[],"mappings":"AAmBA,OAAO,EACL,KAAK,GAAG,EAMT,MAAM,OAAO,CAAC;AA8Of,wBAAgB,oBAAoB,IAAI,GAAG,CAAC,OAAO,CA85ClD"}
+{"version":3,"file":"BrowserWorkspaceView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/BrowserWorkspaceView.tsx"],"names":[],"mappings":"AAmBA,OAAO,EACL,KAAK,GAAG,EAMT,MAAM,OAAO,CAAC;AA6Df,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;gBAClC,GAAG,CAAC,EAAE,MAAM,CAAC;gBACb,SAAS,CAAC,EAAE,MAAM,CAAC;gBACnB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC;gBACvB,WAAW,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC;gBAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;aAClB,EACD,WAAW,CACZ,CAAC;SACH;KACF;CACF;AA4ND,wBAAgB,oBAAoB,IAAI,GAAG,CAAC,OAAO,CAg7DlD"}