@kortix/ui 0.14.8 → 0.14.10

package/dist/workspace/session-workspace.js

@@ -4,13 +4,13 @@ import { Drawer, DrawerContent } from '../primitives/drawer.js';
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../primitives/resizable.js';
 import { BrowserPanel } from '../browser/browser-panel.js';
 import { SessionDetailPanel } from '../session/panel/session-detail-panel.js';
+import { SessionOutcomesBridge } from '../session/outcomes/session-outcomes-bridge.js';
 import { SessionPanelProvider } from '../session/panel/session-panel-provider.js';
 import { MobileToolDrawer } from '../session/panel/mobile-tool-drawer.js';
 import { ProviderPoolDraftBoundary } from '../session/overrides/provider-pool-draft-context.js';
 import { SessionAuditPanel } from '../session/panel/session-audit-panel.js';
 import { SessionFilesExplorer } from '../session/panel/session-files-explorer.js';
 import { PanelHeaderSwitcher } from '../session/panel/session-panel-header.js';
-import { SessionStartingLoader } from '../session/status/session-starting-loader.js';
 import { SessionTerminalPanel } from '../terminal/session-terminal-panel.js';
 import { SessionWallpaperLayerContext } from '../session/panel/session-wallpaper-layer.js';
 import { useSessionPanelLayout } from '../session/panel/use-session-panel-layout.js';
@@ -41,14 +41,14 @@ export const SessionLayout = memo(function SessionLayout({ sessionId, projectId,
         sessionId,
         projectId,
         projectSessionId,
-        isEasy,
+        // Boot draws the Easy body (the detail shell, gated inside on `booting`)
+        // whatever the mode: Advanced's tabs mount the PTY, browser and explorer.
+        isEasy: isEasy || booting,
         effectiveView,
     });
     const surfaces = useSessionPanelSurfaces({
         sessionId,
-        projectId,
-        projectSessionId,
-        bootStage,
+        booting,
         isEasy,
         effectiveView,
         auditPendingCount,
@@ -59,6 +59,7 @@ export const SessionLayout = memo(function SessionLayout({ sessionId, projectId,
         sessionId,
         projectId,
         projectSessionId,
+        booting,
         ...panels,
         isSessionBusy,
         effectiveView,
@@ -97,8 +98,7 @@ function useSessionPanelSplitState() {
     const shouldShowPanel = isSidePanelOpen;
     return { isSidePanelOpen, isExpanded, panelSplit, panelAspect, shouldShowPanel };
 }
-function useSessionPanelSurfaces({ sessionId, projectId, projectSessionId, bootStage, isEasy, effectiveView, auditPendingCount, togglePanelMode, panelBody, }) {
-    const booting = !!bootStage;
+function useSessionPanelSurfaces({ sessionId, booting, isEasy, effectiveView, auditPendingCount, togglePanelMode, panelBody, }) {
     const isSidePanelOpen = useKortixComputerStore((s) => s.isSidePanelOpen);
     const setIsSidePanelOpen = useKortixComputerStore((s) => s.setIsSidePanelOpen);
     const setPanelView = useSessionBrowserStore((s) => s.setView);
@@ -106,10 +106,12 @@ function useSessionPanelSurfaces({ sessionId, projectId, projectSessionId, bootS
         setIsSidePanelOpen(!isSidePanelOpen);
     }, [isSidePanelOpen, setIsSidePanelOpen]);
     const panelHeader = (_jsx(PanelHeaderSwitcher, { view: effectiveView, onChangeView: (v) => setPanelView(sessionId, v), isSidePanelOpen: isSidePanelOpen, onTogglePanel: handleTogglePanel, auditBadge: auditPendingCount, onToggleMode: togglePanelMode }));
-    // While booting, the panel is JUST the wake status — empty unless the wake
-    // needs attention, and then dead-center in the card — with no header bar.
-    // The runtime-coupled views (Actions/Files/Terminal/Browser) need a
-    // live sandbox, so they only render once booted.
+    // While booting there is no header bar. The body is the same `panelBody`
+    // tree as when ready, so the boot→ready flip never remounts the detail shell;
+    // `SessionDetailPanel` reads `booting` from the provider: a Terminal/Browser/
+    // Files card wears its real chrome over the wake status, and with no card
+    // open the panel is the wake status alone. The runtime-coupled bodies (PTY,
+    // preview frame, file listing) mount only once booted.
     //
     // Easy mode has no header either: it is the three cards and nothing else. No
     // title, no view tabs, no mode button, no border. The mode is switched from
@@ -119,7 +121,7 @@ function useSessionPanelSurfaces({ sessionId, projectId, projectSessionId, bootS
     // own close DISCARDS the detail (it is done with), while ⌘I only puts it
     // away — press it again and the same detail comes back.
     const effectivePanelHeader = booting || isEasy ? null : panelHeader;
-    const effectivePanelBody = booting ? (_jsx(SessionStartingLoader, { projectId: projectId, sessionId: projectSessionId })) : (panelBody);
+    const effectivePanelBody = panelBody;
     return { effectivePanelHeader, effectivePanelBody };
 }
 function useSessionPanelBody({ sessionId, projectId, projectSessionId, isEasy, effectiveView, }) {
@@ -145,7 +147,7 @@ function useSessionPanelBody({ sessionId, projectId, projectSessionId, isEasy, e
 // inside `children` (the chat, in the main resizable panel) and every detail
 // renders in the side panel, and a card row clicked in one opens a detail in
 // the other. See `session-panel-provider.tsx`.
-const withPanelProvider = ({ sessionId, projectId, projectSessionId, isSessionBusy, }, node) => (_jsx(ProviderPoolDraftBoundary, { identity: `${projectId}/${projectSessionId ?? sessionId}`, children: _jsx(SessionPanelProvider, { sessionId: sessionId, isSessionBusy: isSessionBusy, projectId: projectId, projectSessionId: projectSessionId, children: node }) }));
+const withPanelProvider = ({ sessionId, projectId, projectSessionId, isSessionBusy, booting, }, node) => (_jsx(ProviderPoolDraftBoundary, { identity: `${projectId}/${projectSessionId ?? sessionId}`, children: _jsx(SessionPanelProvider, { sessionId: sessionId, isSessionBusy: isSessionBusy, projectId: projectId, projectSessionId: projectSessionId, booting: booting, children: _jsx(SessionOutcomesBridge, { children: node }, `${projectId}/${projectSessionId ?? sessionId}`) }) }));
 function MobileSessionLayout({ panel, children }) {
     const { sessionId, projectId, projectSessionId, effectivePanelHeader, effectivePanelBody } = panel;
     const isSidePanelOpen = useKortixComputerStore((s) => s.isSidePanelOpen);

package/dist/workspace/sessions/project-sessions-view.js

@@ -26,7 +26,7 @@ import { cn } from '../../internal/lib/utils.js';
 import { selectExpandedIds, useSessionExpandedStore, } from '../../internal/stores/session-expanded-store.js';
 import { selectCollapsedSections, selectGroupMode, selectHiddenSections, selectOrderMode, selectSourceFilters, selectLabelFilters, selectAccessFilters, selectOwnerFilters, selectStatusFilters, useSessionFilterStore, } from '../../internal/stores/session-filter-store.js';
 import { deleteProjectSession, restartProjectSession, setSessionArchived, stopProjectSession, } from '@kortix/sdk';
-import { qk, removeCachedProjectSession, useProjectSessions, useSessionChildren, } from '@kortix/sdk/react';
+import { qk, removeCachedProjectSession, useFeatureFlag, useProjectSessions, useSessionChildren, } from '@kortix/sdk/react';
 import { CaretRightIcon, MagnifyingGlassIcon } from '@phosphor-icons/react';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { format, formatDistanceToNowStrict } from 'date-fns';
@@ -140,6 +140,7 @@ export function ProjectSessionsView({ projectId }) {
     const router = useUiRouter();
     const pathname = useUiPathname();
     const searchParams = useUiSearchParams();
+    const channelsOn = useFeatureFlag(projectId, 'project_channels').enabled;
     const [search, setSearch] = useState('');
     // `?view=archived` opens the archive, `?view=deleted` Recently deleted (the
     // sidebar menu's links).
@@ -533,7 +534,7 @@ export function ProjectSessionsView({ projectId }) {
                             deleted: session.deleted_at ? formatTimestamp(session.deleted_at).exact : null,
                         } })) : null }), childrenOpen ? (_jsx(SessionChildrenRows, { projectId: projectId, parentId: session.session_id, q: searching && session.search_match === 'child' ? searchQuery : undefined, renderRow: (child) => renderRow(child) })) : null] }, session.session_id));
     };
-    const header = selectMode ? (_jsx(SessionsSelectionBar, { selectedCount: selectedCount, selectableCount: selectableSessions.length, allSelected: allSelected, onSelectAll: () => setSelected(new Set(selectableSessions.map((session) => session.session_id))), onClearSelection: () => setSelected(new Set()), onExit: exitSelectMode, onDelete: () => setBulkConfirmOpen(true), deleting: bulkDeleteMutation.isPending, onArchive: () => bulkArchiveMutation.mutate({ sessionIds: [...visibleSelection], archived: !archivedTab }), archiveLabel: tPinArchive(archivedTab ? 'bulkUnarchive' : 'bulkArchive'), archiving: bulkArchiveMutation.isPending })) : (_jsx(SessionsToolbar, { projectId: projectId, sessions: sessions, reviewCountBySession: needsYouBySession, search: search, onSearchChange: setSearch, searchOpen: searchOpen, onSearchOpenChange: setSearchOpen, onEnterSelectMode: () => setSelectMode(true), creatingSession: creatingSession, canSelect: sessions.length > 0 && !deletedTab }));
+    const header = selectMode ? (_jsx(SessionsSelectionBar, { selectedCount: selectedCount, selectableCount: selectableSessions.length, allSelected: allSelected, onSelectAll: () => setSelected(new Set(selectableSessions.map((session) => session.session_id))), onClearSelection: () => setSelected(new Set()), onExit: exitSelectMode, onDelete: () => setBulkConfirmOpen(true), deleting: bulkDeleteMutation.isPending, onArchive: () => bulkArchiveMutation.mutate({ sessionIds: [...visibleSelection], archived: !archivedTab }), archiveLabel: tPinArchive(archivedTab ? 'bulkUnarchive' : 'bulkArchive'), archiving: bulkArchiveMutation.isPending })) : (_jsx(SessionsToolbar, { projectId: projectId, sessions: sessions, reviewCountBySession: needsYouBySession, search: search, onSearchChange: setSearch, searchOpen: searchOpen, onSearchOpenChange: setSearchOpen, onEnterSelectMode: () => setSelectMode(true), creatingSession: creatingSession, canSelect: sessions.length > 0 && !deletedTab, showNewSession: !channelsOn }));
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative flex h-full min-h-0 flex-col overflow-hidden", children: [_jsx(SidebarToggle, { placement: "floating" }), _jsxs("header", { className: cn('mx-auto w-full max-w-4xl shrink-0 px-4 pt-10 pb-5 lg:pt-20', 'flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between'), children: [_jsx("div", { className: "space-y-1", children: _jsx("h2", { className: "text-foreground text-xl font-medium", children: tI18nComplete.raw('text6fa3cbf451b2') }) }), _jsx("div", { className: "mt-2 shrink-0 sm:mt-0", children: header })] }), _jsxs("div", { className: cn('mx-auto flex min-h-0 w-full max-w-4xl flex-1 flex-col px-4 pb-4'), children: [_jsx(Tabs, { value: startedBy, onValueChange: (value) => selectTab(value), className: "shrink-0", children: _jsxs(TabsListCompact, { "aria-label": tSidebar('startedBy.label'), children: [STARTED_BY_FILTERS.map((value) => (_jsx(TabsTriggerCompact, { value: value, children: tSidebar(`startedBy.${value}`) }, value))), _jsx(TabsTriggerCompact, { value: "archived", children: tPinArchive('view') }), _jsx(TabsTriggerCompact, { value: "deleted", children: tDeleted('view') })] }) }), listState === 'loading' ? (_jsx(SessionListSkeleton, {})) : listState === 'error' ? (_jsx(ErrorState, { size: "sm", title: tI18nComplete.raw('textb6d85433a7ee'), description: sessionsQuery.error instanceof Error ? sessionsQuery.error.message : undefined, action: _jsx(Button, { variant: "outline", size: "sm", onClick: () => sessionsQuery.refetch(), children: tI18nComplete.raw('text942087cc2d41') }) })) : listState === 'more' ? (
                             // No row the viewer can see on the pages read so far, and more
                             // pages exist (KRTX-1727): offer them, never "No sessions yet".

package/dist/workspace/sessions/session-label-badges.js

@@ -4,7 +4,8 @@ import { Badge } from '../../primitives/badge.js';
 import { cn } from '../../internal/lib/utils.js';
 /** A session's labels as outline badges: the first `max`, then `+N` with the rest in its title. */
 export function SessionLabelBadges({ session, max = 3, className, }) {
-    const labels = session.labels ?? [];
+    // `artifact:<id>` ties an artifact's Ask agent sessions together (its history reads it): a key, not a name.
+    const labels = (session.labels ?? []).filter((label) => !label.startsWith('artifact:'));
     if (labels.length === 0)
         return null;
     const shown = labels.slice(0, max);

package/dist/workspace/sessions/sessions-toolbar.d.ts

@@ -1,5 +1,5 @@
 import type { ProjectSession } from '@kortix/sdk';
-export declare function SessionsToolbar({ projectId, sessions, reviewCountBySession, search, onSearchChange, searchOpen, onSearchOpenChange, onEnterSelectMode, onNewSession, creatingSession, canSelect, }: {
+export declare function SessionsToolbar({ projectId, sessions, reviewCountBySession, search, onSearchChange, searchOpen, onSearchOpenChange, onEnterSelectMode, onNewSession, creatingSession, canSelect, showNewSession, }: {
     projectId: string;
     sessions: ProjectSession[];
     reviewCountBySession: Record<string, number>;
@@ -15,4 +15,6 @@ export declare function SessionsToolbar({ projectId, sessions, reviewCountBySess
     onNewSession?: () => void;
     creatingSession: boolean;
     canSelect: boolean;
+    /** False under `project_channels`: work starts from a channel's composer. */
+    showNewSession?: boolean;
 }): import("react").JSX.Element;

package/dist/workspace/sessions/sessions-toolbar.js

@@ -11,7 +11,7 @@ import { cn } from '../../internal/lib/utils.js';
 import { MagnifyingGlassIcon, PlusIcon } from '@phosphor-icons/react';
 import { useTranslations } from '../../i18n/index.js';
 import { UiLink as Link } from '../../providers/ui-provider.js';
-export function SessionsToolbar({ projectId, sessions, reviewCountBySession, search, onSearchChange, searchOpen, onSearchOpenChange, onEnterSelectMode, onNewSession, creatingSession, canSelect, }) {
+export function SessionsToolbar({ projectId, sessions, reviewCountBySession, search, onSearchChange, searchOpen, onSearchOpenChange, onEnterSelectMode, onNewSession, creatingSession, canSelect, showNewSession = true, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const closeSearch = () => {
         onSearchChange('');
@@ -36,5 +36,5 @@ export function SessionsToolbar({ projectId, sessions, reviewCountBySession, sea
             _jsxs(DropdownMenu, { children: [_jsx(Hint, { label: tI18nComplete.raw('text6c03b504d991'), side: "bottom", children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "outline", size: "sm", "aria-label": tI18nComplete.raw('text6c03b504d991'), className: "transition-[scale] duration-150 active:scale-[0.96]", children: tI18nComplete.raw('text638e249f4a15') }) }) }), _jsx(SessionFilterMenu, { projectId: projectId, sessions: sessions, reviewCountBySession: reviewCountBySession, align: "end", side: "bottom", 
                         // Same menu as the sidebar, its OWN state. Inherits the sidebar's
                         // values until something is changed here.
-                        surface: "page" })] })) : null, canSelect ? (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onEnterSelectMode, className: "h-8 transition-[scale] duration-150 active:scale-[0.96]", children: tI18nComplete.raw('text2a78025de6aa') })) : null, creatingSession ? (_jsxs(Button, { type: "button", size: "sm", variant: "secondary", className: cn('h-8 gap-1.5 transition-[scale] duration-150 active:scale-[0.96]'), disabled: true, "aria-busy": true, children: [_jsx(Loading, { className: "size-4 shrink-0" }), tI18nComplete.raw('text18fdd549b2ed')] })) : (_jsx(Button, { asChild: true, size: "sm", variant: "secondary", className: cn('h-8 gap-1.5 transition-[scale] duration-150 active:scale-[0.96]'), children: _jsxs(Link, { href: uiRoutes().project(projectId), prefetch: true, onClick: onNewSession, children: [_jsx(PlusIcon, { className: "size-4 shrink-0" }), tI18nComplete.raw('text18fdd549b2ed')] }) }))] }));
+                        surface: "page" })] })) : null, canSelect ? (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onEnterSelectMode, className: "h-8 transition-[scale] duration-150 active:scale-[0.96]", children: tI18nComplete.raw('text2a78025de6aa') })) : null, !showNewSession ? null : creatingSession ? (_jsxs(Button, { type: "button", size: "sm", variant: "secondary", className: cn('h-8 gap-1.5 transition-[scale] duration-150 active:scale-[0.96]'), disabled: true, "aria-busy": true, children: [_jsx(Loading, { className: "size-4 shrink-0" }), tI18nComplete.raw('text18fdd549b2ed')] })) : (_jsx(Button, { asChild: true, size: "sm", variant: "secondary", className: cn('h-8 gap-1.5 transition-[scale] duration-150 active:scale-[0.96]'), children: _jsxs(Link, { href: uiRoutes().project(projectId), prefetch: true, onClick: onNewSession, children: [_jsx(PlusIcon, { className: "size-4 shrink-0" }), tI18nComplete.raw('text18fdd549b2ed')] }) }))] }));
 }

package/dist/workspace/sidebar/footer/project-apps-nav.d.ts

@@ -5,6 +5,11 @@
  * answers land, so the row never appears and then vanishes.
  */
 export declare function useAppsRowVisible(projectId: string | undefined): boolean;
+/**
+ * The Apps row, with a hover card of the Apps the page shows as cards
+ * (`gridApps`), so one click opens an App. A pick lands on `?app=<id>`, which
+ * opens that App's detail on the page.
+ */
 export declare function ProjectAppsNavItem({ projectId }: {
     projectId: string;
 }): import("react").JSX.Element | null;

package/dist/workspace/sidebar/footer/project-apps-nav.js

@@ -2,12 +2,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { uiRoutes } from '../../../lib/routes.js';
 import { ProjectNavRow } from '../../../internal/layout/project-nav-row.js';
+import { HoverPrefetchLink } from '../../../internal/components/hover-prefetch-link.js';
 import { useTranslations } from '../../../i18n/index.js';
 import { PROJECT_ACTIONS } from '../../../internal/lib/project-actions.js';
 import { useProjectCan } from '../../../internal/lib/use-project-can.js';
+import { appStatus, gridApps } from '../../../apps/app-shared.js';
+import { Popover, PopoverAnchor } from '../../../primitives/popover.js';
+import { InputGroupSearch, InputGroupSearchIcon, InputGroupSearchInput, } from '../../../primitives/input-group.js';
+import { menuRow } from '../../../primitives/menu-recipe.js';
+import { cn } from '../../../lib/utils.js';
+import { NavHoverCardContent, NavHoverCardList, useNavHoverCard } from '../../../internal/layout/nav-hover-card.js';
 import { useProjectApps } from '@kortix/sdk/react';
-import { AppWindowIcon } from '@phosphor-icons/react';
+import { AppWindowIcon, MagnifyingGlassIcon } from '@phosphor-icons/react';
 import { useUiPathname } from '../../../providers/ui-provider.js';
+import { useRef, useState } from 'react';
+/** Above this many Apps the card gets a search field. */
+const SEARCH_THRESHOLD = 10;
 /**
  * The Apps row shows to a caller who can deploy an App, or while the project
  * has an App they can open. A member who can do neither got an empty page
@@ -23,12 +33,41 @@ export function useAppsRowVisible(projectId) {
         return false;
     return (apps.data?.length ?? 0) > 0;
 }
+/**
+ * The Apps row, with a hover card of the Apps the page shows as cards
+ * (`gridApps`), so one click opens an App. A pick lands on `?app=<id>`, which
+ * opens that App's detail on the page.
+ */
 export function ProjectAppsNavItem({ projectId }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    const t = useTranslations('sidebar');
     const pathname = useUiPathname();
     const visible = useAppsRowVisible(projectId);
+    const apps = useProjectApps(projectId);
+    const canAdmin = useProjectCan(projectId, PROJECT_ACTIONS.PROJECT_APP_ADMIN).allowed === true;
+    const [query, setQuery] = useState('');
+    const searchRef = useRef(null);
+    const listed = apps.data ? gridApps(apps.data, canAdmin) : [];
+    const card = useNavHoverCard({ enabled: listed.length > 0, holdRef: searchRef });
+    const showSearch = listed.length > SEARCH_THRESHOLD;
+    const needle = query.trim().toLowerCase();
+    const shown = needle
+        ? listed.filter((app) => app.name.toLowerCase().includes(needle) || app.slug.includes(needle))
+        : listed;
     const href = projectId ? uiRoutes().apps(projectId) : null;
     if (!href || !visible)
         return null;
-    return (_jsxs(ProjectNavRow, { active: pathname?.startsWith(href) === true, label: tI18nComplete.raw('text89dd748442c1'), href: href, prefetch: true, children: [_jsx("span", { className: "shrink-0", children: _jsx(AppWindowIcon, {}) }), tI18nComplete.raw('text89dd748442c1')] }));
+    const label = tI18nComplete.raw('text89dd748442c1');
+    const close = () => card.setOpen(false);
+    return (_jsxs(Popover, { open: card.open, onOpenChange: (next) => {
+            card.setOpen(next);
+            if (!next)
+                setQuery('');
+        }, children: [_jsx(PopoverAnchor, { virtualRef: card.anchorRef }), _jsxs(ProjectNavRow, { active: pathname?.startsWith(href) === true, label: label, href: href, prefetch: true, ...card.rowProps, children: [_jsx("span", { className: "shrink-0", children: _jsx(AppWindowIcon, {}) }), label] }), _jsxs(NavHoverCardContent, { ...card.contentProps, children: [showSearch ? (_jsx("div", { className: "border-border border-b p-1", children: _jsxs(InputGroupSearch, { children: [_jsx(InputGroupSearchIcon, { children: _jsx(MagnifyingGlassIcon, {}) }), _jsx(InputGroupSearchInput, { ref: searchRef, variant: "popover", size: "xs", value: query, onChange: (event) => setQuery(event.target.value), placeholder: t('searchApps'), "aria-label": t('searchApps') })] }) })) : null, _jsxs(NavHoverCardList, { className: "max-h-80 overflow-x-hidden overflow-y-auto overscroll-contain", children: [shown.map((app) => (_jsx("li", { children: _jsx(AppRow, { app: app, href: `${href}?app=${encodeURIComponent(app.app_id)}`, onOpen: close }) }, app.app_id))), shown.length === 0 ? (_jsx("li", { className: menuRow('sm', 'default', 'text-muted-foreground pointer-events-none'), children: t('appsNoMatches') })) : null] })] })] }));
+}
+/** One App: its name and the status dot the Apps page draws under its card. */
+function AppRow({ app, href, onOpen }) {
+    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    const status = appStatus(app, tI18nComplete);
+    return (_jsxs(HoverPrefetchLink, { href: href, onClick: onOpen, className: menuRow('sm', 'default', 'cursor-pointer'), children: [_jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", title: status.label, children: _jsx("span", { "aria-hidden": true, className: cn('size-1.5 rounded-full', status.dot) }) }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: app.name }), _jsx("span", { className: "sr-only", children: status.label })] }));
 }

package/dist/workspace/sidebar/footer/project-artifacts-nav.d.ts

@@ -0,0 +1,6 @@
+/** The Artifacts row shows only with the `artifacts` flag on. */
+export declare function useArtifactsRowVisible(projectId: string | undefined): boolean;
+/** The Artifacts row: docs, slides, boards and dashboards published in the project. */
+export declare function ProjectArtifactsNavItem({ projectId }: {
+    projectId: string;
+}): import("react").JSX.Element | null;

package/dist/workspace/sidebar/footer/project-artifacts-nav.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { uiRoutes } from '../../../lib/routes.js';
+import { ProjectNavRow } from '../../../internal/layout/project-nav-row.js';
+import { useTranslations } from '../../../i18n/index.js';
+import { useFeatureFlag } from '@kortix/sdk/react';
+import { CardsThreeIcon } from '@phosphor-icons/react';
+import { useUiPathname } from '../../../providers/ui-provider.js';
+/** The Artifacts row shows only with the `artifacts` flag on. */
+export function useArtifactsRowVisible(projectId) {
+    return useFeatureFlag(projectId, 'artifacts').enabled;
+}
+/** The Artifacts row: docs, slides, boards and dashboards published in the project. */
+export function ProjectArtifactsNavItem({ projectId }) {
+    const t = useTranslations('sidebar');
+    const pathname = useUiPathname();
+    const visible = useArtifactsRowVisible(projectId);
+    const href = projectId ? uiRoutes().artifacts(projectId) : null;
+    if (!href || !visible)
+        return null;
+    return (_jsxs(ProjectNavRow, { active: pathname?.startsWith(href) === true, label: t('artifacts'), href: href, prefetch: true, children: [_jsx("span", { className: "shrink-0", children: _jsx(CardsThreeIcon, {}) }), t('artifacts')] }));
+}

package/dist/workspace/sidebar/footer/project-chrome-nav.d.ts

@@ -0,0 +1,10 @@
+export declare const CHROME_PROMO_DISMISSED_KEY = "kortix.chrome-promo.dismissed";
+/**
+ * "Kortix in Chrome": an advertisement, not a status widget. It shows
+ * until the caller connected a browser or dismisses it. The sidebar owns the
+ * connect dialog, not this row: on a phone the row lives in the sidebar sheet,
+ * and closing the sheet unmounts it together with anything it renders.
+ */
+export declare function ProjectChromeNavItem({ onOpenConnect }: {
+    onOpenConnect: () => void;
+}): import("react").JSX.Element | null;

package/dist/workspace/sidebar/footer/project-chrome-nav.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useChromeConnections } from '@kortix/sdk/react';
+import { XIcon } from '@phosphor-icons/react';
+import { useCallback, useState } from 'react';
+import { SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, useSidebar, } from '../../../primitives/sidebar.js';
+import { BrowserIcon } from '../../../internal/chrome/browser-icon.js';
+import { useIsMobile } from '../../../internal/hooks/index.js';
+import { useTranslations } from '../../../i18n/index.js';
+export const CHROME_PROMO_DISMISSED_KEY = 'kortix.chrome-promo.dismissed';
+function readDismissed() {
+    try {
+        return window.localStorage.getItem(CHROME_PROMO_DISMISSED_KEY) === '1';
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * "Kortix in Chrome": an advertisement, not a status widget. It shows
+ * until the caller connected a browser or dismisses it. The sidebar owns the
+ * connect dialog, not this row: on a phone the row lives in the sidebar sheet,
+ * and closing the sheet unmounts it together with anything it renders.
+ */
+export function ProjectChromeNavItem({ onOpenConnect }) {
+    // Client-only: the row renders nothing until its query resolves, so the
+    // server render and the first client render agree.
+    const [dismissed, setDismissed] = useState(() => typeof window === 'undefined' ? true : readDismissed());
+    const dismiss = useCallback(() => {
+        setDismissed(true);
+        try {
+            window.localStorage.setItem(CHROME_PROMO_DISMISSED_KEY, '1');
+        }
+        catch {
+            // Private mode or blocked storage: dismissed for this page view only.
+        }
+    }, []);
+    if (dismissed)
+        return null;
+    return _jsx(ChromePromo, { onDismiss: dismiss, onOpenConnect: onOpenConnect });
+}
+function ChromePromo({ onDismiss, onOpenConnect, }) {
+    const t = useTranslations('chrome');
+    const isMobile = useIsMobile();
+    const { setOpenMobile } = useSidebar();
+    // One a minute until the first browser connects: the connect dialog polls
+    // faster while it is open.
+    const connections = useChromeConnections({ refetchInterval: 60_000 });
+    if (!connections.isSuccess || connections.data.length > 0)
+        return null;
+    return (_jsxs(SidebarMenuItem, { children: [_jsxs(SidebarMenuButton, { className: "text-sidebar-foreground bg-hover group-has-data-[sidebar=menu-action]/menu-item:pr-8", onClick: () => {
+                    onOpenConnect();
+                    if (isMobile)
+                        setOpenMobile(false);
+                }, children: [_jsx(BrowserIcon, { brand: "chrome", tone: "current", className: "text-muted-foreground size-4" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: t('promoLabel') })] }), _jsx(SidebarMenuAction, { onClick: onDismiss, "aria-label": t('dismissPromo'), showOnHover: true, className: "mr-1", children: _jsx(XIcon, {}) })] }));
+}

package/dist/workspace/sidebar/footer/project-manifest-upgrade-alert.js

@@ -2,28 +2,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * ProjectManifestUpgradeAlert — the left-sidebar nudge that makes a project's
- * still-on-v1 manifest impossible to miss. Sits just above Files/Customize and
+ * pre-v3 manifest (kortix_version 1 or 2) impossible to miss. Sits just above Files/Customize and
  * wears the shared footer alert shell (`sidebar-alert.tsx`) — the same one
  * `ProjectSandboxAlert` wears. It used to be a hand-copied duplicate of that
  * file's shell, which is how the two drifted to different paddings and
  * different open-state tints while their own comments claimed they matched.
  *
  * Tone is `info` rather than a failure colour: this is a recommended upgrade,
- * not something that is broken. The action is the one-click, end-to-end
- * `useMigrateToV2`: it mints a session seeded with the migration prompt, boots
- * the project's default agent (git/CR powers), and drops the user into the
- * thread where it auto-runs — converting kortix.toml → kortix.yaml and opening
- * a change request for review.
+ * not something that is broken. A v2 project keeps running unchanged until
+ * someone upgrades it. The action is one click, end to end: `useRunUpgrade`
+ * mints a session seeded with `MIGRATE_TO_V3_PROMPT`, boots the project's
+ * default agent (git/CR powers), and drops the user into the thread where it
+ * auto-runs — `kortix migrate` to kortix.yaml version 3, then a change request
+ * for review.
  *
- * Only renders while the project is on v1 AND the viewer can actually act on it
- * (`project.write` — the people who can push and open the CR); it disappears
- * for good the moment the manifest lands on v2.
+ * Only renders while the project is on v1 or v2 AND the viewer can actually
+ * act on it (`project.write` — the people who can push and open the CR); it
+ * disappears for good the moment the manifest lands on v3.
  */
 import { useTranslations } from '../../../i18n/index.js';
 import { useState } from 'react';
 import { Button } from '../../../primitives/button.js';
 import Loading from '../../../primitives/loading.js';
-import { useMigrateToV2, useProjectManifestVersion, } from '../../../customize/migrate-to-v2/index.js';
+import { MIGRATE_TO_V3_PROMPT, manifestNeedsUpgrade, useProjectManifestVersion, useRunUpgrade, } from '../../../customize/migrate-to-v2/index.js';
 import { SidebarAlert, SidebarAlertActions, SidebarAlertBody, SidebarAlertText, } from './sidebar-alert.js';
 import { PROJECT_ACTIONS } from '../../../internal/lib/project-actions.js';
 import { useProjectPageCans } from '../../../internal/lib/use-project-can.js';
@@ -36,13 +37,12 @@ export function ProjectManifestUpgradeAlertView({ visible, pending, onMigrate, d
     if (!visible)
         return null;
     return (_jsxs(SidebarAlert, { tone: "info", icon: _jsx(ArrowUpCircle, { className: "size-4" }), label: t('manifestUpgrade.title'), open: isOpen, onOpenChange: setIsOpen, children: [_jsx(SidebarAlertBody, { children: _jsx(SidebarAlertText, { children: t.rich('manifestUpgrade.description', {
-                        toml: (chunks) => _jsx("span", { className: "font-mono", children: chunks }),
                         yaml: (chunks) => _jsx("span", { className: "font-mono", children: chunks }),
                     }) }) }), _jsx(SidebarAlertActions, { children: _jsxs(Button, { size: "sm", className: "w-full", disabled: pending, onClick: onMigrate, children: [pending ? (_jsx(Loading, { className: "size-3.5 shrink-0" })) : (_jsx(ArrowUpCircle, { className: "size-3.5 shrink-0" })), t('manifestUpgrade.start')] }) })] }));
 }
 export function ProjectManifestUpgradeAlert({ projectId }) {
     const { version } = useProjectManifestVersion(projectId);
     const canWrite = useProjectPageCans(projectId)[PROJECT_ACTIONS.PROJECT_WRITE]?.allowed === true;
-    const migrate = useMigrateToV2(projectId);
-    return (_jsx(ProjectManifestUpgradeAlertView, { visible: version === 1 && canWrite, pending: migrate.pending, onMigrate: migrate.start }));
+    const run = useRunUpgrade(projectId);
+    return (_jsx(ProjectManifestUpgradeAlertView, { visible: manifestNeedsUpgrade(version) && canWrite, pending: run.pending, onMigrate: () => run.start(MIGRATE_TO_V3_PROMPT) }));
 }

package/dist/workspace/sidebar/footer/project-memory-nav.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The Memory row: the project's Company memory. The sidebar draws it only
+ * with `project_channels` on; a host that serves no Memory page gets no row.
+ */
+export declare function ProjectMemoryNavItem({ projectId }: {
+    projectId: string;
+}): import("react").JSX.Element | null;

package/dist/workspace/sidebar/footer/project-memory-nav.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SunDimIcon } from '@phosphor-icons/react';
+import { useTranslations } from '../../../i18n/index.js';
+import { ProjectNavRow } from '../../../internal/layout/project-nav-row.js';
+import { uiRoutes } from '../../../lib/routes.js';
+import { useUiPathname } from '../../../providers/ui-provider.js';
+/**
+ * The Memory row: the project's Company memory. The sidebar draws it only
+ * with `project_channels` on; a host that serves no Memory page gets no row.
+ */
+export function ProjectMemoryNavItem({ projectId }) {
+    const t = useTranslations('spaces.memory.company');
+    const pathname = useUiPathname();
+    const href = uiRoutes().memory(projectId);
+    if (!href)
+        return null;
+    return (_jsxs(ProjectNavRow, { active: pathname?.startsWith(href) === true, label: t('title'), href: href, prefetch: true, children: [_jsx("span", { className: "shrink-0", children: _jsx(SunDimIcon, {}) }), t('title')] }));
+}

package/dist/workspace/sidebar/nav-row-meta.js

@@ -4,11 +4,12 @@ import { uiRoutes } from '../../lib/routes.js';
 import { capabilityTabHref } from '../../internal/lib/capability-tab-routes.js';
 import { useAppsRowVisible } from './footer/project-apps-nav.js';
 import { useGoalsRowVisible } from './footer/project-goals-nav.js';
+import { useArtifactsRowVisible } from './footer/project-artifacts-nav.js';
 import { useRoomsRowVisible } from './footer/project-rooms-nav.js';
 import { filesRow } from '../../internal/layout/files-nav-label.js';
 import { CustomizeGlyph, useProjectNavRows, } from '../../internal/layout/project-settings-nav.js';
 import { useTranslations } from '../../i18n/index.js';
-import { AppWindowIcon, ChatsTeardropIcon, FoldersIcon, HardDrivesIcon, TargetIcon } from '@phosphor-icons/react';
+import { AppWindowIcon, CardsThreeIcon, ChatsTeardropIcon, FoldersIcon, HardDrivesIcon, TargetIcon } from '@phosphor-icons/react';
 import { useMemo } from 'react';
 /**
  * Label, glyph, destination and availability of every customizable nav row,
@@ -23,6 +24,7 @@ export function useNavRowMeta(projectId) {
     const appsVisible = useAppsRowVisible(projectId);
     const roomsVisible = useRoomsRowVisible(projectId);
     const goalsVisible = useGoalsRowVisible(projectId);
+    const artifactsVisible = useArtifactsRowVisible(projectId);
     // Memoized on the gates, not rebuilt per render: the Customize sidebar
     // modal memoizes its rows on this object, and a fresh one per render would
     // re-render every row on every drag frame.
@@ -30,6 +32,7 @@ export function useNavRowMeta(projectId) {
         const appsHref = uiRoutes().apps(projectId);
         const roomsHref = uiRoutes().rooms(projectId);
         const goalsHref = uiRoutes().goals(projectId);
+        const artifactsHref = uiRoutes().artifacts(projectId);
         const files = filesTarget ? filesRow(projectId, filesTarget) : null;
         return {
             ...(customizeTab
@@ -68,6 +71,15 @@ export function useNavRowMeta(projectId) {
                     },
                 }
                 : {}),
+            ...(artifactsVisible && artifactsHref
+                ? {
+                    artifacts: {
+                        label: t('artifacts'),
+                        icon: _jsx(CardsThreeIcon, {}),
+                        href: artifactsHref,
+                    },
+                }
+                : {}),
             ...(files
                 ? {
                     files: {
@@ -78,5 +90,5 @@ export function useNavRowMeta(projectId) {
                 }
                 : {}),
         };
-    }, [t, tI18nComplete, projectId, customizeTab, appsVisible, roomsVisible, goalsVisible, filesTarget]);
+    }, [t, tI18nComplete, projectId, customizeTab, appsVisible, roomsVisible, goalsVisible, artifactsVisible, filesTarget]);
 }

package/dist/workspace/sidebar/project-nav-items.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ProjectAppsNavItem } from './footer/project-apps-nav.js';
 import { ProjectGoalsNavItem } from './footer/project-goals-nav.js';
+import { ProjectArtifactsNavItem } from './footer/project-artifacts-nav.js';
 import { ProjectRoomsNavItem } from './footer/project-rooms-nav.js';
 import { ProjectFilesNavItem } from './footer/project-files-nav.js';
 import { ProjectCustomizeNavItem } from '../../internal/layout/project-settings-nav.js';
@@ -98,5 +99,7 @@ function NavItem({ entry, projectId }) {
             return _jsx(ProjectRoomsNavItem, { projectId: projectId });
         case 'goals':
             return _jsx(ProjectGoalsNavItem, { projectId: projectId });
+        case 'artifacts':
+            return _jsx(ProjectArtifactsNavItem, { projectId: projectId });
     }
 }