@kortix/ui 0.14.8 → 0.14.9

package/dist/session/status/session-error-banner.js

@@ -3,11 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { HubLink } from '../../internal/account-hub/account-hub-location.js';
 import { useLocale, useTranslations } from '../../i18n/index.js';
 import { formatUsdAsCredits, parseBalanceUsd } from '../../_vendor/kortix-shared.js';
-import { useSessionIds } from '../../providers/session-ids.js';
-import { useUiComponents, useUiViewerId } from '../../providers/ui-provider.js';
-import { useState } from 'react';
-import { chatGptActionApplies, chatGptConnectionAction, } from '../models/chatgpt-connection-action.js';
-import { sessionPersonalUser } from '../overrides/provider-pool-draft.js';
+import { chatGptConnectionAction } from '../models/chatgpt-connection-action.js';
+import { ChatGptConnectionSlot } from '../models/chatgpt-connection-button.js';
 import { AskOwnerForCreditsButton } from '../models/ask-owner-for-credits-button.js';
 import { Button } from '../../primitives/button.js';
 import { ChainOfThoughtStep } from '../../primitives/chain-of-thought.js';
@@ -19,7 +16,6 @@ import { accountSettingsTarget } from '../../internal/stores/account-settings-mo
 import { useCurrentAccountStore } from '../../internal/stores/current-account-store.js';
 import { useAccountState } from '../../internal/billing/use-account-state.js';
 import { canManageBilling, isAbortError, turnRetryLabel, } from '@kortix/sdk';
-import { useFeatureFlag, useModelAccess, useProjectSession, useSessionProviderSecretPools, } from '@kortix/sdk/react';
 import { CaretRightIcon, CreditCardIcon, LightningIcon, WarningCircleIcon, } from '@phosphor-icons/react';
 const TONE_TILE = {
     error: 'bg-kortix-red/15 text-kortix-red',
@@ -271,49 +267,6 @@ export function TurnErrorDisplay({ errorText, errorDetails, errorRaw, defaultDet
     // Real errors → a checkpoint row in the activity lane, not a boxed alert.
     return (_jsx(TurnErrorCheckpoint, { text: text, gateway: gateway, raw: errorRaw, defaultOpen: defaultDetailsOpen, action: chatGpt ? _jsx(ChatGptConnectionSlot, { action: chatGpt }) : undefined, modelOptions: modelOptions, className: className }));
 }
-/**
- * The ChatGPT fix for a failed turn. It needs the session the turn belongs
- * to, so it renders only on a session route; elsewhere the row stays
- * informational, exactly as before.
- */
-function ChatGptConnectionSlot({ action }) {
-    const ids = useSessionIds();
-    const projectId = ids.projectId ?? null;
-    const sessionId = ids.sessionId ?? null;
-    if (!projectId || !sessionId)
-        return null;
-    return _jsx(ChatGptConnectionButton, { action: action, projectId: projectId, sessionId: sessionId });
-}
-/**
- * Opens the ChatGPT accounts dialog, which exists only with pooled provider
- * secrets and the LLM gateway on. Shown only where connecting or
- * reconnecting an account can fix this session (`chatGptActionApplies`).
- */
-function ChatGptConnectionButton({ action, projectId, sessionId, }) {
-    const t = useTranslations('pooledSecrets');
-    const viewerId = useUiViewerId();
-    const pooled = useFeatureFlag(projectId, 'pooled_provider_secrets');
-    const enabled = pooled.enabled;
-    const access = useModelAccess(enabled ? projectId : null);
-    const session = useProjectSession(projectId, sessionId, { enabled });
-    const pools = useSessionProviderSecretPools(enabled ? projectId : null, sessionId);
-    const [open, setOpen] = useState(false);
-    const { ProviderAccountsModal } = useUiComponents();
-    const applies = !!ProviderAccountsModal &&
-        enabled &&
-        !(access.data?.disabledProviders ?? []).includes('codex') &&
-        chatGptActionApplies({
-            action,
-            personalUser: sessionPersonalUser(session.data),
-            viewerId: viewerId,
-            explicitSelection: pools.isSuccess
-                ? pools.data.pools.some((pool) => pool.provider_id === 'codex')
-                : undefined,
-        });
-    if (!applies || !ProviderAccountsModal)
-        return null;
-    return (_jsxs("div", { className: "mt-2 pl-7", children: [_jsx(Button, { size: "sm", className: "active:scale-[0.96]", onClick: () => setOpen(true), children: t(action === 'reconnect' ? 'reconnectChatGpt' : 'connectChatGpt') }), _jsx(ProviderAccountsModal, { projectId: projectId, providerId: "codex", open: open, onOpenChange: setOpen })] }));
-}
 export function SessionRetryDisplay({ message, attempt, secondsLeft, details, className, }) {
     if (!message)
         return null;

package/dist/session/status/session-starting-loader.d.ts

@@ -1,4 +1,5 @@
 import { type SessionStartResult } from '@kortix/sdk';
+import { type ReactNode } from 'react';
 /**
  * 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,
@@ -52,13 +53,24 @@ export declare function RestartFallback({ show, pending, onRestart, className, b
  */
 export declare function SessionStartingLoader({ projectId, sessionId, 
 /** Honest one-liner from the SDK wake escalation ladder. */
-note, reason, failure, }: {
+note, reason, failure, fallback, }: {
     projectId?: string;
     sessionId?: string;
     note?: string | null;
     reason?: string | null;
     failure?: StartFailure;
-}): import("react").JSX.Element | null;
+    /** What a routine wake shows. Default: nothing. */
+    fallback?: ReactNode;
+}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null;
+/**
+ * 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 declare function SessionBootStatus({ projectId, sessionId, }: {
+    projectId?: string;
+    sessionId?: string;
+}): import("react").JSX.Element;
 /**
  * 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/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/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;