@object-ui/app-shell 6.2.3 → 7.1.0

package/dist/console/ai/ConversationsSidebar.d.ts

@@ -1,7 +1,32 @@
+import { type ConversationSummary } from '../../hooks/useConversationList';
 export interface ConversationsSidebarProps {
     userId: string | undefined;
     apiBase: string;
+    /**
+     * Backend name of the surface's active agent. When set, the list is scoped to
+     * this agent's conversations (each `/ai/:agent` surface shows its own history)
+     * and New/delete navigation stays on the surface. Alias-aware, so legacy and
+     * new ids match. Omit for an unscoped, all-agents list.
+     */
+    activeAgent?: string;
     className?: string;
     refreshKey?: number | string;
+    titleHints?: Record<string, string>;
+    onNavigate?: () => void;
 }
-export declare function ConversationsSidebar({ userId, apiBase, className, refreshKey, }: ConversationsSidebarProps): import("react/jsx-runtime").JSX.Element;
+export type ConversationGroupKey = 'today' | 'yesterday' | 'previous7Days' | 'previous30Days' | 'older';
+export interface ConversationGroup {
+    key: ConversationGroupKey;
+    items: ConversationSummary[];
+}
+/** English fallbacks for the section headers (overridable via i18n). */
+export declare const CONVERSATION_GROUP_LABELS: Record<ConversationGroupKey, string>;
+/**
+ * Bucket conversations into recency sections (ChatGPT/Claude-style), newest
+ * first within each. Boundaries are calendar-day based off local midnight, so
+ * "Today"/"Yesterday" track the actual day rather than a rolling 24h. Pure +
+ * exported for tests; `nowMs` defaults to the current time (kept out of the
+ * component's render path). Empty sections are omitted.
+ */
+export declare function groupConversationsByDate(conversations: ConversationSummary[], nowMs?: number): ConversationGroup[];
+export declare function ConversationsSidebar({ userId, apiBase, activeAgent, className, refreshKey, titleHints, onNavigate, }: ConversationsSidebarProps): import("react").JSX.Element;

package/dist/console/ai/ConversationsSidebar.js

@@ -8,9 +8,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { Plus, Trash2, Pencil, MessageSquare, Search, Check, X } from 'lucide-react';
+import { useObjectTranslation } from '@object-ui/i18n';
 import { Button, Input, ScrollArea, Empty, EmptyTitle, EmptyDescription, cn, } from '@object-ui/components';
+import { agentAliasGroup, agentRouteName } from '@object-ui/plugin-chatbot';
 import { useConversationList } from '../../hooks/useConversationList';
-function formatTimestamp(iso) {
+function formatTimestamp(iso, t) {
     if (!iso)
         return '';
     const d = new Date(iso);
@@ -22,16 +24,76 @@ function formatTimestamp(iso) {
     const hour = 60 * min;
     const day = 24 * hour;
     if (diff < min)
-        return 'just now';
+        return t('console.ai.justNow');
     if (diff < hour)
-        return `${Math.floor(diff / min)}m ago`;
+        return t('console.ai.minutesAgo', { count: Math.floor(diff / min) });
     if (diff < day)
-        return `${Math.floor(diff / hour)}h ago`;
+        return t('console.ai.hoursAgo', { count: Math.floor(diff / hour) });
     if (diff < 7 * day)
-        return `${Math.floor(diff / day)}d ago`;
+        return t('console.ai.daysAgo', { count: Math.floor(diff / day) });
     return d.toLocaleDateString();
 }
-export function ConversationsSidebar({ userId, apiBase, className, refreshKey, }) {
+/**
+ * Full, locale-aware date+time for the row's `title` tooltip. The visible
+ * label is relative ("2 minutes ago") which is scannable but vague — hovering
+ * reveals the exact moment, matching ChatGPT/Claude. Returns '' for a missing
+ * or invalid timestamp so no empty tooltip appears.
+ */
+function absoluteTimestamp(iso) {
+    if (!iso)
+        return '';
+    const d = new Date(iso);
+    return Number.isNaN(d.getTime()) ? '' : d.toLocaleString();
+}
+const GROUP_ORDER = ['today', 'yesterday', 'previous7Days', 'previous30Days', 'older'];
+/** English fallbacks for the section headers (overridable via i18n). */
+export const CONVERSATION_GROUP_LABELS = {
+    today: 'Today',
+    yesterday: 'Yesterday',
+    previous7Days: 'Previous 7 days',
+    previous30Days: 'Previous 30 days',
+    older: 'Older',
+};
+/**
+ * Bucket conversations into recency sections (ChatGPT/Claude-style), newest
+ * first within each. Boundaries are calendar-day based off local midnight, so
+ * "Today"/"Yesterday" track the actual day rather than a rolling 24h. Pure +
+ * exported for tests; `nowMs` defaults to the current time (kept out of the
+ * component's render path). Empty sections are omitted.
+ */
+export function groupConversationsByDate(conversations, nowMs = Date.now()) {
+    const startOfToday = new Date(nowMs);
+    startOfToday.setHours(0, 0, 0, 0);
+    const todayMs = startOfToday.getTime();
+    const DAY = 24 * 60 * 60 * 1000;
+    const stamp = (c) => {
+        const v = new Date(c.updatedAt ?? c.createdAt ?? 0).getTime();
+        return Number.isNaN(v) ? 0 : v;
+    };
+    const buckets = {
+        today: [],
+        yesterday: [],
+        previous7Days: [],
+        previous30Days: [],
+        older: [],
+    };
+    for (const c of [...conversations].sort((a, b) => stamp(b) - stamp(a))) {
+        const v = stamp(c);
+        if (v >= todayMs)
+            buckets.today.push(c);
+        else if (v >= todayMs - DAY)
+            buckets.yesterday.push(c);
+        else if (v >= todayMs - 7 * DAY)
+            buckets.previous7Days.push(c);
+        else if (v >= todayMs - 30 * DAY)
+            buckets.previous30Days.push(c);
+        else
+            buckets.older.push(c);
+    }
+    return GROUP_ORDER.filter((k) => buckets[k].length > 0).map((key) => ({ key, items: buckets[key] }));
+}
+export function ConversationsSidebar({ userId, apiBase, activeAgent, className, refreshKey, titleHints, onNavigate, }) {
+    const { t } = useObjectTranslation();
     const navigate = useNavigate();
     const { conversationId: activeId } = useParams();
     const { conversations, isLoading, error, remove, rename } = useConversationList({
@@ -41,22 +103,58 @@ export function ConversationsSidebar({ userId, apiBase, className, refreshKey, }
     });
     const [filter, setFilter] = useState('');
     const [renamingId, setRenamingId] = useState(undefined);
+    // Friendly route segment for New/delete navigation (stays on this surface).
+    const agentRoute = activeAgent ? agentRouteName(activeAgent) : undefined;
+    // Names equivalent to the active agent, for scoping the list (alias-aware).
+    const agentGroup = useMemo(() => (activeAgent ? new Set(agentAliasGroup(activeAgent)) : undefined), [activeAgent]);
+    const decoratedConversations = useMemo(() => {
+        return conversations.map((conversation) => {
+            const hint = titleHints?.[conversation.id]?.trim();
+            if (!hint || conversation.title?.trim() || conversation.preview?.trim()) {
+                return conversation;
+            }
+            return { ...conversation, preview: hint };
+        });
+    }, [conversations, titleHints]);
+    // Scope to this surface's agent. Lenient: a conversation with no agent yet
+    // (freshly created, pre-first-message) and the currently-open one are always
+    // kept so nothing the user is looking at can vanish from the list.
+    const scoped = useMemo(() => {
+        if (!agentGroup)
+            return decoratedConversations;
+        return decoratedConversations.filter((c) => !c.agentId || agentGroup.has(c.agentId) || c.id === activeId);
+    }, [decoratedConversations, agentGroup, activeId]);
     const visible = useMemo(() => {
         const q = filter.trim().toLowerCase();
         if (!q)
-            return conversations;
-        return conversations.filter((c) => {
+            return scoped;
+        return scoped.filter((c) => {
             const hay = `${c.title ?? ''} ${c.preview ?? ''}`.toLowerCase();
             return hay.includes(q);
         });
-    }, [conversations, filter]);
-    const handleNew = useCallback(() => navigate('/ai'), [navigate]);
+    }, [scoped, filter]);
+    // Navigate to a conversation on its OWN agent surface (so a lenient
+    // cross-agent row still opens correctly); fall back to this surface.
+    const conversationHref = useCallback((c) => {
+        const seg = c.agentId ? agentRouteName(c.agentId) : agentRoute;
+        return seg ? `/ai/${seg}/${c.id}` : `/ai/${c.id}`;
+    }, [agentRoute]);
+    const handleNew = useCallback(() => {
+        // `?new=1` is the explicit new-conversation intent — a bare surface visit
+        // resumes the last cached conversation (by design), so without the flag
+        // this button silently landed back on the current chat. Stays on the
+        // active agent's surface.
+        navigate(agentRoute ? `/ai/${agentRoute}?new=1` : '/ai?new=1');
+        onNavigate?.();
+    }, [navigate, agentRoute, onNavigate]);
     const handleDelete = useCallback(async (e, id) => {
         e.stopPropagation();
         await remove(id);
-        if (id === activeId)
-            navigate('/ai', { replace: true });
-    }, [remove, activeId, navigate]);
+        if (id === activeId) {
+            navigate(agentRoute ? `/ai/${agentRoute}` : '/ai', { replace: true });
+            onNavigate?.();
+        }
+    }, [remove, activeId, navigate, agentRoute, onNavigate]);
     const handleRenameSubmit = useCallback(async (id, title) => {
         setRenamingId(undefined);
         try {
@@ -66,10 +164,43 @@ export function ConversationsSidebar({ userId, apiBase, className, refreshKey, }
             // optimistic update already rolled back via refetch in the hook
         }
     }, [rename]);
-    return (_jsxs("aside", { className: cn('flex h-full min-h-0 flex-col bg-muted/30', className), "data-testid": "ai-conversations-sidebar", children: [_jsxs("div", { className: "flex shrink-0 flex-col gap-2 border-b px-3 py-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-sm font-medium", children: "Chats" }), _jsxs(Button, { size: "sm", variant: "outline", onClick: handleNew, "data-testid": "ai-new-chat", children: [_jsx(Plus, { className: "h-3.5 w-3.5" }), "New"] })] }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: filter, onChange: (e) => setFilter(e.target.value), placeholder: "Search chats...", className: "h-7 pl-7 text-xs", "data-testid": "ai-conversations-search" })] })] }), _jsx(ScrollArea, { className: "flex-1 min-h-0", children: isLoading && conversations.length === 0 ? (_jsx("div", { className: "px-3 py-4 text-xs text-muted-foreground", children: "Loading\u2026" })) : error ? (_jsx("div", { className: "px-3 py-4 text-xs text-destructive", children: error.message })) : conversations.length === 0 ? (_jsxs(Empty, { className: "px-3 py-8", children: [_jsx(MessageSquare, { className: "h-8 w-8 text-muted-foreground" }), _jsx(EmptyTitle, { children: "No chats yet" }), _jsx(EmptyDescription, { children: "Start a new conversation to see it here." })] })) : visible.length === 0 ? (_jsx("div", { className: "px-3 py-4 text-xs text-muted-foreground", children: "No matching chats." })) : (_jsx("ul", { className: "flex flex-col py-1", children: visible.map((c) => (_jsx(ConversationRow, { conversation: c, active: c.id === activeId, renaming: c.id === renamingId, onSelect: () => navigate(`/ai/${c.id}`), onDelete: (e) => handleDelete(e, c.id), onStartRename: () => setRenamingId(c.id), onCancelRename: () => setRenamingId(undefined), onSubmitRename: (title) => handleRenameSubmit(c.id, title) }, c.id))) })) })] }));
+    return (_jsxs("aside", { className: cn('flex h-full min-h-0 flex-col bg-muted/30', className), "data-testid": "ai-conversations-sidebar", children: [_jsxs("div", { className: "flex shrink-0 flex-col gap-2 border-b px-3 py-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-sm font-medium", children: t('console.ai.chats') }), _jsxs(Button, { size: "sm", variant: "outline", onClick: handleNew, "data-testid": "ai-new-chat", children: [_jsx(Plus, { className: "h-3.5 w-3.5" }), t('console.ai.newChat')] })] }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: filter, onChange: (e) => setFilter(e.target.value), placeholder: t('console.ai.searchChats'), className: "h-7 pl-7 text-xs", "data-testid": "ai-conversations-search" })] })] }), _jsx(ScrollArea, { className: "flex-1 min-h-0", children: isLoading && conversations.length === 0 ? (_jsx("div", { className: "px-3 py-4 text-xs text-muted-foreground", children: t('common.loading') })) : error ? (_jsx("div", { className: "px-3 py-4 text-xs text-destructive", children: error.message })) : scoped.length === 0 ? (_jsxs(Empty, { className: "px-3 py-8", children: [_jsx(MessageSquare, { className: "h-8 w-8 text-muted-foreground" }), _jsx(EmptyTitle, { children: t('console.ai.noChatsYet') }), _jsx(EmptyDescription, { children: t('console.ai.noChatsDescription') })] })) : visible.length === 0 ? (_jsx("div", { className: "px-3 py-4 text-xs text-muted-foreground", children: t('console.ai.noMatchingChats') })) : (_jsx("div", { className: "flex flex-col py-1", children: groupConversationsByDate(visible).map((group) => (_jsxs("section", { "data-testid": `ai-conversation-group-${group.key}`, children: [_jsx("h3", { className: "px-3 pb-1 pt-3 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: t(`console.ai.group.${group.key}`, { defaultValue: CONVERSATION_GROUP_LABELS[group.key] }) }), _jsx("ul", { className: "flex flex-col", children: group.items.map((c) => (_jsx(ConversationRow, { conversation: c, query: filter.trim(), active: c.id === activeId, renaming: c.id === renamingId, onSelect: () => {
+                                        navigate(conversationHref(c));
+                                        onNavigate?.();
+                                    }, onDelete: (e) => handleDelete(e, c.id), onStartRename: () => setRenamingId(c.id), onCancelRename: () => setRenamingId(undefined), onSubmitRename: (title) => handleRenameSubmit(c.id, title) }, c.id))) })] }, group.key))) })) })] }));
+}
+/**
+ * Wrap each case-insensitive occurrence of `query` inside `text` in a styled
+ * <mark>, so a conversation-list search makes clear WHICH term matched a row.
+ * Returns the text untouched when there is no active query (the common case),
+ * so non-searching renders pay nothing.
+ */
+function highlightQuery(text, query) {
+    if (!text)
+        return text ?? null;
+    const needle = query?.trim().toLowerCase();
+    if (!needle)
+        return text;
+    const haystack = text.toLowerCase();
+    const parts = [];
+    let cursor = 0;
+    let key = 0;
+    for (;;) {
+        const idx = haystack.indexOf(needle, cursor);
+        if (idx === -1) {
+            parts.push(text.slice(cursor));
+            break;
+        }
+        if (idx > cursor)
+            parts.push(text.slice(cursor, idx));
+        parts.push(_jsx("mark", { className: "rounded-[2px] bg-primary/20 px-0.5 text-foreground", children: text.slice(idx, idx + needle.length) }, key++));
+        cursor = idx + needle.length;
+    }
+    return parts;
 }
-function ConversationRow({ conversation, active, renaming, onSelect, onDelete, onStartRename, onCancelRename, onSubmitRename, }) {
-    const title = conversation.title?.trim() || conversation.preview?.trim() || 'New conversation';
+function ConversationRow({ conversation, query, active, renaming, onSelect, onDelete, onStartRename, onCancelRename, onSubmitRename, }) {
+    const { t } = useObjectTranslation();
+    const title = conversation.title?.trim() || conversation.preview?.trim() || t('console.ai.newConversation');
     const [draft, setDraft] = useState(title);
     const inputRef = useRef(null);
     useEffect(() => {
@@ -89,23 +220,7 @@ function ConversationRow({ conversation, active, renaming, onSelect, onDelete, o
                                 e.preventDefault();
                                 onCancelRename();
                             }
-                        }, className: "h-7 flex-1 text-sm", "data-testid": `ai-conversation-rename-input-${conversation.id}`, "aria-label": "Rename conversation" }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7 w-7 p-0", onClick: () => onSubmitRename(draft), "data-testid": `ai-conversation-rename-confirm-${conversation.id}`, "aria-label": "Save rename", children: _jsx(Check, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7 w-7 p-0", onClick: onCancelRename, "aria-label": "Cancel rename", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }) }));
+                        }, className: "h-7 flex-1 text-sm", "data-testid": `ai-conversation-rename-input-${conversation.id}`, "aria-label": t('console.ai.renameConversation') }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7 w-7 p-0", onClick: () => onSubmitRename(draft), "data-testid": `ai-conversation-rename-confirm-${conversation.id}`, "aria-label": t('console.ai.saveRename'), children: _jsx(Check, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7 w-7 p-0", onClick: onCancelRename, "aria-label": t('console.ai.cancelRename'), children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }) }));
     }
-    return (_jsx("li", { children: _jsxs("button", { type: "button", onClick: onSelect, className: cn('group flex w-full flex-col gap-0.5 border-l-2 border-transparent px-3 py-2 text-left text-sm transition-colors hover:bg-accent/50', active && 'border-primary bg-accent'), "data-testid": `ai-conversation-row-${conversation.id}`, children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "line-clamp-1 flex-1 font-medium", children: title }), _jsxs("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100", children: [_jsx("span", { role: "button", tabIndex: 0, onClick: (e) => {
-                                        e.stopPropagation();
-                                        onStartRename();
-                                    }, onKeyDown: (e) => {
-                                        if (e.key === 'Enter' || e.key === ' ') {
-                                            e.stopPropagation();
-                                            onStartRename();
-                                        }
-                                    }, className: "hover:text-primary", "data-testid": `ai-conversation-rename-${conversation.id}`, "aria-label": "Rename conversation", children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx("span", { role: "button", tabIndex: 0, onClick: (e) => {
-                                        e.stopPropagation();
-                                        onDelete(e);
-                                    }, onKeyDown: (e) => {
-                                        if (e.key === 'Enter' || e.key === ' ') {
-                                            e.stopPropagation();
-                                            onDelete(e);
-                                        }
-                                    }, className: "hover:text-destructive", "data-testid": `ai-conversation-delete-${conversation.id}`, "aria-label": "Delete conversation", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] })] }), conversation.preview && conversation.preview !== title ? (_jsx("span", { className: "line-clamp-1 text-xs text-muted-foreground", children: conversation.preview })) : null, _jsx("span", { className: "text-[10px] text-muted-foreground", children: formatTimestamp(conversation.updatedAt ?? conversation.createdAt) })] }) }));
+    return (_jsx("li", { children: _jsxs("div", { className: cn('group flex w-full items-start gap-2 border-l-2 border-transparent px-3 py-2 text-sm transition-colors hover:bg-accent/50', active && 'border-primary bg-accent'), "data-testid": `ai-conversation-row-${conversation.id}`, children: [_jsxs("button", { type: "button", onClick: onSelect, className: "min-w-0 flex-1 text-left", "data-testid": `ai-conversation-select-${conversation.id}`, children: [_jsx("span", { className: "line-clamp-1 font-medium", children: highlightQuery(title, query) }), conversation.preview && conversation.preview !== title ? (_jsx("span", { className: "mt-0.5 block line-clamp-1 text-xs text-muted-foreground", children: highlightQuery(conversation.preview, query) })) : null, _jsx("span", { className: "mt-0.5 block text-[10px] text-muted-foreground", title: absoluteTimestamp(conversation.updatedAt ?? conversation.createdAt), children: formatTimestamp(conversation.updatedAt ?? conversation.createdAt, t) })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100", children: [_jsx(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 w-7 p-0 hover:text-primary", onClick: onStartRename, "data-testid": `ai-conversation-rename-${conversation.id}`, "aria-label": t('console.ai.renameConversation'), children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", className: "h-7 w-7 p-0 hover:text-destructive", onClick: onDelete, "data-testid": `ai-conversation-delete-${conversation.id}`, "aria-label": t('console.ai.deleteConversation'), children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] })] }) }));
 }

package/dist/console/ai/LiveCanvas.d.ts

@@ -0,0 +1,28 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export interface LiveCanvasProps {
+    /** The drafted app to render (its `app` metadata name) — used for display. */
+    appName: string;
+    /**
+     * ADR-0048: the app's ROUTE SEGMENT — its package id (`app.<slug>`), which is
+     * globally unique, unlike the display name (two AI apps can both be `library`).
+     * The iframe URL keys on this; falls back to `appName` when absent.
+     */
+    appSegment?: string;
+    /**
+     * ADR-0045: the build was materialized — the app is live (real tables and
+     * seed rows) but unlisted. The canvas then renders the REAL app URL: full
+     * data, full interaction; the in-app UnpublishedAppBar narrates the state.
+     * False (default) keeps the ADR-0037 draft-overlay preview for mutations.
+     */
+    materialized?: boolean;
+    /** Bump to reload the pane (the host coalesces invalidation storms). */
+    refreshKey: number;
+    onClose: () => void;
+}
+export declare function LiveCanvas({ appName, appSegment, materialized, refreshKey, onClose }: LiveCanvasProps): import("react").JSX.Element;

package/dist/console/ai/LiveCanvas.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * ADR-0037 Live Canvas — the result pane of a build session. Chat on the
+ * left, the user's app rendered from the DRAFT overlay on the right, taking
+ * shape while they talk.
+ *
+ * Deliberately an iframe onto `/apps/:name?preview=draft`: the canvas mounts
+ * the EXISTING app renderers in preview mode through the same route a user
+ * could open by hand — no second renderer, no canvas-only store (ADR-0037
+ * boundary rules: one truth, the canvas never edits in place). Per-artifact
+ * invalidations from the chat coalesce into a reload of the pane, so during
+ * an `apply_blueprint` the app grows step-by-step with the build tree.
+ */
+import { useEffect, useRef } from 'react';
+import { X, Eye } from 'lucide-react';
+import { Button } from '@object-ui/components';
+import { useObjectTranslation } from '@object-ui/i18n';
+/**
+ * The SPA's mount prefix for ABSOLUTE urls (the iframe bypasses the router's
+ * basename, unlike navigate()). The console ships under `/_console`; bare
+ * mounts (tests, custom hosts) fall back to ''.
+ */
+function spaBase() {
+    if (typeof window === 'undefined')
+        return '';
+    return window.location.pathname.startsWith('/_console') ? '/_console' : '';
+}
+/** Canvas iframe target: the REAL app once materialized, the draft overlay otherwise. */
+function canvasSrc(appName, materialized) {
+    const base = `${spaBase()}/apps/${encodeURIComponent(appName)}`;
+    return materialized ? base : `${base}?preview=draft`;
+}
+export function LiveCanvas({ appName, appSegment, materialized = false, refreshKey, onClose }) {
+    const { t } = useObjectTranslation();
+    const iframeRef = useRef(null);
+    // Route on the package-id segment (unique), display by name (friendly).
+    const routeSeg = appSegment && appSegment.length ? appSegment : appName;
+    // Materialized world swap: changing src on the SAME iframe element
+    // navigates it in place (no white-flash remount).
+    useEffect(() => {
+        if (!iframeRef.current)
+            return;
+        const next = canvasSrc(routeSeg, materialized);
+        try {
+            if (iframeRef.current.getAttribute('src') !== next)
+                iframeRef.current.setAttribute('src', next);
+        }
+        catch {
+            /* not ready — the mount src covers it */
+        }
+    }, [routeSeg, materialized]);
+    // Refresh in place (src reload) instead of remounting the iframe — keeps
+    // the pane from flashing white on every invalidation.
+    useEffect(() => {
+        if (refreshKey > 0) {
+            try {
+                iframeRef.current?.contentWindow?.location.reload();
+            }
+            catch {
+                /* cross-origin or not ready — the next mount picks it up */
+            }
+        }
+    }, [refreshKey]);
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-1 flex-col border-l", "data-testid": "live-canvas", children: [_jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b bg-muted/30 px-3 py-1.5 text-xs text-muted-foreground", children: [_jsx(Eye, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: materialized
+                            ? t('console.ai.liveCanvasUnlisted', {
+                                app: appName,
+                                defaultValue: 'Live app — {{app}} (unlisted until published)',
+                            })
+                            : t('console.ai.liveCanvas', {
+                                app: appName,
+                                defaultValue: 'Live preview — {{app}} (draft)',
+                            }) }), _jsx(Button, { size: "sm", variant: "ghost", onClick: onClose, "data-testid": "live-canvas-close", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }), _jsx("iframe", { ref: iframeRef, title: `Draft preview: ${appName}`, src: canvasSrc(routeSeg, materialized), className: "h-full w-full flex-1 border-0 bg-background", "data-testid": "live-canvas-frame" })] }));
+}

package/dist/console/ai/reconcileTurn.d.ts

@@ -0,0 +1,8 @@
+export interface ReconcileMessageLike {
+    role: string;
+    parts: Array<{
+        type: string;
+        text?: unknown;
+    }>;
+}
+export declare function isReconcilableCompletedTurn(messages: ReconcileMessageLike[] | undefined): boolean;

package/dist/console/ai/reconcileTurn.js

@@ -0,0 +1,20 @@
+// ADR-0013 D2: pure decision helper for "reconcile on stream-transport failure".
+//
+// The agent runtime persists the FINAL assistant reply BEFORE it streams it, so a
+// transport drop after completion leaves a complete reply in the conversation. On
+// a chat stream error the client re-fetches the conversation and asks: did this
+// turn actually finish? If so it renders the persisted reply instead of a scary
+// "Response failed / Retry" (which would blindly re-run and risk re-planning).
+//
+// "Finished" = the last message is an assistant message that carries non-empty
+// TEXT (not merely tool calls). A thread that ends on a tool result, or on an
+// assistant turn that only emitted tool calls, did NOT produce a final reply →
+// genuine failure → show the banner.
+export function isReconcilableCompletedTurn(messages) {
+    if (!messages || messages.length === 0)
+        return false;
+    const last = messages[messages.length - 1];
+    if (!last || last.role !== 'assistant')
+        return false;
+    return last.parts.some((part) => part.type === 'text' && String(part.text ?? '').trim().length > 0);
+}

package/dist/console/auth/AuthPageLayout.d.ts

@@ -6,4 +6,4 @@
 import type React from 'react';
 export declare function AuthPageLayout({ children }: {
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/console/auth/ForgotPasswordPage.d.ts

@@ -1,4 +1,4 @@
 /**
  * Forgot Password Page for ObjectStack Console
  */
-export declare function ForgotPasswordPage(): import("react/jsx-runtime").JSX.Element;
+export declare function ForgotPasswordPage(): import("react").JSX.Element;

package/dist/console/auth/LoginPage.d.ts

@@ -1,4 +1,4 @@
 /**
  * Login Page for ObjectStack Console
  */
-export declare function LoginPage(): import("react/jsx-runtime").JSX.Element;
+export declare function LoginPage(): import("react").JSX.Element;

package/dist/console/auth/RegisterPage.d.ts

@@ -1,4 +1,4 @@
 /**
  * Register Page for ObjectStack Console
  */
-export declare function RegisterPage(): import("react/jsx-runtime").JSX.Element;
+export declare function RegisterPage(): import("react").JSX.Element;

package/dist/console/auth/RegisterPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Register Page for ObjectStack Console
  */
@@ -11,13 +11,16 @@ const RouterLink = ({ href, className, children }) => (_jsx(Link, { to: href, cl
 export function RegisterPage() {
     const navigate = useNavigate();
     const { t } = useObjectTranslation();
-    const { getAuthConfig } = useAuth();
+    const { getAuthConfig, sendVerificationEmail } = useAuth();
     // Defense-in-depth: even if a user lands on /register directly when
     // signup is disabled, bounce them to /login. The server-side
     // `disableSignUp` (set by env `OS_DISABLE_SIGNUP=true` or the
     // `emailAndPassword.disableSignUp` config option) will still 403 any
     // submission, but redirecting here avoids a confusing form.
     const [allowed, setAllowed] = useState(undefined);
+    const [pendingEmail, setPendingEmail] = useState(null);
+    const [resendState, setResendState] = useState('idle');
+    const [resendError, setResendError] = useState(null);
     useEffect(() => {
         let cancelled = false;
         getAuthConfig()
@@ -39,7 +42,24 @@ export function RegisterPage() {
         // Render nothing until we know the flag — prevents a flash of the form.
         return _jsx(AuthPageLayout, { children: null });
     }
-    return (_jsx(AuthPageLayout, { children: _jsx(RegisterForm, { onSuccess: () => navigate('/'), loginUrl: "/login", title: t('auth.register.title'), description: t('auth.register.description'), linkComponent: RouterLink, labels: {
+    if (pendingEmail) {
+        const handleResend = async () => {
+            setResendState('sending');
+            setResendError(null);
+            try {
+                await sendVerificationEmail(pendingEmail);
+                setResendState('sent');
+            }
+            catch (err) {
+                setResendState('error');
+                setResendError(err instanceof Error ? err.message : String(err));
+            }
+        };
+        return (_jsx(AuthPageLayout, { children: _jsxs("div", { className: "mx-auto flex w-full flex-col justify-center space-y-7 sm:w-[400px]", children: [_jsxs("div", { className: "flex flex-col items-center space-y-3 text-center", children: [_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary/10 text-primary", children: _jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", className: "h-6 w-6", "aria-hidden": "true", children: [_jsx("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }), _jsx("polyline", { points: "22,6 12,13 2,6" })] }) }), _jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: t('auth.register.verifyInbox.title', { defaultValue: 'Check your inbox' }) }), _jsx("p", { className: "text-sm text-muted-foreground", children: t('auth.register.verifyInbox.description', { email: pendingEmail, defaultValue: "We've sent a verification link to {{email}}. Click the link to activate your account." }) })] }), _jsxs("div", { className: "space-y-3", children: [_jsx("button", { type: "button", onClick: handleResend, disabled: resendState === 'sending', className: "inline-flex h-10 w-full items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:opacity-50", children: resendState === 'sending'
+                                    ? t('auth.register.verifyInbox.resending', { defaultValue: 'Sending…' })
+                                    : t('auth.register.verifyInbox.resend', { defaultValue: 'Resend verification email' }) }), resendState === 'sent' && (_jsx("p", { className: "text-center text-sm text-emerald-600 dark:text-emerald-400", children: t('auth.register.verifyInbox.resent', { defaultValue: 'Verification email sent.' }) })), resendState === 'error' && resendError && (_jsx("p", { className: "text-center text-sm text-destructive", children: resendError }))] }), _jsx("p", { className: "px-8 text-center text-sm text-muted-foreground", children: _jsx(Link, { to: "/login", className: "font-medium text-primary hover:underline", children: t('auth.register.verifyInbox.backToSignIn', { defaultValue: 'Back to sign in' }) }) })] }) }));
+    }
+    return (_jsx(AuthPageLayout, { children: _jsx(RegisterForm, { onSuccess: () => navigate('/'), onVerificationRequired: (email) => setPendingEmail(email), loginUrl: "/login", title: t('auth.register.title'), description: t('auth.register.description'), linkComponent: RouterLink, labels: {
                 nameLabel: t('auth.register.nameLabel'),
                 namePlaceholder: t('auth.register.namePlaceholder'),
                 emailLabel: t('auth.register.emailLabel'),

package/dist/console/cloud-connection/CloudConnectionPanel.d.ts

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