@object-ui/app-shell 6.2.2 → 7.0.0

package/dist/console/home/HomeRail.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * HomeRail
+ *
+ * Dashboard cards for the Home work-dashboard:
+ *   - HomeActionCenter — "what needs me" (approvals + inbox notifications);
+ *     the reason a business user opens Home, so it leads the page.
+ *   - HomeContinue     — recent items, compact "pick up where you left off".
+ *   - HomeActivity     — recent human activity feed (ambient context).
+ *
+ * Each renders a graceful empty state so a quiet workspace still looks
+ * intentional rather than broken.
+ *
+ * @module
+ */
+import { CheckSquare, Activity, ArrowRight, CheckCheck, Bell, Clock, FileText, Database, LayoutDashboard, File, } from 'lucide-react';
+function timeAgo(iso) {
+    if (!iso)
+        return '';
+    const ms = new Date(iso).getTime();
+    if (Number.isNaN(ms))
+        return '';
+    const diff = (Date.now() - ms) / 1000;
+    if (diff < 60)
+        return `${Math.max(1, Math.floor(diff))}s`;
+    if (diff < 3600)
+        return `${Math.floor(diff / 60)}m`;
+    if (diff < 86400)
+        return `${Math.floor(diff / 3600)}h`;
+    return `${Math.floor(diff / 86400)}d`;
+}
+function Card({ icon: Icon, title, count, accent, children, }) {
+    return (_jsxs("section", { className: 'rounded-2xl bg-card/80 backdrop-blur-sm p-4 ' +
+            (accent ? 'border border-primary/30' : 'border border-border/70'), children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(Icon, { className: 'h-4 w-4 ' + (accent ? 'text-primary' : 'text-muted-foreground') }), _jsx("h2", { className: "flex-1 text-sm font-semibold tracking-tight", children: title }), typeof count === 'number' && count > 0 && (_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-[11px] font-medium text-primary-foreground tabular-nums", children: count }))] }), children] }));
+}
+function Row({ icon: Icon, iconClass, label, meta, trailing, onClick, testId, }) {
+    return (_jsx("li", { children: _jsxs("button", { type: "button", onClick: onClick, "data-testid": testId, className: "flex w-full items-center gap-3 rounded-lg px-2 py-2 text-left transition hover:bg-muted/60 active:scale-[0.99]", children: [_jsx("span", { className: 'inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-lg ' + iconClass, children: _jsx(Icon, { className: "h-4 w-4" }) }), _jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: label }), meta && _jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: meta }), trailing] }) }));
+}
+export function HomeActionCenter({ pendingApprovalsCount, notifications, onOpenApprovals, onOpenNotification, t, }) {
+    const total = pendingApprovalsCount + notifications.length;
+    return (_jsx(Card, { icon: CheckSquare, accent: true, count: total, title: t('home.actionCenter.title', { defaultValue: 'Needs your attention' }), children: total === 0 ? (_jsxs("div", { className: "flex items-center gap-2 py-2 text-sm text-muted-foreground", children: [_jsx(CheckCheck, { className: "h-4 w-4 text-emerald-500" }), t('home.actionCenter.empty', { defaultValue: "You're all caught up" })] })) : (_jsxs("ul", { className: "flex flex-col gap-0.5", children: [pendingApprovalsCount > 0 && (_jsx(Row, { icon: CheckSquare, iconClass: "bg-amber-500/10 text-amber-600 dark:text-amber-400", label: t('notifications.approvalsPending', { defaultValue: '{{count}} pending approvals', count: pendingApprovalsCount }), trailing: _jsx(ArrowRight, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), onClick: onOpenApprovals, testId: "home-action-approvals" })), notifications.map((n) => (_jsx(Row, { icon: Bell, iconClass: "bg-primary/10 text-primary", label: n.title, meta: timeAgo(n.createdAt), onClick: () => onOpenNotification(n) }, n.id)))] })) }));
+}
+const RECENT_ICON = {
+    object: Database,
+    record: FileText,
+    dashboard: LayoutDashboard,
+    page: File,
+};
+// Soft per-type tint — gives the recent list life without competing with the
+// vibrant app icons above it (apps stay the colourful primary layer).
+const RECENT_TONE = {
+    object: 'bg-blue-500/10 text-blue-600 dark:text-blue-400',
+    record: 'bg-amber-500/10 text-amber-600 dark:text-amber-400',
+    dashboard: 'bg-violet-500/10 text-violet-600 dark:text-violet-400',
+    page: 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400',
+};
+export function HomeContinue({ items, onOpen, t }) {
+    return (_jsx(Card, { icon: Clock, title: t('home.recentApps.title', { defaultValue: 'Recently Accessed' }), children: items.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: t('home.continueEmpty', { defaultValue: 'Items you open will show up here.' }) })) : (_jsx("ul", { className: "flex flex-col gap-0.5", children: items.map((it) => (_jsx(Row, { icon: RECENT_ICON[it.type] || FileText, iconClass: RECENT_TONE[it.type] || 'bg-muted text-muted-foreground', label: it.label, meta: t(`home.recentApps.itemType.${it.type}`, { defaultValue: it.type }), onClick: () => onOpen(it.href) }, it.id))) })) }));
+}
+export function HomeActivity({ items, onViewAll, t }) {
+    return (_jsxs(Card, { icon: Activity, title: t('sidebar.activityFeed', { defaultValue: 'Activity' }), children: [items.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: t('layout.activityFeed.empty', { defaultValue: 'No recent activity' }) })) : (_jsx("ul", { className: "flex flex-col gap-2.5", children: items.slice(0, 5).map((a) => (_jsxs("li", { className: "text-sm leading-snug", children: [_jsx("span", { className: "font-medium", children: a.user }), ' ', _jsx("span", { className: "text-muted-foreground", children: a.description }), _jsxs("div", { className: "mt-0.5 text-[11px] text-muted-foreground", children: [timeAgo(a.timestamp), " \u00B7 ", a.objectName] })] }, a.id))) })), _jsxs("button", { type: "button", onClick: onViewAll, className: "mt-3 inline-flex items-center gap-1 text-xs text-primary hover:underline", children: [t('layout.activityFeed.viewAll', { defaultValue: 'View all activity' }), _jsx(ArrowRight, { className: "h-3 w-3" })] })] }));
+}

package/dist/console/home/QuickActions.d.ts

@@ -6,4 +6,4 @@
  *
  * @module
  */
-export declare function QuickActions(): import("react/jsx-runtime").JSX.Element;
+export declare function QuickActions(): import("react").JSX.Element;

package/dist/console/home/QuickActions.js

@@ -10,22 +10,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigate } from 'react-router-dom';
 import { useObjectTranslation } from '@object-ui/i18n';
 import { Card, CardContent } from '@object-ui/components';
-import { Plus, Settings, Database, ArrowUpRight } from 'lucide-react';
+import { Settings, Database, ArrowUpRight } from 'lucide-react';
 import { cn } from '@object-ui/components';
 export function QuickActions() {
     const navigate = useNavigate();
     const { t } = useObjectTranslation();
+    // Manual "Create App" deprecated — the AI-first builder (Build with AI on
+    // /home) is the path to a new application.
     const actions = [
-        {
-            id: 'create-app',
-            label: t('home.quickActions.createApp', { defaultValue: 'Create App' }),
-            description: t('home.quickActions.createAppDesc', { defaultValue: 'Start with a new application' }),
-            icon: Plus,
-            href: '/create-app',
-            iconBg: 'bg-gradient-to-br from-blue-500/15 to-indigo-500/10 ring-blue-500/20',
-            iconText: 'text-blue-600 dark:text-blue-400',
-            hoverBorder: 'hover:border-blue-500/40',
-        },
         {
             id: 'manage-objects',
             label: t('home.quickActions.manageObjects', { defaultValue: 'Manage Objects' }),

package/dist/console/home/RecentApps.d.ts

@@ -9,5 +9,5 @@ import type { RecentItem } from '../../hooks/useRecentItems';
 interface RecentAppsProps {
     items: RecentItem[];
 }
-export declare function RecentApps({ items }: RecentAppsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RecentApps({ items }: RecentAppsProps): import("react").JSX.Element | null;
 export {};

package/dist/console/home/RecentApps.js

@@ -36,11 +36,11 @@ export function RecentApps({ items }) {
                         defaultValue: capitalizeFirst(item.type),
                     });
                     const tone = TYPE_TONES[item.type] || TYPE_TONES.object;
-                    return (_jsx(Card, { className: "group cursor-pointer border border-border/70 bg-card/80 backdrop-blur-sm transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-foreground/20 motion-reduce:transition-none motion-reduce:hover:transform-none", onClick: () => navigate(item.href), "data-testid": `recent-item-${item.id}`, role: "link", tabIndex: 0, onKeyDown: (e) => {
+                    return (_jsx(Card, { className: "group cursor-pointer border border-border/70 bg-card/80 backdrop-blur-sm transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-foreground/20 active:scale-[0.985] active:-translate-y-0 motion-reduce:transition-none motion-reduce:hover:transform-none", onClick: () => navigate(item.href), "data-testid": `recent-item-${item.id}`, role: "link", tabIndex: 0, onKeyDown: (e) => {
                             if (e.key === 'Enter' || e.key === ' ') {
                                 e.preventDefault();
                                 navigate(item.href);
                             }
-                        }, children: _jsx(CardContent, { className: "p-3.5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('inline-flex h-10 w-10 items-center justify-center rounded-lg ring-1 shrink-0', tone), children: _jsx(Icon, { className: "h-5 w-5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-medium text-sm truncate", children: item.label }), _jsx("p", { className: "text-xs text-muted-foreground", children: typeLabel })] }), _jsx(ArrowUpRight, { className: "h-4 w-4 text-muted-foreground opacity-0 -translate-x-1 transition-[opacity,transform] duration-200 group-hover:opacity-100 group-hover:translate-x-0" })] }) }) }, item.id));
+                        }, children: _jsx(CardContent, { className: "p-3.5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('inline-flex h-10 w-10 items-center justify-center rounded-xl ring-1 shrink-0', tone), children: _jsx(Icon, { className: "h-5 w-5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-medium text-sm truncate", children: item.label }), _jsx("p", { className: "text-xs text-muted-foreground", children: typeLabel })] }), _jsx(ArrowUpRight, { className: "h-4 w-4 text-muted-foreground opacity-0 -translate-x-1 transition-[opacity,transform] duration-200 group-hover:opacity-100 group-hover:translate-x-0" })] }) }) }, item.id));
                 }) })] }));
 }

package/dist/console/home/StarredApps.d.ts

@@ -9,5 +9,5 @@ import type { FavoriteItem } from '../../hooks/useFavorites';
 interface StarredAppsProps {
     items: FavoriteItem[];
 }
-export declare function StarredApps({ items }: StarredAppsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function StarredApps({ items }: StarredAppsProps): import("react").JSX.Element | null;
 export {};

package/dist/console/home/StarredApps.js

@@ -41,11 +41,11 @@ export function StarredApps({ items }) {
                     const typeLabel = t(`home.recentApps.itemType.${item.type}`, {
                         defaultValue: capitalizeFirst(item.type),
                     });
-                    return (_jsx(Card, { className: "group cursor-pointer border border-border/70 bg-card/80 backdrop-blur-sm transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-foreground/20 motion-reduce:transition-none motion-reduce:hover:transform-none", onClick: () => navigate(item.href), "data-testid": `starred-item-${item.id}`, role: "link", tabIndex: 0, onKeyDown: (e) => {
+                    return (_jsx(Card, { className: "group cursor-pointer border border-border/70 bg-card/80 backdrop-blur-sm transition-[transform,box-shadow,border-color] duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-foreground/20 active:scale-[0.985] active:-translate-y-0 motion-reduce:transition-none motion-reduce:hover:transform-none", onClick: () => navigate(item.href), "data-testid": `starred-item-${item.id}`, role: "link", tabIndex: 0, onKeyDown: (e) => {
                             if (e.key === 'Enter' || e.key === ' ') {
                                 e.preventDefault();
                                 navigate(item.href);
                             }
-                        }, children: _jsx(CardContent, { className: "p-3.5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('inline-flex h-10 w-10 items-center justify-center rounded-lg ring-1 shrink-0', tone), children: _jsx(Icon, { className: "h-5 w-5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-medium text-sm truncate", children: item.label }), _jsx("p", { className: "text-xs text-muted-foreground", children: typeLabel })] }), _jsx(ArrowUpRight, { className: "h-4 w-4 text-muted-foreground opacity-0 -translate-x-1 transition-[opacity,transform] duration-200 group-hover:opacity-100 group-hover:translate-x-0" })] }) }) }, item.id));
+                        }, children: _jsx(CardContent, { className: "p-3.5", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('inline-flex h-10 w-10 items-center justify-center rounded-xl ring-1 shrink-0', tone), children: _jsx(Icon, { className: "h-5 w-5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-medium text-sm truncate", children: item.label }), _jsx("p", { className: "text-xs text-muted-foreground", children: typeLabel })] }), _jsx(ArrowUpRight, { className: "h-4 w-4 text-muted-foreground opacity-0 -translate-x-1 transition-[opacity,transform] duration-200 group-hover:opacity-100 group-hover:translate-x-0" })] }) }) }, item.id));
                 }) })] }));
 }

package/dist/console/marketplace/InstalledListWidget.d.ts

@@ -0,0 +1 @@
+export declare function InstalledList(): import("react").JSX.Element;

package/dist/console/marketplace/InstalledListWidget.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * Installed-packages list — registered as the SDUI widget
+ * `marketplace:installed-list` (cloud ADR-0009 P2a).
+ *
+ * The Installed Apps page ships as METADATA with
+ * `@objectstack/cloud-connection`'s install-local plugin; this widget is
+ * the interactive body: load (control-plane list when cloud-connected,
+ * local install-local cache otherwise), refresh, uninstall. The legacy
+ * React route (`MarketplaceInstalledPage`) renders the SAME component
+ * during the ADR-0009 migration window — single implementation, two
+ * entries.
+ */
+import { useEffect, useState } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import { Card, CardContent, CardHeader, CardTitle, Badge, Button, Skeleton, } from '@object-ui/components';
+import { RefreshCcw, Trash2, AlertCircle, ExternalLink } from 'lucide-react';
+import { useIsWorkspaceAdmin } from '@object-ui/auth';
+import { useObjectTranslation } from '@object-ui/i18n';
+import { ComponentRegistry } from '@object-ui/core';
+import { listLocalInstalls, listInstalledPackages, uninstallLocal, } from './marketplaceApi';
+import { MarketplaceAccessDenied } from './MarketplaceAccessDenied';
+export function InstalledList() {
+    const navigate = useNavigate();
+    const { appName } = useParams();
+    const isAdmin = useIsWorkspaceAdmin();
+    const { t, language } = useObjectTranslation();
+    const basePath = appName ? `/apps/${appName}` : '';
+    const [items, setItems] = useState([]);
+    // 'cloud' = list comes from the control plane (CLI/marketplace/REST installs,
+    // ADR-0007 step ①); 'local' = self-hosted install-local cache.
+    const [source, setSource] = useState('local');
+    const [loading, setLoading] = useState(true);
+    const [working, setWorking] = useState(null);
+    const [result, setResult] = useState(null);
+    const load = async () => {
+        setLoading(true);
+        try {
+            // Cloud-connected env → authoritative installed list is the control
+            // plane's. Self-hosted (not bound) → fall back to the local cache.
+            const cloud = await listInstalledPackages();
+            if (cloud.connected) {
+                setSource('cloud');
+                setItems(cloud.items);
+            }
+            else {
+                setSource('local');
+                setItems(await listLocalInstalls());
+            }
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => { void load(); }, []);
+    const doUninstall = async (entry) => {
+        if (!confirm(t('marketplace.uninstall.confirm', { manifestId: entry.manifestId, version: entry.version }))) {
+            return;
+        }
+        setWorking(entry.manifestId);
+        setResult(null);
+        try {
+            await uninstallLocal(entry.manifestId);
+            setResult({
+                ok: true,
+                message: t('marketplace.uninstall.successInList', { manifestId: entry.manifestId }),
+            });
+            await load();
+        }
+        catch (e) {
+            setResult({ ok: false, message: e?.message ?? String(e) });
+        }
+        finally {
+            setWorking(null);
+        }
+    };
+    if (!isAdmin)
+        return _jsx(MarketplaceAccessDenied, {});
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("div", { className: "flex justify-end", children: _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void load(), disabled: loading, children: [_jsx(RefreshCcw, { className: "h-4 w-4 mr-1.5", "aria-hidden": "true" }), t('marketplace.refresh')] }) }), result && (_jsx("div", { className: `rounded-md border p-3 text-sm ${result.ok ? 'border-green-500/30 bg-green-500/5 text-green-700 dark:text-green-400' : 'border-destructive/30 bg-destructive/5 text-destructive'}`, children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertCircle, { className: "h-4 w-4 mt-0.5 shrink-0", "aria-hidden": "true" }), _jsx("div", { children: result.message })] }) })), loading && items.length === 0 ? (_jsx("div", { className: "grid gap-3", children: Array.from({ length: 3 }).map((_, i) => (_jsx(Skeleton, { className: "h-20 w-full" }, i))) })) : items.length === 0 ? (_jsxs("div", { className: "text-center py-12 text-sm text-muted-foreground border rounded-md", children: [_jsx("p", { children: t('marketplace.installedEmpty') }), _jsx(Button, { variant: "link", className: "mt-2", onClick: () => navigate(`${basePath}/system/marketplace`), children: t('marketplace.browseLink') })] })) : (_jsx("div", { className: "grid gap-3", children: items.map((entry) => (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3 pb-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs(CardTitle, { className: "text-base truncate flex items-center gap-2", children: [entry.manifestId, _jsx(Badge, { variant: "outline", children: t('marketplace.versionBadge', { version: entry.version }) })] }), _jsxs("div", { className: "text-xs text-muted-foreground mt-1 flex flex-wrap gap-x-3 gap-y-1", children: [_jsx("span", { children: t('marketplace.installedAt', { when: new Date(entry.installedAt).toLocaleString(language || undefined) }) }), entry.installedBy && _jsx("span", { children: t('marketplace.installedBy', { user: entry.installedBy }) }), _jsxs("span", { children: [t('marketplace.installedPackageId'), " ", _jsx("code", { className: "font-mono", children: entry.packageId })] })] })] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate(`${basePath}/system/marketplace/${entry.packageId}`), children: [_jsx(ExternalLink, { className: "h-4 w-4 mr-1.5", "aria-hidden": "true" }), t('marketplace.action.details')] }), source === 'local' && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void doUninstall(entry), disabled: working === entry.manifestId, children: [_jsx(Trash2, { className: "h-4 w-4 mr-1.5", "aria-hidden": "true" }), working === entry.manifestId ? t('marketplace.action.uninstalling') : t('marketplace.action.uninstall')] }))] })] }), source === 'local' && (_jsx(CardContent, { className: "pt-0 text-xs text-muted-foreground", dangerouslySetInnerHTML: {
+                                __html: t('marketplace.cachedAs', {
+                                    path: `.objectstack/installed-packages/${entry.manifestId.replace(/[^a-zA-Z0-9._-]/g, '_')}.json`,
+                                }),
+                            } }))] }, entry.manifestId))) })), _jsx("p", { className: "text-xs text-muted-foreground border-t pt-4", dangerouslySetInnerHTML: { __html: t('marketplace.installedAdditiveNote') } })] }));
+}
+// SDUI registration — the metadata page shipped by the install-local plugin
+// references this widget by type.
+ComponentRegistry.register('marketplace:installed-list', () => _jsx(InstalledList, {}), {
+    namespace: 'app-shell',
+    label: 'Installed Marketplace Packages',
+    category: 'plugin',
+    inputs: [],
+});

package/dist/console/marketplace/MarkdownText.d.ts

@@ -16,4 +16,4 @@
 export declare function MarkdownText({ source, className }: {
     source: string;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/console/marketplace/MarketplaceAccessDenied.d.ts

@@ -6,4 +6,4 @@
  * there's nothing they can do with it. This component renders a
  * minimal "no access" empty state for the marketplace surface.
  */
-export declare function MarketplaceAccessDenied(): import("react/jsx-runtime").JSX.Element;
+export declare function MarketplaceAccessDenied(): import("react").JSX.Element;

package/dist/console/marketplace/MarketplaceInstalledPage.d.ts

@@ -1,17 +1,11 @@
 /**
- * Marketplace Installed Apps Page.
+ * Marketplace Installed Apps Page (legacy React route).
  *
- * Lists packages currently installed into THIS runtime's kernel (the
- * `install-local` path, not cloud environments). Each row has an
- * Uninstall action that removes the cached manifest from
- * `<cwd>/.objectstack/installed-packages/<id>.json`.
- *
- * Note the explicit caveat: the framework kernel API is additive only
- * (`engine.registerApp(manifest)`) — there is no `unregisterApp`. So
- * uninstall removes the on-disk cache (preventing the package from
- * re-loading on next boot) but the app remains live in the running
- * kernel until the runtime is restarted. We show this in the UI so a
- * developer doesn't get confused when the app stays visible in the
- * switcher after clicking Uninstall.
+ * The Installed Apps surface is migrating to plugin-carried metadata
+ * (cloud ADR-0009 P2a): the page shell ships with
+ * @objectstack/cloud-connection's install-local plugin and renders the
+ * `marketplace:installed-list` widget. This route remains during the
+ * migration window (the marketplace page's "Installed (N)" button links
+ * here) and renders the SAME widget — single implementation, two entries.
  */
-export declare function MarketplaceInstalledPage(): import("react/jsx-runtime").JSX.Element;
+export declare function MarketplaceInstalledPage(): import("react").JSX.Element;

package/dist/console/marketplace/MarketplaceInstalledPage.js

@@ -1,77 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Marketplace Installed Apps Page.
+ * Marketplace Installed Apps Page (legacy React route).
  *
- * Lists packages currently installed into THIS runtime's kernel (the
- * `install-local` path, not cloud environments). Each row has an
- * Uninstall action that removes the cached manifest from
- * `<cwd>/.objectstack/installed-packages/<id>.json`.
- *
- * Note the explicit caveat: the framework kernel API is additive only
- * (`engine.registerApp(manifest)`) — there is no `unregisterApp`. So
- * uninstall removes the on-disk cache (preventing the package from
- * re-loading on next boot) but the app remains live in the running
- * kernel until the runtime is restarted. We show this in the UI so a
- * developer doesn't get confused when the app stays visible in the
- * switcher after clicking Uninstall.
+ * The Installed Apps surface is migrating to plugin-carried metadata
+ * (cloud ADR-0009 P2a): the page shell ships with
+ * @objectstack/cloud-connection's install-local plugin and renders the
+ * `marketplace:installed-list` widget. This route remains during the
+ * migration window (the marketplace page's "Installed (N)" button links
+ * here) and renders the SAME widget — single implementation, two entries.
  */
-import { useEffect, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
-import { Card, CardContent, CardHeader, CardTitle, Badge, Button, Skeleton, } from '@object-ui/components';
-import { ArrowLeft, RefreshCcw, Store, Trash2, AlertCircle, ExternalLink } from 'lucide-react';
-import { useIsWorkspaceAdmin } from '@object-ui/auth';
+import { Button } from '@object-ui/components';
+import { ArrowLeft, Store } from 'lucide-react';
 import { useObjectTranslation } from '@object-ui/i18n';
-import { listLocalInstalls, uninstallLocal, } from './marketplaceApi';
-import { MarketplaceAccessDenied } from './MarketplaceAccessDenied';
+import { InstalledList } from './InstalledListWidget';
 export function MarketplaceInstalledPage() {
     const navigate = useNavigate();
     const { appName } = useParams();
-    const isAdmin = useIsWorkspaceAdmin();
-    const { t, language } = useObjectTranslation();
+    const { t } = useObjectTranslation();
     const basePath = appName ? `/apps/${appName}` : '';
-    const [items, setItems] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [working, setWorking] = useState(null);
-    const [result, setResult] = useState(null);
-    const load = async () => {
-        setLoading(true);
-        try {
-            const list = await listLocalInstalls();
-            setItems(list);
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    useEffect(() => { void load(); }, []);
-    const doUninstall = async (entry) => {
-        if (!confirm(t('marketplace.uninstall.confirm', { manifestId: entry.manifestId, version: entry.version }))) {
-            return;
-        }
-        setWorking(entry.manifestId);
-        setResult(null);
-        try {
-            await uninstallLocal(entry.manifestId);
-            setResult({
-                ok: true,
-                message: t('marketplace.uninstall.successInList', { manifestId: entry.manifestId }),
-            });
-            await load();
-        }
-        catch (e) {
-            setResult({ ok: false, message: e?.message ?? String(e) });
-        }
-        finally {
-            setWorking(null);
-        }
-    };
-    if (!isAdmin)
-        return _jsx(MarketplaceAccessDenied, {});
-    return (_jsxs("div", { className: "flex flex-col gap-6 p-4 sm:p-6 max-w-5xl", children: [_jsxs(Button, { variant: "ghost", size: "sm", className: "self-start", onClick: () => navigate(`${basePath}/system/marketplace`), children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-1.5", "aria-hidden": "true" }), t('marketplace.back')] }), _jsxs("div", { className: "flex items-start justify-between gap-4 flex-wrap", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Store, { className: "h-6 w-6 text-primary", "aria-hidden": "true" }), _jsx("h1", { className: "text-xl sm:text-2xl font-bold tracking-tight", children: t('marketplace.installedTitle') })] }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", 
-                                // Subtitle contains an inline <code> path; render translated HTML from our own bundle.
-                                dangerouslySetInnerHTML: { __html: t('marketplace.installedSubtitle') } })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void load(), disabled: loading, children: [_jsx(RefreshCcw, { className: "h-4 w-4 mr-1.5", "aria-hidden": "true" }), t('marketplace.refresh')] })] }), result && (_jsx("div", { className: `rounded-md border p-3 text-sm ${result.ok ? 'border-green-500/30 bg-green-500/5 text-green-700 dark:text-green-400' : 'border-destructive/30 bg-destructive/5 text-destructive'}`, children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertCircle, { className: "h-4 w-4 mt-0.5 shrink-0", "aria-hidden": "true" }), _jsx("div", { children: result.message })] }) })), loading && items.length === 0 ? (_jsx("div", { className: "grid gap-3", children: Array.from({ length: 3 }).map((_, i) => (_jsx(Skeleton, { className: "h-20 w-full" }, i))) })) : items.length === 0 ? (_jsxs("div", { className: "text-center py-12 text-sm text-muted-foreground border rounded-md", children: [_jsx("p", { children: t('marketplace.installedEmpty') }), _jsx(Button, { variant: "link", className: "mt-2", onClick: () => navigate(`${basePath}/system/marketplace`), children: t('marketplace.browseLink') })] })) : (_jsx("div", { className: "grid gap-3", children: items.map((entry) => (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3 pb-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs(CardTitle, { className: "text-base truncate flex items-center gap-2", children: [entry.manifestId, _jsx(Badge, { variant: "outline", children: t('marketplace.versionBadge', { version: entry.version }) })] }), _jsxs("div", { className: "text-xs text-muted-foreground mt-1 flex flex-wrap gap-x-3 gap-y-1", children: [_jsx("span", { children: t('marketplace.installedAt', { when: new Date(entry.installedAt).toLocaleString(language || undefined) }) }), entry.installedBy && _jsx("span", { children: t('marketplace.installedBy', { user: entry.installedBy }) }), _jsxs("span", { children: [t('marketplace.installedPackageId'), " ", _jsx("code", { className: "font-mono", children: entry.packageId })] })] })] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate(`${basePath}/system/marketplace/${entry.packageId}`), children: [_jsx(ExternalLink, { className: "h-4 w-4 mr-1.5", "aria-hidden": "true" }), t('marketplace.action.details')] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void doUninstall(entry), disabled: working === entry.manifestId, children: [_jsx(Trash2, { className: "h-4 w-4 mr-1.5", "aria-hidden": "true" }), working === entry.manifestId ? t('marketplace.action.uninstalling') : t('marketplace.action.uninstall')] })] })] }), _jsx(CardContent, { className: "pt-0 text-xs text-muted-foreground", dangerouslySetInnerHTML: {
-                                __html: t('marketplace.cachedAs', {
-                                    path: `.objectstack/installed-packages/${entry.manifestId.replace(/[^a-zA-Z0-9._-]/g, '_')}.json`,
-                                }),
-                            } })] }, entry.manifestId))) })), _jsx("p", { className: "text-xs text-muted-foreground border-t pt-4", dangerouslySetInnerHTML: { __html: t('marketplace.installedAdditiveNote') } })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-4 sm:p-6 max-w-5xl", children: [_jsxs(Button, { variant: "ghost", size: "sm", className: "self-start", onClick: () => navigate(`${basePath}/system/marketplace`), children: [_jsx(ArrowLeft, { className: "h-4 w-4 mr-1.5", "aria-hidden": "true" }), t('marketplace.back')] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Store, { className: "h-6 w-6 text-primary", "aria-hidden": "true" }), _jsx("h1", { className: "text-xl sm:text-2xl font-bold tracking-tight", children: t('marketplace.installedTitle') })] }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", 
+                        // Subtitle contains an inline <code> path; render translated HTML from our own bundle.
+                        dangerouslySetInnerHTML: { __html: t('marketplace.installedSubtitle') } })] }), _jsx(InstalledList, {})] }));
 }

package/dist/console/marketplace/MarketplacePackagePage.d.ts

@@ -4,4 +4,4 @@
  * Shows full package metadata + readme + approved version list. Provides
  * an "Install" button that opens a dialog with environment picker.
  */
-export declare function MarketplacePackagePage(): import("react/jsx-runtime").JSX.Element;
+export declare function MarketplacePackagePage(): import("react").JSX.Element;