@kortix/ui 0.14.4 → 0.14.6

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

@@ -31,7 +31,7 @@ import { createElement } from 'react';
 import { cachedNotificationCenter, cachedNotificationCenterAnswer, } from '../hooks/use-notification-center.js';
 import { hasWebPushSubscription } from '../notifications/web-push.js';
 import { customToast, dismissToast, ToastCard, toastIcon, errorToast, infoToast, successToast, warningToast, } from '../../primitives/toast.js';
-import { ClockIcon } from '@phosphor-icons/react';
+import { ClockIcon, GitPullRequestIcon } from '@phosphor-icons/react';
 import { SessionFailedCard, SessionStackCard, } from '../notifications/session-toast-cards.js';
 import { logger } from './logger.js';
 import { softNavigate } from './navigation/router-bridge.js';
@@ -42,7 +42,7 @@ import { playSound } from './sounds.js';
 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 { normalizeAppPathname } from '@kortix/sdk';
+import { listChangeRequests, normalizeAppPathname, } from '@kortix/sdk';
 // ============================================================================
 // Server push preference
 // ============================================================================
@@ -138,7 +138,7 @@ function navigateToSession(sessionId, sessionTitle, opts) {
     const projectId = opts?.projectId ?? currentProjectId();
     if (!projectId)
         return;
-    const href = projectSessionHref(projectId, sessionId);
+    const href = projectSessionHref(projectId, sessionId) + (opts?.search ?? '');
     try {
         // Open/activate the tab in the tab store + pushState
         openTabAndNavigate({
@@ -497,6 +497,15 @@ function showSessionToast(payload, sessionId) {
     // focus) names nothing and opens nothing: the person is already there.
     // Read at render, so it follows where the person is now.
     const elsewhere = () => !isViewingSession(sessionId);
+    const cr = payload.changeRequest;
+    // `?cr=` opens the change request's review dialog on the session page.
+    const review = () => {
+        navigateToSession(sessionId, payload.body, {
+            projectId: payload.projectId,
+            search: cr ? `?cr=${encodeURIComponent(cr.crId)}` : undefined,
+        });
+        payload.onClick?.();
+    };
     if (item.failed) {
         customToast((dismiss) => createElement(SessionFailedCard, {
             title: payload.inAppTitle ?? payload.title,
@@ -512,12 +521,23 @@ function showSessionToast(payload, sessionId) {
         message: payload.inAppTitle ?? payload.title,
         icon: toastIcon('success'),
         variant: 'success',
+        // On the session itself the change request card is in the transcript,
+        // so the toast only says it is there.
         options: elsewhere()
             ? {
-                entity: { label: item.label },
-                actions: [{ label: payload.openSessionLabel ?? openLabel, onClick: () => open(item) }],
+                entity: {
+                    icon: cr ? createElement(GitPullRequestIcon, { className: 'size-3.5' }) : undefined,
+                    label: item.label,
+                },
+                description: cr?.detail,
+                actions: [
+                    ...(cr ? [{ label: cr.reviewLabel, onClick: review }] : []),
+                    { label: payload.openSessionLabel ?? openLabel, onClick: () => open(item) },
+                ],
             }
-            : undefined,
+            : cr
+                ? { description: cr.detail }
+                : undefined,
         onDismiss: dismiss,
     }), { id, duration: NOTIFICATION_VISIBLE_MS, onClose });
 }
@@ -576,7 +596,7 @@ export function notifyTaskCompleteFor({ sessionId, sessionTitle, projectId, noti
     noteTurnCompleteShown(sessionId);
     const name = sessionDisplayName(sessionTitle, sessionId);
     const label = sessionTitle ? `"${name.slice(0, 60)}"` : name;
-    sendWebNotification({
+    const payload = {
         type: 'completion',
         entityLabel: name,
         openSessionLabel: tI18nComplete.raw('textb205bb47f81a'),
@@ -591,8 +611,38 @@ export function notifyTaskCompleteFor({ sessionId, sessionTitle, projectId, noti
         // deep link (the same rule the click-time path documents above).
         projectId,
         notificationCenter,
+    };
+    if (!projectId) {
+        sendWebNotification(payload);
+        return;
+    }
+    void openChangeRequestOf(projectId, sessionId).then((cr) => {
+        if (!cr) {
+            sendWebNotification(payload);
+            return;
+        }
+        const detail = tI18nComplete('text57f57edb6f16', { number: cr.number });
+        sendWebNotification({
+            ...payload,
+            body: `${payload.body} ${detail}`,
+            changeRequest: { crId: cr.cr_id, detail, reviewLabel: tI18nComplete.raw('textaff0766a5290') },
+        });
     });
 }
+/** How long the finished-turn toast waits for the change request lookup. */
+const CHANGE_REQUEST_LOOKUP_MS = 2_500;
+/**
+ * The newest open change request the session opened, or null. Server-vouched
+ * by `origin_session_id`, the same rule as the transcript's change request card.
+ * A slow or failed lookup answers null, so the toast never waits on it for long.
+ */
+function openChangeRequestOf(projectId, sessionId) {
+    const lookup = listChangeRequests(projectId, 'open', { originSessionId: sessionId, limit: 1 })
+        .then((page) => page.change_requests[0] ?? null)
+        .catch(() => null);
+    const timeout = new Promise((resolve) => setTimeout(() => resolve(null), CHANGE_REQUEST_LOOKUP_MS));
+    return Promise.race([lookup, timeout]);
+}
 /**
  * Notify that a session encountered an error.
  */

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

@@ -14,6 +14,19 @@ export interface NotificationPanelProps {
 }
 /** Props only: the header, the All / Needs you / Done tabs, the rows, and the footer offer. */
 export declare function NotificationPanel({ rows, state, unreadCount, prompt, onOpenRow, onMarkAllRead, onRetry, onTurnOn, onDismissPrompt, }: NotificationPanelProps): import("react").JSX.Element;
+/**
+ * The bell (Paper B12 in the toast's badge-glow style): the glyph muted, then
+ * again in the badge's colour under `BELL_REFLECTION_MASK`, so the
+ * colour reaches in from the corner the count sits on, as `EntityTile` in
+ * `components/ui/toast.tsx` and `TriggerTile` draw it. Yellow when something
+ * waits on the person (the Needs you tab), blue otherwise.
+ */
+/**
+ * The toast's `REFLECTION_MASK` scaled from its 20px icon to the 16px bell
+ * (16px → 12px), centred on the glyph's bottom-right corner where the count
+ * 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, }: {
     count: number;
     needsYou: boolean;

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

@@ -78,7 +78,7 @@ export function NotificationPanel({ rows, state, unreadCount, prompt, onOpenRow,
  * (16px → 12px), centred on the glyph's bottom-right corner where the count
  * sits. At full size it would tint the whole bell.
  */
-const BELL_REFLECTION_MASK = 'radial-gradient(circle 12px at 100% 100%, #000 35%, transparent 100%)';
+export const BELL_REFLECTION_MASK = 'radial-gradient(circle 12px at 100% 100%, #000 35%, transparent 100%)';
 export function BellMark({ count, needsYou, surface = 'bg-background', }) {
     const tone = needsYou
         ? { reflection: 'text-kortix-yellow', disc: 'bg-kortix-yellow' }

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

@@ -44,10 +44,11 @@ export function newArrivals(seen, rows) {
  * is not.
  */
 export function planArrivals(fresh, context) {
+    const unseen = new Set(context.unseen);
     const announce = fresh
         .filter((row) => !row.session_id ||
         (!context.onScreen(row.session_id) &&
-            !(row.kind === 'turn_done' && context.unseen.includes(row.session_id))))
+            !(row.kind === 'turn_done' && unseen.has(row.session_id))))
         .slice(0, MAX_ARRIVAL_ALERTS);
     return context.os ? { toast: [], os: announce } : { toast: announce, os: [] };
 }

package/dist/internal/outcomes/outcome-types.d.ts

@@ -49,6 +49,11 @@ export interface OutcomeAction {
     intent: 'open' | 'link';
     /** Required when `intent` is `link`; ignored otherwise. */
     href?: string;
+    /**
+     * For `open`: the source id the modal opens when it is not this outcome's
+     * own. A superseded change request opens its replacement (KRTX-3031).
+     */
+    target?: string;
 }
 export interface Outcome {
     /**

package/dist/internal/reminders/reminder-filter.d.ts

@@ -0,0 +1,12 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+import type { SessionReminder } from '@kortix/sdk';
+export type ReminderStatusFilter = 'all' | 'active' | 'paused' | 'failed';
+/** By next run: within the hour, the day, the week, or later than a week. */
+export type ReminderTimeFilter = 'any' | 'hour' | 'day' | 'week' | 'later';
+export declare const REMINDER_STATUS_FILTERS: readonly ReminderStatusFilter[];
+export declare const REMINDER_TIME_FILTERS: readonly ReminderTimeFilter[];
+export declare function matchesStatus(reminder: SessionReminder, status: ReminderStatusFilter): boolean;
+/** A time filter other than `any` keeps only active reminders: a paused one has no next run. */
+export declare function matchesTime(reminder: SessionReminder, time: ReminderTimeFilter, now: number): boolean;
+/** Every word of the query appears in the title, the prompt or the schedule label. */
+export declare function matchesQuery(reminder: SessionReminder, query: string, schedule: string): boolean;

package/dist/internal/reminders/reminder-filter.js

@@ -0,0 +1,34 @@
+export const REMINDER_STATUS_FILTERS = ['all', 'active', 'paused', 'failed'];
+export const REMINDER_TIME_FILTERS = ['any', 'hour', 'day', 'week', 'later'];
+const HOUR = 60 * 60 * 1000;
+const WINDOW_MS = {
+    hour: HOUR,
+    day: 24 * HOUR,
+    week: 7 * 24 * HOUR,
+};
+export function matchesStatus(reminder, status) {
+    if (status === 'all')
+        return true;
+    if (status === 'failed')
+        return reminder.last_status === 'failed';
+    return status === 'active' ? reminder.state === 'active' : reminder.state !== 'active';
+}
+/** A time filter other than `any` keeps only active reminders: a paused one has no next run. */
+export function matchesTime(reminder, time, now) {
+    if (time === 'any')
+        return true;
+    const next = reminder.state === 'active' && reminder.next_fire_at ? Date.parse(reminder.next_fire_at) : NaN;
+    if (!Number.isFinite(next))
+        return false;
+    if (time === 'later')
+        return next - now > WINDOW_MS.week;
+    return next - now <= WINDOW_MS[time];
+}
+/** Every word of the query appears in the title, the prompt or the schedule label. */
+export function matchesQuery(reminder, query, schedule) {
+    const words = query.trim().toLowerCase().split(/\s+/).filter(Boolean);
+    if (words.length === 0)
+        return true;
+    const haystack = [reminder.name, reminder.prompt, schedule].filter(Boolean).join(' ').toLowerCase();
+    return words.every((word) => haystack.includes(word));
+}

package/dist/internal/reminders/reminder-format.d.ts

@@ -14,6 +14,12 @@ export declare function formatFireTime(iso: string, locale: string, now: number)
  */
 export declare function nearestFire(reminders: readonly Pick<SessionReminder, 'state' | 'next_fire_at' | 'last_fired_at' | 'at'>[]): number | null;
 export declare function soonestFire(reminders: readonly Pick<SessionReminder, 'state' | 'next_fire_at'>[]): number | null;
+/**
+ * How much of the wait before the next fire has passed, 0..1: the interval of
+ * an `every` reminder, else the span since the last fire (or creation). Null
+ * when there is no next fire to count toward.
+ */
+export declare function elapsedShare(reminder: Pick<SessionReminder, 'next_fire_at' | 'every_seconds' | 'last_fired_at' | 'created_at'>, now: number): number | null;
 /** The first line of the reminder text, for a one-line row title. */
 export declare function reminderTitle(reminder: Pick<SessionReminder, 'name' | 'prompt'>): string;
 /** "Cron 0 9 * * * Europe/Berlin", "Every 1h" or "Once"; `t` is the `reminders` translator. */

package/dist/internal/reminders/reminder-format.js

@@ -10,10 +10,12 @@ export function formatFireTime(iso, locale, now) {
     const deltaMin = Math.round((at - now) / 60_000);
     const rtf = new Intl.RelativeTimeFormat(locale, { numeric: 'auto', style: 'short' });
     const abs = Math.abs(deltaMin);
+    // `short` abbreviates with a period ("in 32 min."); a row's trailing label reads cleaner without it.
+    const relative = (value, unit) => rtf.format(value, unit).replace(/\.(?=\s|$)/g, '');
     if (abs < 60)
-        return rtf.format(deltaMin, 'minute');
+        return relative(deltaMin, 'minute');
     if (abs < 24 * 60)
-        return rtf.format(Math.round(deltaMin / 60), 'hour');
+        return relative(Math.round(deltaMin / 60), 'hour');
     const date = new Date(at);
     if (deltaMin > 0 && deltaMin < 7 * 24 * 60) {
         return date.toLocaleString(locale, { weekday: 'short', hour: '2-digit', minute: '2-digit' });
@@ -60,6 +62,22 @@ export function soonestFire(reminders) {
     }
     return soonest;
 }
+/**
+ * How much of the wait before the next fire has passed, 0..1: the interval of
+ * an `every` reminder, else the span since the last fire (or creation). Null
+ * when there is no next fire to count toward.
+ */
+export function elapsedShare(reminder, now) {
+    const next = reminder.next_fire_at ? Date.parse(reminder.next_fire_at) : NaN;
+    if (!Number.isFinite(next))
+        return null;
+    const start = reminder.every_seconds
+        ? next - reminder.every_seconds * 1000
+        : Date.parse(reminder.last_fired_at ?? reminder.created_at ?? '');
+    if (!Number.isFinite(start) || next <= start)
+        return null;
+    return Math.min(1, Math.max(0, (now - start) / (next - start)));
+}
 /** The first line of the reminder text, for a one-line row title. */
 export function reminderTitle(reminder) {
     return reminder.name ?? reminder.prompt.split('\n')[0].trim();

package/dist/internal/stores/kortix-computer-store.d.ts

@@ -12,7 +12,7 @@ export interface ReadyChipState {
     primaryName?: string;
 }
 /** The panel surfaces reachable from outside the panel. */
-export type QuickView = 'terminal' | 'audit' | 'browser' | 'files';
+export type QuickView = 'terminal' | 'audit' | 'browser' | 'files' | 'reminders';
 /**
  * Extra aim for a quick-view request — "open the browser" vs "open the browser
  * ON THIS URL".

package/dist/internal/stores/session-hover-store.d.ts

@@ -11,6 +11,10 @@
  * the active row is what is left, and it is also the cheaper shape: exactly one
  * card is mounted at any time, by construction rather than by timing luck.
  *
+ * The store also holds the active row's element and the one card's content
+ * slot (`SessionBriefCardHost`): rows render their brief into that slot, and
+ * the host glides to the row instead of a new card appearing at it.
+ *
  * The delays live here rather than on the primitive for a performance reason.
  * If `openDelay` were a prop derived from `warm`, every row in the sidebar would
  * re-render each time the group warmed or cooled. Nothing selects `warm`, so it
@@ -20,15 +24,19 @@
 /** The first card costs a delay, so a pointer crossing the list on its way
  *  somewhere else does not flash open every row it passes over. */
 export declare const HOVER_OPEN_DELAY_MS = 200;
+/** While a card is open, a move to another row waits this long, and a newer
+ *  row restarts the wait: a pointer sweeping down the list moves the card once,
+ *  to where it stops, instead of re-rendering it for every row it crosses. */
+export declare const HOVER_MOVE_DEBOUNCE_MS = 50;
 /** Long enough for the pointer to cross the `sideOffset` gap into the card. */
 export declare const HOVER_CLOSE_DELAY_MS = 100;
 /** How long the group stays warm after its last card closes. */
 export declare const HOVER_WARM_GRACE_MS = 300;
 /**
- * Once one card is open the group is warm and the next row is instant, so the
- * card reads as moving to the row under the pointer instead of closing and
- * reopening. This is the rule the design system already states for tooltips:
- * delay before the first, none for the rest while the group is active.
+ * Once one card is open the group is warm and the next row costs only the move
+ * debounce, so the card reads as moving to the row under the pointer instead of
+ * closing and reopening. This is the rule the design system already states for
+ * tooltips: delay before the first, (almost) none for the rest.
  */
 export declare function hoverOpenDelayMs(warm: boolean): number;
 /**
@@ -38,9 +46,16 @@ export declare function hoverOpenDelayMs(warm: boolean): number;
 export declare function clearIfActive(current: string | null, sessionId: string): string | null;
 interface SessionHoverState {
     activeSessionId: string | null;
+    /** The active row's element: the card lines up with it. */
+    anchor: HTMLElement | null;
+    /** Keyboard focus moves the card without a glide. */
+    via: 'pointer' | 'focus';
+    /** The shared card's content slot, from `SessionBriefCardHost`. */
+    slot: HTMLElement | null;
+    setSlot: (slot: HTMLElement | null) => void;
     /** Deliberately unselected by any component — see the note above. */
     warm: boolean;
-    openSession: (sessionId: string) => void;
+    openSession: (sessionId: string, anchor?: HTMLElement, via?: 'pointer' | 'focus') => void;
     closeSession: (sessionId: string) => void;
     /** Immediate, for a click that opens something else and for unmount. */
     dismiss: () => void;

package/dist/internal/stores/session-hover-store.js

@@ -12,6 +12,10 @@ import { create } from 'zustand';
  * the active row is what is left, and it is also the cheaper shape: exactly one
  * card is mounted at any time, by construction rather than by timing luck.
  *
+ * The store also holds the active row's element and the one card's content
+ * slot (`SessionBriefCardHost`): rows render their brief into that slot, and
+ * the host glides to the row instead of a new card appearing at it.
+ *
  * The delays live here rather than on the primitive for a performance reason.
  * If `openDelay` were a prop derived from `warm`, every row in the sidebar would
  * re-render each time the group warmed or cooled. Nothing selects `warm`, so it
@@ -21,18 +25,22 @@ import { create } from 'zustand';
 /** The first card costs a delay, so a pointer crossing the list on its way
  *  somewhere else does not flash open every row it passes over. */
 export const HOVER_OPEN_DELAY_MS = 200;
+/** While a card is open, a move to another row waits this long, and a newer
+ *  row restarts the wait: a pointer sweeping down the list moves the card once,
+ *  to where it stops, instead of re-rendering it for every row it crosses. */
+export const HOVER_MOVE_DEBOUNCE_MS = 50;
 /** Long enough for the pointer to cross the `sideOffset` gap into the card. */
 export const HOVER_CLOSE_DELAY_MS = 100;
 /** How long the group stays warm after its last card closes. */
 export const HOVER_WARM_GRACE_MS = 300;
 /**
- * Once one card is open the group is warm and the next row is instant, so the
- * card reads as moving to the row under the pointer instead of closing and
- * reopening. This is the rule the design system already states for tooltips:
- * delay before the first, none for the rest while the group is active.
+ * Once one card is open the group is warm and the next row costs only the move
+ * debounce, so the card reads as moving to the row under the pointer instead of
+ * closing and reopening. This is the rule the design system already states for
+ * tooltips: delay before the first, (almost) none for the rest.
  */
 export function hoverOpenDelayMs(warm) {
-    return warm ? 0 : HOVER_OPEN_DELAY_MS;
+    return warm ? HOVER_MOVE_DEBOUNCE_MS : HOVER_OPEN_DELAY_MS;
 }
 /**
  * Compare-and-clear, the same guard `session-switch-store` uses: a close
@@ -44,6 +52,8 @@ export function clearIfActive(current, sessionId) {
 let openTimer = null;
 let closeTimer = null;
 let warmTimer = null;
+/** The row a pending open will show; its close must also close the card still showing. */
+let pendingId = null;
 function cancel(timer) {
     if (timer)
         clearTimeout(timer);
@@ -51,8 +61,12 @@ function cancel(timer) {
 }
 export const useSessionHoverStore = create((set, get) => ({
     activeSessionId: null,
+    anchor: null,
+    via: 'pointer',
+    slot: null,
     warm: false,
-    openSession: (sessionId) => {
+    setSlot: (slot) => set({ slot }),
+    openSession: (sessionId, anchor, via = 'pointer') => {
         closeTimer = cancel(closeTimer);
         warmTimer = cancel(warmTimer);
         // A pending open belongs to whichever row the pointer has just left.
@@ -61,21 +75,24 @@ export const useSessionHoverStore = create((set, get) => ({
         // or crossing the gap back from the card would flicker it.
         if (get().activeSessionId === sessionId)
             return;
-        if (hoverOpenDelayMs(get().warm) === 0) {
-            set({ activeSessionId: sessionId, warm: true });
-            return;
-        }
+        const show = { activeSessionId: sessionId, anchor: anchor ?? null, via, warm: true };
+        pendingId = sessionId;
         openTimer = setTimeout(() => {
             openTimer = null;
-            set({ activeSessionId: sessionId, warm: true });
-        }, HOVER_OPEN_DELAY_MS);
+            pendingId = null;
+            set(show);
+        }, hoverOpenDelayMs(get().warm));
     },
     closeSession: (sessionId) => {
         openTimer = cancel(openTimer);
         closeTimer = cancel(closeTimer);
+        // Leaving a row whose move had not landed yet: the card still shows the
+        // previous row, and that card is the one to close.
+        const target = pendingId === sessionId ? get().activeSessionId : sessionId;
+        pendingId = null;
         closeTimer = setTimeout(() => {
             closeTimer = null;
-            set((state) => ({ activeSessionId: clearIfActive(state.activeSessionId, sessionId) }));
+            set((state) => ({ activeSessionId: target ? clearIfActive(state.activeSessionId, target) : state.activeSessionId }));
             warmTimer = setTimeout(() => {
                 warmTimer = null;
                 set({ warm: false });
@@ -83,6 +100,7 @@ export const useSessionHoverStore = create((set, get) => ({
         }, HOVER_CLOSE_DELAY_MS);
     },
     dismiss: () => {
+        pendingId = null;
         openTimer = cancel(openTimer);
         closeTimer = cancel(closeTimer);
         warmTimer = cancel(warmTimer);

package/dist/internal/stores/session-panel-memory-store.js

@@ -40,6 +40,8 @@ export function rememberedPanelOf({ terminalOpen, detailKey, }) {
         return { kind: 'view', view: 'files', target: { changes: true } };
     if (detailKey === 'audit')
         return { kind: 'view', view: 'audit' };
+    if (detailKey === 'reminders')
+        return { kind: 'view', view: 'reminders' };
     if (detailKey === 'app:landing')
         return { kind: 'view', view: 'browser' };
     if (detailKey?.startsWith('app:'))

package/dist/markdown/code/inline-code.js

@@ -12,6 +12,7 @@ import { useSessionBrowserStore } from '../../internal/stores/session-browser-st
 import { useUiLink } from '../../providers/ui-provider.js';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useInsideLink } from './inside-link-context.js';
+import { outputPathForName, useOutputPaths } from './output-paths-context.js';
 import { childrenToText } from './children-text.js';
 // Server-safe by design — see `inline-chip.tsx`. Re-exported so the client
 // consumers that already import them from here keep working.
@@ -114,6 +115,7 @@ export function ClickableInlineCode({ children }) {
     const { proxyUrl } = useSandboxProxy();
     const openPreview = useOpenPreviewLink();
     const insideLink = useInsideLink();
+    const outputPaths = useOutputPaths();
     const text = childrenToText(children).trim();
     // Before the URL and path checks: a hex is neither, and the test is a single
     // anchored regex against a string that is at most nine characters.
@@ -146,5 +148,11 @@ export function ClickableInlineCode({ children }) {
     if (looksLikeFilePath(text)) {
         return _jsx(FilePathCode, { text: text, children: children });
     }
+    // A bare filename (`claims.md`) is no path, but it may name one of this
+    // session's outputs: open that file, still showing the name.
+    const outputPath = outputPathForName(text, outputPaths);
+    if (outputPath) {
+        return _jsx(FilePathCode, { text: outputPath, children: children });
+    }
     return _jsx("code", { className: INLINE_CODE, children: children });
 }

package/dist/markdown/code/output-paths-context.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The paths of the files this session produced: its Outputs.
+ *
+ * A reply names its deliverables by bare filename (`claims.md`), and a bare
+ * name is not a path, so it never linked. Opening it took Expand pane →
+ * Outputs → the file (KRTX-3023). Inline code that names exactly one of these
+ * outputs now opens it.
+ *
+ * Provider: `SessionPanelProvider`. Empty outside a session: nothing extra links.
+ */
+export declare const OutputPathsContext: import("react").Context<readonly string[]>;
+export declare const useOutputPaths: () => readonly string[];
+/**
+ * The output a bare filename names, or null: it is not a filename, no output
+ * has that name, or two different outputs share it and the reply does not say
+ * which.
+ */
+export declare function outputPathForName(text: string, paths: readonly string[]): string | null;

package/dist/markdown/code/output-paths-context.js

@@ -0,0 +1,35 @@
+'use client';
+import { createContext, useContext } from 'react';
+/**
+ * The paths of the files this session produced: its Outputs.
+ *
+ * A reply names its deliverables by bare filename (`claims.md`), and a bare
+ * name is not a path, so it never linked. Opening it took Expand pane →
+ * Outputs → the file (KRTX-3023). Inline code that names exactly one of these
+ * outputs now opens it.
+ *
+ * Provider: `SessionPanelProvider`. Empty outside a session: nothing extra links.
+ */
+export const OutputPathsContext = createContext([]);
+export const useOutputPaths = () => useContext(OutputPathsContext);
+const BARE_FILENAME = /^[\w@][\w@.-]*\.[A-Za-z0-9]+$/;
+/** `/workspace/a/b.md` and `a/b.md` are one file. */
+const sameFileKey = (path) => path.replace(/^\/workspace\//, '');
+/**
+ * The output a bare filename names, or null: it is not a filename, no output
+ * has that name, or two different outputs share it and the reply does not say
+ * which.
+ */
+export function outputPathForName(text, paths) {
+    if (!BARE_FILENAME.test(text))
+        return null;
+    let found = null;
+    for (const path of paths) {
+        if (path.slice(path.lastIndexOf('/') + 1) !== text)
+            continue;
+        if (found !== null && sameFileKey(found) !== sameFileKey(path))
+            return null;
+        found ??= path;
+    }
+    return found;
+}

package/dist/markdown/genui/components/charts.js

@@ -25,7 +25,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 // eslint-disable-next-line no-restricted-imports -- screen-reader text for the figure; this module is reached only through lazy()
 import { genuiA11yText } from '@kortix/sdk/genui';
-import { useState } from 'react';
+import { useMemo, useState } from 'react';
 import { Bar, BarChart, CartesianGrid, Cell, Line, LineChart, Pie, PieChart, XAxis, YAxis } from 'recharts';
 import { ChartContainer, ChartTooltip, ChartTooltipContent } from '../../../primitives/chart.js';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '../../../primitives/dialog.js';
@@ -95,7 +95,7 @@ function PieFigure({ variant, slices, total, unit, format, tooltip, focus, }) {
         const restTotal = rest.reduce((sum, slice) => sum + slice.value, 0);
         const block = (slice, i) => {
             const small = i > 0 && slice.value / restTotal < 0.12;
-            return (_jsxs(HoverCard, { openDelay: 80, closeDelay: 40, children: [_jsx(HoverCardTrigger, { asChild: true, children: _jsx("div", { tabIndex: 0, onMouseEnter: () => focus.hover(slice.key), onMouseLeave: () => focus.hover(null), onClick: () => focus.toggle(slice.key), "aria-label": `${slice.label}: ${format(slice.value)} (${slice.percent}%)`, className: cn('focus-visible:ring-ring duration-fast flex min-h-1.5 min-w-0 flex-col justify-between overflow-hidden rounded-md transition-opacity outline-none focus-visible:ring-2', small ? 'p-0' : 'p-3', i < 2 ? 'text-background' : 'text-foreground'), style: { backgroundColor: PIE_RAMP[i], flexGrow: slice.value, flexBasis: 0, opacity: dimmed(focus, slice.key) }, children: small ? null : (_jsxs(_Fragment, { children: [_jsx("span", { className: "truncate text-xs", children: slice.label }), _jsxs("span", { className: cn('truncate tabular-nums', i === 0 ? 'text-2xl font-medium' : 'text-sm'), children: [slice.percent, "%"] })] })) }) }), _jsxs(HoverCardContent, { side: "top", className: "flex w-auto min-w-40 flex-col gap-1 p-3", children: [_jsxs("span", { className: "text-foreground flex items-center gap-2 text-sm font-medium", children: [dot(slice.fill), slice.label] }), _jsxs("span", { className: "text-muted-foreground font-mono text-xs tabular-nums", children: [unit ? `${format(slice.value)} ${unit}` : format(slice.value), " \u00B7 ", slice.percent, "%"] })] })] }, slice.key));
+            return (_jsxs(HoverCard, { openDelay: 80, closeDelay: 40, children: [_jsx(HoverCardTrigger, { asChild: true, children: _jsx("button", { type: "button", onMouseEnter: () => focus.hover(slice.key), onMouseLeave: () => focus.hover(null), onClick: () => focus.toggle(slice.key), "aria-label": `${slice.label}: ${format(slice.value)} (${slice.percent}%)`, className: cn('focus-visible:ring-ring duration-fast flex min-h-1.5 min-w-0 flex-col justify-between overflow-hidden rounded-md text-left transition-opacity outline-none focus-visible:ring-2', small ? 'p-0' : 'p-3', i < 2 ? 'text-background' : 'text-foreground'), style: { backgroundColor: PIE_RAMP[i], flexGrow: slice.value, flexBasis: 0, opacity: dimmed(focus, slice.key) }, children: small ? null : (_jsxs(_Fragment, { children: [_jsx("span", { className: "truncate text-xs", children: slice.label }), _jsxs("span", { className: cn('truncate tabular-nums', i === 0 ? 'text-2xl font-medium' : 'text-sm'), children: [slice.percent, "%"] })] })) }) }), _jsxs(HoverCardContent, { side: "top", className: "flex w-auto min-w-40 flex-col gap-1 p-3", children: [_jsxs("span", { className: "text-foreground flex items-center gap-2 text-sm font-medium", children: [dot(slice.fill), slice.label] }), _jsxs("span", { className: "text-muted-foreground font-mono text-xs tabular-nums", children: [unit ? `${format(slice.value)} ${unit}` : format(slice.value), " \u00B7 ", slice.percent, "%"] })] })] }, slice.key));
         };
         return (_jsxs("div", { className: "flex min-h-0 flex-1 gap-1", children: [block(first, 0), rest.length > 0 ? (_jsx("div", { className: "flex min-w-0 flex-col gap-1", style: { flexGrow: restTotal, flexBasis: 0 }, children: rest.map((slice, i) => block(slice, i + 1)) })) : null] }));
     }
@@ -118,11 +118,11 @@ export function ChartView({ node, props }) {
     const t = useTranslations('genui');
     const focus = useFocus();
     const locale = useLocale();
+    const number = useMemo(() => new Intl.NumberFormat(locale), [locale]);
+    const compact = useMemo(() => new Intl.NumberFormat(locale, { notation: 'compact' }), [locale]);
     // A streamed pie arrives before its slices resolve (the parent line comes first). Hold its space until one lands.
     if (node.type === 'PieChart' && kids(props.slices).length === 0)
         return GenuiPending(node);
-    const number = new Intl.NumberFormat(locale);
-    const compact = new Intl.NumberFormat(locale, { notation: 'compact' });
     const format = (value) => (typeof value === 'number' ? number.format(value) : value == null ? '—' : String(value));
     // The tooltip row of `ChartTooltipContent`, with the table's number format.
     const tooltip = (_jsx(ChartTooltipContent, { hideLabel: node.type === 'PieChart', formatter: (value, name, item) => (_jsxs(_Fragment, { children: [_jsx("span", { className: "size-2.5 shrink-0 rounded-xs", style: { backgroundColor: item.payload?.fill ?? item.color } }), _jsxs("span", { className: "flex flex-1 items-center justify-between gap-2 leading-none", children: [_jsx("span", { className: "text-muted-foreground", children: name }), _jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: format(value) })] })] })) }));
@@ -160,7 +160,8 @@ export function ChartView({ node, props }) {
 /** The chart's values as text: the Show data dialog's table. A missing value stays a dash, never a zero. */
 export function ChartDataTable({ node }) {
     const t = useTranslations('genui');
-    const number = new Intl.NumberFormat(useLocale());
+    const locale = useLocale();
+    const number = useMemo(() => new Intl.NumberFormat(locale), [locale]);
     const format = (value) => (typeof value === 'number' ? number.format(value) : value == null ? '—' : String(value));
     const { props } = node;
     let head;

package/dist/primitives/count-badge.d.ts

@@ -19,8 +19,10 @@ declare const TONE: {
     readonly conflict: "bg-kortix-orange/15";
 };
 export type CountBadgeTone = keyof typeof TONE;
-export declare function CountBadge({ count, tone, className, ...props }: {
+export declare function CountBadge({ count, tone, icon, className, ...props }: {
     count: number;
     tone?: CountBadgeTone;
+    /** A glyph that names what is counted, drawn before the number. */
+    icon?: React.ReactNode;
 } & Omit<React.ComponentProps<'span'>, 'children'>): import("react").JSX.Element;
 export {};

package/dist/primitives/count-badge.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge } from './badge.js';
 import { cn } from '../lib/utils.js';
 /**
@@ -21,6 +21,6 @@ const TONE = {
     reminder: 'bg-kortix-purple/15',
     conflict: 'bg-kortix-orange/15',
 };
-export function CountBadge({ count, tone = 'neutral', className, ...props }) {
-    return (_jsx(Badge, { variant: "transparent", size: "tabular", className: cn(TONE[tone], 'shrink-0 text-current', className), ...props, children: count > 99 ? '99+' : count }));
+export function CountBadge({ count, tone = 'neutral', icon, className, ...props }) {
+    return (_jsxs(Badge, { variant: "transparent", size: "tabular", className: cn(TONE[tone], 'shrink-0 text-current', icon && 'gap-1', className), ...props, children: [icon, count > 99 ? '99+' : count] }));
 }

package/dist/primitives/glyph-paths-source.js

@@ -27,7 +27,7 @@ export function renderGlyphPathsModule() {
     const paths = glyphPathsInDefaultWeight();
     const lines = Object.entries(paths).map(([name, d]) => `  ${JSON.stringify(name)}: ${JSON.stringify(d)},`);
     return [
-        '// GENERATED by apps/web/scripts/generate-glyph-paths.tsx. Do not edit.',
+        '// GENERATED by packages/ui/scripts/generate-glyph-paths.tsx. Do not edit.',
         '// The path of every catalogue glyph in DEFAULT_ICON_WEIGHT; see glyph-face.tsx.',
         '',
         `export const GLYPH_PATHS_WEIGHT = ${JSON.stringify(DEFAULT_ICON_WEIGHT)};`,

package/dist/primitives/glyph-paths.generated.js

@@ -1,4 +1,4 @@
-// GENERATED by apps/web/scripts/generate-glyph-paths.tsx. Do not edit.
+// GENERATED by packages/ui/scripts/generate-glyph-paths.tsx. Do not edit.
 // The path of every catalogue glyph in DEFAULT_ICON_WEIGHT; see glyph-face.tsx.
 export const GLYPH_PATHS_WEIGHT = "bold";
 export const GLYPH_PATHS = {