@kortix/ui 0.14.4 → 0.14.5

package/dist/session/models/model-availability.d.ts

@@ -1,6 +1,29 @@
 import type { ModelKey } from '@kortix/sdk/react';
 export declare const NO_MODEL_AVAILABLE_MESSAGE = "No models available for this session yet.";
 export declare const NO_MODEL_AVAILABLE_ACTION_MESSAGE = "Connect a model via provider first or upgrade your Kortix subscription.";
+/**
+ * Whether the picker may offer a model as a choice: on for the project
+ * (`enabled`) and runnable for the caller (`available`). `/model-picker` keeps
+ * a model a default names even when its provider is not connected, marked
+ * `available: false`, so defaults stay editable; choosing it would only fail
+ * after Send ("Connect Codex to use this model.", KRTX-3011).
+ */
+export declare function isRunnableModel(model: {
+    enabled?: boolean;
+    available?: boolean;
+}): boolean;
+/**
+ * What selecting an unavailable model row opens instead of choosing it: the
+ * ChatGPT accounts modal for a ChatGPT model when members may connect one,
+ * else the provider connection. `null` = the model is runnable.
+ */
+export declare function unavailableModelConnection(model: {
+    enabled?: boolean;
+    available?: boolean;
+    availability?: 'login' | 'provider';
+}, options: {
+    chatGptAvailable: boolean;
+}): 'chatgpt' | 'provider' | null;
 export declare function resolveAvailableSelectedModel(selectedModel: ModelKey | null | undefined, isSelectableModel: (model: ModelKey) => boolean): ModelKey | null;
 /**
  * The name of the selected model when it cannot read an attached image, else null.

package/dist/session/models/model-availability.js

@@ -1,5 +1,25 @@
 export const NO_MODEL_AVAILABLE_MESSAGE = 'No models available for this session yet.';
 export const NO_MODEL_AVAILABLE_ACTION_MESSAGE = 'Connect a model via provider first or upgrade your Kortix subscription.';
+/**
+ * Whether the picker may offer a model as a choice: on for the project
+ * (`enabled`) and runnable for the caller (`available`). `/model-picker` keeps
+ * a model a default names even when its provider is not connected, marked
+ * `available: false`, so defaults stay editable; choosing it would only fail
+ * after Send ("Connect Codex to use this model.", KRTX-3011).
+ */
+export function isRunnableModel(model) {
+    return model.enabled !== false && model.available !== false;
+}
+/**
+ * What selecting an unavailable model row opens instead of choosing it: the
+ * ChatGPT accounts modal for a ChatGPT model when members may connect one,
+ * else the provider connection. `null` = the model is runnable.
+ */
+export function unavailableModelConnection(model, options) {
+    if (model.available !== false)
+        return null;
+    return model.availability === 'login' && options.chatGptAvailable ? 'chatgpt' : 'provider';
+}
 export function resolveAvailableSelectedModel(selectedModel, isSelectableModel) {
     if (!selectedModel)
         return null;

package/dist/session/models/model-grouping.js

@@ -1,5 +1,4 @@
-import { DEFAULT_MANAGED_MODEL_IDS, PROVIDER_LABELS } from '@kortix/llm-catalog';
-const MANAGED_MODEL_IDS = new Set(DEFAULT_MANAGED_MODEL_IDS);
+import { PROVIDER_LABELS } from '@kortix/llm-catalog';
 // The gateway exposes its whole catalog through a single `kortix` provider, with
 // model ids namespaced as `<provider>/<model>`. For the picker we recover the
 // REAL provider: platform-managed defaults stay under the "Kortix" group, while
@@ -26,8 +25,6 @@ export function pickerGroupId(model) {
     if (model.providerID !== 'kortix') {
         return model.providerID;
     }
-    if (MANAGED_MODEL_IDS.has(model.modelID))
-        return model.provider ?? model.providerID;
     if (model.provider)
         return model.provider;
     const slash = model.modelID.indexOf('/');

package/dist/session/models/model-selector.js

@@ -13,7 +13,7 @@ import { useSessionIds } from '../../providers/session-ids.js';
 import { useUiComponents } from '../../providers/ui-provider.js';
 import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
 import { ModelSearchEmpty } from './model-search-empty.js';
-import { resolveAvailableSelectedModel } from './model-availability.js';
+import { isRunnableModel, resolveAvailableSelectedModel, unavailableModelConnection, } from './model-availability.js';
 import { isPickerGroupOpen, modelItemValue, pickerGroupId, pickerGroupLabel, buildPickerSections, splitModelLabel, } from './model-grouping.js';
 import { modelInDefaultView } from '@kortix/sdk';
 import { isSubscriptionModel, pickerModelName, shouldShowFreeTag } from './model-tags.js';
@@ -50,8 +50,11 @@ import { Tag } from '../../primitives/tag.js';
  * `model.providerID`: under the gateway every model is registered as `kortix`,
  * so the model's own id would paint the Kortix mark on every row.
  */
-function ModelRow({ model, groupProviderID, groupProviderName, isSelected, isAccountDefault, defaultControls, onSelect, scope, showSubscriptionTag = true, }) {
+function ModelRow({ model, groupProviderID, groupProviderName, isSelected, isAccountDefault, defaultControls, onSelect, scope, showSubscriptionTag = true, connectLabel, }) {
     const t = useTranslations('modelSelector');
+    // Kept in the list so a default stays visible, but not runnable: the row
+    // reads "Connect" and selecting it opens the connection (KRTX-3011).
+    const unavailable = model.available === false;
     const isFree = shouldShowFreeTag(model);
     const isSubscription = isSubscriptionModel(model);
     // Display name only — `model.modelName` still carries " (ChatGPT)" for search
@@ -83,7 +86,7 @@ function ModelRow({ model, groupProviderID, groupProviderName, isSelected, isAcc
                 /* Stripped of the tinted tile so it reads as a mark on the row, not a
                    chip — `cn` puts these last, so they win over the component's own
                    `bg-zinc-*`. */
-                className: "size-4 rounded-none bg-transparent" }), _jsxs("span", { className: "min-w-0 flex-1 truncate leading-tight", children: [_jsx("span", { className: "text-foreground font-medium", children: lead }), trail ? _jsxs("span", { className: "text-muted-foreground font-normal", children: [" ", trail] }) : null] }), isFree ? (_jsx(Tag, { variant: "free", children: t('free') })) : isSubscription && showSubscriptionTag ? (_jsx(Tag, { children: t('included') })) : null, _jsxs("span", { className: "relative flex size-6 shrink-0 items-center justify-center", children: [isSelected && (_jsx(Check, { className: "text-foreground size-4 group-hover:opacity-0 group-data-[selected=true]:opacity-0" })), defaultControls && (_jsx("button", { type: "button", "aria-label": isAccountDefault
+                className: "size-4 rounded-none bg-transparent" }), _jsxs("span", { className: cn('min-w-0 flex-1 truncate leading-tight', unavailable && 'opacity-60'), children: [_jsx("span", { className: "text-foreground font-medium", children: lead }), trail ? _jsxs("span", { className: "text-muted-foreground font-normal", children: [" ", trail] }) : null] }), unavailable ? (_jsx(Tag, { children: connectLabel })) : isFree ? (_jsx(Tag, { variant: "free", children: t('free') })) : isSubscription && showSubscriptionTag ? (_jsx(Tag, { children: t('included') })) : null, _jsxs("span", { className: "relative flex size-6 shrink-0 items-center justify-center", children: [isSelected && (_jsx(Check, { className: "text-foreground size-4 group-hover:opacity-0 group-data-[selected=true]:opacity-0" })), defaultControls && (_jsx("button", { type: "button", "aria-label": isAccountDefault
                             ? t('defaultAria', { model: model.modelName })
                             : t('setDefaultAria', { model: model.modelName }), title: isAccountDefault ? t('defaultTitle') : t('setDefaultTitle'), 
                         /* No `aria-pressed`: that promises a toggle, and clicking the
@@ -212,7 +215,7 @@ export function ModelSelector({ models, selectedModel, onSelect, defaultControls
     const hasAnyModel = useMemo(() => models.some((m) => m.enabled !== false), [models]);
     /** Does this member already have ChatGPT subscription models? Then the row
      *  manages their accounts instead of offering to connect one. */
-    const hasChatGptModels = useMemo(() => models.some((m) => m.enabled !== false && pickerGroupId(m) === 'codex'), [models]);
+    const hasChatGptModels = useMemo(() => models.some((m) => isRunnableModel(m) && pickerGroupId(m) === 'codex'), [models]);
     const grouped = useMemo(() => {
         const groups = new Map();
         for (const m of visibleModels) {
@@ -278,24 +281,30 @@ export function ModelSelector({ models, selectedModel, onSelect, defaultControls
             providerName: pickerGroupLabel(groupID, model),
         };
     }, [defaultControls?.accountDefault, visibleModels]);
-    const handleSelect = useCallback((model) => {
-        onSelect({ providerID: model.providerID, modelID: model.modelID });
-        setOpen(false);
-    }, [onSelect, setOpen]);
     const handleOpenProviderModal = useCallback((tab) => {
         setOpen(false);
         openConnectProvider(tab);
     }, [openConnectProvider, setOpen]);
-    const handleUpgrade = useCallback(() => {
-        setOpen(false);
-        openUpgrade();
-    }, [openUpgrade, setOpen]);
     const handleOpenChatGpt = useCallback(() => {
         setOpen(false);
         setChatGptOpen(true);
     }, [setOpen]);
+    const handleSelect = useCallback((model) => {
+        // An unavailable model is never chosen: the turn would fail after Send.
+        const connect = unavailableModelConnection(model, { chatGptAvailable });
+        if (connect === 'chatgpt')
+            return handleOpenChatGpt();
+        if (connect === 'provider')
+            return handleOpenProviderModal('providers');
+        onSelect({ providerID: model.providerID, modelID: model.modelID });
+        setOpen(false);
+    }, [onSelect, setOpen, chatGptAvailable, handleOpenChatGpt, handleOpenProviderModal]);
+    const handleUpgrade = useCallback(() => {
+        setOpen(false);
+        openUpgrade();
+    }, [openUpgrade, setOpen]);
     return (_jsxs(_Fragment, { children: [connectionModal, projectId && chatGptPossible && ProviderAccountsModal && (_jsx(ProviderAccountsModal, { projectId: projectId, providerId: "codex", open: chatGptOpen, onOpenChange: setChatGptOpen })), _jsxs(CommandPopover, { open: disabled ? false : open, onOpenChange: (next) => !disabled && setOpen(next), children: [_jsx(CommandPopoverTrigger, { children: _jsxs(Button, { type: "button", variant: triggerVariant, size: "sm", className: cn('rounded-lg hit-area-y-3', triggerVariant === 'ghost' && 'text-muted-foreground'), children: [_jsx("span", { className: cn('max-w-30 truncate', triggerLabelClassName), children: displayName }), _jsx(ChevronDown, { className: cn('duration-moderate size-3 transition-transform ease-out', open && 'rotate-180') })] }) }), _jsx(CommandPopoverContent, { side: "top", align: "start", sideOffset: 8, className: "w-[min(300px,calc(100vw-1.5rem))]", children: _jsxs(_Fragment, { children: [_jsx(CommandInput, { compact: true, placeholder: tModel('search'), value: search, onValueChange: setSearch, rightElement: canManageModels && canConnectProvider ? (_jsxs("div", { className: "-mr-0.5 flex shrink-0 items-center gap-0.5", children: [_jsx(Hint, { label: tModel('connectProvider'), side: "top", className: "z-50", children: _jsx("button", { type: "button", "aria-label": tModel('addProvider'), onClick: () => handleOpenProviderModal('providers'), className: "text-muted-foreground hover:text-foreground hover:bg-muted flex size-8 cursor-pointer items-center justify-center rounded-md transition-colors", children: _jsx(Plus, { className: "size-4" }) }) }), _jsx(Hint, { label: tModel('manageModels'), side: "top", className: "z-50", children: _jsx("button", { type: "button", "aria-label": tModel('manageModels'), onClick: () => handleOpenProviderModal('models'), className: "text-muted-foreground hover:text-foreground hover:bg-muted flex size-8 cursor-pointer items-center justify-center rounded-md transition-colors", children: _jsx(SlidersHorizontal, { className: "size-4" }) }) })] })) : undefined }), grouped.length > 1 && _jsx(CommandSeparator, { className: "bg-border/60" }), _jsx(CommandList, { className: "max-h-[380px]", children: modelsLoading || entitlementsPending ? (_jsx("div", { className: "flex min-h-32 items-center justify-center", role: "status", "aria-label": tModel('loading'), children: _jsx(Loading, { className: "text-muted-foreground size-4 shrink-0" }) })) : grouped.length > 0 ? (_jsxs(_Fragment, { children: [pinnedDefault && (_jsxs(_Fragment, { children: [_jsx(CommandGroup, { heading: _jsx(GroupHeading, { children: tModel('yourDefault') }), forceMount: true, children: _jsx(ModelRow, { model: pinnedDefault.model, groupProviderID: pinnedDefault.providerID, groupProviderName: pinnedDefault.providerName, isSelected: availableSelectedModel?.providerID === pinnedDefault.model.providerID &&
-                                                                availableSelectedModel?.modelID === pinnedDefault.model.modelID, isAccountDefault: true, defaultControls: rowDefaultControls, onSelect: handleSelect, scope: "pinned" }) }), _jsx(CommandSeparator, {})] })), sections.map((section, sectionIndex) => {
+                                                                availableSelectedModel?.modelID === pinnedDefault.model.modelID, isAccountDefault: true, defaultControls: rowDefaultControls, onSelect: handleSelect, connectLabel: tPooled('connect'), scope: "pinned" }) }), _jsx(CommandSeparator, {})] })), sections.map((section, sectionIndex) => {
                                                 const selectedInSection = section.models.find((m) => availableSelectedModel?.providerID === m.providerID &&
                                                     availableSelectedModel?.modelID === m.modelID);
                                                 const open = isPickerGroupOpen({
@@ -313,7 +322,7 @@ export function ModelSelector({ models, selectedModel, onSelect, defaultControls
                                                 return (_jsxs(Fragment, { children: [sectionIndex > 0 && _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { forceMount: true, children: [collapsible && (_jsxs(CommandItem, { value: `section-${section.id}`, onSelect: toggle, className: "cursor-pointer", children: [open ? (_jsx(ChevronDown, { className: "text-muted-foreground size-3.5 shrink-0" })) : (_jsx(CaretRight, { className: "text-muted-foreground size-3.5 shrink-0" })), _jsx("span", { className: "min-w-0 truncate text-sm font-medium", children: section.label }), _jsx("span", { className: "flex-1" }), section.models.some(isSubscriptionModel) && (_jsx(Tag, { children: tModel('included') })), !open && selectedInSection && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground min-w-0 truncate text-xs", children: pickerModelName(selectedInSection) }), _jsx(Check, { className: "text-foreground size-4 shrink-0" })] })), !open && !selectedInSection && (_jsx("span", { className: "text-muted-foreground text-xs tabular-nums", children: section.models.length }))] })), open &&
                                                                     section.models.map((model) => (_jsx(ModelRow, { model: model, groupProviderID: section.providerID, groupProviderName: section.label, isSelected: availableSelectedModel?.providerID === model.providerID &&
                                                                             availableSelectedModel?.modelID === model.modelID, isAccountDefault: defaultControls?.accountDefault?.providerID === model.providerID &&
-                                                                            defaultControls?.accountDefault?.modelID === model.modelID, defaultControls: rowDefaultControls, onSelect: handleSelect, scope: "model", showSubscriptionTag: false }, `${section.id}:${model.providerID}:${model.modelID}`)))] })] }, section.id));
+                                                                            defaultControls?.accountDefault?.modelID === model.modelID, defaultControls: rowDefaultControls, onSelect: handleSelect, connectLabel: tPooled('connect'), scope: "model", showSubscriptionTag: false }, `${section.id}:${model.providerID}:${model.modelID}`)))] })] }, section.id));
                                             }), chatGptAvailable && !searching && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsx(CommandGroup, { forceMount: true, children: _jsxs(CommandItem, { value: "chatgpt-subscription", onSelect: handleOpenChatGpt, className: "cursor-pointer", children: [_jsx(ProviderLogo, { providerID: "codex", name: "ChatGPT", size: "small", className: "size-4 rounded-none bg-transparent" }), _jsx("span", { className: "text-foreground min-w-0 flex-1 truncate text-sm font-medium", children: hasChatGptModels
                                                                         ? tPooled('manageChatGptAccounts')
                                                                         : tPooled('useYourChatGpt') }), !hasChatGptModels && (_jsx("span", { className: "text-muted-foreground text-xs", children: tPooled('connect') }))] }) })] }))] })) : hasAnyModel ? (

package/dist/session/models/use-model-connection-gate.js

@@ -12,6 +12,7 @@ import { useUpgradeDialogStore } from '../../internal/stores/upgrade-dialog-stor
 import { getProject, platformConfig } from '@kortix/sdk';
 import { contract, qk } from '@kortix/sdk/react';
 import { resolveEntitlementsPending } from '../composer/entitlements-pending.js';
+import { isRunnableModel } from './model-availability.js';
 /**
  * `ProviderModalTab` is the caller-facing vocabulary ('providers' | 'connected'
  * | 'models'). JAY-510 merged the modal's 'catalog' and 'connected' tabs into
@@ -98,7 +99,9 @@ export function useModelConnectionGate(models = [], options) {
     // `resolveAvailableSelectedModel` then nulled the pick, so the trigger stayed
     // on `unsetLabel`, no check mark rendered, and each click looked like a no-op
     // even though `onSelect` fired and the model store was written.
-    const isModelOffered = useCallback((model) => model.enabled !== false, []);
+    // `isRunnableModel` also refuses a model `/model-picker` marks
+    // `available: false` (its provider is not connected for the caller).
+    const isModelOffered = useCallback((model) => isRunnableModel(model), []);
     const hasSelectableModels = useMemo(() => models.some(isModelOffered), [models, isModelOffered]);
     const modelsByKey = useMemo(() => new Map(models.map((model) => [`${model.providerID}:${model.modelID}`, model])), [models]);
     const isSelectableModel = useCallback((selectedModel) => {

package/dist/session/outcomes/session-outcomes-provider.d.ts

@@ -1,10 +1,12 @@
 import { type ReactNode } from 'react';
 import { type TurnSpan } from './anchor-outcomes.js';
 import type { Outcome } from '../../internal/outcomes/outcome-types.js';
-export declare function SessionOutcomesProvider({ projectSessionId, turnSpans, onOpen, children, }: {
+export declare function SessionOutcomesProvider({ projectSessionId, turnSpans, busy, onOpen, children, }: {
     /** The git session id a change request records as `origin_session_id`. */
     projectSessionId: string | undefined;
     turnSpans: TurnSpan[];
+    /** The session is working. Its end re-reads the change requests. */
+    busy: boolean;
     onOpen: (outcome: Outcome) => void;
     children: ReactNode;
 }): import("react").JSX.Element;

package/dist/session/outcomes/session-outcomes-provider.js

@@ -38,16 +38,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * because the hook takes its project id from that context rather than a
  * parameter. Task 5 mounts it.
  */
+import { useQueryClient } from '@tanstack/react-query';
 import { useTranslations } from '../../i18n/index.js';
-import { createContext, useContext, useMemo } from 'react';
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef } from 'react';
+import { useProjectContext } from '../../files/project/context.js';
 // NOT `@kortix/sdk/react`'s change-request hook. See the note above — this is
 // a cache-coherence requirement, not a style preference.
-import { useSessionChangeRequests } from '../../files/project/hooks/use-change-requests.js';
+import { invalidateChangeRequestReads, useSessionChangeRequests, } from '../../files/project/hooks/use-change-requests.js';
 import { anchorOutcomes } from './anchor-outcomes.js';
 import { changeRequestOutcomes } from './change-request-outcomes.js';
 const EMPTY = [];
 const OutcomesContext = createContext(null);
-export function SessionOutcomesProvider({ projectSessionId, turnSpans, onOpen, children, }) {
+/** A change request the agent opens as its turn closes can land after the
+ *  turn-end read: read once more after this delay. */
+const CHANGE_REQUEST_SETTLE_MS = 2_500;
+export function SessionOutcomesProvider({ projectSessionId, turnSpans, busy, onOpen, children, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     // No `projectId` argument: this hook reads it from `ProjectFilesProvider`,
     // which is what keeps it on the same cache entry the dialog invalidates.
@@ -56,6 +61,7 @@ export function SessionOutcomesProvider({ projectSessionId, turnSpans, onOpen, c
     // Only THIS session's change requests, filtered by the server; the key sits
     // under the project-files list scope the dialog's mutations invalidate.
     const { data } = useSessionChangeRequests(projectSessionId, { refetchInterval: 60_000 });
+    useRefreshChangeRequestsOnTurnEnd(busy);
     const all = useMemo(
     // Change requests are the only outcome a turn produces. The derived
     // pipeline (files, schedules, background tasks, connector links) was built
@@ -66,6 +72,28 @@ export function SessionOutcomesProvider({ projectSessionId, turnSpans, onOpen, c
     const value = useMemo(() => ({ byTurn, onOpen }), [byTurn, onOpen]);
     return _jsx(OutcomesContext.Provider, { value: value, children: children });
 }
+/**
+ * The agent opens and closes change requests from its sandbox, and nothing
+ * tells the browser. Without this, the cards and the sidebar kept a closed
+ * proposal as "Review" and missed a new one until the 60 s poll or a reload
+ * (KRTX-3009, KRTX-3010). Only the busy -> idle edge reads: mounting an idle
+ * session already fetches.
+ */
+function useRefreshChangeRequestsOnTurnEnd(busy) {
+    const qc = useQueryClient();
+    const projectId = useProjectContext()?.projectId ?? '';
+    const refresh = useCallback(() => invalidateChangeRequestReads(qc, projectId), [qc, projectId]);
+    const wasBusy = useRef(busy);
+    useEffect(() => {
+        const ended = wasBusy.current && !busy;
+        wasBusy.current = busy;
+        if (!ended)
+            return;
+        refresh();
+        const timer = setTimeout(refresh, CHANGE_REQUEST_SETTLE_MS);
+        return () => clearTimeout(timer);
+    }, [busy, refresh]);
+}
 /** A turn's outcomes, oldest first. `EMPTY` is a module constant so a turn with
  *  no outcomes gets the SAME array every render and never re-renders for it. */
 export function useTurnOutcomes(turnKey) {

package/dist/session/overrides/session-overrides-composer.d.ts

@@ -41,4 +41,4 @@ export interface SessionOverridesComposerProps {
  * project-home one in `composer-chat-input.tsx` and the in-session one in
  * `session-chat.tsx`) build the panel from one place.
  */
-export declare function SessionOverridesComposer({ projectId, sessionId, onCommittedDraft, providerSecretPools, onProviderSecretPoolsChange, selectedAgent, sandboxSlot, }: SessionOverridesComposerProps): import("react").JSX.Element;
+export declare function SessionOverridesComposer({ projectId, sessionId, onCommittedDraft, providerSecretPools, onProviderSecretPoolsChange, selectedAgent, sandboxSlot, }: SessionOverridesComposerProps): import("react").JSX.Element | null;

package/dist/session/overrides/session-overrides-composer.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { SessionDrivesWatch } from '../../files/drives/session-drives-chip.js';
 import { useProjectSession } from '@kortix/sdk/react';
+import { useUiHostConfig } from '../../providers/ui-provider.js';
 import { ProviderPoolDraftBoundary } from './provider-pool-draft-context.js';
 import { SessionOverridesToolbar } from './session-overrides-toolbar.js';
 /**
@@ -28,10 +29,13 @@ import { SessionOverridesToolbar } from './session-overrides-toolbar.js';
  * `session-chat.tsx`) build the panel from one place.
  */
 export function SessionOverridesComposer({ projectId, sessionId, onCommittedDraft, providerSecretPools, onProviderSecretPoolsChange, selectedAgent, sandboxSlot, }) {
-    const sessionRow = useProjectSession(projectId, sessionId, { enabled: Boolean(sessionId) });
+    const { sessionOverridesEnabled } = useUiHostConfig();
+    const sessionRow = useProjectSession(projectId, sessionId, { enabled: Boolean(sessionId) && sessionOverridesEnabled });
     const sandbox = useMemo(() => ({
         slug: sessionRow.data?.metadata?.sandbox_slug ?? null,
         provider: sessionRow.data?.sandbox_provider ?? null,
     }), [sessionRow.data?.metadata, sessionRow.data?.sandbox_provider]);
+    if (!sessionOverridesEnabled)
+        return null;
     return (_jsxs(ProviderPoolDraftBoundary, { identity: `${projectId}/${sessionId ?? 'new'}`, children: [sessionId ? _jsx(SessionDrivesWatch, { projectId: projectId, sessionId: sessionId }) : null, _jsx(SessionOverridesToolbar, { projectId: projectId, sessionId: sessionId, agentName: selectedAgent ?? undefined, onCommittedDraft: onCommittedDraft, providerSecretPools: providerSecretPools, onProviderSecretPoolsChange: onProviderSecretPoolsChange, sandbox: sandbox, sandboxSlot: sandboxSlot }, `${projectId}/${sessionId ?? 'new'}`)] }));
 }

package/dist/session/panel/mobile-tool-drawer.js

@@ -21,22 +21,24 @@ import { Drawer, DrawerContent, DrawerHeader, DrawerTitle } from '../../primitiv
 import { BrowserPanel } from '../../browser/browser-panel.js';
 import { CloseButton } from './easy/detail-view.js';
 import { SessionAuditPanel } from './session-audit-panel.js';
+import { SessionRemindersPanel } from './session-reminders-panel.js';
 import { SessionFilesExplorer } from './session-files-explorer.js';
 import { SessionTerminalPanel } from '../../terminal/session-terminal-panel.js';
 import { useLocalizedUiCatalog } from '../../i18n/ui-catalog/use-localized-ui-catalog.js';
 import { useKortixComputerStore } from '../../internal/stores/kortix-computer-store.js';
 import { sessionPreviewTabId } from '../../internal/stores/session-browser-store.js';
-import { FolderOpenIcon, GlobeIcon, ScrollIcon, TerminalWindowIcon, } from '@phosphor-icons/react';
+import { AlarmIcon, FolderOpenIcon, GlobeIcon, ScrollIcon, TerminalWindowIcon, } from '@phosphor-icons/react';
 const TOOL_META = {
     terminal: { label: 'Terminal', Icon: TerminalWindowIcon },
     browser: { label: 'Browser', Icon: GlobeIcon },
     files: { label: 'Files', Icon: FolderOpenIcon },
     audit: { label: 'Audit', Icon: ScrollIcon },
+    reminders: { label: 'Reminders', Icon: AlarmIcon },
 };
 export function MobileToolDrawer({ sessionId, projectId, projectSessionId, }) {
     const view = useKortixComputerStore((s) => s.mobileToolView);
     const closeMobileTool = useKortixComputerStore((s) => s.closeMobileTool);
     const toolMeta = useLocalizedUiCatalog(TOOL_META);
     const meta = view ? toolMeta[view] : null;
-    return (_jsx(Drawer, { open: view !== null, onOpenChange: (next) => !next && closeMobileTool(), children: _jsxs(DrawerContent, { className: "flex h-[95dvh] max-h-[95dvh] min-h-[95dvh] flex-col overflow-hidden p-0", children: [_jsx(DrawerHeader, { className: "shrink-0 px-4 py-3 text-left", children: _jsxs(DrawerTitle, { className: "flex items-center justify-between gap-2 text-base", children: [_jsxs("span", { className: "flex items-center gap-2.5", children: [meta && _jsx(meta.Icon, { className: "text-muted-foreground size-4 shrink-0" }), meta?.label] }), _jsx(CloseButton, { onClose: closeMobileTool, variant: "ghost" })] }) }), _jsxs("div", { className: "min-h-0 flex-1 overflow-hidden", children: [view === 'terminal' && (_jsx(SessionTerminalPanel, { sessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId })), view === 'browser' && (_jsx(BrowserPanel, { tabId: sessionPreviewTabId(sessionId), projectId: projectId, projectSessionId: projectSessionId })), view === 'files' && (_jsx(SessionFilesExplorer, { chatSessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId })), view === 'audit' && (_jsx(SessionAuditPanel, { projectId: projectId, projectSessionId: projectSessionId }))] })] }) }));
+    return (_jsx(Drawer, { open: view !== null, onOpenChange: (next) => !next && closeMobileTool(), children: _jsxs(DrawerContent, { className: "flex h-[95dvh] max-h-[95dvh] min-h-[95dvh] flex-col overflow-hidden p-0", children: [_jsx(DrawerHeader, { className: "shrink-0 px-4 py-3 text-left", children: _jsxs(DrawerTitle, { className: "flex items-center justify-between gap-2 text-base", children: [_jsxs("span", { className: "flex items-center gap-2.5", children: [meta && _jsx(meta.Icon, { className: "text-muted-foreground size-4 shrink-0" }), meta?.label] }), _jsx(CloseButton, { onClose: closeMobileTool, variant: "ghost" })] }) }), _jsxs("div", { className: "min-h-0 flex-1 overflow-hidden", children: [view === 'terminal' && (_jsx(SessionTerminalPanel, { sessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId })), view === 'browser' && (_jsx(BrowserPanel, { tabId: sessionPreviewTabId(sessionId), projectId: projectId, projectSessionId: projectSessionId })), view === 'files' && (_jsx(SessionFilesExplorer, { chatSessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId })), view === 'audit' && (_jsx(SessionAuditPanel, { projectId: projectId, projectSessionId: projectSessionId })), view === 'reminders' && (_jsx("div", { className: "h-full overflow-y-auto p-4", children: _jsx(SessionRemindersPanel, { projectId: projectId, projectSessionId: projectSessionId }) }))] })] }) }));
 }

package/dist/session/panel/open-session-quick-view.js

@@ -55,7 +55,8 @@ target) {
     // is tab-gated — relying on the latter silently dropped the terminal open
     // on /projects/:id/sessions/:id.
     const activePanelSessionId = getActivePanelSessionId();
-    if (panelMode === 'advanced') {
+    // Reminders is an Easy detail with no Advanced tab: it takes the request path in both modes.
+    if (panelMode === 'advanced' && view !== 'reminders') {
         if (activePanelSessionId) {
             // `SessionPanelView` calls the file explorer 'explorer'; its 'files'
             // member is the git-changes diff view. The quick-view vocabulary uses

package/dist/session/panel/panel-fallback.js

@@ -26,6 +26,7 @@ const AppPreview = lazy(() => import('./easy/app-preview.js').then((m) => ({ def
 const SessionTerminalPanel = lazy(() => import('../../terminal/session-terminal-panel.js').then((m) => ({ default: m.SessionTerminalPanel })));
 const SessionFilesExplorer = lazy(() => import('./session-files-explorer.js').then((m) => ({ default: m.SessionFilesExplorer })));
 const SessionAuditPanel = lazy(() => import('./session-audit-panel.js').then((m) => ({ default: m.SessionAuditPanel })));
+const SessionRemindersPanel = lazy(() => import('./session-reminders-panel.js').then((m) => ({ default: m.SessionRemindersPanel })));
 export function SessionPanelFallback({ projectId, projectSessionId, runtimeSessionId, }) {
     useEffect(() => registerPanelFallbackHost(), []);
     const panelMounted = useSessionBrowserStore((s) => s.activeSessionId !== null);
@@ -35,6 +36,7 @@ export function SessionPanelFallback({ projectId, projectSessionId, runtimeSessi
 }
 function PanelViewModal({ projectId, projectSessionId, runtimeSessionId }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    const tReminders = useTranslations('reminders');
     const request = usePanelFallbackStore((s) => s.request);
     if (!request)
         return null;
@@ -45,10 +47,12 @@ function PanelViewModal({ projectId, projectSessionId, runtimeSessionId }) {
             ? 'Terminal'
             : view === 'audit'
                 ? tI18nComplete.raw('textbb6aea287396')
-                : target?.changes
-                    ? 'Changes'
-                    : 'Files';
-    const body = view === 'browser' ? (_jsx(AppPreview, { url: target?.url ?? '', name: title, projectId: projectId, shareContext: { projectId, sessionId: projectSessionId }, onClose: closePanelFallbackView })) : view === 'audit' ? (_jsx(SessionAuditPanel, { projectId: projectId, projectSessionId: projectSessionId })) : !runtimeSessionId ? (_jsx(Centered, { children: _jsx(Loading, { className: "size-5" }) })) : view === 'terminal' ? (_jsx(SessionTerminalPanel, { sessionId: runtimeSessionId, projectId: projectId, projectSessionId: projectSessionId })) : (_jsx(SessionFilesExplorer, { chatSessionId: runtimeSessionId, projectId: projectId, projectSessionId: projectSessionId, ephemeral: true, initialMode: target?.changes ? 'changes' : 'files' }));
+                : view === 'reminders'
+                    ? tReminders('title')
+                    : target?.changes
+                        ? 'Changes'
+                        : 'Files';
+    const body = view === 'browser' ? (_jsx(AppPreview, { url: target?.url ?? '', name: title, projectId: projectId, shareContext: { projectId, sessionId: projectSessionId }, onClose: closePanelFallbackView })) : view === 'audit' ? (_jsx(SessionAuditPanel, { projectId: projectId, projectSessionId: projectSessionId })) : view === 'reminders' ? (_jsx("div", { className: "p-4", children: _jsx(SessionRemindersPanel, { projectId: projectId, projectSessionId: projectSessionId }) })) : !runtimeSessionId ? (_jsx(Centered, { children: _jsx(Loading, { className: "size-5" }) })) : view === 'terminal' ? (_jsx(SessionTerminalPanel, { sessionId: runtimeSessionId, projectId: projectId, projectSessionId: projectSessionId })) : (_jsx(SessionFilesExplorer, { chatSessionId: runtimeSessionId, projectId: projectId, projectSessionId: projectSessionId, ephemeral: true, initialMode: target?.changes ? 'changes' : 'files' }));
     return (_jsx(Modal, { open: true, onOpenChange: (open) => !open && closePanelFallbackView(), children: _jsxs(ModalContent
         // The browser has its own close button in its toolbar.
         , { 

package/dist/session/panel/session-panel-provider.d.ts

@@ -28,6 +28,7 @@ export interface SessionPanelValue {
     }) => void;
     openFiles: (changes?: boolean) => void;
     openAudit: () => void;
+    openReminders: () => void;
 }
 /**
  * Exported so a test can inject a stub value and render the cards (or

package/dist/session/panel/session-panel-provider.js

@@ -27,6 +27,7 @@ import { useTranslations } from '../../i18n/index.js';
  *     that would drop a live PTY WebSocket. See `PersistentLayer`.
  */
 import { SessionAuditPanel } from './session-audit-panel.js';
+import { SessionRemindersPanel } from './session-reminders-panel.js';
 import { SessionFilesExplorer } from './session-files-explorer.js';
 import { useSandboxProxy } from '../../internal/hooks/use-sandbox-proxy.js';
 import { useIsMobile } from '../../hooks/use-mobile.js';
@@ -71,6 +72,7 @@ export function useOptionalSessionPanel() {
 }
 export function SessionPanelProvider({ sessionId, isSessionBusy = false, projectId, projectSessionId, children, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    const tReminders = useTranslations('reminders');
     const { steps, outputs, context, apps, files, isRunning, outcome } = usePanelDerivations({
         sessionId, projectId, projectSessionId, isSessionBusy,
     });
@@ -376,6 +378,14 @@ export function SessionPanelProvider({ sessionId, isSessionBusy = false, project
             body: _jsx(SessionAuditPanel, { projectId: projectId, projectSessionId: projectSessionId }),
         });
     }, [openDetail, projectId, projectSessionId, tI18nComplete]);
+    // A session with more reminders than the header popover holds opens them here.
+    const openReminders = useCallback(() => {
+        openDetail({
+            key: 'reminders',
+            title: tReminders('title'),
+            body: _jsx(SessionRemindersPanel, { projectId: projectId, projectSessionId: projectSessionId }),
+        });
+    }, [openDetail, projectId, projectSessionId, tReminders]);
     /**
      * The opt-in File Explorer (Marko's ask). Never a default view and never a
      * tab — it opens only when asked for, exactly like Terminal and Audit, so
@@ -418,7 +428,7 @@ export function SessionPanelProvider({ sessionId, isSessionBusy = false, project
     }, [apps, handleOpenOutput]);
     const { outputsDefaultOpen, pendingQuickView } = usePanelHandoffs({
         sessionId, projectId, projectSessionId, isRunning, outcome, apps, files, steps,
-        detail, handleOpenOutput, openDetail, openTerminal, openAudit, openBrowser, openFiles,
+        detail, handleOpenOutput, openDetail, openTerminal, openAudit, openReminders, openBrowser, openFiles,
     });
     // The panel comes back with the session: what it showed is remembered while
     // it is open, and reopened on the way back while the session still runs.
@@ -545,6 +555,7 @@ export function SessionPanelProvider({ sessionId, isSessionBusy = false, project
         openBrowser,
         openFiles,
         openAudit,
+        openReminders,
     }), [
         sessionId,
         projectId,
@@ -564,6 +575,7 @@ export function SessionPanelProvider({ sessionId, isSessionBusy = false, project
         openBrowser,
         openFiles,
         openAudit,
+        openReminders,
     ]);
     return _jsx(SessionPanelContext.Provider, { value: value, children: children });
 }

package/dist/session/panel/session-reminders-panel.d.ts

@@ -0,0 +1,4 @@
+export declare function SessionRemindersPanel({ projectId, projectSessionId, }: {
+    projectId?: string;
+    projectSessionId?: string;
+}): import("react").JSX.Element;

package/dist/session/panel/session-reminders-panel.js

@@ -0,0 +1,109 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The session's reminders as a side-panel view, for a session with more than
+ * the header popover holds (`REMINDERS_POPOVER_MAX`). It is the Triggers list
+ * (`customize/triggers/schedule/trigger-list.tsx`) for reminders: the search
+ * field and underline tabs from the Triggers page, a time filter by next run,
+ * and the same 56px rows — the clock that carries its health, the name over
+ * its schedule, the next run over the last run. A row opens its prompt, facts
+ * and actions in place.
+ */
+import { Button } from '../../primitives/button.js';
+import { EmptyState } from '../../primitives/empty-state.js';
+import { ErrorState } from '../../primitives/error-state.js';
+import { InputGroupSearch, InputGroupSearchClear, InputGroupSearchIcon, InputGroupSearchInput, } from '../../primitives/input-group.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../primitives/select.js';
+import { Skeleton } from '../../primitives/skeleton.js';
+import { Tabs, TabsList, TabsTrigger } from '../../primitives/tabs.js';
+import { REFLECTION_MASK } from '../../primitives/toast.js';
+import { useDebounce } from '../../hooks/use-debounce.js';
+import { remindersHref } from '../../internal/lib/capability-tab-routes.js';
+import { useCapabilityAccess } from '../../internal/layout/project-settings-nav.js';
+import { reminderTitle, scheduleLabel } from '../../internal/reminders/reminder-format.js';
+import { matchesQuery, matchesStatus, matchesTime, REMINDER_STATUS_FILTERS, REMINDER_TIME_FILTERS, } from '../../internal/reminders/reminder-filter.js';
+import { useNow } from '../../internal/reminders/use-refetch-after-fire.js';
+import { cn } from '../../internal/lib/utils.js';
+import { useLocale, useTranslations } from '../../i18n/index.js';
+import { AlarmIcon, MagnifyingGlassIcon as SearchIcon } from '@phosphor-icons/react';
+import { useState } from 'react';
+import { CLOCK_TONE, lastRunLabel } from '../../internal/lib/trigger-clock.js';
+import { ReminderActions, ReminderFacts, isFailedReminder, sortReminders, useReminderControls, } from '../header/reminder-parts.js';
+const STATUS_LABEL_KEY = {
+    all: 'statusAll',
+    active: 'tabActive',
+    paused: 'tabPaused',
+    failed: 'calendarFailed',
+};
+const TIME_LABEL_KEY = {
+    any: 'timeAny',
+    hour: 'timeHour',
+    day: 'timeDay',
+    week: 'timeWeek',
+    later: 'timeLater',
+};
+/** The Triggers clock (`TriggerTile`) in a reminder's health, drawn with the alarm the header chip uses. */
+function ReminderTile({ reminder }) {
+    const tone = isFailedReminder(reminder)
+        ? CLOCK_TONE.failed
+        : reminder.state !== 'active'
+            ? CLOCK_TONE.paused
+            : CLOCK_TONE.ok;
+    return (_jsxs("span", { "aria-hidden": true, className: "relative size-5 shrink-0", children: [_jsx("span", { className: "text-muted-foreground absolute inset-0 flex items-center justify-center [&_svg]:size-5", children: _jsx(AlarmIcon, {}) }), _jsx("span", { className: cn('absolute inset-0 flex items-center justify-center [&_svg]:size-5', tone.reflection), style: { maskImage: REFLECTION_MASK, WebkitMaskImage: REFLECTION_MASK }, children: _jsx(AlarmIcon, {}) }), _jsx("span", { className: "absolute -right-0.75 -bottom-0.75 flex size-3 items-center justify-center rounded-full bg-(--row-surface)", children: _jsx("span", { className: cn('size-1.5 rounded-full', tone.dot) }) })] }));
+}
+/** "in 25m", "in 8h", "in 3d": the next run in the last-run label's narrow style. */
+function nextRunIn(iso, locale, now) {
+    const at = iso ? Date.parse(iso) : Number.NaN;
+    if (!Number.isFinite(at))
+        return '—';
+    const rtf = new Intl.RelativeTimeFormat(locale, { style: 'narrow', numeric: 'auto' });
+    const min = Math.max(0, Math.round((at - now) / 60_000));
+    if (min < 60)
+        return rtf.format(min, 'minute');
+    if (min < 24 * 60)
+        return rtf.format(Math.round(min / 60), 'hour');
+    return rtf.format(Math.round(min / (24 * 60)), 'day');
+}
+function ReminderListRow({ reminder, schedule, now, open, onToggle, controls, manageHref, }) {
+    const t = useTranslations('reminders');
+    const tTriggers = useTranslations('hardcodedUi.i18nComplete');
+    const locale = useLocale();
+    const active = reminder.state === 'active';
+    // The Triggers last-run label takes a trigger's shape.
+    const asTrigger = { last_fired_at: reminder.last_fired_at, event: null };
+    return (_jsxs("li", { className: cn('rounded-md', 
+        // One variable paints the row and the clock's dot disc, so the cutout
+        // always matches: rest = card, hover = muted at 60% over card, open = muted.
+        'bg-(--row-surface) [--row-surface:var(--card)] transition-[background-color] duration-(--duration-fast)', open
+            ? '[--row-surface:var(--muted)]'
+            : 'hover:[--row-surface:color-mix(in_oklab,var(--muted)_60%,var(--card))] has-[button:focus-visible]:[--row-surface:color-mix(in_oklab,var(--muted)_60%,var(--card))]'), children: [_jsxs("button", { type: "button", onClick: onToggle, "aria-expanded": open, "data-testid": "session-reminder-panel-row", className: "flex h-14 w-full items-center gap-3 rounded-md px-3 text-left outline-none", children: [_jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", children: _jsx(ReminderTile, { reminder: reminder }) }), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "text-foreground truncate text-sm leading-tight font-medium", children: reminderTitle(reminder) }), _jsx("span", { className: "text-muted-foreground truncate text-xs leading-tight", children: schedule })] }), _jsxs("span", { className: "flex shrink-0 flex-col items-end text-xs tabular-nums", children: [_jsx("span", { className: cn('whitespace-nowrap', active ? 'text-foreground' : 'text-muted-foreground'), children: active ? nextRunIn(reminder.next_fire_at, locale, now) : t('pausedLabel') }), _jsx("span", { className: "text-muted-foreground whitespace-nowrap", children: lastRunLabel(asTrigger, tTriggers, locale, now) })] })] }), open ? (
+            // Starts under the name: the row's px-3, the 20px clock slot, gap-3.
+            _jsxs("div", { className: "space-y-3 pr-3 pb-3 pl-11", children: [reminder.name ? (_jsx("p", { className: "text-muted-foreground text-xs text-pretty whitespace-pre-line", children: reminder.prompt })) : null, _jsx(ReminderFacts, { reminder: reminder, now: now }), _jsx(ReminderActions, { reminder: reminder, controls: controls, manageHref: manageHref, className: "-ml-1.5" })] })) : null] }));
+}
+export function SessionRemindersPanel({ projectId, projectSessionId, }) {
+    const t = useTranslations('reminders');
+    const now = useNow();
+    const { reminders, controls, confirm } = useReminderControls(projectId ?? null, projectSessionId);
+    const hasTab = useCapabilityAccess(projectId).tabs.includes('reminders');
+    const manageHref = hasTab && projectId ? `${remindersHref(projectId)}?session=${projectSessionId}` : null;
+    const [query, setQuery] = useState('');
+    // The input shows every keystroke; the list filters 200 ms after the last one.
+    const { debouncedValue: debouncedQuery } = useDebounce(query, 200);
+    const [status, setStatus] = useState('all');
+    const [time, setTime] = useState('any');
+    const [openId, setOpenId] = useState(null);
+    if (reminders.isPending) {
+        return (_jsx("div", { className: "space-y-1", children: Array.from({ length: 6 }, (_, index) => (_jsx(Skeleton, { className: "h-14 rounded-md" }, index))) }));
+    }
+    if (reminders.isError) {
+        return (_jsx(ErrorState, { size: "sm", title: t('loadFailed'), action: _jsx(Button, { variant: "outline", size: "sm", onClick: () => void reminders.refetch(), children: t('retry') }) }));
+    }
+    const schedule = (reminder) => scheduleLabel(reminder, (key, values) => t(key, values));
+    const live = sortReminders((reminders.data?.reminders ?? []).filter((reminder) => reminder.state !== 'done'));
+    const shown = live.filter((reminder) => matchesStatus(reminder, status) &&
+        matchesTime(reminder, time, now) &&
+        matchesQuery(reminder, debouncedQuery, schedule(reminder)));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs(InputGroupSearch, { children: [_jsx(InputGroupSearchIcon, { children: _jsx(SearchIcon, {}) }), _jsx(InputGroupSearchInput, { placeholder: t('searchPlaceholder'), value: query, onChange: (event) => setQuery(event.target.value), size: "sm" }), _jsx(InputGroupSearchClear, { onClick: () => setQuery('') })] }), _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(Tabs, { value: status, onValueChange: (next) => setStatus(next), className: "min-w-0 overflow-x-auto", children: _jsx(TabsList, { type: "underline", underlineSize: "md", size: "sm", className: "h-8 justify-start gap-5", children: REMINDER_STATUS_FILTERS.map((value) => (_jsx(TabsTrigger, { value: value, className: "flex-none px-0 text-xs font-medium", children: t(STATUS_LABEL_KEY[value]) }, value))) }) }), _jsxs(Select, { value: time, onValueChange: (next) => setTime(next), children: [_jsx(SelectTrigger, { variant: "transparent", size: "sm", "aria-label": t('timeFilterLabel'), className: "text-muted-foreground h-8 shrink-0 text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { align: "end", children: REMINDER_TIME_FILTERS.map((value) => (_jsx(SelectItem, { value: value, children: t(TIME_LABEL_KEY[value]) }, value))) })] })] }), shown.length > 0 ? (
+            // The Triggers list's resting panel: `bg-card`, border, `rounded-lg`.
+            _jsx("ul", { className: "bg-card border-border flex flex-col rounded-lg border p-1", children: shown.map((reminder) => (_jsx(ReminderListRow, { reminder: reminder, schedule: schedule(reminder), now: now, open: openId === reminder.id, onToggle: () => setOpenId((current) => (current === reminder.id ? null : reminder.id)), controls: controls, manageHref: manageHref }, reminder.id))) })) : (_jsx(EmptyState, { size: "sm", title: t('noMatch') })), shown.length < live.length ? (_jsx("p", { className: "text-muted-foreground px-1 text-xs tabular-nums", children: t('filterFooter', { count: shown.length, total: live.length }) })) : null, confirm] }));
+}

package/dist/session/panel/shared/use-panel-handoffs.d.ts

@@ -1,7 +1,7 @@
 import type { SessionPanelValue } from '../session-panel-provider.js';
 import type { usePanelDerivations } from './use-panel-derivations.js';
-type Handoffs = Pick<SessionPanelValue, 'sessionId' | 'projectId' | 'projectSessionId' | 'detail' | 'handleOpenOutput' | 'openDetail' | 'openTerminal' | 'openAudit' | 'openBrowser' | 'openFiles'> & Pick<ReturnType<typeof usePanelDerivations>, 'isRunning' | 'outcome' | 'apps' | 'files' | 'steps'>;
-export declare function usePanelHandoffs({ sessionId, projectId, projectSessionId, isRunning, outcome, apps, files, steps, detail, handleOpenOutput, openDetail, openTerminal, openAudit, openBrowser, openFiles, }: Handoffs): {
+type Handoffs = Pick<SessionPanelValue, 'sessionId' | 'projectId' | 'projectSessionId' | 'detail' | 'handleOpenOutput' | 'openDetail' | 'openTerminal' | 'openAudit' | 'openReminders' | 'openBrowser' | 'openFiles'> & Pick<ReturnType<typeof usePanelDerivations>, 'isRunning' | 'outcome' | 'apps' | 'files' | 'steps'>;
+export declare function usePanelHandoffs({ sessionId, projectId, projectSessionId, isRunning, outcome, apps, files, steps, detail, handleOpenOutput, openDetail, openTerminal, openAudit, openReminders, openBrowser, openFiles, }: Handoffs): {
     outputsDefaultOpen: boolean;
     pendingQuickView: {
         sessionId: string;

package/dist/session/panel/shared/use-panel-handoffs.js

@@ -6,7 +6,7 @@ import { pathOutput, shouldAutoExpandOutputs, shouldAutoOpenPayoff, stepForCallI
 import { StepDetailBody } from '../easy/step-detail-body.js';
 import { StepIcon } from '../easy/step-icon.js';
 import { selectPrimaryDeliverable } from './output-priority.js';
-export function usePanelHandoffs({ sessionId, projectId, projectSessionId, isRunning, outcome, apps, files, steps, detail, handleOpenOutput, openDetail, openTerminal, openAudit, openBrowser, openFiles, }) {
+export function usePanelHandoffs({ sessionId, projectId, projectSessionId, isRunning, outcome, apps, files, steps, detail, handleOpenOutput, openDetail, openTerminal, openAudit, openReminders, openBrowser, openFiles, }) {
     // Auto-expand Outputs the moment a run finishes with something to show —
     // never on every render of an already-finished (or still-running) run, and
     // never on a failed one: a pile of half-written files is not a celebration.
@@ -150,6 +150,9 @@ export function usePanelHandoffs({ sessionId, projectId, projectSessionId, isRun
         else if (view === 'audit' && projectId && projectSessionId) {
             openAudit();
         }
+        else if (view === 'reminders' && projectId && projectSessionId) {
+            openReminders();
+        }
         else if (view === 'browser') {
             openBrowser(target);
         }
@@ -163,6 +166,7 @@ export function usePanelHandoffs({ sessionId, projectId, projectSessionId, isRun
         projectSessionId,
         openTerminal,
         openAudit,
+        openReminders,
         openBrowser,
         openFiles,
     ]);