@elizaos/ui 2.0.0-alpha.51 → 2.0.0-alpha.511

package/packages/app-core/src/components/onboarding/onboarding-step-chrome.d.ts

@@ -0,0 +1,40 @@
+import type { ButtonHTMLAttributes } from "react";
+interface OnboardingStepHeaderProps {
+    eyebrow: string;
+    title?: string;
+    description?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+}
+export declare const onboardingEyebrowClass = "text-center text-xs font-semibold uppercase tracking-[0.3em] text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingTitleClass = "text-center text-xl font-light leading-[1.4] text-[var(--onboarding-text-strong)] [text-shadow:var(--onboarding-text-shadow-strong)] [-webkit-text-stroke:0.3px_var(--onboarding-text-stroke)]";
+export declare const onboardingDescriptionClass = "mx-auto max-w-[36ch] text-center text-sm leading-relaxed text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)] rounded-xl bg-[var(--onboarding-text-support-bg)] px-3 py-2 my-2 shadow-[var(--onboarding-text-support-shadow)] backdrop-blur-[14px]";
+export declare const onboardingHeaderBlockClass = "mb-5 max-md:mb-4";
+export declare const onboardingFooterClass = "mt-6 flex flex-wrap items-center justify-between gap-x-6 gap-y-3 pt-4";
+export declare const onboardingSecondaryActionClass = "inline-flex min-h-touch min-w-touch items-center justify-center gap-2 rounded-md border border-transparent bg-transparent px-3 py-2 text-xs-tight uppercase tracking-[0.14em] transition-[color,background-color,box-shadow] duration-300 hover:bg-[var(--onboarding-secondary-hover-bg)] hover:text-[var(--onboarding-text-strong)] active:bg-[var(--onboarding-secondary-pressed-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--onboarding-secondary-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-transparent disabled:pointer-events-none disabled:opacity-50 text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingPrimaryActionClass = "group relative inline-flex min-h-touch items-center justify-center gap-2 overflow-hidden rounded-md border border-[var(--onboarding-accent-border)] bg-[var(--onboarding-accent-bg)] px-8 py-3 text-xs-tight font-semibold uppercase tracking-[0.18em] text-[var(--onboarding-accent-foreground)] transition-all duration-300 hover:border-[var(--onboarding-accent-border-hover)] hover:bg-[var(--onboarding-accent-bg-hover)] disabled:cursor-not-allowed disabled:opacity-40";
+export declare const onboardingLinkActionClass = "inline-flex min-h-touch min-w-touch items-center justify-center rounded-md border border-transparent bg-transparent px-3 py-2 text-xs-tight transition-[color,background-color,box-shadow] duration-300 hover:bg-[var(--onboarding-secondary-hover-bg)] hover:text-[var(--onboarding-link)] active:bg-[var(--onboarding-secondary-pressed-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--onboarding-secondary-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-transparent disabled:pointer-events-none disabled:opacity-50 text-[var(--onboarding-text-faint)] [text-shadow:var(--onboarding-text-shadow-muted)]";
+export declare const onboardingTextShadowStyle: {
+    readonly textShadow: "var(--onboarding-text-shadow-strong)";
+    readonly WebkitTextStroke: "0.35px var(--onboarding-text-stroke)";
+};
+export declare const onboardingBodyTextShadowStyle: {
+    readonly textShadow: "var(--onboarding-text-shadow-muted)";
+};
+export declare const onboardingPrimaryActionTextShadowStyle: {
+    readonly textShadow: "0 1px 5px rgba(3,5,10,0.38)";
+};
+export declare const onboardingSecondaryActionTextShadowStyle: {
+    readonly textShadow: "var(--onboarding-text-shadow-muted)";
+};
+type OnboardingActionButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function OnboardingSecondaryActionButton({ className, style, type, ...props }: OnboardingActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingLinkActionButton({ className, style, type, ...props }: OnboardingActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingStepDivider(): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingStepHeader({ eyebrow, title, description, titleClassName, descriptionClassName, }: OnboardingStepHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function spawnOnboardingRipple(target: HTMLElement | null, point?: {
+    x: number;
+    y: number;
+}): void;
+export {};
+//# sourceMappingURL=onboarding-step-chrome.d.ts.map

package/packages/app-core/src/components/onboarding/onboarding-step-chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding-step-chrome.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/onboarding/onboarding-step-chrome.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAiB,MAAM,OAAO,CAAC;AASjE,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,sBAAsB,uJAAyG,CAAC;AAE7I,eAAO,MAAM,oBAAoB,mMAA0F,CAAC;AAE5H,eAAO,MAAM,0BAA0B,wRAAuI,CAAC;AAC/K,eAAO,MAAM,0BAA0B,qBAAqB,CAAC;AAE7D,eAAO,MAAM,qBAAqB,0EACuC,CAAC;AAE1E,eAAO,MAAM,8BAA8B,irBAAmoB,CAAC;AAE/qB,eAAO,MAAM,4BAA4B,odAC0a,CAAC;AAEpd,eAAO,MAAM,yBAAyB,woBAA0lB,CAAC;AAEjoB,eAAO,MAAM,yBAAyB;;;CAG5B,CAAC;AAEX,eAAO,MAAM,6BAA6B;;CAEhC,CAAC;AAEX,eAAO,MAAM,sCAAsC;;CAEzC,CAAC;AAEX,eAAO,MAAM,wCAAwC;;CAE3C,CAAC;AAcX,KAAK,2BAA2B,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE3E,wBAAgB,+BAA+B,CAAC,EAC9C,SAAS,EACT,KAAK,EACL,IAAe,EACf,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAS7B;AAED,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,IAAe,EACf,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAS7B;AAED,wBAAgB,qBAAqB,4CAMpC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,WAAW,EACX,cAAmB,EACnB,oBAAyB,GAC1B,EAAE,yBAAyB,2CAgD3B;AAED,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,KAAK,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,QAgBjC"}

package/packages/app-core/src/components/onboarding/onboarding-step-chrome.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@elizaos/ui";
+import { useId } from "react";
+import { onboardingReadableTextFaintClassName, onboardingReadableTextMutedClassName, onboardingReadableTextStrongClassName, onboardingTextSupportClassName, } from "./onboarding-form-primitives";
+export const onboardingEyebrowClass = `text-center text-xs font-semibold uppercase tracking-[0.3em] ${onboardingReadableTextMutedClassName}`;
+export const onboardingTitleClass = `text-center text-xl font-light leading-[1.4] ${onboardingReadableTextStrongClassName}`;
+export const onboardingDescriptionClass = `mx-auto max-w-[36ch] text-center text-sm leading-relaxed ${onboardingReadableTextMutedClassName} ${onboardingTextSupportClassName}`;
+export const onboardingHeaderBlockClass = "mb-5 max-md:mb-4";
+export const onboardingFooterClass = "mt-6 flex flex-wrap items-center justify-between gap-x-6 gap-y-3 pt-4";
+export const onboardingSecondaryActionClass = `inline-flex min-h-touch min-w-touch items-center justify-center gap-2 rounded-md border border-transparent bg-transparent px-3 py-2 text-xs-tight uppercase tracking-[0.14em] transition-[color,background-color,box-shadow] duration-300 hover:bg-[var(--onboarding-secondary-hover-bg)] hover:text-[var(--onboarding-text-strong)] active:bg-[var(--onboarding-secondary-pressed-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--onboarding-secondary-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-transparent disabled:pointer-events-none disabled:opacity-50 ${onboardingReadableTextMutedClassName}`;
+export const onboardingPrimaryActionClass = "group relative inline-flex min-h-touch items-center justify-center gap-2 overflow-hidden rounded-md border border-[var(--onboarding-accent-border)] bg-[var(--onboarding-accent-bg)] px-8 py-3 text-xs-tight font-semibold uppercase tracking-[0.18em] text-[var(--onboarding-accent-foreground)] transition-all duration-300 hover:border-[var(--onboarding-accent-border-hover)] hover:bg-[var(--onboarding-accent-bg-hover)] disabled:cursor-not-allowed disabled:opacity-40";
+export const onboardingLinkActionClass = `inline-flex min-h-touch min-w-touch items-center justify-center rounded-md border border-transparent bg-transparent px-3 py-2 text-xs-tight transition-[color,background-color,box-shadow] duration-300 hover:bg-[var(--onboarding-secondary-hover-bg)] hover:text-[var(--onboarding-link)] active:bg-[var(--onboarding-secondary-pressed-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--onboarding-secondary-focus-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-transparent disabled:pointer-events-none disabled:opacity-50 ${onboardingReadableTextFaintClassName}`;
+export const onboardingTextShadowStyle = {
+    textShadow: "var(--onboarding-text-shadow-strong)",
+    WebkitTextStroke: "0.35px var(--onboarding-text-stroke)",
+};
+export const onboardingBodyTextShadowStyle = {
+    textShadow: "var(--onboarding-text-shadow-muted)",
+};
+export const onboardingPrimaryActionTextShadowStyle = {
+    textShadow: "0 1px 5px rgba(3,5,10,0.38)",
+};
+export const onboardingSecondaryActionTextShadowStyle = {
+    textShadow: "var(--onboarding-text-shadow-muted)",
+};
+function mergeOnboardingTextShadowStyle(style) {
+    if (!style) {
+        return onboardingSecondaryActionTextShadowStyle;
+    }
+    return {
+        ...onboardingSecondaryActionTextShadowStyle,
+        ...style,
+    };
+}
+export function OnboardingSecondaryActionButton({ className, style, type = "button", ...props }) {
+    return (_jsx("button", { type: type, className: cn(onboardingSecondaryActionClass, className), style: mergeOnboardingTextShadowStyle(style), ...props }));
+}
+export function OnboardingLinkActionButton({ className, style, type = "button", ...props }) {
+    return (_jsx("button", { type: type, className: cn(onboardingLinkActionClass, className), style: mergeOnboardingTextShadowStyle(style), ...props }));
+}
+export function OnboardingStepDivider() {
+    return (_jsx("div", { className: "my-4 flex items-center gap-3 before:h-px before:flex-1 before:bg-gradient-to-r before:from-transparent before:via-[var(--onboarding-divider)] before:to-transparent after:h-px after:flex-1 after:bg-gradient-to-r after:from-transparent after:via-[var(--onboarding-divider)] after:to-transparent", children: _jsx("div", { className: "h-1.5 w-1.5 shrink-0 rotate-45 bg-[rgba(240,185,11,0.4)]" }) }));
+}
+export function OnboardingStepHeader({ eyebrow, title, description, titleClassName = "", descriptionClassName = "", }) {
+    const reactId = useId().replace(/:/g, "");
+    const headingId = `onboarding-step-heading-${reactId}`;
+    const descriptionId = `onboarding-step-description-${reactId}`;
+    const headingText = title || description || eyebrow;
+    const usesTitleHeading = Boolean(title);
+    const usesDescriptionHeading = !title && Boolean(description);
+    const hasBodyDescription = Boolean(title && description);
+    const headingClassName = usesTitleHeading || usesDescriptionHeading
+        ? `${onboardingTitleClass} ${usesDescriptionHeading ? descriptionClassName : titleClassName}`.trim()
+        : onboardingEyebrowClass;
+    return (_jsxs("div", { className: onboardingHeaderBlockClass, children: [usesTitleHeading || usesDescriptionHeading ? (_jsx("p", { className: onboardingEyebrowClass, style: onboardingBodyTextShadowStyle, children: eyebrow })) : null, _jsx(OnboardingStepDivider, {}), _jsx("h1", { id: headingId, className: headingClassName, style: usesTitleHeading || usesDescriptionHeading
+                    ? onboardingTextShadowStyle
+                    : onboardingBodyTextShadowStyle, children: headingText }), hasBodyDescription ? (_jsx("p", { id: descriptionId, className: `${onboardingDescriptionClass} ${descriptionClassName}`.trim(), style: onboardingBodyTextShadowStyle, children: description })) : null] }));
+}
+export function spawnOnboardingRipple(target, point) {
+    if (!target)
+        return;
+    const rect = target.getBoundingClientRect();
+    const diameter = Math.max(rect.width, rect.height);
+    const circle = document.createElement("span");
+    const x = point?.x ?? rect.left + rect.width / 2;
+    const y = point?.y ?? rect.top + rect.height / 2;
+    circle.style.width = circle.style.height = `${diameter}px`;
+    circle.style.left = `${x - rect.left - diameter / 2}px`;
+    circle.style.top = `${y - rect.top - diameter / 2}px`;
+    circle.className =
+        "pointer-events-none absolute rounded-full bg-[var(--onboarding-ripple)] scale-0 animate-[onboarding-ripple-expand_0.6s_ease-out_forwards]";
+    target.appendChild(circle);
+    window.setTimeout(() => circle.remove(), 600);
+}

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

@@ -0,0 +1,4 @@
+export declare function AdvancedPageView({ inModal }?: {
+    inModal?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdvancedPageView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedPageView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/AdvancedPageView.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,2CA6HvE"}

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

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, SegmentedControl } from "@elizaos/ui";
+import { useApp } from "../../state";
+import { DesktopWorkspaceSection } from "../settings/DesktopWorkspaceSection";
+import { FineTuningView } from "../training/injected";
+const SUB_TABS = [
+    {
+        id: "fine-tuning",
+        labelKey: "finetuningview.FineTuning",
+        descriptionKey: "finetuningview.BuildDatasetsFrom",
+    },
+];
+const MODAL_SUB_TABS = SUB_TABS;
+function mapTabToSubTab(tab) {
+    switch (tab) {
+        case "fine-tuning":
+            return "fine-tuning";
+        case "desktop":
+            return "desktop";
+        default:
+            return "fine-tuning";
+    }
+}
+export function AdvancedPageView({ inModal } = {}) {
+    const { tab, setTab, t } = useApp();
+    const currentSubTab = mapTabToSubTab(tab);
+    const tabs = inModal ? MODAL_SUB_TABS : SUB_TABS;
+    const handleSubTabChange = (subTab) => {
+        setTab(subTab);
+    };
+    const advancedSubTabItems = tabs.map((subTab) => ({
+        value: subTab.id,
+        label: t(subTab.labelKey),
+        testId: `advanced-subtab-${subTab.id}`,
+    }));
+    const advancedContentHeader = inModal ? undefined : (_jsx(SegmentedControl, { value: currentSubTab, onValueChange: handleSubTabChange, items: advancedSubTabItems, buttonClassName: "min-h-9 whitespace-nowrap px-3 py-2.5", "data-testid": "advanced-subtab-nav", "aria-label": t("aria.advancedNavigation") }));
+    const renderSubTabButton = (subTab, options) => {
+        const isActive = currentSubTab === subTab.id;
+        const compact = options?.compact ?? false;
+        const label = t(subTab.labelKey);
+        const description = t(subTab.descriptionKey);
+        return (_jsx(Button, { variant: "ghost", "aria-current": isActive ? "page" : undefined, className: `select-none [&_*]:select-none [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] focus:outline-none focus-visible:outline-none inline-flex select-none items-center rounded-xl border transition-all duration-150 ${compact ? "px-3 py-2.5" : "min-h-9 whitespace-nowrap px-2.5 py-1.5"} ${isActive
+                ? "border-accent/26 bg-accent/14 text-txt-strong shadow-sm"
+                : "border-transparent text-muted-strong hover:bg-card/60 hover:text-txt"}`, onClick: () => handleSubTabChange(subTab.id), title: description, "data-testid": `advanced-subtab-${subTab.id}`, children: _jsx("div", { className: "text-left", children: _jsx("div", { className: `text-sm ${isActive ? "font-semibold text-txt" : "font-medium"}`, children: label }) }) }, subTab.id));
+    };
+    const renderContent = () => {
+        switch (currentSubTab) {
+            case "fine-tuning":
+                return _jsx(FineTuningView, { contentHeader: advancedContentHeader });
+            case "desktop":
+                return (_jsx(DesktopWorkspaceSection, { contentHeader: advancedContentHeader }));
+            default:
+                return _jsx(FineTuningView, { contentHeader: advancedContentHeader });
+        }
+    };
+    return (_jsxs("div", { className: inModal
+            ? "settings-modal-layout"
+            : "flex w-full flex-col h-full min-h-0", children: [inModal ? (_jsx("nav", { className: "settings-icon-sidebar", children: tabs.map((subTab) => renderSubTabButton(subTab, { compact: true })) })) : null, _jsx("div", { className: inModal
+                    ? "settings-content-area"
+                    : "flex w-full min-h-0 flex-1 flex-col", style: inModal
+                    ? {
+                        "--accent": "var(--section-accent-advanced, var(--accent, #7b8fb5))",
+                        "--surface": "rgba(255, 255, 255, 0.06)",
+                        "--s-accent": "var(--section-accent-advanced, var(--accent, #7b8fb5))",
+                        "--s-text-txt": "var(--section-accent-advanced, var(--accent, #7b8fb5))",
+                        "--s-accent-glow": "color-mix(in srgb, var(--section-accent-advanced, var(--accent, #7b8fb5)) 35%, transparent)",
+                        "--s-accent-subtle": "color-mix(in srgb, var(--section-accent-advanced, var(--accent, #7b8fb5)) 12%, transparent)",
+                        "--s-grid-line": "color-mix(in srgb, var(--section-accent-advanced, var(--accent, #7b8fb5)) 2%, transparent)",
+                        "--s-glow-edge": "color-mix(in srgb, var(--section-accent-advanced, var(--accent, #7b8fb5)) 8%, transparent)",
+                    }
+                    : undefined, children: inModal ? (_jsx("div", { className: "settings-section-pane pt-4", children: renderContent() })) : (renderContent()) })] }));
+}

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

@@ -0,0 +1,34 @@
+/**
+ * AppDetailsView — config + diagnostics + widgets + Launch button page
+ * for apps that need it (those with `hasDetailsPage: true` in their
+ * descriptor, or any registry/catalog app with launch params).
+ *
+ * Mounted by AppsView when the apps sub-path is `/apps/<slug>/details`.
+ */
+import { type JSX } from "react";
+import { type RegistryAppInfo } from "../../api";
+import { type AppLaunchMode } from "../apps/per-app-config";
+interface AppDetailsViewProps {
+    slug: string;
+    /**
+     * Called when the user successfully launches the app. The parent
+     * (AppsView) navigates the apps sub-path back to "browse" or to the
+     * inline run route depending on launch mode.
+     */
+    onLaunched?: (info: {
+        mode: AppLaunchMode;
+        slug: string;
+    }) => void;
+}
+export declare function AppDetailsView({ slug, onLaunched, }: AppDetailsViewProps): JSX.Element;
+/**
+ * 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.
+ *
+ * Internal tools opt in with `hasDetailsPage`; catalog apps opt in through
+ * launch metadata that implies setup, runtime control, or a heavier session.
+ */
+export declare function appNeedsDetailsPage(app: RegistryAppInfo | string): boolean;
+export {};
+//# sourceMappingURL=AppDetailsView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppDetailsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/AppDetailsView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH,OAAO,EAAE,KAAK,GAAG,EAA6C,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAgCzD,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,wBAAwB,CAAC;AAGhC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,aAAa,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE;AA+ID,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,UAAU,GACX,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA2iBnC;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,GAAG,OAAO,CAwB1E"}

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

@@ -0,0 +1,350 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AppDetailsView — config + diagnostics + widgets + Launch button page
+ * for apps that need it (those with `hasDetailsPage: true` in their
+ * descriptor, or any registry/catalog app with launch params).
+ *
+ * Mounted by AppsView when the apps sub-path is `/apps/<slug>/details`.
+ */
+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";
+import { getAllOverlayApps, isOverlayApp, overlayAppToRegistryInfo, } from "../apps/overlay-app-registry";
+import { loadPerAppConfig, savePerAppConfig, subscribePerAppConfig, } from "../apps/per-app-config";
+import { useRegistryCatalog } from "../apps/useRegistryCatalog";
+function pluginIdFromName(name) {
+    return name.replace(/^@elizaos\/app-/, "");
+}
+function resolveAppFromSlug(slug, catalog) {
+    // Internal tool by slug
+    const internal = getInternalToolAppDescriptors().find((d) => d.windowPath === `/apps/${slug}`);
+    if (internal) {
+        const info = getInternalToolApps().find((a) => a.name === internal.name);
+        if (info) {
+            return {
+                source: "internal-tool",
+                info,
+                pluginId: pluginIdFromName(internal.name),
+                windowPath: internal.windowPath ?? `/apps/${slug}`,
+            };
+        }
+    }
+    // Overlay app by slug
+    const overlay = getAllOverlayApps().find((a) => getAppSlug(a.name) === slug && isOverlayApp(a.name));
+    if (overlay) {
+        return {
+            source: "overlay",
+            info: overlayAppToRegistryInfo(overlay),
+            pluginId: pluginIdFromName(overlay.name),
+            windowPath: `/apps/${slug}`,
+        };
+    }
+    // Catalog/registry app by slug
+    const catalogHit = findAppBySlug(catalog, slug);
+    if (catalogHit) {
+        return {
+            source: "catalog",
+            info: catalogHit,
+            pluginId: pluginIdFromName(catalogHit.name),
+            windowPath: `/apps/${slug}`,
+        };
+    }
+    return null;
+}
+function sourceLabel(source) {
+    switch (source) {
+        case "internal-tool":
+            return "Internal Tool";
+        case "overlay":
+            return "Overlay App";
+        case "catalog":
+            return "Catalog App";
+        default:
+            return "Unknown";
+    }
+}
+function isOverlayLaunchApp(app) {
+    return isOverlayApp(app.name) || app.launchType === "overlay";
+}
+function formatTimestamp(value) {
+    try {
+        return new Date(value).toLocaleString();
+    }
+    catch {
+        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 }));
+}
+function ChipList({ items }) {
+    if (items.length === 0) {
+        return _jsx("span", { className: "text-xs text-muted", children: "None declared" });
+    }
+    return (_jsx("div", { className: "flex flex-wrap gap-1.5", children: items.map((item) => (_jsx("span", { className: "rounded-full border border-border/60 bg-card/50 px-2 py-0.5 text-xs text-muted", children: item }, item))) }));
+}
+function WidgetPreview({ declaration, pluginId, }) {
+    const Component = useMemo(() => getWidgetComponent(pluginId, declaration.id), [declaration.id, pluginId]);
+    if (!Component) {
+        return (_jsx("div", { className: "rounded-md border border-border/40 bg-card/30 px-3 py-2 text-xs text-muted", children: "No bundled component for this widget \u2014 preview unavailable." }));
+    }
+    return (_jsx("div", { className: "rounded-md border border-border/40 bg-card/30 p-3", children: _jsx(Component, { pluginId: pluginId, events: [], clearEvents: () => { } }) }));
+}
+export function AppDetailsView({ slug, onLaunched, }) {
+    const { plugins, appRuns, t, setTab, setState, setActionNotice } = useApp();
+    // Catalog of registry apps for slug → app resolution.
+    const { catalog: registryCatalog, error: catalogError } = useRegistryCatalog();
+    const catalog = registryCatalog ?? [];
+    const resolved = useMemo(() => resolveAppFromSlug(slug, catalog), [catalog, slug]);
+    // Per-app config (launch mode, alwaysOnTop, free-form settings).
+    const [config, setConfig] = useState(() => loadPerAppConfig(slug));
+    useEffect(() => {
+        setConfig(loadPerAppConfig(slug));
+        return subscribePerAppConfig(slug, setConfig);
+    }, [slug]);
+    const updateConfig = useCallback((next) => {
+        const merged = {
+            launchMode: next.launchMode ?? config.launchMode,
+            alwaysOnTop: next.alwaysOnTop !== undefined
+                ? next.alwaysOnTop
+                : config.alwaysOnTop,
+            settings: next.settings ?? config.settings,
+        };
+        setConfig(merged);
+        savePerAppConfig(slug, merged);
+    }, [config, slug]);
+    // Widget visibility — re-uses the existing chat-sidebar visibility store.
+    const [visibility, setVisibility] = useState(() => loadChatSidebarVisibility());
+    const toggleWidget = useCallback((decl, enabled) => {
+        const key = widgetVisibilityKey(decl.pluginId, decl.id);
+        const nextOverrides = { ...visibility.overrides, [key]: enabled };
+        const next = { overrides: nextOverrides };
+        setVisibility(next);
+        saveChatSidebarVisibility(next);
+    }, [visibility]);
+    // Widgets owned by this app's plugin. Server-declared widgets carry
+    // `slot: string`; narrow to the WidgetSlot literal union here so the
+    // rest of the component can rely on it.
+    const widgets = useMemo(() => {
+        if (!resolved)
+            return [];
+        const ownPlugin = plugins?.find((p) => p.id === resolved.pluginId);
+        const raw = ownPlugin?.widgets ?? [];
+        return raw.map((decl) => ({
+            ...decl,
+            slot: decl.slot,
+        }));
+    }, [plugins, resolved]);
+    const [expandedWidget, setExpandedWidget] = useState(null);
+    // Launch history for diagnostics.
+    const [history, setHistory] = useState([]);
+    useEffect(() => {
+        if (resolved)
+            setHistory(getLaunchHistoryForApp(resolved.info.name));
+    }, [resolved]);
+    // Recent runs (live).
+    const recentRuns = useMemo(() => {
+        if (!resolved || !appRuns)
+            return [];
+        return appRuns.filter((r) => r.appName === resolved.info.name).slice(0, 5);
+    }, [appRuns, resolved]);
+    // Launch action.
+    const [launching, setLaunching] = useState(false);
+    const handleLaunch = useCallback(async () => {
+        if (!resolved || launching)
+            return;
+        setLaunching(true);
+        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
+                // overlays, set activeOverlayApp; otherwise fall back to window.
+                if (resolved.source === "internal-tool") {
+                    const tab = getInternalToolAppTargetTab(resolved.info.name);
+                    if (tab) {
+                        setTab(tab);
+                        recordResult(true);
+                        onLaunched?.({ mode: "inline", slug });
+                        return;
+                    }
+                }
+                if (resolved.source === "overlay" ||
+                    isOverlayLaunchApp(resolved.info)) {
+                    setState("activeOverlayApp", 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];
+                const launchedRun = result.run;
+                if (launchedRun?.viewer?.url) {
+                    setState("appRuns", [
+                        launchedRun,
+                        ...appRuns.filter((run) => run.runId !== launchedRun.runId),
+                    ]);
+                    setState("activeGameRunId", launchedRun.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",
+                ipcChannel: "desktop:openAppWindow",
+                params: {
+                    slug,
+                    title: resolved.info.displayName ?? resolved.info.name,
+                    path: resolved.windowPath,
+                    alwaysOnTop: config.alwaysOnTop,
+                },
+            });
+            if (!created?.id) {
+                throw new Error("Desktop bridge declined to open the window.");
+            }
+            recordResult(true);
+            onLaunched?.({ mode: "window", slug });
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            recordResult(false, message);
+            setActionNotice(t("appdetails.LaunchFailed", {
+                defaultValue: `Could not launch ${resolved.info.displayName}: ${message}`,
+            }), "error", 4000);
+        }
+        finally {
+            setLaunching(false);
+        }
+    }, [
+        appRuns,
+        config.alwaysOnTop,
+        config.launchMode,
+        launching,
+        onLaunched,
+        resolved,
+        setActionNotice,
+        setState,
+        setTab,
+        slug,
+        t,
+    ]);
+    if (catalogError && !resolved) {
+        return (_jsxs("div", { className: "flex h-full min-h-0 w-full flex-col items-center justify-center gap-2 p-6 text-center text-sm text-muted", children: [_jsx(TriangleAlert, { className: "h-5 w-5 text-accent" }), _jsx("span", { children: catalogError })] }));
+    }
+    if (!resolved) {
+        return (_jsxs("div", { className: "flex h-full min-h-0 w-full items-center justify-center text-sm text-muted", children: ["Loading ", slug, "\u2026"] }));
+    }
+    const isInternal = resolved.source === "internal-tool";
+    const supportsInlineMode = isInternal || resolved.source === "overlay";
+    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] }));
+}
+/**
+ * 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.
+ *
+ * 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(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/AppsPageView.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Apps page — single-surface app browser with optional full-screen game mode.
+ */
+import type React from "react";
+type AppsPageViewRenderer = () => React.ReactElement;
+export declare function AppsPageView({ inModal, appsView: AppsViewRenderer, gameView: GameViewRenderer, }?: {
+    inModal?: boolean;
+    appsView?: AppsPageViewRenderer;
+    gameView?: AppsPageViewRenderer;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AppsPageView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppsPageView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/AppsPageView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,oBAAoB,GAAG,MAAM,KAAK,CAAC,YAAY,CAAC;AAErD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EAAE,gBAAmD,EAC7D,QAAQ,EAAE,gBAAmD,GAC9D,GAAE;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CAC5B,2CA+DL"}