@kortix/ui 0.14.12 → 0.14.14

package/dist/session/turn/notice-batch-group.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { UsersThreeIcon } from '@phosphor-icons/react';
+import { useTranslations } from '../../i18n/index.js';
+import { PeerMessageRow } from './peer-message-row.js';
+import { SubagentNoticeRow } from './subagent-notice-row.js';
+/**
+ * Several notices the API coalesced into one delivered prompt
+ * (`session-notice-batch.ts`): background subagents that ended, teammates that
+ * went idle, sessions that answered a `notify_when_idle`. One header line ("3
+ * agents finished") and one compact row each, with no user bubble around them:
+ * nobody typed this turn.
+ */
+export function NoticeBatchGroup({ items, actions }) {
+    const t = useTranslations('multiAgent.notice');
+    return (_jsxs("div", { "data-testid": "notice-batch", "data-notice-count": items.length, className: "flex min-w-0 flex-col gap-1", children: [_jsxs("div", { className: "text-muted-foreground flex min-w-0 items-center gap-1.5 text-xs", children: [_jsx(UsersThreeIcon, { "aria-hidden": true, className: "size-3.5 shrink-0" }), _jsx("span", { children: t('batchTitle', { count: items.length }) })] }), _jsx("ul", { className: "border-border ml-1.5 flex min-w-0 flex-col gap-1 border-l pl-3", children: items.map((item, index) => (_jsx("li", { children: item.kind === 'peer_idle' ? _jsx(PeerMessageRow, { info: item.info }) : _jsx(SubagentNoticeRow, { notice: item.notice }) }, item.kind === 'peer_idle' ? `peer-${item.info.messageId}` : `${item.notice.sessionId}-${index}`))) }), actions] }));
+}

package/dist/session/turn/peer-message-row.d.ts

@@ -0,0 +1,14 @@
+import type { PeerMessageKind, PeerMessagePromptInfo } from '../../_vendor/shared/index.js';
+/**
+ * The preview after the sender: the summary, else the first line of the text. CSS cuts it with `…`.
+ * An idle notice (`firePeerIdleNotices` in the API) previews its "Its last answer:" line; its
+ * first line ("reviewer finished its turn and is idle.") repeats the headline, so it shows only
+ * when it says something else (an error).
+ */
+export declare function peerMessagePreview(info: Pick<PeerMessagePromptInfo, 'summary' | 'text'> & {
+    kind?: PeerMessageKind;
+}): string;
+export declare function PeerMessageRow({ info, actions }: {
+    info: PeerMessagePromptInfo;
+    actions?: React.ReactNode;
+}): import("react").JSX.Element;

package/dist/session/turn/peer-message-row.js

@@ -0,0 +1,57 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { peerHandleLabel } from '../../_vendor/kortix-shared.js';
+import { ArrowBendDownLeftIcon, CaretRightIcon, ChatTeardropTextIcon, CheckCircleIcon, PowerIcon, } from '@phosphor-icons/react';
+import { useId, useState } from 'react';
+import { useTranslations } from '../../i18n/index.js';
+import { cn } from '../../lib/utils.js';
+/**
+ * A message another Kortix session sent this one (`send_message`), as Claude
+ * Code draws it: one dim line, "Message from @reviewer · Schema migration
+ * finished", that opens in place to the full text. The header and the footer
+ * the API wrapped around it (`peerMessagePromptText`) are for the agent, not
+ * the reader, so neither renders. An idle notice, a shutdown request and a
+ * shutdown answer get their own words.
+ */
+const KIND_ICON = {
+    message: ChatTeardropTextIcon,
+    idle_notice: CheckCircleIcon,
+    shutdown_request: PowerIcon,
+    shutdown_response: ArrowBendDownLeftIcon,
+};
+const KIND_KEY = new Map([
+    ['message', 'message'],
+    ['idle_notice', 'idleNotice'],
+    ['shutdown_request', 'shutdownRequest'],
+    ['shutdown_response', 'shutdownResponse'],
+]);
+/**
+ * The preview after the sender: the summary, else the first line of the text. CSS cuts it with `…`.
+ * An idle notice (`firePeerIdleNotices` in the API) previews its "Its last answer:" line; its
+ * first line ("reviewer finished its turn and is idle.") repeats the headline, so it shows only
+ * when it says something else (an error).
+ */
+export function peerMessagePreview(info) {
+    if (info.summary?.trim())
+        return info.summary.trim();
+    const lines = info.text.split('\n').map((line) => line.trim()).filter(Boolean);
+    if (info.kind === 'idle_notice') {
+        const answer = lines.find((line) => line.startsWith('Its last answer:'));
+        if (answer)
+            return answer.slice('Its last answer:'.length).trim();
+        return lines[0] && !/finished its turn and is idle\.?$/.test(lines[0]) ? lines[0] : '';
+    }
+    return lines[0] ?? '';
+}
+export function PeerMessageRow({ info, actions }) {
+    const t = useTranslations('multiAgent.peer');
+    const [open, setOpen] = useState(false);
+    const bodyId = useId();
+    const KindIcon = KIND_ICON[info.kind];
+    const preview = peerMessagePreview(info);
+    const headline = t(KIND_KEY.get(info.kind) ?? 'message', { from: peerHandleLabel(info.from) });
+    // Nothing more to read than the line says: the row is not a disclosure.
+    const expandable = info.text.trim().length > 0 && info.text.trim() !== preview;
+    const line = (_jsxs(_Fragment, { children: [_jsx(KindIcon, { "aria-hidden": true, className: "size-3.5 shrink-0" }), _jsx("span", { className: "shrink-0", children: headline }), preview && (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, className: "shrink-0", children: "\u00B7" }), _jsx("span", { className: "min-w-0 truncate", title: preview, children: preview })] }))] }));
+    return (_jsxs("div", { "data-testid": "peer-message-turn", "data-peer-kind": info.kind, "data-peer-message-id": info.messageId, className: "flex min-w-0 flex-col gap-1", children: [expandable ? (_jsxs("button", { type: "button", "aria-expanded": open, "aria-controls": bodyId, onClick: () => setOpen((value) => !value), className: "text-muted-foreground hover:text-foreground duration-fast flex w-full min-w-0 items-center gap-1.5 text-left text-xs transition-colors", children: [line, _jsx(CaretRightIcon, { "aria-hidden": true, className: cn('size-3 shrink-0', open && 'rotate-90') }), _jsx("span", { className: "sr-only", children: open ? t('collapse') : t('expand') })] })) : (_jsx("div", { className: "text-muted-foreground flex w-full min-w-0 items-center gap-1.5 text-xs", children: line })), expandable && open && (_jsx("div", { id: bodyId, className: "text-muted-foreground border-border ml-1.5 border-l pl-3 text-sm whitespace-pre-wrap wrap-break-word", children: info.text })), actions] }));
+}

package/dist/session/turn/subagent-notice-row.d.ts

@@ -0,0 +1,4 @@
+import type { SubagentNotice } from './subagent-notice.js';
+export declare function SubagentNoticeRow({ notice }: {
+    notice: SubagentNotice;
+}): import("react").JSX.Element;

package/dist/session/turn/subagent-notice-row.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProjectSession } from '@kortix/sdk/react';
+import { CheckIcon, StopCircleIcon, WarningIcon } from '@phosphor-icons/react';
+import { useState } from 'react';
+import { useTranslations } from '../../i18n/index.js';
+import { UnifiedMarkdown } from '../../markdown/unified-markdown.js';
+import { useSessionIds } from '../../providers/session-ids.js';
+import { SubagentDialog } from '../agents/subagent-view.js';
+import { FullViewAction } from '../tool/shared/full-view-action.js';
+import { BasicTool } from '../tool/shared/infrastructure.js';
+import { ToolResultCard } from '../tool/shared/result-card.js';
+/**
+ * A background subagent (or a background workflow run) this session started
+ * has ended, or a teammate of its agent team went idle, and the API delivered
+ * its notice as a prompt. It is not something the person typed, and its report
+ * is often long, so it draws as one tool row, the same row as the "Agent ·
+ * general" card that started it: "✓ post writer finished · <first line of the
+ * result>   View". The row opens in place to the whole result; "View" opens the
+ * child's own session.
+ *
+ * The state is a glyph, as on every tool row, never an emoji: emoji status
+ * labels are the agent's own words (brand D31, D32), and the reply right under
+ * this row often starts with one.
+ */
+// `data-tone` keeps the hue: the tool row header paints any other leading glyph muted.
+const MARK = {
+    completed: _jsx(CheckIcon, { "data-notice-mark": "completed", "data-tone": "success", "aria-hidden": true, weight: "bold", className: "text-kortix-green size-3.5 shrink-0" }),
+    failed: _jsx(WarningIcon, { "data-notice-mark": "failed", "data-tone": "destructive", "aria-hidden": true, weight: "fill", className: "text-kortix-red size-3.5 shrink-0" }),
+    stopped: _jsx(StopCircleIcon, { "data-notice-mark": "stopped", "aria-hidden": true, className: "size-3.5 shrink-0" }),
+};
+/** A first line that only says the work is done repeats "finished". */
+const FILLER_EXCERPT = /^(done|finished|completed?|all done|ok(ay)?)[.!]*$/i;
+export function SubagentNoticeRow({ notice }) {
+    const t = useTranslations('multiAgent.notice');
+    const ids = useSessionIds();
+    const [viewing, setViewing] = useState(false);
+    // The name its parent gave it (`agent({ name })`) reads best: "writer finished".
+    const child = useProjectSession(ids.projectId, notice.sessionId, { enabled: !!ids.projectId });
+    const name = child.data?.agent_handle || notice.handle || notice.title || notice.agent || t('fallbackName');
+    const excerpt = notice.excerpt && !FILLER_EXCERPT.test(notice.excerpt.trim()) ? notice.excerpt : undefined;
+    const expandable = notice.result.trim().length > 0 && notice.result.trim() !== notice.excerpt;
+    const openSession = () => setViewing(true);
+    return (_jsxs("div", { "data-testid": "subagent-notice", "data-notice-status": notice.status, "data-child-session": notice.sessionId, className: "flex min-w-0 flex-col", children: [_jsx(BasicTool, { icon: MARK[notice.status], trigger: { title: t(notice.status, { name }), subtitle: excerpt }, triggerAction: _jsx(FullViewAction, { onOpen: openSession }), 
+                // Nothing to unfold: the row is a plain way into the child's session.
+                onClick: expandable ? undefined : openSession, children: expandable ? (
+                // The report is the child's output, framed like every tool result, so
+                // it never reads as a second reply from this session's agent.
+                _jsx(ToolResultCard, { bodyClassName: "max-h-96 overflow-y-auto px-3 py-2 text-sm", children: _jsx(UnifiedMarkdown, { content: notice.result, trust: "agent", isStreaming: false }) })) : undefined }), notice.ownedTasks && (_jsx("p", { className: "text-muted-foreground ml-6 min-w-0 truncate text-xs", title: notice.ownedTasks, children: t('ownsTasks', { tasks: notice.ownedTasks }) })), _jsx(SubagentDialog, { open: viewing, onOpenChange: setViewing, sessionId: notice.sessionId, title: name })] }));
+}

package/dist/session/turn/subagent-notice.d.ts

@@ -0,0 +1,58 @@
+import { type PeerMessagePromptInfo } from '../../_vendor/shared/index.js';
+/**
+ * The notices the API delivers into a session as a prompt, written by
+ * `subagentNoticeText` in `apps/api/src/projects/subagent-notice.ts`:
+ *
+ *   A background subagent you started has finished. This message is from the platform, not from the user.
+ *   (or) Your teammate <handle> finished its turn and is idle. This message is from the platform, not from the user.
+ *   task_id: <child session id>
+ *   status: completed | error | failed | stopped
+ *
+ *   <kortix_system type="session-report" source="subagent"><session-report>…</session-report></kortix_system>
+ *
+ *   Tasks <handle> still owns: #3 subject (in progress); … .   (a teammate only)
+ *   …
+ *
+ * `apps/api/src/projects/session-notice-batch.ts` coalesces the notices that
+ * arrive together into one prompt, joined by a blank line (at most 20): these,
+ * and the idle notice a `send_message({ notify_when_idle })` asked for
+ * (`peerMessagePromptText` kind `idle_notice`).
+ */
+export interface SubagentNotice {
+    /** `teammate`: a teammate of an agent team went idle; `subagent`: a background subagent ended. */
+    kind: 'subagent' | 'teammate';
+    sessionId: string;
+    status: 'completed' | 'failed' | 'stopped';
+    /** A teammate's handle, from its lead line; null for a subagent. */
+    handle: string | null;
+    /** The project agent the child ran as, or null. */
+    agent: string | null;
+    /** The child's title, without the "(@agent subagent)" suffix, or null. */
+    title: string | null;
+    /** The child's final report (Markdown), or its error. */
+    result: string;
+    /** The first line of `result` that holds words. */
+    excerpt: string;
+    /** A teammate's unfinished tasks ("#3 Write the fix (in progress); #4 …"), or null when it owns none. */
+    ownedTasks: string | null;
+}
+/** One notice of a delivered notice prompt. */
+export type NoticeBatchItem = {
+    kind: 'subagent' | 'teammate';
+    notice: SubagentNotice;
+} | {
+    kind: 'peer_idle';
+    info: PeerMessagePromptInfo;
+};
+/** The first line with words, without Markdown heading, list and emphasis marks. */
+export declare function firstLine(text: string): string;
+/** The background subagent or teammate notice a text carries (one notice, not a batch), or null. */
+export declare function parseSubagentNotice(text: string | null | undefined): SubagentNotice | null;
+/**
+ * The notices a delivered prompt carries, in order, or null when the prompt is
+ * anything else. A notice starts at the start of the prompt or right after the
+ * blank line that joins two notices, so a notice line quoted inside a report
+ * never splits one. Every piece must parse: one that does not makes the whole
+ * prompt "not a batch", and it renders as the turn it is.
+ */
+export declare function parseNoticeBatch(text: string | null | undefined): NoticeBatchItem[] | null;

package/dist/session/turn/subagent-notice.js

@@ -0,0 +1,111 @@
+import { parsePeerMessagePrompt, tagBlocks } from '../../_vendor/kortix-shared.js';
+import { extractSessionReport } from '../../internal/lib/utils/kortix-system-tags.js';
+const SUBAGENT_LEAD = 'A background subagent you started has finished.';
+const TEAMMATE_LEAD = /^Your teammate (\S+) finished its turn and is idle\./;
+const PEER_IDLE_HEAD = '[idle notice from ';
+const STATUSES = new Set(['completed', 'failed', 'stopped']);
+/** `session-notice-batch.ts` `NOTICE_BATCH_MAX`; a longer prompt is not a batch it wrote. */
+const MAX_NOTICES = 20;
+function block(text, tag) {
+    const found = tagBlocks(text, tag, { limit: 1 })[0];
+    return found ? found.body.trim() : null;
+}
+/** The first line with words, without Markdown heading, list and emphasis marks. */
+export function firstLine(text) {
+    for (const raw of text.split('\n')) {
+        const line = raw
+            .replace(/^\s*(?:#{1,6}\s+|[-*+]\s+|>\s*|\d+\.\s+)/, '')
+            .replace(/[*_`]+/g, '')
+            .trim();
+        if (line)
+            return line;
+    }
+    return '';
+}
+/** The background subagent or teammate notice a text carries (one notice, not a batch), or null. */
+export function parseSubagentNotice(text) {
+    if (!text)
+        return null;
+    const body = text.trimStart();
+    const teammate = TEAMMATE_LEAD.exec(body);
+    if (!teammate && !body.startsWith(SUBAGENT_LEAD))
+        return null;
+    const report = extractSessionReport(body);
+    const head = body.slice(0, 600);
+    const sessionId = /^task_id:\s*(\S+)/m.exec(head)?.[1] ?? report?.sessionId ?? '';
+    if (!sessionId)
+        return null;
+    const stated = /^status:\s*(\w+)/m.exec(head)?.[1];
+    // The API writes `error` for a turn that ended on an error; it reads as a failure.
+    const normalized = stated === 'error' ? 'failed' : stated;
+    const status = normalized && STATUSES.has(normalized)
+        ? normalized
+        : report?.status === 'FAILED'
+            ? 'failed'
+            : 'completed';
+    const resultXml = report?.result ?? '';
+    const answer = block(resultXml, 'task_result');
+    const error = block(resultXml, 'task_error');
+    const result = (status === 'completed' ? answer : (error ?? answer)) ?? resultXml;
+    const title = report?.prompt?.replace(/\s*\(@[^)]*\bsubagent\)\s*$/i, '').trim() || null;
+    const handle = teammate?.[1] ?? null;
+    const owned = handle ? /^Tasks \S+ still owns: (.+?)\.?$/m.exec(body)?.[1]?.trim() : undefined;
+    return {
+        kind: teammate ? 'teammate' : 'subagent',
+        sessionId,
+        status,
+        handle,
+        agent: report?.project?.trim() || null,
+        title,
+        result,
+        excerpt: firstLine(result),
+        ownedTasks: owned || null,
+    };
+}
+/** True when a notice of any kind starts at `index` of `text`. */
+function startsNotice(text, index) {
+    return (text.startsWith(SUBAGENT_LEAD, index) ||
+        text.startsWith(PEER_IDLE_HEAD, index) ||
+        (text.startsWith('Your teammate ', index) && TEAMMATE_LEAD.test(text.slice(index, index + 300))));
+}
+/**
+ * The notices a delivered prompt carries, in order, or null when the prompt is
+ * anything else. A notice starts at the start of the prompt or right after the
+ * blank line that joins two notices, so a notice line quoted inside a report
+ * never splits one. Every piece must parse: one that does not makes the whole
+ * prompt "not a batch", and it renders as the turn it is.
+ */
+export function parseNoticeBatch(text) {
+    if (!text)
+        return null;
+    const body = text.trim();
+    if (!startsNotice(body, 0))
+        return null;
+    const starts = [0];
+    for (let at = body.indexOf('\n\n'); at !== -1; at = body.indexOf('\n\n', at + 2)) {
+        // Several blank lines in a row: the notice starts at the first non-newline.
+        let index = at + 2;
+        while (body[index] === '\n')
+            index += 1;
+        if (index > starts[starts.length - 1] && startsNotice(body, index))
+            starts.push(index);
+        if (starts.length > MAX_NOTICES)
+            return null;
+    }
+    const items = [];
+    for (const [i, start] of starts.entries()) {
+        const piece = body.slice(start, starts[i + 1] ?? body.length).trim();
+        if (piece.startsWith(PEER_IDLE_HEAD)) {
+            const info = parsePeerMessagePrompt(piece);
+            if (!info || info.kind !== 'idle_notice')
+                return null;
+            items.push({ kind: 'peer_idle', info });
+            continue;
+        }
+        const notice = parseSubagentNotice(piece);
+        if (!notice)
+            return null;
+        items.push({ kind: notice.kind, notice });
+    }
+    return items;
+}

package/dist/session/turn/user-message.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { attachmentMime } from '../../internal/lib/attachment-mime.js';
 import { AttachmentPreview } from './attachment-preview.js';
 import { getFileCategory } from '../../files/viewer/preview-policy.js';
-import { uiRoutes } from '../../lib/routes.js';
+import { remindersHref } from '../../internal/lib/capability-tab-routes.js';
 import { MessageSenderAbove } from '../participants/session-participants.js';
 import { MessageAuthorLabel } from './message-author-label.js';
 import { MESSAGE_TEXT_CLASS, RowToolbar } from './message-row.js';
@@ -38,6 +38,10 @@ import { uploadedFileRefXml } from '../composer/uploaded-file-refs.js';
 import { buildMentionSegments, } from '../thread/mention-segments.js';
 import { parseChannelMessage, slackConversationName } from './channel-message.js';
 import { SourceCard, SourcePill } from './source-pill.js';
+import { PeerMessageRow } from './peer-message-row.js';
+import { NoticeBatchGroup } from './notice-batch-group.js';
+import { parseNoticeBatch } from './subagent-notice.js';
+import { parsePeerMessagePrompt } from '../../_vendor/kortix-shared.js';
 import { useChannelBindings } from '../../internal/hooks/use-channel-bindings.js';
 import { useSessionIds } from '../../providers/session-ids.js';
 import { CHANNEL_BRAND_COLOR, ChannelBrandMark, channelPlatformLabel } from './channel-brand.js';
@@ -121,14 +125,15 @@ function PlatformPromptMessage({ pill, text, actions, ...data }) {
     return (_jsxs("div", { className: "flex flex-col items-end gap-1.5", ...data, children: [pill, text && (_jsx("div", { className: cn(BUBBLE_SURFACE, 'max-w-[80%]'), children: _jsx("div", { className: BUBBLE_TEXT, children: text }) })), actions] }));
 }
 /**
- * A reminder fire (`[REMINDER reminder.<id> …]`). The pill says Reminder and
- * whether it repeats; its card carries the id and a link to the project's
- * reminders for this session.
+ * A loop fire (`[REMINDER reminder.<id> …]`, the wire name). The pill says
+ * Loop and whether it repeats; its card carries the id and a link to the
+ * project's Loops page, filtered to this session.
  */
 function ReminderMessage({ info, actions }) {
     const t = useTranslations('reminders');
     const ids = useSessionIds();
-    const manageHref = ids.projectId && ids.sessionId ? uiRoutes().customize(ids.projectId, `reminders?session=${ids.sessionId}`) : null;
+    const loopsHref = ids.projectId ? remindersHref(ids.projectId) : null;
+    const manageHref = loopsHref && ids.sessionId ? `${loopsHref}?session=${ids.sessionId}` : null;
     return (_jsx(PlatformPromptMessage, { "data-testid": "reminder-turn", "data-reminder-id": info.id, text: info.prompt, actions: actions, pill: _jsx(SourcePill, { mark: _jsx(AlarmIcon, { className: "size-3 shrink-0", "aria-hidden": true }), source: t('cardLabel'), sender: info.recurring ? t('cardRecurring') : t('cardOneTime'), card: _jsx(SourceCard, { mark: _jsx(AlarmIcon, { className: "size-3.5 shrink-0", "aria-hidden": true }), title: t('cardLabel'), footer: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-muted-foreground truncate font-mono", children: info.id }), manageHref && (_jsx(HoverPrefetchLink, { href: manageHref, className: "text-foreground shrink-0 font-medium underline-offset-2 hover:underline", children: t('cardManage') }))] }) }) }) }));
 }
 /**
@@ -916,6 +921,14 @@ export function UserMessage({ message, author, showAuthor, agentNames, commandIn
     const roomInfo = useMemo(() => parseRoomPrompt(rawText), [rawText]);
     // A batched digest of room traffic: `[room <name> · #a–#b · N new messages]`.
     const roomDigestInfo = useMemo(() => parseRoomDigest(rawText), [rawText]);
+    // A message from another Kortix session (`send_message`): `[message from reviewer · session 3f2a1b9c · #m_1]`.
+    const peerInfo = useMemo(() => parsePeerMessagePrompt(rawText), [rawText]);
+    // Several notices in one prompt (`session-notice-batch.ts`), whatever the first one is: a peer
+    // idle notice first must not read as one peer message with the rest of the batch inside it.
+    const noticeBatch = useMemo(() => {
+        const batch = parseNoticeBatch(rawText);
+        return batch && batch.length > 1 ? batch : null;
+    }, [rawText]);
     // `messageCreatedAt`'s rule on the record's ISO time: a missing or non-positive time is no time.
     const createdAt = Date.parse(message.created_at);
     // Built once and rendered by every branch below — channel card, trigger card,
@@ -1074,6 +1087,12 @@ export function UserMessage({ message, author, showAuthor, agentNames, commandIn
     if (reminderInfo) {
         return _jsx(ReminderMessage, { info: reminderInfo, actions: actions });
     }
+    if (noticeBatch) {
+        return _jsx(NoticeBatchGroup, { items: noticeBatch, actions: actions });
+    }
+    if (peerInfo) {
+        return _jsx(PeerMessageRow, { info: peerInfo, actions: actions });
+    }
     if (roomInfo) {
         return _jsx(RoomMessage, { info: roomInfo, actions: actions });
     }

package/dist/styles/tokens.css

@@ -55,6 +55,7 @@
   --terminal-surface: #0f0f0f;
   --terminal-fg: #e5e5e5;
   --terminal-border: rgb(255 255 255 / 0.1);
+  --terminal-accent: #0f7f80;
   --radius: 0.625rem;
   --tracking-normal: 0em;
   --spacing: 0.23rem;
@@ -139,6 +140,7 @@
   --sidebar-border: oklch(0.2178 0 0); /* hairline / hairline-soft #1a1a1a */
   --sidebar-ring: var(--ring);
   --kortix-base: var(--color-ring); /* #0099ff */
+  --terminal-accent: #2ec4c4;
   --liquid-glass-bg: color-mix(in oklch, var(--secondary) 38%, transparent);
   --liquid-glass-bg-hover: color-mix(in oklch, var(--secondary) 52%, transparent);
   --liquid-glass-shadow: inset 0 0 0 1px oklch(1 0 0 / 0.1);