@agimon-ai/po-template-advanced 0.0.0-alpha.63 → 0.0.0-alpha.65

package/dist/extensions/web.mjs

@@ -1,9 +1,9 @@
 import { defineWebPlugin, defineWebTemplate } from "@agimon-ai/po-core/web";
 import { DEFAULT_REPOSITORY_SETTINGS_SECTION, DEFAULT_SETTINGS_SECTION, DashboardRendererProvider, HOST_SLOTS, discoverWorkspaceAdmission, findTransientTab, pluginActivityGroups, refreshWebPluginCompositions, sessionsStore, setDockOpen, settingsSection, transientTabsStore, uiStore, updateWorkspaceAdmission, useActiveSession, useActiveSessionMeta, useDashboardRoute, useDashboardState, useNoSessions, usePluginSlotProps, useSessionMcp, useWebPluginRegistry, watchDashboardTranscript, webTabs, workspaceAdmissionStore, workspacesStore } from "@agimon-ai/po-web-dashboard";
-import { ActivityDock, AppearanceSettings, CommandPalette, Composer, ContributedSettings, DialogOverlay, ImageSettings, NotificationSettings, PairingApprovalDialog, PluginPage, PluginSettings, PluginSurface, ProviderSettings, RefusedCard, RemoteAccessDialog, RemoteControlSettings, RepositoryWorkspace, SelectionBar, SessionActivity, SessionMcp, SessionRailDialogs, SessionTranscriptView, SettingsMenu, SettingsPanelHost, ThreadView, Timeline, TopBar, WelcomePanel, useSessionRail } from "@agimon-ai/po-web-dashboard/views";
+import { ActivityDock, AppearanceSettings, CommandPalette, Composer, ContributedSettings, DialogOverlay, HomePage, ImageSettings, NotificationSettings, PairingApprovalDialog, PluginPage, PluginSettings, PluginSurface, ProviderSettings, RefusedCard, RemoteAccessDialog, RemoteControlSettings, RepositoryWorkspace, SelectionBar, SessionActivity, SessionMcp, SessionRailDialogs, SessionTranscriptView, SettingsMenu, SettingsPanelHost, ThreadView, Timeline, TopBar, WelcomePanel, useSessionRail } from "@agimon-ai/po-web-dashboard/views";
 import { useStore } from "@tanstack/react-store";
 import { memo, useEffect, useId, useRef, useState } from "react";
-import { ActivityIcon, AlertIcon, ArrowLeftIcon, Avatar, AvatarFallback, AvatarImage, Badge, BranchIcon, Button, Checkbox, ChevronUpIcon, CloseIcon, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Dot, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, EditIcon, FolderIcon, ForkIcon, GearIcon, Input, Kbd, KebabIcon, LiveDuration, LoaderIcon, NavTab, OptionRow, PlusIcon, ShieldIcon, Textarea, TrashIcon, UsersIcon, cn } from "@agimon-ai/po-web-components";
+import { ActivityIcon, AlertIcon, ArrowLeftIcon, Avatar, AvatarFallback, AvatarImage, Badge, BranchIcon, Button, Checkbox, ChevronUpIcon, CloseIcon, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Dot, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, EditIcon, FolderIcon, ForkIcon, GearIcon, HomeIcon, Input, Kbd, KebabIcon, LiveDuration, LoaderIcon, NavTab, OptionRow, PlusIcon, ShieldIcon, Textarea, TrashIcon, UsersIcon, cn } from "@agimon-ai/po-web-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Link, useNavigate } from "@tanstack/react-router";
 //#region src/extensions/(frontend)/template/_components/AdvancedFolderBrowser.tsx
@@ -1314,6 +1314,21 @@ function AdvancedRail({ rail, onClose }) {
 					})]
 				})]
 			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "px-3 pt-4",
+				children: /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					size: "lg",
+					"data-testid": "home-open",
+					"aria-current": rail.homeActive ? "page" : void 0,
+					onClick: actions.openHome,
+					className: rail.homeActive ? "w-full justify-start gap-2.5 border border-po-edge-green bg-po-tint-green px-2 text-po-hi" : "w-full justify-start gap-2.5 border border-transparent px-2 text-po-text",
+					children: [/* @__PURE__ */ jsx(HomeIcon, {
+						"aria-hidden": "true",
+						className: rail.homeActive ? "size-5 text-po-green" : "size-5 text-po-dim"
+					}), "Home"]
+				})
+			}),
 			rail.pluginContent,
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center justify-between px-5 pt-4 pb-2",
@@ -1497,7 +1512,7 @@ function AdvancedConversation() {
 	const dockOpen = useStore(uiStore, (state) => state.dockOpen);
 	const [railOpen, setRailOpen] = useState(false);
 	const [mobileActivityOpen, setMobileActivityOpen] = useState(false);
-	const { sessionId, tabId, pageId } = useDashboardRoute();
+	const { kind, sessionId, tabId, pageId } = useDashboardRoute();
 	const slotProps = usePluginSlotProps(sessionId ?? null);
 	const sessionWorkspaceId = useStore(sessionsStore, (state) => sessionId === void 0 ? void 0 : state.byId[sessionId]?.summary.workspaceId);
 	const selectedWorkspaceId = useStore(workspacesStore, (state) => state.selectedId);
@@ -1518,7 +1533,7 @@ function AdvancedConversation() {
 	const transientTab = storedTransientTab === void 0 ? void 0 : pluginActivityGroups(sessionId ?? null).map((group) => group.transientTab?.()).find((candidate) => candidate?.id === storedTransientTab.id) ?? storedTransientTab;
 	const tab = (tabId === void 0 ? void 0 : webTabs(sessionId ?? null).find((entry) => entry.id === tabId)) ?? transientTab;
 	const composerContext = tab === transientTab ? transientTab?.composerContext : void 0;
-	const routeKey = `${sessionId ?? ""}\u0000${tabId ?? ""}\u0000${pageId ?? ""}`;
+	const routeKey = `${kind}\u0000${sessionId ?? ""}\u0000${tabId ?? ""}\u0000${pageId ?? ""}`;
 	const [lastRouteKey, setLastRouteKey] = useState(routeKey);
 	if (lastRouteKey !== routeKey) {
 		setLastRouteKey(routeKey);
@@ -1537,11 +1552,11 @@ function AdvancedConversation() {
 		if (mobileActivityOpen) setMobileActivityOpen(false);
 		else setDockOpen(false);
 	};
-	const page = pageId === void 0 ? null : /* @__PURE__ */ jsx(PluginPage, {
+	const page = pageId !== void 0 ? /* @__PURE__ */ jsx(PluginPage, {
 		pageId,
 		sessionId: null,
 		onShowSessions: () => setRailOpen(true)
-	});
+	}) : kind === "home" && !noSessions ? /* @__PURE__ */ jsx(HomePage, { onShowSessions: () => setRailOpen(true) }) : null;
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "cockpit",
 		className: "h-full min-w-0 overflow-hidden",