@kortix/ui 0.14.8 → 0.14.10

package/dist/internal/lib/memory-href.d.ts

@@ -0,0 +1,16 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+import type { ProjectMemoryLayerScope } from '@kortix/sdk';
+/** A memory layer as a link target: its scope and its key (`company` or the space id). */
+export interface MemoryLayerRef {
+    scope: ProjectMemoryLayerScope;
+    key: string;
+}
+/**
+ * Where a memory page opens: the Company Memory page, or its channel's or DM's
+ * Memory tab, with `?page=` (`&history=1` opens its History too). A channel or
+ * DM the reader is on keeps its other params, so an open thread stays beside
+ * the tab. Null when the host serves no such page or the space is not loaded.
+ */
+export declare function useMemoryPageHref(projectId: string | null | undefined, enabled?: boolean): (layer: MemoryLayerRef, pageId: string, options?: {
+    history?: boolean;
+}) => string | null;

package/dist/internal/lib/memory-href.js

@@ -0,0 +1,46 @@
+'use client';
+import { useProjectSpaces } from '@kortix/sdk/react';
+import { useCallback } from 'react';
+import { uiRoutes } from '../../lib/routes.js';
+import { useUiPathname, useUiSearchParams } from '../../providers/ui-provider.js';
+/**
+ * Where a memory page opens: the Company Memory page, or its channel's or DM's
+ * Memory tab, with `?page=` (`&history=1` opens its History too). A channel or
+ * DM the reader is on keeps its other params, so an open thread stays beside
+ * the tab. Null when the host serves no such page or the space is not loaded.
+ */
+export function useMemoryPageHref(projectId, enabled = true) {
+    const pathname = useUiPathname();
+    const searchParams = useUiSearchParams();
+    const spaces = useProjectSpaces(projectId, { enabled }).data;
+    return useCallback((layer, pageId, options) => {
+        if (!projectId)
+            return null;
+        if (layer.scope === 'company') {
+            const memory = uiRoutes().memory(projectId);
+            if (!memory)
+                return null;
+            const params = new URLSearchParams({ page: pageId });
+            if (options?.history)
+                params.set('history', '1');
+            return `${memory}?${params.toString()}`;
+        }
+        const space = spaces?.find((candidate) => candidate.space_id === layer.key);
+        let path = null;
+        if (space?.kind === 'channel' && space.slug)
+            path = uiRoutes().channel(projectId, space.slug);
+        else if (space?.kind === 'dm' && space.dm_agent_name)
+            path = uiRoutes().dm(projectId, space.dm_agent_name);
+        if (!path)
+            return null;
+        const here = pathname === path || !!pathname?.endsWith(path);
+        const params = new URLSearchParams(here ? searchParams.toString() : '');
+        params.set('tab', 'memory');
+        params.set('page', pageId);
+        if (options?.history)
+            params.set('history', '1');
+        else
+            params.delete('history');
+        return `${here ? pathname : path}?${params.toString()}`;
+    }, [projectId, pathname, searchParams, spaces]);
+}

package/dist/internal/lib/use-project-feature-flags.js

@@ -22,10 +22,7 @@ import { useFeatureFlag } from '@kortix/sdk/react';
  */
 export function useProjectFeatureFlags(projectId) {
     const marketplace = useFeatureFlag(projectId, 'marketplace');
-    const connectorsApiDiscover = useFeatureFlag(projectId, 'connectors_api_discover');
-    const agentmailEmail = useFeatureFlag(projectId, 'agentmail_email');
     const metaAgent = useFeatureFlag(projectId, 'meta_agent');
-    const monitors = useFeatureFlag(projectId, 'monitors');
     const reminders = useFeatureFlag(projectId, 'reminders');
     const warmSessions = useFeatureFlag(projectId, 'warm_sessions');
     const secretsEgress = useFeatureFlag(projectId, 'secrets_egress');
@@ -38,17 +35,19 @@ export function useProjectFeatureFlags(projectId) {
     const drives = useFeatureFlag(projectId, 'drives');
     const sessionLog = useFeatureFlag(projectId, 'session_log');
     const sessionLogRestore = useFeatureFlag(projectId, 'session_log_restore');
-    const connectorsV2 = useFeatureFlag(projectId, 'connectors_v2');
+    const projectChannels = useFeatureFlag(projectId, 'project_channels');
     const agentRooms = useFeatureFlag(projectId, 'agent_rooms');
     const goals = useFeatureFlag(projectId, 'goals');
+    const artifacts = useFeatureFlag(projectId, 'artifacts');
+    const artifactComments = useFeatureFlag(projectId, 'artifact_comments');
+    const emailChannel = useFeatureFlag(projectId, 'email_channel');
     const workspaceVolume = useFeatureFlag(projectId, 'workspace_volume');
+    const sessionGroups = useFeatureFlag(projectId, 'session_groups');
+    const chrome = useFeatureFlag(projectId, 'chrome');
     return {
         flags: {
             marketplace: marketplace.enabled,
-            connectors_api_discover: connectorsApiDiscover.enabled,
-            agentmail_email: agentmailEmail.enabled,
             meta_agent: metaAgent.enabled,
-            monitors: monitors.enabled,
             reminders: reminders.enabled,
             warm_sessions: warmSessions.enabled,
             secrets_egress: secretsEgress.enabled,
@@ -61,12 +60,17 @@ export function useProjectFeatureFlags(projectId) {
             drives: drives.enabled,
             session_log: sessionLog.enabled,
             session_log_restore: sessionLogRestore.enabled,
-            connectors_v2: connectorsV2.enabled,
+            project_channels: projectChannels.enabled,
             agent_rooms: agentRooms.enabled,
             goals: goals.enabled,
+            artifacts: artifacts.enabled,
+            artifact_comments: artifactComments.enabled,
+            email_channel: emailChannel.enabled,
             workspace_volume: workspaceVolume.enabled,
+            session_groups: sessionGroups.enabled,
+            chrome: chrome.enabled,
         },
         // The trailing hook's loading state — keep this on the LAST hook above.
-        isLoading: workspaceVolume.isLoading,
+        isLoading: chrome.isLoading,
     };
 }

package/dist/internal/lib/utils/heic-convert.d.ts

@@ -1,7 +1,7 @@
 /** @internal Kortix apps only. No semver: it may change in any release. */
 /**
  * HEIC/HEIF → JPEG conversion.
- * heic2any is lazy-loaded — zero bundle cost when no HEIC files are opened.
+ * The CSP-safe decoder is lazy-loaded; production never permits unsafe-eval.
  */
 export declare function isHeicFile(filename: string): boolean;
 export declare function convertHeicBlobToJpeg(blob: Blob): Promise<Blob>;

package/dist/internal/lib/utils/heic-convert.js

@@ -1,13 +1,12 @@
 /**
  * HEIC/HEIF → JPEG conversion.
- * heic2any is lazy-loaded — zero bundle cost when no HEIC files are opened.
+ * The CSP-safe decoder is lazy-loaded; production never permits unsafe-eval.
  */
 const HEIC_EXT = new Set(['heic', 'heif']);
 export function isHeicFile(filename) {
     return HEIC_EXT.has(filename.split('.').pop()?.toLowerCase() || '');
 }
 export async function convertHeicBlobToJpeg(blob) {
-    const heic2any = (await import('heic2any')).default;
-    const result = await heic2any({ blob, toType: 'image/jpeg', quality: 0.92 });
-    return Array.isArray(result) ? result[0] : result;
+    const { heicTo } = await import('heic-to/csp');
+    return heicTo({ blob, type: 'image/jpeg', quality: 0.92 });
 }

package/dist/internal/lib/web-notifications.d.ts

@@ -2,6 +2,7 @@
 import type { UiTranslator } from '../../i18n/index.js';
 import { type TurnCompleteMsg } from './turn-broadcast.js';
 import { type NotificationPreferences } from '@kortix/sdk';
+import type { QueryClient } from '@tanstack/react-query';
 /** The push `type` of each inbox kind (`pushTypeOf` in `@kortix/shared/notification-kinds`). */
 export type WebNotificationType = 'completion' | 'error' | 'question' | 'permission' | 'shared' | 'automation_failed' | 'automation_recovered' | 'capture_device_down' | 'capture_device_recovered' | 'message';
 export interface WebNotificationPayload {
@@ -36,6 +37,11 @@ export interface WebNotificationPayload {
     preview?: string;
     /** Localized "Open session" for the finished-turn toast. */
     openSessionLabel?: string;
+    /**
+     * Set when the turn ended while a channel or DM page was on screen: its
+     * thread opens in that page's panel (`?thread=`), not on the session page.
+     */
+    threadHref?: string;
     /** The open change request the finished turn produced: the toast offers Review. */
     changeRequest?: {
         crId: string;
@@ -59,6 +65,20 @@ export declare function setServerPushPreferences(kinds: NotificationPreferences[
  * via Cmd+Tab / Alt+Tab (`!document.hasFocus()`).
  */
 export declare function isTabHidden(): boolean;
+/**
+ * A finished turn opens in the thread panel of the channel or DM page on
+ * screen (`?thread=<id>`) only when it is one of that space's threads: the
+ * path's project is the session's, and the cached thread list of the space
+ * holds the session. Null otherwise, so any other session keeps its session
+ * page. Reads the query cache; never fetches.
+ */
+export declare function spacesThreadHref(location: {
+    pathname: string;
+    search: string;
+}, session: {
+    sessionId: string;
+    projectId: string | null | undefined;
+}, cache: QueryClient): string | null;
 /**
  * Check if the user is currently viewing a specific session.
  * Checks the tab store (dashboard session tabs) and the current URL

package/dist/internal/lib/web-notifications.js

@@ -33,6 +33,7 @@ import { hasWebPushSubscription } from '../notifications/web-push.js';
 import { customToast, dismissToast, ToastCard, toastIcon, errorToast, infoToast, successToast, warningToast, } from '../../primitives/toast.js';
 import { ClockIcon, GitPullRequestIcon } from '@phosphor-icons/react';
 import { SessionFailedCard, SessionStackCard, } from '../notifications/session-toast-cards.js';
+import { decodeSpaceSegment } from '../../lib/routes.js';
 import { logger } from './logger.js';
 import { softNavigate } from './navigation/router-bridge.js';
 import { projectSessionHref } from './navigation/session-href.js';
@@ -43,6 +44,7 @@ import { openTabAndNavigate, useTabStore } from '../stores/tab-store.js';
 import { useTurnAttentionStore } from '../stores/turn-attention-store.js';
 import { useWebNotificationStore } from '../stores/web-notification-store.js';
 import { listChangeRequests, normalizeAppPathname, } from '@kortix/sdk';
+import { findCachedProjectSession, qk } from '@kortix/sdk/react';
 // ============================================================================
 // Server push preference
 // ============================================================================
@@ -169,6 +171,32 @@ export function isTabHidden() {
         return false;
     return document.hidden || !document.hasFocus();
 }
+/**
+ * A finished turn opens in the thread panel of the channel or DM page on
+ * screen (`?thread=<id>`) only when it is one of that space's threads: the
+ * path's project is the session's, and the cached thread list of the space
+ * holds the session. Null otherwise, so any other session keeps its session
+ * page. Reads the query cache; never fetches.
+ */
+export function spacesThreadHref(location, session, cache) {
+    // An optional two-letter locale segment leads (`/de/projects/…`).
+    const match = /^(?:\/[a-z]{2})?\/projects\/([^/]+)\/(c|dm)\/([^/]+)\/?$/.exec(normalizeAppPathname(location.pathname));
+    if (!match || match[1] !== session.projectId)
+        return null;
+    const [, projectId, kind, segment] = match;
+    const name = decodeSpaceSegment(segment);
+    const space = cache
+        .getQueryData(qk.project.spaces(projectId))
+        ?.find((candidate) => (kind === 'c' ? candidate.slug === name : candidate.dm_agent_name === name));
+    if (!space)
+        return null;
+    const thread = findCachedProjectSession(cache, projectId, (row) => row.session_id === session.sessionId && row.space_id === space.space_id);
+    if (!thread)
+        return null;
+    const params = new URLSearchParams(location.search);
+    params.set('thread', session.sessionId);
+    return `${location.pathname}?${params.toString()}`;
+}
 /**
  * Check if the user is currently viewing a specific session.
  * Checks the tab store (dashboard session tabs) and the current URL
@@ -199,6 +227,9 @@ export function isViewingSession(sessionId) {
         const path = normalizeAppPathname(window.location.pathname);
         if (path.includes(sessionId))
             return true;
+        // A channel or DM page with the thread open in its panel.
+        if (new URLSearchParams(window.location.search).get('thread') === sessionId)
+            return true;
         if (path.startsWith('/onboarding'))
             return true;
     }
@@ -392,7 +423,10 @@ const NOTIFICATION_TOAST_VARIANT = {
 };
 /** Open what the notification is about: its session, or its `href`. */
 function openPayload(payload, forceNavigation) {
-    if (payload.sessionId) {
+    if (payload.threadHref) {
+        softNavigate(payload.threadHref);
+    }
+    else if (payload.sessionId) {
         navigateToSession(payload.sessionId, payload.body, {
             forceNavigation,
             projectId: payload.projectId,
@@ -594,12 +628,22 @@ handoff) {
  */
 export function notifyTaskCompleteFor({ sessionId, sessionTitle, projectId, notificationCenter }, tI18nComplete) {
     noteTurnCompleteShown(sessionId);
-    const name = sessionDisplayName(sessionTitle, sessionId);
-    const label = sessionTitle ? `"${name.slice(0, 60)}"` : name;
+    // On a channel or DM page the turn is a thread: it says "thread" and opens
+    // in the page's panel. A default title ("New session - <time>") names nothing.
+    const cache = getSharedQueryClient();
+    const threadHref = typeof window === 'undefined' || !cache
+        ? null
+        : spacesThreadHref(window.location, { sessionId, projectId }, cache);
+    const defaultTitle = !sessionTitle || /^New session(\s-\s|$)/.test(sessionTitle);
+    const name = threadHref && defaultTitle
+        ? tI18nComplete.raw('untitledThread')
+        : sessionDisplayName(sessionTitle, sessionId);
+    const label = sessionTitle && !(threadHref && defaultTitle) ? `"${name.slice(0, 60)}"` : name;
     const payload = {
         type: 'completion',
         entityLabel: name,
-        openSessionLabel: tI18nComplete.raw('textb205bb47f81a'),
+        openSessionLabel: threadHref ? tI18nComplete.raw('openThreadAction') : tI18nComplete.raw('textb205bb47f81a'),
+        threadHref: threadHref ?? undefined,
         stackTitle: (count) => tI18nComplete('textc0589750863c', { count }),
         title: tI18nComplete.raw('text107f1806b5d7'),
         body: tI18nComplete('text27d628c8b427', { label }),

package/dist/internal/notifications/notification-bell.d.ts

@@ -1,5 +1,6 @@
 /** @internal Kortix apps only. No semver: it may change in any release. */
 import type { InboxNotification } from '@kortix/sdk';
+import { BellIcon } from '@phosphor-icons/react';
 export interface NotificationPanelProps {
     rows: readonly InboxNotification[];
     state: 'loading' | 'error' | 'ready';
@@ -27,10 +28,12 @@ export declare function NotificationPanel({ rows, state, unreadCount, prompt, on
  * sits. At full size it would tint the whole bell.
  */
 export declare const BELL_REFLECTION_MASK = "radial-gradient(circle 12px at 100% 100%, #000 35%, transparent 100%)";
-export declare function BellMark({ count, needsYou, surface, }: {
+export declare function BellMark({ count, needsYou, surface, icon: Glyph, }: {
     count: number;
     needsYou: boolean;
     surface?: 'bg-background' | 'bg-sidebar';
+    /** The glyph under the count: the bell, or another control's own mark. */
+    icon?: typeof BellIcon;
 }): import("react").JSX.Element;
 /**
  * The bell and its popover. Renders nothing, and reads no inbox, while signed

package/dist/internal/notifications/notification-bell.js

@@ -79,11 +79,11 @@ export function NotificationPanel({ rows, state, unreadCount, prompt, onOpenRow,
  * sits. At full size it would tint the whole bell.
  */
 export const BELL_REFLECTION_MASK = 'radial-gradient(circle 12px at 100% 100%, #000 35%, transparent 100%)';
-export function BellMark({ count, needsYou, surface = 'bg-background', }) {
+export function BellMark({ count, needsYou, surface = 'bg-background', icon: Glyph = BellIcon, }) {
     const tone = needsYou
         ? { reflection: 'text-kortix-yellow', disc: 'bg-kortix-yellow' }
         : { reflection: 'text-kortix-blue', disc: 'bg-kortix-blue' };
-    return (_jsxs("span", { className: "relative size-4 shrink-0", children: [_jsx(BellIcon, { className: "size-4" }), count > 0 ? (_jsxs(_Fragment, { children: [_jsx(BellIcon, { "aria-hidden": true, className: cn('absolute inset-0 size-4', tone.reflection), style: { maskImage: BELL_REFLECTION_MASK, WebkitMaskImage: BELL_REFLECTION_MASK } }), _jsx("span", { "aria-hidden": true, className: cn('absolute -right-2.5 -bottom-2 flex rounded-full p-px', surface), children: _jsx("span", { "data-slot": "bell-count", className: cn('text-background flex h-3.5 min-w-3.5 items-center justify-center rounded-full px-0.5 text-[9px] leading-none font-semibold tabular-nums', // audit:allow a numeral in a 13px disc on a 16px glyph; no type rung fits
+    return (_jsxs("span", { className: "relative size-4 shrink-0", children: [_jsx(Glyph, { className: "size-4" }), count > 0 ? (_jsxs(_Fragment, { children: [_jsx(Glyph, { "aria-hidden": true, className: cn('absolute inset-0 size-4', tone.reflection), style: { maskImage: BELL_REFLECTION_MASK, WebkitMaskImage: BELL_REFLECTION_MASK } }), _jsx("span", { "aria-hidden": true, className: cn('absolute -right-2.5 -bottom-2 flex rounded-full p-px', surface), children: _jsx("span", { "data-slot": "bell-count", className: cn('text-background flex h-3.5 min-w-3.5 items-center justify-center rounded-full px-0.5 text-[9px] leading-none font-semibold tabular-nums', // audit:allow a numeral in a 13px disc on a 16px glyph; no type rung fits
                             tone.disc), children: badgeCount(count) }) })] })) : null] }));
 }
 /**

package/dist/internal/selection/selection-bar.d.ts

@@ -2,7 +2,8 @@
 export interface SelectionBarAction {
     id: string;
     label: string;
-    tone?: 'default' | 'destructive';
+    /** `success` for an approving verb (Approve), `destructive` for a removing one. */
+    tone?: 'default' | 'success' | 'destructive';
     disabled?: boolean;
     onSelect: () => void;
 }

package/dist/internal/selection/selection-bar.js

@@ -31,7 +31,7 @@ export function SelectionBar({ selectedCount, allSelected, canSelectAll = true,
     const selectLabel = allSelected ? t.raw('text83b12c2216ef') : t.raw('text1fc9a387654d');
     // One action: a fixed-height button that reads its label. No glyph: a
     // verb in a bulk bar is read, not recognised.
-    const action = (a) => (_jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: a.onSelect, disabled: busy || a.disabled, className: cn('h-8 shrink-0', a.tone === 'destructive' && 'text-destructive hover:text-destructive'), children: a.label }, a.id));
+    const action = (a) => (_jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: a.onSelect, disabled: busy || a.disabled, className: cn('h-8 shrink-0', a.tone === 'destructive' && 'text-destructive hover:text-destructive', a.tone === 'success' && 'text-kortix-green hover:text-kortix-green'), children: a.label }, a.id));
     return (_jsxs(m.div, { initial: animateIn ? { opacity: 0, transform: reduceMotion ? REST : RISE } : false, animate: {
             opacity: 1,
             transform: REST,

package/dist/internal/stores/apps-modal-store.d.ts

@@ -0,0 +1,8 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/** "Apps and extensions" dialog: any trigger (account menu, sidebar row, `?apps=1`) opens the one mounted in the project sidebar. */
+interface AppsModalState {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+export declare const useAppsModalStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AppsModalState>>;
+export {};

package/dist/internal/stores/apps-modal-store.js

@@ -0,0 +1,6 @@
+'use client';
+import { create } from 'zustand';
+export const useAppsModalStore = create((set) => ({
+    open: false,
+    setOpen: (open) => set({ open }),
+}));

package/dist/internal/stores/composer-prefill-store.d.ts

@@ -7,9 +7,11 @@
  * mount and immediately clears, so the prefill only applies once. Scoped
  * per-project so prefills don't leak across projects.
  *
- * A prefill fills the box. Only `submit: true` also sends it, and only the
- * desktop Quick Entry sets that: a prompt the person typed into the app's own
- * bar (`components/desktop/desktop-quick-entry.tsx`). A URL (`?q=`) never
+ * A prefill fills the box. Only `submit: true` also sends it, and only two
+ * callers set that, each for a prompt the person typed into Kortix's own
+ * composer: the desktop Quick Entry bar (`components/desktop/desktop-quick-entry.tsx`)
+ * and the Kortix in Chrome side panel (`features/chrome/panel/chrome-panel-home.tsx`).
+ * A URL (`?q=`) never
  * sends, because anyone can write a link. The onboarding hand-off that used to
  * auto-send its kickoff prompt now opens the first chat instead
  * (`first-chat-store.ts`).
@@ -18,8 +20,13 @@ import type { AttachedFile } from '../../session/composer/types.js';
 import type { SessionPromptOverrides } from '@kortix/sdk';
 interface ComposerPrefill {
     text: string;
-    /** Send once it lands, exactly as if the person pressed Enter. */
-    submit?: boolean;
+    /**
+     * Send once it lands, exactly as if the person pressed Enter. `'when-ready'`
+     * waits until the composer can send (models and entitlements loaded, Send
+     * enabled): an image for a model that cannot read one then stays in the box,
+     * where the composer says why.
+     */
+    submit?: boolean | 'when-ready';
     /** Files to attach (desktop Quick Entry screenshots and files). */
     files?: AttachedFile[];
     /** The agent, model and effort to select before it lands (desktop Quick Entry). */

package/dist/internal/stores/file-preview-store.d.ts

@@ -1,4 +1,19 @@
 /** @internal Kortix apps only. No semver: it may change in any release. */
+/**
+ * What the full-screen viewer shows under a file opened with one: a generated
+ * image's prompt (`text`) and the model that made it.
+ */
+export interface FileCaption {
+    text: string;
+    model?: string | null;
+    /**
+     * The sha256 of the image's bytes (R38): the viewer draws those bytes from
+     * the shared store at once, with no read.
+     */
+    sha256?: string;
+}
+/** One key per sandbox file, with or without the `/workspace/` prefix. */
+export declare function fileCaptionKey(path: string): string;
 interface FilePreviewState {
     /** Whether the preview dialog is open */
     isOpen: boolean;
@@ -6,10 +21,22 @@ interface FilePreviewState {
     filePath: string | null;
     /** Optional line number to highlight */
     lineNumber?: number;
-    /** Open the preview dialog with the given file */
-    openPreview: (filePath: string, lineNumber?: number) => void;
+    /**
+     * Captions of the files opened with one, by `fileCaptionKey`. Kept after
+     * the open: the session panel's viewer, the Files explorer and this dialog
+     * all read it for the path they show.
+     */
+    captions: Record<string, FileCaption>;
+    /** Open the preview dialog with the given file; `caption` shows under it in the viewer. */
+    openPreview: (filePath: string, lineNumber?: number, caption?: FileCaption) => void;
     /** Close the preview dialog */
     closePreview: () => void;
 }
 export declare const useFilePreviewStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FilePreviewState>>;
+/**
+ * The caption the viewer shows under `filePath`, when it was opened with one.
+ * The live state on both snapshots: a static render (tests, a prerender)
+ * reads what was opened, not the store's initial state.
+ */
+export declare function useFileCaption(filePath: string): FileCaption | undefined;
 export {};

package/dist/internal/stores/file-preview-store.js

@@ -1,10 +1,18 @@
 import { getActivePanelSessionId, openFileInSessionPanel } from './session-browser-store.js';
+import { useSyncExternalStore } from 'react';
 import { create } from 'zustand';
+/** One key per sandbox file, with or without the `/workspace/` prefix. */
+export function fileCaptionKey(path) {
+    return path.trim().replace(/^\/?workspace\//, '').replace(/^\/+/, '');
+}
 export const useFilePreviewStore = create((set) => ({
     isOpen: false,
     filePath: null,
     lineNumber: undefined,
-    openPreview: (filePath, lineNumber) => {
+    captions: {},
+    openPreview: (filePath, lineNumber, caption) => {
+        if (caption)
+            set((s) => ({ captions: { ...s.captions, [fileCaptionKey(filePath)]: caption } }));
         // Inside a session the file opens in the panel's detail layer — the THING,
         // not the file manager around it (see easy-panel.tsx's handleOpenOutput).
         // `…Silently` because Easy must never write `viewBySession`: that key is
@@ -22,3 +30,13 @@ export const useFilePreviewStore = create((set) => ({
         set({ isOpen: false, filePath: null, lineNumber: undefined });
     },
 }));
+/**
+ * The caption the viewer shows under `filePath`, when it was opened with one.
+ * The live state on both snapshots: a static render (tests, a prerender)
+ * reads what was opened, not the store's initial state.
+ */
+export function useFileCaption(filePath) {
+    const key = fileCaptionKey(filePath);
+    const read = () => useFilePreviewStore.getState().captions[key];
+    return useSyncExternalStore(useFilePreviewStore.subscribe, read, read);
+}

package/dist/internal/stores/kortix-computer-store.js

@@ -110,6 +110,9 @@ export const useKortixComputerStore = create()(devtools((set, get) => ({
         if (!open) {
             // The person closed it: coming back must not reopen it.
             forgetActivePanel(get());
+            // A tool closed while the computer boots stays closed after the
+            // boot→ready handoff: drop the intent it would replant.
+            update._bootQuickView = null;
             update.panelSplit = null;
             update.panelAspect = null;
             update.isExpanded = false;

package/dist/internal/stores/sidebar-nav-store.d.ts

@@ -8,7 +8,7 @@
  * (`customize-sidebar-modal.tsx` syncs it). A row a project does not offer (a flag is off, a permission is denied)
  * keeps its place here and simply does not render.
  */
-export declare const SIDEBAR_NAV_ITEM_IDS: readonly ["customize", "apps", "files", "rooms", "goals"];
+export declare const SIDEBAR_NAV_ITEM_IDS: readonly ["customize", "apps", "files", "rooms", "goals", "artifacts"];
 export type SidebarNavItemId = (typeof SIDEBAR_NAV_ITEM_IDS)[number];
 /**
  * `never` moves the row into the More menu (`project-nav-items.tsx`), so its

package/dist/internal/stores/sidebar-nav-store.js

@@ -13,7 +13,7 @@ import { registerPersistedStore, resetPersistedStore } from './persisted-store-r
  */
 // Review (2026-10-17) and Reminders (2026-10-19) left the sidebar for Customize
 // tabs. A saved layout that still names one drops the id in `normalizeSidebarNav`.
-export const SIDEBAR_NAV_ITEM_IDS = ['customize', 'apps', 'files', 'rooms', 'goals'];
+export const SIDEBAR_NAV_ITEM_IDS = ['customize', 'apps', 'files', 'rooms', 'goals', 'artifacts'];
 /** The layout before anyone customizes it. */
 export const SIDEBAR_NAV_DEFAULTS = [
     { id: 'customize', visibility: 'always' },
@@ -24,6 +24,8 @@ export const SIDEBAR_NAV_DEFAULTS = [
     { id: 'rooms', visibility: 'never' },
     // Goals (2026-10-21, flag `goals`): objectives agents own until verified done.
     { id: 'goals', visibility: 'always' },
+    // Artifacts (2026-10-23, flag `artifacts`): published docs, slides, boards, dashboards.
+    { id: 'artifacts', visibility: 'always' },
 ];
 function isItemId(value) {
     return SIDEBAR_NAV_ITEM_IDS.includes(value);

package/dist/lib/routes.d.ts

@@ -6,7 +6,9 @@
  *
  * A route that returns null is a page the host does not serve: every link to
  * it is hidden and no navigation goes there. `project` and `session` are the
- * two pages every session host serves, so they cannot be null.
+ * two pages every session host serves, so they cannot be null. `channel` and
+ * `dm` cannot be null either: the sidebar links them only while the project's
+ * `project_channels` flag is on.
  *
  * Defaults: apps/web's paths.
  */
@@ -24,6 +26,8 @@ export interface UiRoutes {
     rooms: (projectId: string) => string | null;
     /** The project's goals (flag `goals`); a goal is `<goals>/<scope>/<slug>`. */
     goals: (projectId: string) => string | null;
+    /** The project's artifacts (flag `artifacts`); one is `<artifacts>/<artifact_id>`. */
+    artifacts: (projectId: string) => string | null;
     members: (projectId: string) => string | null;
     /** The project settings page, on its sandbox section. */
     sandboxSettings: (projectId: string) => string | null;
@@ -33,11 +37,19 @@ export interface UiRoutes {
      * capability root, for example `models` or `triggers?id=<slug>`.
      */
     customize: (projectId: string, path?: string) => string | null;
+    /** A channel of the project, by slug (`project_channels` flag). */
+    channel: (projectId: string, slug: string) => string;
+    /** The caller's direct messages with one agent, by agent name (`project_channels` flag). */
+    dm: (projectId: string, agentName: string) => string;
+    /** The project's Company memory (`project_channels` flag); a page is `?page=<page_id>`. */
+    memory: (projectId: string) => string | null;
 }
 export declare const defaultUiRoutes: UiRoutes;
 /** Replaces the routes the host passes. Omitted routes keep their default. */
 export declare function setUiRoutes(overrides: Partial<UiRoutes>): void;
 export declare function uiRoutes(): UiRoutes;
+/** A channel slug or DM agent name from its URL segment; null when a hand-typed escape is malformed. */
+export declare function decodeSpaceSegment(segment: string): string | null;
 /**
  * A capability page's URL for the customize pages themselves: they are mounted
  * only by a host that serves them, so a null `customize` route falls back to

package/dist/lib/routes.js

@@ -7,9 +7,13 @@ const DEFAULT_ROUTES = {
     apps: (p) => `/projects/${p}/apps`,
     rooms: (p) => `/projects/${p}/rooms`,
     goals: (p) => `/projects/${p}/goals`,
+    artifacts: (p) => `/projects/${p}/artifacts`,
     members: (p) => `/projects/${p}/members`,
     sandboxSettings: (p) => `/projects/${p}/config?section=sandbox`,
     customize: (p, path) => `/projects/${p}/customize${path ? `/${path}` : ''}`,
+    channel: (p, slug) => `/projects/${p}/c/${slug}`,
+    dm: (p, agentName) => `/projects/${p}/dm/${encodeURIComponent(agentName)}`,
+    memory: (p) => `/projects/${p}/memory`,
 };
 export const defaultUiRoutes = DEFAULT_ROUTES;
 let routes = DEFAULT_ROUTES;
@@ -20,6 +24,15 @@ export function setUiRoutes(overrides) {
 export function uiRoutes() {
     return routes;
 }
+/** A channel slug or DM agent name from its URL segment; null when a hand-typed escape is malformed. */
+export function decodeSpaceSegment(segment) {
+    try {
+        return decodeURIComponent(segment);
+    }
+    catch {
+        return null;
+    }
+}
 /**
  * A capability page's URL for the customize pages themselves: they are mounted
  * only by a host that serves them, so a null `customize` route falls back to

package/dist/markdown/index.d.ts

@@ -10,7 +10,8 @@ export type { MarkdownPolicy, MarkdownTrust, MarkdownVariant } from './markdown-
 export { UnifiedMarkdown } from './unified-markdown.js';
 export type { UnifiedMarkdownProps } from './unified-markdown.js';
 export { CopyOverlay } from './code/index.js';
-export { HighlightedCode } from './code/code-block.js';
+export { CodeHighlight, HighlightedCode } from './code/code-block.js';
+export { INLINE_CODE } from './code/inline-chip.js';
 export { CopyButton } from './copy-button.js';
 export { MarkdownWithFrontmatter } from './markdown-frontmatter.js';
 export { languageLabel, normalizeLanguage } from './unified-markdown-utils.js';

package/dist/markdown/index.js

@@ -8,7 +8,8 @@
 export { markdownPolicy } from './markdown-policy.js';
 export { UnifiedMarkdown } from './unified-markdown.js';
 export { CopyOverlay } from './code/index.js';
-export { HighlightedCode } from './code/code-block.js';
+export { CodeHighlight, HighlightedCode } from './code/code-block.js';
+export { INLINE_CODE } from './code/inline-chip.js';
 export { CopyButton } from './copy-button.js';
 export { MarkdownWithFrontmatter } from './markdown-frontmatter.js';
 export { languageLabel, normalizeLanguage } from './unified-markdown-utils.js';

package/dist/markdown/setup-links/approval-decision.d.ts

@@ -8,6 +8,7 @@ import { type ApprovalLinkDetails } from '@kortix/sdk';
 export declare function approvalIdentity(details: ApprovalLinkDetails): {
     connector: string | null;
     action: string | null;
+    slug: string | null;
     iconUrl: string | null;
 };
 /**