@kortix/ui 0.14.7 → 0.14.9

package/dist/session/status/session-starting-loader.js

@@ -7,7 +7,8 @@ import { useTranslations } from '../../i18n/index.js';
 import { cn } from '../../lib/utils.js';
 import { useProjectSession } from '@kortix/sdk/react';
 import { ArrowCounterClockwiseIcon as RotateCcw } from '@phosphor-icons/react';
-import { useEffect, useRef, useState } from 'react';
+import { useContext, useEffect, useRef, useState } from 'react';
+import { TranscriptRowsContext } from '../thread/transcript-rows.js';
 /**
  * What a session shows while its Kortix Computer comes up: nothing, unless the
  * wake needs attention. Opening a session wakes its computer in the background,
@@ -95,9 +96,11 @@ export function canOfferBootRestart(session, projectId, sessionId) {
 /** The stalled-boot escape hatch, shared by the loader and instant session shell. */
 export function RestartFallback({ show, pending, onRestart, className, buttonClassName, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    // A channel's thread panel says "thread", not "session" (`TranscriptRows.labels`).
+    const labels = useContext(TranscriptRowsContext)?.labels;
     if (!show)
         return null;
-    return (_jsxs("div", { className: cn('mt-5 w-full', className), children: [_jsx("p", { className: "text-muted-foreground mb-2 text-xs text-pretty", children: tI18nComplete.raw('textbeda94e911d3') }), _jsxs(Button, { type: "button", variant: "secondary", size: "sm", className: cn('w-full active:scale-[0.96]', buttonClassName), disabled: pending, onClick: onRestart, children: [pending ? (_jsx(Loading, { className: "size-3.5 shrink-0 text-current motion-reduce:animate-none" })) : (_jsx(RotateCcw, { className: "size-3.5 shrink-0" })), pending ? tI18nComplete.raw('text75d0f1469d16') : tI18nComplete.raw('textcb886371afc6')] })] }));
+    return (_jsxs("div", { className: cn('mt-5 w-full', className), children: [_jsx("p", { className: "text-muted-foreground mb-2 text-xs text-pretty", children: tI18nComplete.raw('textbeda94e911d3') }), _jsxs(Button, { type: "button", variant: "secondary", size: "sm", className: cn('w-full active:scale-[0.96]', buttonClassName), disabled: pending, onClick: onRestart, children: [pending ? (_jsx(Loading, { className: "size-3.5 shrink-0 text-current motion-reduce:animate-none" })) : (_jsx(RotateCcw, { className: "size-3.5 shrink-0" })), pending ? tI18nComplete.raw('text75d0f1469d16') : (labels?.restart ?? tI18nComplete.raw('textcb886371afc6'))] })] }));
 }
 /**
  * The wake's status where nothing else can paint: the side panel, a chat with
@@ -105,7 +108,7 @@ export function RestartFallback({ show, pending, onRestart, className, buttonCla
  */
 export function SessionStartingLoader({ projectId, sessionId, 
 /** Honest one-liner from the SDK wake escalation ladder. */
-note, reason, failure, }) {
+note, reason, failure, fallback = null, }) {
     const { data: session } = useProjectSession(projectId, sessionId);
     const restart = useRestartProjectSession(projectId ?? '', sessionId ?? '');
     const now = useNow();
@@ -113,9 +116,18 @@ note, reason, failure, }) {
     const clockStart = useRestartedBootClock(restart);
     const restartable = now - clockStart >= STUCK_AFTER_MS && canOfferBootRestart(session, projectId, sessionId);
     if (!statusNote && !restartable)
-        return null;
+        return fallback;
     return (_jsx("div", { className: "flex h-full min-h-0 w-full flex-1 items-center justify-center px-4 sm:px-8", children: _jsxs("div", { role: "status", "aria-live": "polite", className: "flex w-full max-w-xs items-start gap-3", children: [_jsx(Loading, { variant: "spokes", className: "text-muted-foreground mt-0.5 size-4 shrink-0 motion-reduce:animate-none" }), _jsxs("div", { className: "min-w-0 flex-1", children: [statusNote ? _jsx("p", { className: "text-muted-foreground text-xs text-pretty", children: statusNote }) : null, _jsx(RestartFallback, { show: restartable, pending: restart.isPending, onRestart: restart.restart, className: statusNote ? 'mt-3' : 'mt-0' })] })] }) }));
 }
+/**
+ * The body of a tool card (Terminal, Browser, Files) opened while the session's
+ * computer boots: the wake's status when it needs attention, else a spinner and
+ * one line, centered where the live tool will appear.
+ */
+export function SessionBootStatus({ projectId, sessionId, }) {
+    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    return (_jsx(SessionStartingLoader, { projectId: projectId, sessionId: sessionId, fallback: _jsxs("div", { role: "status", className: "text-muted-foreground flex h-full min-h-0 w-full flex-1 items-center justify-center gap-2 px-4 text-xs", children: [_jsx(Loading, { variant: "spokes", className: "size-4 shrink-0 motion-reduce:animate-none" }), tI18nComplete.raw('textac4e05b19878')] }) }));
+}
 /**
  * Compact status above a readable conversation while its runtime wakes, shown
  * only when the wake needs attention: an escalation or retry note, or a stuck

package/dist/session/thread/after-first-prompt.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+/**
+ * Drawn under the transcript's first prompt, above its answer: a channel
+ * thread's "N replies" divider, so the parent message reads first, then the
+ * replies. Only `SessionTurn` reads it, on the first rendered turn.
+ */
+export declare const AfterFirstPromptContext: import("react").Context<ReactNode>;

package/dist/session/thread/after-first-prompt.js

@@ -0,0 +1,8 @@
+'use client';
+import { createContext } from 'react';
+/**
+ * Drawn under the transcript's first prompt, above its answer: a channel
+ * thread's "N replies" divider, so the parent message reads first, then the
+ * replies. Only `SessionTurn` reads it, on the first rendered turn.
+ */
+export const AfterFirstPromptContext = createContext(null);

package/dist/session/thread/detect-command.d.ts

@@ -7,7 +7,19 @@ import type { Command } from '@kortix/sdk/react';
  *
  * Extracted into its own (React-free) module so it can be unit-tested directly.
  */
+/**
+ * pi's `/skill` message: `<skill name="…" location="…">\n<SKILL.md>\n</skill>`, then
+ * `\n\n<args>` (`commandPrompt` in kortixd's pi runtime). pi lists a skill with an
+ * empty template, so only this envelope names it after a reload. A SKILL.md can
+ * hold its own `</skill>`, so the envelope closes at the last one.
+ */
+export declare function detectSkillEnvelope(rawText: string): {
+    name: string;
+    args?: string;
+    source: 'skill';
+} | undefined;
 export declare function detectCommandFromText(rawText: string, commands?: Command[]): {
     name: string;
     args?: string;
+    source?: 'skill';
 } | undefined;

package/dist/session/thread/detect-command.js

@@ -8,7 +8,27 @@ const foldBlankLines = (text) => text.replace(/\n{3,}/g, '\n\n');
  *
  * Extracted into its own (React-free) module so it can be unit-tested directly.
  */
+/**
+ * pi's `/skill` message: `<skill name="…" location="…">\n<SKILL.md>\n</skill>`, then
+ * `\n\n<args>` (`commandPrompt` in kortixd's pi runtime). pi lists a skill with an
+ * empty template, so only this envelope names it after a reload. A SKILL.md can
+ * hold its own `</skill>`, so the envelope closes at the last one.
+ */
+export function detectSkillEnvelope(rawText) {
+    const text = rawText.trim();
+    const open = /^<skill name="([^"]+)" location="[^"]*">\n/.exec(text);
+    if (!open)
+        return undefined;
+    const close = text.lastIndexOf('\n</skill>');
+    if (close < open[0].length - 1)
+        return undefined;
+    const args = text.slice(close + '\n</skill>'.length).trim();
+    return { name: open[1], args: args || undefined, source: 'skill' };
+}
 export function detectCommandFromText(rawText, commands) {
+    const skill = rawText ? detectSkillEnvelope(rawText) : undefined;
+    if (skill)
+        return skill;
     // `commands` is typed `Command[]`, but the runtime's `GET /command` has been
     // observed answering with a truthy NON-array (Better Stack, dev 2026-08-23:
     // "TypeError: t is not iterable" thrown from the `for…of` below, which took

package/dist/session/thread/plan-surface.d.ts

@@ -5,5 +5,6 @@
  * `isActionPanelOpen` / `isSidePanelOpen` / `panelMode`: those made the plan
  * hop surfaces on every panel toggle, and they also re-rendered the whole
  * transcript each time one of them changed.
+ * @deprecated Renders an OpenCode-only tool or todo list in an OpenCode session (pi has none). OpenCode is sunset (2026-10-23): no new code; delete with OpenCode.
  */
 export declare function usePlanInChat(): boolean;

package/dist/session/thread/plan-surface.js

@@ -23,6 +23,7 @@ import { planBelongsToChat } from '../turn/plan-anchor.js';
  * `isActionPanelOpen` / `isSidePanelOpen` / `panelMode`: those made the plan
  * hop surfaces on every panel toggle, and they also re-rendered the whole
  * transcript each time one of them changed.
+ * @deprecated Renders an OpenCode-only tool or todo list in an OpenCode session (pi has none). OpenCode is sunset (2026-10-23): no new code; delete with OpenCode.
  */
 export function usePlanInChat() {
     return planBelongsToChat({ isMobile: useIsMobile() });

package/dist/session/thread/session-chat.d.ts

@@ -21,6 +21,8 @@ interface SessionChatProps {
     hideHeader?: boolean;
     /** Read-only mode — hides the chat input bar (used for sub-session modal viewer) */
     readOnly?: boolean;
+    /** The composer's placeholder (a channel thread says "Reply…"). Default: the composer's own. */
+    composerPlaceholder?: string;
     /**
      * Drawn in the composer's slot, in flow, when `readOnly`: a terminal
      * session state (stopped with no computer, lost computer, failed start)
@@ -64,4 +66,4 @@ interface SessionChatProps {
      */
     deferComposerFocus?: boolean;
 }
-export declare function SessionChat({ sessionId, projectSessionId, sessionState, projectId, boundAgentName, headerLeadingAction, hideHeader, readOnly, inputReplacement, initialScrollTop, savedHistoryScope, onContentReady, deferComposerFocus, hostQuote, }: SessionChatProps): import("react").JSX.Element;
+export declare function SessionChat({ sessionId, projectSessionId, sessionState, projectId, boundAgentName, headerLeadingAction, hideHeader, readOnly, composerPlaceholder, inputReplacement, initialScrollTop, savedHistoryScope, onContentReady, deferComposerFocus, hostQuote, }: SessionChatProps): import("react").JSX.Element;