@agent-native/core 0.146.8 → 0.148.0

package/dist/client/chat-first/apps-rail.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, Skeleton, Tooltip, TooltipContent, TooltipTrigger, } from "@agent-native/toolkit/ui";
+import { IconChevronDown, IconChevronUp, IconPin, IconPlus, } from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { orderChatFirstAppIds, readChatFirstAppLayout, writeChatFirstAppLayout, } from "../chat-first.js";
+import { cn } from "../utils.js";
+import { defaultChatFirstCopy } from "./copy.js";
+function AppRows({ apps, activeAppId, layout, onDragStart, onDrop, onDragEnd, onOpenApp, onTogglePinned, onMove, renderIcon, copy, }) {
+    const orderedIds = orderChatFirstAppIds(apps.map((app) => app.id), layout);
+    const appsById = new Map(apps.map((app) => [app.id, app]));
+    const orderedApps = orderedIds
+        .map((id) => appsById.get(id))
+        .filter((app) => Boolean(app));
+    return (_jsx("ul", { className: "space-y-px", children: orderedApps.map((app) => {
+            const active = activeAppId === app.id;
+            const pinned = layout.pinnedIds.includes(app.id);
+            const index = orderedApps.indexOf(app);
+            return (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsxs("li", { draggable: true, "data-chat-first-app": true, "data-app-id": app.id, className: cn("group flex h-6 w-full min-w-0 items-center gap-1 rounded-md px-1 text-sm transition-colors", active
+                                ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground"
+                                : "text-sidebar-foreground/75 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"), onDragStart: (event) => {
+                                event.dataTransfer.effectAllowed = "move";
+                                onDragStart(app.id);
+                            }, onDragOver: (event) => event.preventDefault(), onDrop: () => onDrop(app.id), onDragEnd: onDragEnd, children: [_jsxs("button", { type: "button", className: "flex min-w-0 flex-1 items-center gap-2 px-1 text-start", onClick: () => onOpenApp(app), onKeyDown: (event) => {
+                                        if (!event.altKey)
+                                            return;
+                                        if (event.key === "ArrowUp") {
+                                            event.preventDefault();
+                                            onMove(app.id, -1);
+                                        }
+                                        else if (event.key === "ArrowDown") {
+                                            event.preventDefault();
+                                            onMove(app.id, 1);
+                                        }
+                                    }, "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown", "aria-label": copy("openApp", { name: app.name }), title: app.name, children: [renderIcon(app), _jsx("span", { className: "truncate", children: app.name })] }), _jsx("button", { type: "button", className: cn("flex size-6 shrink-0 items-center justify-center rounded text-sidebar-foreground/45 opacity-0 transition-opacity hover:bg-sidebar-accent hover:text-sidebar-foreground group-hover:opacity-100 focus-visible:opacity-100", pinned && "text-sidebar-foreground/70 opacity-100"), "aria-label": copy(pinned ? "unpinApp" : "pinApp", {
+                                        name: app.name,
+                                    }), "aria-pressed": pinned, title: pinned ? copy("removePinned") : copy("pinTop"), onClick: () => onTogglePinned(app.id), children: _jsx(IconPin, { size: 13, strokeWidth: pinned ? 2.2 : 1.6, "aria-hidden": "true" }) }), _jsx("span", { className: "sr-only", children: `${index + 1} of ${orderedApps.length}` })] }) }), _jsxs(ContextMenuContent, { children: [_jsxs(ContextMenuItem, { onSelect: () => onTogglePinned(app.id), children: [_jsx(IconPin, { size: 14, "aria-hidden": "true" }), pinned ? copy("removePinned") : copy("pinTop")] }), _jsx(ContextMenuSeparator, {}), _jsxs(ContextMenuItem, { disabled: index === 0, onSelect: () => onMove(app.id, -1), children: [_jsx(IconChevronUp, { size: 14, "aria-hidden": "true" }), copy("moveUp")] }), _jsxs(ContextMenuItem, { disabled: index === orderedApps.length - 1, onSelect: () => onMove(app.id, 1), children: [_jsx(IconChevronDown, { size: 14, "aria-hidden": "true" }), copy("moveDown")] })] })] }, app.id));
+        }) }));
+}
+export function ChatFirstAppsRail({ apps, activeAppId, loading = false, error, collapsed = false, layout: controlledLayout, onLayoutChange, onLayoutError, onRetry, onOpenApp, onCreateApp, createAppTrigger, renderIcon, copy = defaultChatFirstCopy, }) {
+    const [localLayout, setLocalLayout] = useState(() => readChatFirstAppLayout());
+    const layout = controlledLayout ?? localLayout;
+    const [draggedAppId, setDraggedAppId] = useState(null);
+    const [showAllApps, setShowAllApps] = useState(false);
+    const orderedApps = useMemo(() => {
+        const orderedIds = orderChatFirstAppIds(apps.map((app) => app.id), layout);
+        const appsById = new Map(apps.map((app) => [app.id, app]));
+        return orderedIds
+            .map((id) => appsById.get(id))
+            .filter((app) => Boolean(app));
+    }, [apps, layout]);
+    const visibleApps = showAllApps ? orderedApps : orderedApps.slice(0, 5);
+    const hasMoreApps = orderedApps.length > visibleApps.length;
+    const createTrigger = createAppTrigger ??
+        (onCreateApp ? (_jsx("button", { type: "button", className: "flex size-6 items-center justify-center rounded text-sidebar-foreground/55 hover:bg-sidebar-accent hover:text-sidebar-foreground", onClick: onCreateApp, "aria-label": copy("createWorkspaceApp"), title: copy("createWorkspaceApp"), children: _jsx(IconPlus, { size: 14, "aria-hidden": "true" }) })) : null);
+    function persistLayout(next) {
+        setLocalLayout(next);
+        onLayoutChange?.(next);
+        const result = writeChatFirstAppLayout(next);
+        if (!result.ok)
+            onLayoutError?.(result.reason);
+    }
+    function togglePinned(appId) {
+        const pinnedIds = layout.pinnedIds.includes(appId)
+            ? layout.pinnedIds.filter((id) => id !== appId)
+            : [appId, ...layout.pinnedIds];
+        persistLayout({ ...layout, pinnedIds });
+    }
+    function reorderApps(targetId) {
+        if (!draggedAppId || draggedAppId === targetId)
+            return;
+        const currentOrder = orderChatFirstAppIds(apps.map((app) => app.id), layout);
+        const fromIndex = currentOrder.indexOf(draggedAppId);
+        const toIndex = currentOrder.indexOf(targetId);
+        if (fromIndex < 0 || toIndex < 0)
+            return;
+        const nextOrder = [...currentOrder];
+        nextOrder.splice(fromIndex, 1);
+        nextOrder.splice(toIndex, 0, draggedAppId);
+        persistLayout({ ...layout, orderedIds: nextOrder });
+        setDraggedAppId(null);
+    }
+    function moveApp(appId, direction) {
+        const currentOrder = orderChatFirstAppIds(apps.map((app) => app.id), layout);
+        const index = currentOrder.indexOf(appId);
+        const nextIndex = index + direction;
+        if (index < 0 || nextIndex < 0 || nextIndex >= currentOrder.length)
+            return;
+        const nextOrder = [...currentOrder];
+        [nextOrder[index], nextOrder[nextIndex]] = [
+            nextOrder[nextIndex],
+            nextOrder[index],
+        ];
+        persistLayout({ ...layout, orderedIds: nextOrder });
+    }
+    if (collapsed) {
+        return (_jsxs("section", { "data-chat-first-apps-rail": true, className: "flex flex-col items-center gap-1 px-1.5 pt-2", "aria-label": copy("workspaceApps"), children: [createTrigger, loading && apps.length === 0
+                    ? [0, 1, 2].map((index) => (_jsx(Skeleton, { className: "size-9 rounded-md" }, index)))
+                    : visibleApps.map((app) => (_jsx("button", { type: "button", "data-chat-first-app": true, "data-app-id": app.id, className: cn("flex size-9 items-center justify-center rounded-md transition-colors", activeAppId === app.id
+                            ? "bg-sidebar-accent text-sidebar-accent-foreground"
+                            : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"), onClick: () => onOpenApp(app), "aria-label": copy("openApp", { name: app.name }), title: app.name, children: renderIcon(app) }, app.id))), error ? (_jsx("span", { className: "size-1.5 rounded-full bg-destructive", title: error, "aria-label": error })) : null] }));
+    }
+    return (_jsxs("section", { "data-chat-first-apps-rail": true, className: "mt-3 px-2 pb-2 pt-2", "aria-label": copy("workspaceApps"), children: [_jsxs("div", { className: "mb-1 flex items-center gap-1.5 px-1 text-[11px] font-medium text-sidebar-foreground/50", children: [_jsx("span", { children: copy("workspaceApps") }), _jsx("span", { className: "ml-auto", children: createTrigger })] }), loading && apps.length === 0 ? (_jsx("div", { className: "space-y-0.5 px-1", children: [0, 1, 2].map((index) => (_jsx(Skeleton, { className: "h-7 w-full rounded-md" }, index))) })) : apps.length === 0 ? (_jsxs("div", { className: "px-1", children: [_jsx("p", { className: "text-xs text-sidebar-foreground/55", children: copy("noWorkspaceApps") }), createAppTrigger ? (createTrigger) : onCreateApp ? (_jsxs("button", { type: "button", className: "mt-1 inline-flex h-6 items-center gap-1.5 rounded-md border border-sidebar-border px-2 text-xs text-sidebar-foreground/75 hover:bg-sidebar-accent hover:text-sidebar-foreground", onClick: onCreateApp, children: [_jsx(IconPlus, { size: 13, "aria-hidden": "true" }), copy("createApp")] })) : (createTrigger)] })) : (_jsx(AppRows, { apps: visibleApps, activeAppId: activeAppId, layout: layout, onDragStart: setDraggedAppId, onDrop: reorderApps, onDragEnd: () => setDraggedAppId(null), onOpenApp: onOpenApp, onTogglePinned: togglePinned, onMove: moveApp, renderIcon: renderIcon, copy: copy })), hasMoreApps || showAllApps ? (_jsxs("button", { type: "button", className: "mt-0.5 flex h-6 w-full items-center gap-2 rounded-md px-2 text-xs text-sidebar-foreground/50 hover:bg-sidebar-accent hover:text-sidebar-foreground", onClick: () => setShowAllApps((value) => !value), children: [showAllApps ? (_jsx(IconChevronUp, { size: 14, "aria-hidden": "true" })) : (_jsx(IconChevronDown, { size: 14, "aria-hidden": "true" })), showAllApps ? copy("showLess") : copy("showMore")] })) : null, error ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "mt-1 flex items-center gap-1 px-1 text-[10px] text-destructive/80", onClick: onRetry, "aria-label": error, children: [_jsx("span", { className: "size-1.5 rounded-full bg-destructive" }), onRetry ? copy("retry") : copy("appsLoadError")] }) }), _jsx(TooltipContent, { side: "right", children: error })] })) : null] }));
+}

package/dist/client/chat-first/browser-pane.d.ts

@@ -0,0 +1,2 @@
+import type { ChatFirstBrowserPaneProps } from "./types.js";
+export declare function ChatFirstBrowserPane({ url, title, status, statusMessage, onClose, renderEmbed, copy, }: ChatFirstBrowserPaneProps): import("react").JSX.Element;

package/dist/client/chat-first/browser-pane.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconArrowLeft, IconArrowRight, IconExternalLink, IconRefresh, IconWorld, IconX, } from "@tabler/icons-react";
+import { useEffect, useState } from "react";
+import { resolveChatFirstBrowserTarget } from "../chat-first.js";
+import { defaultChatFirstCopy } from "./copy.js";
+export function ChatFirstBrowserPane({ url, title, status, statusMessage, onClose, renderEmbed, copy = defaultChatFirstCopy, }) {
+    const [currentUrl, setCurrentUrl] = useState(url);
+    const [draftUrl, setDraftUrl] = useState(url);
+    const [reloadKey, setReloadKey] = useState(0);
+    const [history, setHistory] = useState([url]);
+    const [historyIndex, setHistoryIndex] = useState(0);
+    const [navigationError, setNavigationError] = useState(null);
+    useEffect(() => {
+        setCurrentUrl(url);
+        setDraftUrl(url);
+        setHistory([url]);
+        setHistoryIndex(0);
+        setNavigationError(null);
+    }, [url]);
+    function navigate(event) {
+        event.preventDefault();
+        const target = resolveChatFirstBrowserTarget({ url: draftUrl });
+        if (target.status !== "ready") {
+            setNavigationError(copy("browserInvalidUrl"));
+            return;
+        }
+        const nextUrl = target.target.url;
+        setNavigationError(null);
+        setCurrentUrl(nextUrl);
+        setDraftUrl(nextUrl);
+        setHistory((current) => [...current.slice(0, historyIndex + 1), nextUrl]);
+        setHistoryIndex((index) => index + 1);
+        setReloadKey((key) => key + 1);
+    }
+    function goBack() {
+        if (historyIndex <= 0)
+            return;
+        const nextIndex = historyIndex - 1;
+        const nextUrl = history[nextIndex];
+        setHistoryIndex(nextIndex);
+        setCurrentUrl(nextUrl);
+        setDraftUrl(nextUrl);
+        setNavigationError(null);
+        setReloadKey((key) => key + 1);
+    }
+    function goForward() {
+        if (historyIndex >= history.length - 1)
+            return;
+        const nextIndex = historyIndex + 1;
+        const nextUrl = history[nextIndex];
+        setHistoryIndex(nextIndex);
+        setCurrentUrl(nextUrl);
+        setDraftUrl(nextUrl);
+        setNavigationError(null);
+        setReloadKey((key) => key + 1);
+    }
+    return (_jsxs("section", { "data-chat-first-browser-pane": true, className: "flex h-full min-h-0 w-full flex-col overflow-hidden bg-background", "aria-label": copy("surface.browser.label"), children: [_jsxs("header", { className: "flex h-12 shrink-0 items-center gap-1.5 border-b border-border bg-card px-2", children: [_jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [_jsx("button", { type: "button", disabled: historyIndex <= 0, onClick: goBack, "aria-label": copy("browserBack"), title: copy("browserBack"), className: "flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-35", children: _jsx(IconArrowLeft, { size: 15 }) }), _jsx("button", { type: "button", disabled: historyIndex >= history.length - 1, onClick: goForward, "aria-label": copy("browserForward"), title: copy("browserForward"), className: "flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-35", children: _jsx(IconArrowRight, { size: 15 }) }), _jsx("button", { type: "button", onClick: () => setReloadKey((key) => key + 1), "aria-label": copy("browserReload"), title: copy("browserReload"), className: "flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(IconRefresh, { size: 15 }) })] }), _jsxs("form", { className: "flex min-w-0 flex-1 items-center gap-1.5 rounded-md border border-input bg-background px-2", onSubmit: navigate, children: [_jsx(IconWorld, { size: 13, className: "shrink-0 text-muted-foreground", "aria-hidden": "true" }), _jsx("input", { value: draftUrl, onChange: (event) => setDraftUrl(event.target.value), "aria-label": copy("browserAddress"), spellCheck: false, className: "h-7 min-w-0 flex-1 bg-transparent text-xs text-foreground outline-none placeholder:text-muted-foreground" })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [title ? (_jsx("span", { className: "hidden max-w-28 truncate px-1 text-xs text-muted-foreground xl:block", title: title, children: title })) : null, _jsx("button", { type: "button", onClick: () => window.open(currentUrl, "_blank", "noopener,noreferrer"), "aria-label": copy("browserOpenExternal"), title: copy("browserOpenExternal"), className: "flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(IconExternalLink, { size: 15 }) }), _jsx("button", { type: "button", onClick: onClose, "aria-label": copy("browserClose"), title: copy("browserClose"), className: "flex size-7 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(IconX, { size: 15 }) })] })] }), navigationError ? (_jsx("p", { className: "border-b border-destructive/30 bg-destructive/10 px-3 py-1.5 text-xs text-destructive", role: "alert", children: navigationError })) : null, _jsx("div", { className: "relative min-h-0 flex-1 overflow-hidden", children: status === "starting" || status === "error" ? (_jsx("div", { className: "flex h-full items-center justify-center px-6 text-center", role: status === "error" ? "alert" : "status", "aria-live": "polite", children: _jsxs("div", { className: "max-w-xs space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: status === "starting"
+                                    ? copy("browserPreviewStarting")
+                                    : copy("browserPreviewError") }), statusMessage ? (_jsx("p", { className: "text-xs text-muted-foreground", children: statusMessage })) : null] }) })) : (renderEmbed({
+                    url: currentUrl,
+                    title: title || copy("browserPage"),
+                    key: `${currentUrl}:${reloadKey}`,
+                })) })] }));
+}

package/dist/client/chat-first/chat-history.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import { type ChatHistoryItem, type ChatHistoryListProps } from "../chat/ChatHistoryList.js";
+export interface ChatFirstChatHistoryProps extends Omit<ChatHistoryListProps, "items" | "sections" | "variant"> {
+    items: ChatHistoryItem[];
+    label?: ReactNode;
+}
+/**
+ * The single chat-list presentation used by the chat-first rail on every
+ * host. Hosts still own thread fetching and actions, but row rhythm and the
+ * Chats section treatment stay identical.
+ */
+export declare function ChatFirstChatHistory({ items, label, className, ...props }: ChatFirstChatHistoryProps): import("react").JSX.Element;

package/dist/client/chat-first/chat-history.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChatHistoryList, } from "../chat/ChatHistoryList.js";
+/**
+ * The single chat-list presentation used by the chat-first rail on every
+ * host. Hosts still own thread fetching and actions, but row rhythm and the
+ * Chats section treatment stay identical.
+ */
+export function ChatFirstChatHistory({ items, label = "Chats", className, ...props }) {
+    return (_jsxs("section", { "data-chat-first-chat-history": true, className: ["min-h-0 min-w-0", className].filter(Boolean).join(" "), children: [_jsx("p", { className: "mb-1 px-2 text-[11px] font-medium text-sidebar-foreground/50", children: label }), _jsx(ChatHistoryList, { ...props, items: items, variant: "rail", className: "min-w-0" })] }));
+}

package/dist/client/chat-first/copy.d.ts

@@ -0,0 +1,2 @@
+import type { ChatFirstCopy } from "./types.js";
+export declare const defaultChatFirstCopy: ChatFirstCopy;

package/dist/client/chat-first/copy.js

@@ -0,0 +1,117 @@
+const DEFAULT_COPY = {
+    newChat: "New chat",
+    search: "Search",
+    workspaceApps: "Apps",
+    integrations: "Integrations",
+    scheduled: "Scheduled",
+    createWorkspaceApp: "Create app",
+    openApp: "Open {name}",
+    appsLoadError: "Apps could not be loaded",
+    noWorkspaceApps: "No apps yet",
+    createApp: "Create app",
+    retry: "Retry",
+    dismiss: "Dismiss",
+    unpinApp: "Unpin {name}",
+    pinApp: "Pin {name}",
+    removePinned: "Remove from pinned apps",
+    pinTop: "Pin app to the top",
+    moveUp: "Move up",
+    moveDown: "Move down",
+    showMore: "Show more",
+    showLess: "Show less",
+    appOrderUnavailable: "App order could not be saved on this device.",
+    openSideSurfaces: "Open side surfaces",
+    sideSurfaces: "Side surfaces",
+    resizeSideSurface: "Resize side surface",
+    closeTab: "Close {name}",
+    close: "Close",
+    closeOthers: "Close others",
+    closeToRight: "Close to the right",
+    closeAll: "Close all",
+    deferred: "Deferred",
+    openActivity: "Open activity",
+    unavailable: "This surface is not available here.",
+    browserBack: "Back",
+    browserForward: "Forward",
+    browserReload: "Reload page",
+    browserAddress: "Browser address",
+    browserOpenExternal: "Open in external browser",
+    browserClose: "Close browser",
+    browserPage: "Browser page",
+    browserInvalidUrl: "Enter a full http(s) URL to navigate.",
+    browserPreviewStarting: "Starting preview…",
+    browserPreviewError: "Preview unavailable",
+    appUnavailable: "This workspace app is no longer available.",
+    appLoading: "Loading app",
+    agentActivityEyebrow: "Workspace",
+    agentActivityTitle: "Agent activity",
+    agentActivityDescription: "Follow runs and open a second session beside this chat.",
+    refreshAgentActivity: "Refresh agent activity",
+    noAgentSessions: "No agent sessions yet",
+    startAgentSession: "Start an agent run and it will appear here.",
+    watchSession: "Watch",
+    copySessionId: "Copy session ID",
+    copySessionIdFor: "Copy session ID for {name}",
+    sessionIdCopied: "Session ID copied",
+    sessionIdShort: "ID",
+    copied: "Copied",
+    agentActivityStatusQueued: "Queued",
+    agentActivityStatusRunning: "Running",
+    agentActivityStatusPaused: "Paused",
+    agentActivityStatusNeedsApproval: "Needs approval",
+    agentActivityStatusCompleted: "Completed",
+    agentActivityStatusErrored: "Needs attention",
+    agentActivityStatusRecent: "Recent",
+    agentActivityStatusUnknown: "Unknown",
+    watchingSession: "Watching {name}",
+    session: "session",
+    stopWatchingSession: "Stop watching session",
+    stopWatching: "Stop watching",
+    watchedSession: "Watched session",
+    agentsTitle: "Subagents",
+};
+const SURFACE_COPY = {
+    app: {
+        label: "App",
+        reason: "Open a workspace app beside the conversation.",
+    },
+    browser: {
+        label: "Browser",
+        reason: "Ask the agent to open a web URL.",
+    },
+    terminal: {
+        label: "Terminal",
+        reason: "Deferred: an embedded PTY lifecycle is not connected in this release.",
+    },
+    files: {
+        label: "Files",
+        reason: "Deferred: a bounded workspace tree is not connected in this release.",
+    },
+    diff: {
+        label: "Diff",
+        reason: "Deferred: changed-file data is not connected in this release.",
+    },
+    "side-chat": {
+        label: "Side chat",
+        reason: "Choose Watch and message from any chat row.",
+    },
+    agents: {
+        label: "Agents",
+        reason: "Review recent runs or watch one beside this conversation.",
+    },
+};
+function interpolate(value, values) {
+    if (!values)
+        return value;
+    return value.replace(/\{(\w+)\}/g, (_, key) => values[key] ?? "");
+}
+export const defaultChatFirstCopy = (key, values) => {
+    if (key.startsWith("surface.")) {
+        const [, kind, field] = key.split(".");
+        const surface = SURFACE_COPY[kind];
+        if (surface && (field === "label" || field === "reason")) {
+            return surface[field];
+        }
+    }
+    return interpolate(DEFAULT_COPY[key] ?? key, values);
+};

package/dist/client/chat-first/index.d.ts

@@ -0,0 +1,13 @@
+export { ChatFirstAgentsPane } from "./agents-pane.js";
+export { ChatFirstAppPane } from "./app-pane.js";
+export { ChatFirstAppsRail } from "./apps-rail.js";
+export { ChatFirstBrowserPane } from "./browser-pane.js";
+export { defaultChatFirstCopy } from "./copy.js";
+export { ChatFirstChatHistory, type ChatFirstChatHistoryProps, } from "./chat-history.js";
+export { ChatFirstSessionWatchPane } from "./session-watch-pane.js";
+export { ChatFirstSurfacePanel, type ChatFirstSurfacePanelProps, } from "./surface-panel.js";
+export { ChatFirstPrimaryNavigation } from "./primary-nav.js";
+export { emitChatFirstOpenApp, resolveChatFirstAppTarget, CHAT_FIRST_DEFAULT_APP_IDS, type ChatFirstOpenAppDetail, } from "../chat-first.js";
+export { buildChatFirstAppCreationPrompt, titleFromChatFirstAppPrompt, type ChatFirstAppCreationPromptInput, type ChatFirstAppCreationResource, type ChatFirstAppCreationVaultAccessMode, } from "../../shared/chat-first-app-creation.js";
+export { ChatFirstSurfaceContent, ChatFirstSurfaceTabs, } from "./surface-tabs.js";
+export type { ChatFirstAgentActivity, ChatFirstAgentsPaneProps, ChatFirstAppItem, ChatFirstAppPaneProps, ChatFirstAppRailProps, ChatFirstBrowserPaneProps, ChatFirstCopy, ChatFirstEmbedTarget, ChatFirstSessionWatchPaneProps, ChatFirstSurfaceTabsProps, } from "./types.js";

package/dist/client/chat-first/index.js

@@ -0,0 +1,12 @@
+export { ChatFirstAgentsPane } from "./agents-pane.js";
+export { ChatFirstAppPane } from "./app-pane.js";
+export { ChatFirstAppsRail } from "./apps-rail.js";
+export { ChatFirstBrowserPane } from "./browser-pane.js";
+export { defaultChatFirstCopy } from "./copy.js";
+export { ChatFirstChatHistory, } from "./chat-history.js";
+export { ChatFirstSessionWatchPane } from "./session-watch-pane.js";
+export { ChatFirstSurfacePanel, } from "./surface-panel.js";
+export { ChatFirstPrimaryNavigation } from "./primary-nav.js";
+export { emitChatFirstOpenApp, resolveChatFirstAppTarget, CHAT_FIRST_DEFAULT_APP_IDS, } from "../chat-first.js";
+export { buildChatFirstAppCreationPrompt, titleFromChatFirstAppPrompt, } from "../../shared/chat-first-app-creation.js";
+export { ChatFirstSurfaceContent, ChatFirstSurfaceTabs, } from "./surface-tabs.js";

package/dist/client/chat-first/primary-nav.d.ts

@@ -0,0 +1,8 @@
+import type { ChatFirstCopy } from "./types.js";
+export declare function ChatFirstPrimaryNavigation({ onNewChat, onOpenIntegrations, onOpenScheduled, onSearch, copy, }: {
+    onNewChat?: () => void;
+    onOpenIntegrations: () => void;
+    onOpenScheduled: () => void;
+    onSearch?: () => void;
+    copy?: ChatFirstCopy;
+}): import("react").JSX.Element;

package/dist/client/chat-first/primary-nav.js

@@ -0,0 +1,6 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconClock, IconPlus, IconPlugConnected, IconSearch, } from "@tabler/icons-react";
+import { defaultChatFirstCopy } from "./copy.js";
+export function ChatFirstPrimaryNavigation({ onNewChat, onOpenIntegrations, onOpenScheduled, onSearch, copy = defaultChatFirstCopy, }) {
+    return (_jsxs(_Fragment, { children: [onNewChat ? (_jsxs("button", { type: "button", className: "flex h-8 w-full items-center gap-2 rounded-md px-2 text-[13px] font-medium text-sidebar-foreground/80 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", onClick: onNewChat, children: [_jsx(IconPlus, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("newChat") })] })) : null, _jsxs("button", { type: "button", className: "flex h-8 w-full items-center gap-2 rounded-md px-2 text-[13px] font-medium text-sidebar-foreground/80 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", onClick: onOpenIntegrations, children: [_jsx(IconPlugConnected, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("integrations") })] }), _jsxs("button", { type: "button", className: "flex h-8 w-full items-center gap-2 rounded-md px-2 text-[13px] font-medium text-sidebar-foreground/80 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", onClick: onOpenScheduled, children: [_jsx(IconClock, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("scheduled") })] }), onSearch ? (_jsxs("button", { type: "button", className: "flex h-8 w-full items-center gap-2 rounded-md px-2 text-[13px] font-medium text-sidebar-foreground/80 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", onClick: onSearch, children: [_jsx(IconSearch, { size: 15, className: "shrink-0", "aria-hidden": "true" }), _jsx("span", { children: copy("search") })] })) : null] }));
+}

package/dist/client/chat-first/session-watch-pane.d.ts

@@ -0,0 +1,2 @@
+import type { ChatFirstSessionWatchPaneProps } from "./types.js";
+export declare function ChatFirstSessionWatchPane({ target, onClose, renderChat, copy, }: ChatFirstSessionWatchPaneProps): import("react").JSX.Element | null;

package/dist/client/chat-first/session-watch-pane.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconEye, IconX } from "@tabler/icons-react";
+import { defaultChatFirstCopy } from "./copy.js";
+export function ChatFirstSessionWatchPane({ target, onClose, renderChat, copy = defaultChatFirstCopy, }) {
+    if (!target)
+        return null;
+    const sessionName = target.title || copy("session");
+    return (_jsxs("section", { "data-chat-first-watch-pane": true, className: "flex h-full min-h-0 w-full flex-col overflow-hidden bg-background", "aria-label": copy("watchedSession"), children: [_jsxs("header", { className: "flex h-12 shrink-0 items-center gap-2 border-b border-border bg-card px-3", children: [_jsx(IconEye, { size: 16, className: "shrink-0 text-primary", "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-xs font-semibold text-foreground", children: copy("watchingSession", { name: sessionName }) }), _jsx("p", { className: "truncate font-mono text-[10px] text-muted-foreground", children: target.sessionId })] }), _jsx("button", { type: "button", className: "flex size-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground", "aria-label": copy("stopWatchingSession"), title: copy("stopWatching"), onClick: onClose, children: _jsx(IconX, { size: 16, "aria-hidden": "true" }) })] }), _jsx("div", { className: "min-h-0 flex-1", children: renderChat(target) })] }));
+}

package/dist/client/chat-first/surface-panel.d.ts

@@ -0,0 +1,9 @@
+import type { PointerEvent, ReactNode } from "react";
+import type { ChatFirstCopy } from "./types.js";
+export interface ChatFirstSurfacePanelProps {
+    width: number;
+    onResizePointerDown: (event: PointerEvent<HTMLDivElement>) => void;
+    children: ReactNode;
+    copy?: ChatFirstCopy;
+}
+export declare function ChatFirstSurfacePanel({ width, onResizePointerDown, children, copy, }: ChatFirstSurfacePanelProps): import("react").JSX.Element;

package/dist/client/chat-first/surface-panel.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { clampChatFirstSurfaceWidth } from "../chat-first.js";
+import { defaultChatFirstCopy } from "./copy.js";
+export function ChatFirstSurfacePanel({ width, onResizePointerDown, children, copy = defaultChatFirstCopy, }) {
+    const panelWidth = clampChatFirstSurfaceWidth(width);
+    return (_jsxs("aside", { "data-chat-first-surface-panel": true, "aria-label": copy("sideSurfaces"), className: "chat-first-surface-panel relative flex h-full w-[var(--chat-first-surface-width)] min-w-0 shrink-0 flex-col overflow-hidden border-s border-border bg-background max-[767px]:absolute max-[767px]:inset-0 max-[767px]:z-10 max-[767px]:w-full max-[767px]:min-w-0", style: {
+            "--chat-first-surface-width": `${panelWidth}px`,
+        }, children: [_jsx("div", { className: "chat-first-surface-resize-handle absolute inset-y-0 -start-1 z-[3] w-2 cursor-col-resize hover:bg-ring/35 max-[767px]:hidden", role: "separator", "aria-label": copy("resizeSideSurface"), "aria-orientation": "vertical", onPointerDown: onResizePointerDown }), children] }));
+}

package/dist/client/chat-first/surface-tabs.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import { type ChatFirstSurfaceTab } from "../chat-first.js";
+import type { ChatFirstSurfaceTabsProps } from "./types.js";
+export declare function ChatFirstSurfaceTabs({ tabs, activeTabId, onActivate, onClose, onCloseOthers, onCloseToRight, onCloseAll, onOpenSurface, copy, }: ChatFirstSurfaceTabsProps): import("react").JSX.Element;
+export declare function ChatFirstSurfaceContent({ tabs, activeTabId, renderTab, }: {
+    tabs: readonly ChatFirstSurfaceTab[];
+    activeTabId: string | null;
+    renderTab: (tab: ChatFirstSurfaceTab) => ReactNode;
+}): import("react").JSX.Element;

package/dist/client/chat-first/surface-tabs.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@agent-native/toolkit/ui";
+import { IconFiles, IconGitCompare, IconMessageCircle, IconTerminal2, IconUsersGroup, IconWorld, IconX, } from "@tabler/icons-react";
+import { CHAT_FIRST_SURFACE_CATALOG, } from "../chat-first.js";
+import { cn } from "../utils.js";
+import { defaultChatFirstCopy } from "./copy.js";
+const ICONS = {
+    app: IconFiles,
+    browser: IconWorld,
+    terminal: IconTerminal2,
+    diff: IconGitCompare,
+    files: IconFiles,
+    "side-chat": IconMessageCircle,
+    agents: IconUsersGroup,
+};
+function SurfaceIcon({ kind }) {
+    const Icon = ICONS[kind];
+    return _jsx(Icon, { size: 14, "aria-hidden": "true" });
+}
+export function ChatFirstSurfaceTabs({ tabs, activeTabId, onActivate, onClose, onCloseOthers, onCloseToRight, onCloseAll, onOpenSurface, copy = defaultChatFirstCopy, }) {
+    return (_jsx(TooltipProvider, { delayDuration: 400, children: _jsx("div", { "data-chat-first-surface-tabs": true, className: "shrink-0 border-b border-border bg-card", children: tabs.length > 0 ? (_jsx("div", { className: "flex min-w-0 items-center gap-1 overflow-x-auto px-2 py-1.5", role: "tablist", "aria-label": copy("openSideSurfaces"), children: tabs.map((tab, index) => (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsxs("div", { role: "tab", tabIndex: activeTabId === tab.id ? 0 : -1, "aria-selected": activeTabId === tab.id, "data-surface-tab-id": tab.id, "data-active": activeTabId === tab.id ? "true" : "false", className: cn("group flex h-8 min-w-0 max-w-48 shrink-0 items-center rounded-md text-xs transition-colors", activeTabId === tab.id
+                                    ? "bg-accent text-foreground"
+                                    : "text-muted-foreground hover:bg-accent hover:text-foreground"), onKeyDown: (event) => {
+                                    const nextIndex = event.key === "ArrowRight"
+                                        ? (index + 1) % tabs.length
+                                        : event.key === "ArrowLeft"
+                                            ? (index - 1 + tabs.length) % tabs.length
+                                            : event.key === "Home"
+                                                ? 0
+                                                : event.key === "End"
+                                                    ? tabs.length - 1
+                                                    : -1;
+                                    if (nextIndex < 0)
+                                        return;
+                                    event.preventDefault();
+                                    onActivate(tabs[nextIndex]);
+                                    requestAnimationFrame(() => {
+                                        document
+                                            .querySelector(`[data-chat-first-surface-tab-id="${CSS.escape(tabs[nextIndex].id)}"]`)
+                                            ?.focus();
+                                    });
+                                }, "data-chat-first-surface-tab-id": tab.id, onMouseDown: (event) => {
+                                    if (event.button === 1) {
+                                        event.preventDefault();
+                                        onClose(tab);
+                                    }
+                                }, title: tab.title, children: [_jsxs("button", { type: "button", className: "flex min-w-0 flex-1 items-center gap-1.5 truncate px-2 text-start", onClick: () => onActivate(tab), tabIndex: -1, children: [_jsx(SurfaceIcon, { kind: tab.kind }), _jsx("span", { className: "truncate", children: tab.title })] }), _jsx("button", { type: "button", className: "mr-1 flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground/65 opacity-0 transition-opacity hover:bg-background/70 hover:text-foreground group-hover:opacity-100 focus-visible:opacity-100", "aria-label": copy("closeTab", { name: tab.title }), title: copy("closeTab", { name: tab.title }), onClick: (event) => {
+                                            event.stopPropagation();
+                                            onClose(tab);
+                                        }, children: _jsx(IconX, { size: 12, "aria-hidden": "true" }) })] }) }), _jsxs(ContextMenuContent, { children: [_jsx(ContextMenuItem, { onSelect: () => onClose(tab), children: copy("close") }), _jsx(ContextMenuItem, { disabled: tabs.length < 2, onSelect: () => onCloseOthers(tab), children: copy("closeOthers") }), _jsx(ContextMenuItem, { disabled: tabs[tabs.length - 1]?.id === tab.id, onSelect: () => onCloseToRight(tab), children: copy("closeToRight") }), _jsx(ContextMenuSeparator, {}), _jsx(ContextMenuItem, { onSelect: onCloseAll, children: copy("closeAll") })] })] }, tab.id))) })) : (_jsx("div", { className: "flex flex-col px-2 py-1", "data-surface-empty-state": true, "aria-label": copy("openSideSurfaces"), children: CHAT_FIRST_SURFACE_CATALOG.map((surface) => {
+                    const label = copy(`surface.${surface.kind}.label`);
+                    const reason = surface.availability === "deferred"
+                        ? copy(`surface.${surface.kind}.reason`)
+                        : copy(`surface.${surface.kind}.reason`);
+                    const isDeferred = surface.availability === "deferred";
+                    const row = (_jsxs("div", { className: cn("flex h-7 min-w-0 items-center gap-2 rounded px-2 text-xs transition-colors", surface.kind === "agents" && onOpenSurface
+                            ? "text-foreground hover:bg-accent"
+                            : isDeferred
+                                ? "text-muted-foreground/60"
+                                : "text-muted-foreground hover:bg-accent hover:text-foreground"), title: !isDeferred ? reason : undefined, "aria-label": `${label}: ${reason}`, children: [_jsx(SurfaceIcon, { kind: surface.kind }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: label }), isDeferred ? (_jsx("span", { "data-surface-availability": "deferred", className: "size-1.5 shrink-0 rounded-full bg-muted-foreground/45", "aria-label": copy("deferred") })) : null] }));
+                    if (surface.kind === "agents" && onOpenSurface) {
+                        return (_jsx("button", { type: "button", className: "text-start", title: copy("openActivity"), "aria-label": copy("openActivity"), onClick: () => onOpenSurface(surface.kind), children: row }, surface.kind));
+                    }
+                    if (!isDeferred)
+                        return _jsx("div", { children: row }, surface.kind);
+                    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: "text-start", children: row }) }), _jsx(TooltipContent, { side: "left", className: "max-w-72", children: reason })] }, surface.kind));
+                }) })) }) }));
+}
+export function ChatFirstSurfaceContent({ tabs, activeTabId, renderTab, }) {
+    return (_jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: tabs.map((tab) => {
+            const active = tab.id === activeTabId;
+            return (_jsx("div", { "data-chat-first-surface-content": tab.id, "aria-hidden": !active, className: cn("h-full min-h-0", !active && "hidden"), children: renderTab(tab) }, tab.id));
+        }) }));
+}

package/dist/client/chat-first/types.d.ts

@@ -0,0 +1,74 @@
+import type { ReactNode } from "react";
+import type { ChatFirstAgentActivity, ChatFirstAppLayoutPreference, ChatFirstSessionReference, ChatFirstSurfaceKind, ChatFirstSurfaceTab } from "../chat-first.js";
+export type { ChatFirstAgentActivity, ChatFirstSurfaceTab };
+export interface ChatFirstAppItem {
+    id: string;
+    name: string;
+    icon?: string;
+    color?: string;
+}
+export type ChatFirstCopy = (key: string, values?: Record<string, string>) => string;
+export interface ChatFirstEmbedTarget {
+    url: string;
+    title?: string;
+    key?: string | number;
+}
+export interface ChatFirstAppPaneProps {
+    app: ChatFirstAppItem | null;
+    status: "loading" | "ready" | "unresolved" | "error";
+    embedUrl?: string | null;
+    errorMessage?: string | null;
+    onRetry?: () => void;
+    renderEmbed: (target: ChatFirstEmbedTarget) => ReactNode;
+    copy?: ChatFirstCopy;
+}
+export interface ChatFirstSurfaceTabsProps {
+    tabs: ChatFirstSurfaceTab[];
+    activeTabId: string | null;
+    onActivate: (tab: ChatFirstSurfaceTab) => void;
+    onClose: (tab: ChatFirstSurfaceTab) => void;
+    onCloseOthers: (tab: ChatFirstSurfaceTab) => void;
+    onCloseToRight: (tab: ChatFirstSurfaceTab) => void;
+    onCloseAll: () => void;
+    onOpenSurface?: (kind: ChatFirstSurfaceKind) => void;
+    copy?: ChatFirstCopy;
+}
+export interface ChatFirstAppRailProps {
+    apps: readonly ChatFirstAppItem[];
+    activeAppId?: string;
+    loading?: boolean;
+    error?: string | null;
+    collapsed?: boolean;
+    layout?: ChatFirstAppLayoutPreference;
+    onLayoutChange?: (layout: ChatFirstAppLayoutPreference) => void;
+    onLayoutError?: (reason: "unavailable" | "write-failed") => void;
+    onRetry?: () => void;
+    onOpenApp: (app: ChatFirstAppItem) => void;
+    onCreateApp?: () => void;
+    createAppTrigger?: ReactNode;
+    renderIcon: (app: ChatFirstAppItem) => ReactNode;
+    copy?: ChatFirstCopy;
+}
+export interface ChatFirstBrowserPaneProps {
+    url: string;
+    title?: string;
+    status?: "starting" | "ready" | "error";
+    statusMessage?: string;
+    onClose: () => void;
+    renderEmbed: (target: ChatFirstEmbedTarget) => ReactNode;
+    copy?: ChatFirstCopy;
+}
+export interface ChatFirstSessionWatchPaneProps {
+    target: ChatFirstSessionReference | null;
+    onClose: () => void;
+    renderChat: (target: ChatFirstSessionReference) => ReactNode;
+    copy?: ChatFirstCopy;
+}
+export interface ChatFirstAgentsPaneProps {
+    activities: readonly ChatFirstAgentActivity[];
+    loading?: boolean;
+    error?: string | null;
+    onRefresh?: () => void;
+    onWatch: (activity: ChatFirstAgentActivity) => void;
+    copy?: ChatFirstCopy;
+}

package/dist/client/chat-first/types.js

@@ -0,0 +1 @@
+export {};

package/dist/client/chat-first-agent-activity.d.ts

@@ -0,0 +1,11 @@
+import type { ChatFirstAgentActivity } from "./chat-first.js";
+import type { ChatFirstCopy } from "./chat-first/types.js";
+export interface ChatFirstAgentActivityPanelProps {
+    activities: readonly ChatFirstAgentActivity[];
+    loading?: boolean;
+    error?: string | null;
+    onRefresh?: () => void;
+    onWatch?: (activity: ChatFirstAgentActivity) => void;
+    copy?: ChatFirstCopy;
+}
+export declare function ChatFirstAgentActivityPanel({ activities, loading, error, onRefresh, onWatch, copy, }: ChatFirstAgentActivityPanelProps): import("react").JSX.Element;