pi-cockpit 0.1.0

package/src/types.ts

@@ -0,0 +1,112 @@
+// Cross-extension event names broadcast by pi-maestro-teammate.
+// Hard-coded strings (stable contract; see pi-maestro-teammate/src/shared/types.ts:184-186)
+// so this package needs no import path into the teammate package.
+export const TEAMMATE_STARTED_EVENT = "teammate:started";
+export const TEAMMATE_MESSAGE_EVENT = "teammate:message";
+export const TEAMMATE_COMPLETE_EVENT = "teammate:complete";
+export const COCKPIT_UI_OWNERSHIP_EVENT = "cockpit:ui-ownership";
+export const COCKPIT_TODO_TOGGLE_EVENT = "cockpit:toggle-todo";
+export const BASH_BG_UPDATE_EVENT = "bash-bg:update";
+export const BASH_BG_QUERY_EVENT = "bash-bg:query";
+export const WORKFLOW_STATUS_KEY = "maestro-workflow";
+
+// Widget keys owned by pi-cockpit. Native Flow/teammate widgets yield through
+// COCKPIT_UI_OWNERSHIP_EVENT instead of being cleared across extension boundaries.
+export const STACK_WIDGET_KEY = "cockpit-stack";
+export const AGENT_WIDGET_KEY = "cockpit-agents";
+
+// todo tool name registered by pi-maestro-flow (src/extension/index.ts:594).
+export const TODO_TOOL_NAME = "todo";
+// appendEntry customType the todo tool persists after every mutation (tools/todo.ts:145).
+export const TODO_STATE_ENTRY_TYPE = "todo-state";
+
+export type AgentStatus = "pending" | "running" | "retrying" | "sleeping" | "done" | "failed";
+
+export interface AgentRow {
+	correlationId: string;
+	parentCorrelationId?: string;
+	agent: string;
+	name: string | undefined;
+	role: string;
+	task: string;
+	status: AgentStatus;
+	tail: string;
+	startedAt: number;
+	lastActivityAt: number;
+	toolCount?: number;
+	tokens?: number;
+	taskStatus?: string;
+	activeTool?: string;
+	taskIndex?: number;
+	dependencies?: number[];
+	/** Set only on a failed row that outlived its completion, so it can be pruned. */
+	failedAt?: number;
+}
+
+export type BashBgStatus = "running" | "stopping" | "completed" | "failed" | "killed";
+
+export interface BashBgJob {
+	id: string;
+	command: string;
+	cwd: string;
+	pid: number;
+	status: BashBgStatus;
+	startedAt: number;
+	updatedAt: number;
+	finishedAt?: number;
+	exitCode: number | null;
+	outputTail: string;
+	outputBytes: number;
+	logPath: string;
+}
+
+export type TodoState = "pending" | "in_progress" | "completed" | "blocked";
+
+export interface TodoItem {
+	id: string;
+	subject: string;
+	status: TodoState;
+	blockedBy: string[];
+	createdBy?: TodoActor;
+	assignee?: TodoActor;
+	skills: TodoSkill[];
+	updatedAt?: number;
+}
+
+export interface TodoActor {
+	id: string;
+	label: string;
+}
+
+export interface TodoSkill {
+	name: string;
+	role?: string;
+}
+
+export type ViewMode = "list" | "compact";
+
+export type IconMode = "auto" | "nerd" | "ascii";
+
+export interface CockpitConfig {
+	enabled: boolean;
+	agentsMode: ViewMode;
+	todoMode: ViewMode;
+	todoExpanded: boolean;
+	hideNativeAgents: boolean;
+	icons: { mode: IconMode };
+	/**
+	 * Theme to apply at session start. Empty means "leave whatever pi is using",
+	 * so cockpit never overrides a theme the user picked elsewhere.
+	 */
+	theme: string;
+}
+
+export const DEFAULT_CONFIG: CockpitConfig = {
+	enabled: true,
+	agentsMode: "list",
+	todoMode: "list",
+	todoExpanded: false,
+	hideNativeAgents: true,
+	icons: { mode: "auto" },
+	theme: "",
+};

package/src/viewport.ts

@@ -0,0 +1,62 @@
+// Vertical budgeting.
+//
+// Every row cockpit paints is a row of conversation the user cannot read. The
+// widgets used to carry fixed caps (8 todo rows, 6 agent rows, plus headers and
+// the background strip) chosen for a comfortable window. On a 24-row terminal
+// that is most of the screen: the panels win and the actual answer is pushed off
+// the top. Width was already adaptive; height was not.
+
+// Share of the terminal a single cockpit panel may claim. Two panels plus the
+// footer then land near a third of the screen, which is the ceiling at which this
+// still reads as a status strip rather than as the application.
+export const CHROME_SHARE = 0.15;
+/** Below this a panel cannot say anything useful, so it stops shrinking. */
+export const MIN_PANEL_ROWS = 3;
+/** Above this extra rows stop earning their place, however tall the terminal is. */
+export const MAX_PANEL_ROWS = 10;
+
+/**
+ * Rows one panel may use, or undefined when the terminal height is unknown — in
+ * which case callers keep their previous fixed caps rather than guessing.
+ */
+export function panelRows(terminalRows: number | undefined): number | undefined {
+	if (terminalRows === undefined || !Number.isFinite(terminalRows) || terminalRows <= 0) return undefined;
+	return Math.max(MIN_PANEL_ROWS, Math.min(MAX_PANEL_ROWS, Math.floor(terminalRows * CHROME_SHARE)));
+}
+
+/** Rows an overlay list falls back to when the terminal height is unknown. */
+export const DEFAULT_OVERLAY_ROWS = 8;
+/** Share of the terminal an overlay card occupies — mirrors its maxHeight option. */
+export const OVERLAY_SHARE = 0.9;
+export const MIN_OVERLAY_ROWS = 4;
+export const MAX_OVERLAY_ROWS = 24;
+
+/**
+ * List rows an overlay may show, given the chrome (borders, header, separator,
+ * help line) it must also draw.
+ *
+ * A widget's problem is claiming too much height; an overlay's is claiming too
+ * little. The background-jobs card asked for 90% of the screen and then paged
+ * eight jobs at a time through it, however tall the terminal was.
+ */
+export function overlayListRows(terminalRows: number | undefined, chromeRows: number): number {
+	if (terminalRows === undefined || !Number.isFinite(terminalRows) || terminalRows <= 0) {
+		return DEFAULT_OVERLAY_ROWS;
+	}
+	const available = Math.floor(terminalRows * OVERLAY_SHARE) - chromeRows;
+	return Math.max(MIN_OVERLAY_ROWS, Math.min(MAX_OVERLAY_ROWS, available));
+}
+
+/**
+ * Split `total` items into what fits and what is hidden.
+ *
+ * The "N more" marker is paid for out of the budget rather than added on top of
+ * it, because a panel that overflows its budget by exactly one row is the bug
+ * this module exists to prevent.
+ */
+export function fitRows(total: number, budget: number): { visible: number; hidden: number } {
+	if (budget <= 0) return { visible: 0, hidden: total };
+	if (total <= budget) return { visible: total, hidden: 0 };
+	const visible = Math.max(0, budget - 1);
+	return { visible, hidden: total - visible };
+}

package/themes/cockpit-amber.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "cockpit-amber",
+  "vars": {
+    "accent": "#e6b566", "blue": "#7daea3", "cream": "#f0d9a2", "green": "#a9b665",
+    "red": "#ea6962", "orange": "#e78a4e", "purple": "#d3869b", "pink": "#d3869b",
+    "text": "#ddc7a1", "muted": "#a89984", "dim": "#7c6f64", "border": "#504945",
+    "selected": "#3c3836", "message": "#32302f", "pending": "#30302b", "successBg": "#30352b", "errorBg": "#3a2d2b"
+  },
+  "colors": {
+    "accent": "accent", "border": "blue", "borderAccent": "accent", "borderMuted": "border",
+    "success": "green", "error": "red", "warning": "orange", "muted": "muted", "dim": "dim", "text": "text", "thinkingText": "muted",
+    "selectedBg": "selected", "userMessageBg": "message", "userMessageText": "text", "customMessageBg": "message", "customMessageText": "text", "customMessageLabel": "purple",
+    "toolPendingBg": "pending", "toolSuccessBg": "successBg", "toolErrorBg": "errorBg", "toolTitle": "cream", "toolOutput": "muted",
+    "mdHeading": "cream", "mdLink": "blue", "mdLinkUrl": "dim", "mdCode": "accent", "mdCodeBlock": "text", "mdCodeBlockBorder": "border",
+    "mdQuote": "muted", "mdQuoteBorder": "border", "mdHr": "border", "mdListBullet": "accent",
+    "toolDiffAdded": "green", "toolDiffRemoved": "red", "toolDiffContext": "muted",
+    "syntaxComment": "dim", "syntaxKeyword": "purple", "syntaxFunction": "cream", "syntaxVariable": "blue", "syntaxString": "green",
+    "syntaxNumber": "orange", "syntaxType": "accent", "syntaxOperator": "text", "syntaxPunctuation": "muted",
+    "thinkingOff": "dim", "thinkingMinimal": "muted", "thinkingLow": "blue", "thinkingMedium": "accent", "thinkingHigh": "purple", "thinkingXhigh": "pink", "thinkingMax": "red",
+    "bashMode": "green"
+  },
+  "export": { "pageBg": "#1d2021", "cardBg": "#282828", "infoBg": "#352f27" }
+}

package/themes/cockpit-minimal-amber.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "cockpit-minimal-amber",
+  "vars": {
+    "accent": "#e6b566", "blue": "#e6b566", "blueSoft": "#edd09b", "green": "#8bd49c", "pink": "#efa7c5",
+    "white": "#f2f5f7", "lightGray": "#b8c0ca", "dim": "#847f76", "border": "#6f6a61",
+    "selected": "#352d20", "message": "#272219", "pending": "#2c261b", "successBg": "#1c2b23", "errorBg": "#302829"
+  },
+  "colors": {
+    "accent": "accent", "border": "border", "borderAccent": "blue", "borderMuted": "border",
+    "success": "green", "error": "pink", "warning": "blueSoft", "muted": "lightGray", "dim": "dim", "text": "white", "thinkingText": "lightGray",
+    "selectedBg": "selected", "userMessageBg": "message", "userMessageText": "white", "customMessageBg": "message", "customMessageText": "white", "customMessageLabel": "pink",
+    "toolPendingBg": "pending", "toolSuccessBg": "successBg", "toolErrorBg": "errorBg", "toolTitle": "white", "toolOutput": "lightGray",
+    "mdHeading": "white", "mdLink": "blue", "mdLinkUrl": "dim", "mdCode": "blue", "mdCodeBlock": "white", "mdCodeBlockBorder": "border",
+    "mdQuote": "lightGray", "mdQuoteBorder": "border", "mdHr": "border", "mdListBullet": "green",
+    "toolDiffAdded": "green", "toolDiffRemoved": "pink", "toolDiffContext": "dim",
+    "syntaxComment": "dim", "syntaxKeyword": "pink", "syntaxFunction": "blue", "syntaxVariable": "blueSoft", "syntaxString": "green",
+    "syntaxNumber": "blueSoft", "syntaxType": "blue", "syntaxOperator": "white", "syntaxPunctuation": "lightGray",
+    "thinkingOff": "lightGray", "thinkingMinimal": "lightGray", "thinkingLow": "lightGray", "thinkingMedium": "lightGray", "thinkingHigh": "lightGray", "thinkingXhigh": "lightGray", "thinkingMax": "lightGray",
+    "bashMode": "lightGray"
+  },
+  "export": { "pageBg": "#18150f", "cardBg": "#211d16", "infoBg": "#30291d" }
+}

package/themes/cockpit-minimal-cyan.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "cockpit-minimal-cyan",
+  "vars": {
+    "accent": "#72d5d1", "blue": "#72d5d1", "blueSoft": "#a9e1df", "green": "#8bd49c", "pink": "#efa7c5",
+    "white": "#f2f5f7", "lightGray": "#b8c0ca", "dim": "#7d8794", "border": "#66717f",
+    "selected": "#1e3031", "message": "#192426", "pending": "#1c292b", "successBg": "#1c2b23", "errorBg": "#272b30"
+  },
+  "colors": {
+    "accent": "accent", "border": "border", "borderAccent": "blue", "borderMuted": "border",
+    "success": "green", "error": "pink", "warning": "blueSoft", "muted": "lightGray", "dim": "dim", "text": "white", "thinkingText": "lightGray",
+    "selectedBg": "selected", "userMessageBg": "message", "userMessageText": "white", "customMessageBg": "message", "customMessageText": "white", "customMessageLabel": "pink",
+    "toolPendingBg": "pending", "toolSuccessBg": "successBg", "toolErrorBg": "errorBg", "toolTitle": "white", "toolOutput": "lightGray",
+    "mdHeading": "white", "mdLink": "blue", "mdLinkUrl": "dim", "mdCode": "blue", "mdCodeBlock": "white", "mdCodeBlockBorder": "border",
+    "mdQuote": "lightGray", "mdQuoteBorder": "border", "mdHr": "border", "mdListBullet": "green",
+    "toolDiffAdded": "green", "toolDiffRemoved": "pink", "toolDiffContext": "dim",
+    "syntaxComment": "dim", "syntaxKeyword": "pink", "syntaxFunction": "blue", "syntaxVariable": "blueSoft", "syntaxString": "green",
+    "syntaxNumber": "blueSoft", "syntaxType": "blue", "syntaxOperator": "white", "syntaxPunctuation": "lightGray",
+    "thinkingOff": "lightGray", "thinkingMinimal": "lightGray", "thinkingLow": "lightGray", "thinkingMedium": "lightGray", "thinkingHigh": "lightGray", "thinkingXhigh": "lightGray", "thinkingMax": "lightGray",
+    "bashMode": "lightGray"
+  },
+  "export": { "pageBg": "#101719", "cardBg": "#172124", "infoBg": "#1e3033" }
+}

package/themes/cockpit-minimal-green.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "cockpit-minimal-green",
+  "vars": {
+    "accent": "#79d49a", "blue": "#79d49a", "blueSoft": "#addfbd", "green": "#8bd49c", "pink": "#efa7c5",
+    "white": "#f2f5f7", "lightGray": "#b8c0ca", "dim": "#7d8794", "border": "#66717f",
+    "selected": "#203129", "message": "#1a2420", "pending": "#1d2923", "successBg": "#1c2b23", "errorBg": "#272b30"
+  },
+  "colors": {
+    "accent": "accent", "border": "border", "borderAccent": "blue", "borderMuted": "border",
+    "success": "green", "error": "pink", "warning": "blueSoft", "muted": "lightGray", "dim": "dim", "text": "white", "thinkingText": "lightGray",
+    "selectedBg": "selected", "userMessageBg": "message", "userMessageText": "white", "customMessageBg": "message", "customMessageText": "white", "customMessageLabel": "pink",
+    "toolPendingBg": "pending", "toolSuccessBg": "successBg", "toolErrorBg": "errorBg", "toolTitle": "white", "toolOutput": "lightGray",
+    "mdHeading": "white", "mdLink": "blue", "mdLinkUrl": "dim", "mdCode": "blue", "mdCodeBlock": "white", "mdCodeBlockBorder": "border",
+    "mdQuote": "lightGray", "mdQuoteBorder": "border", "mdHr": "border", "mdListBullet": "green",
+    "toolDiffAdded": "green", "toolDiffRemoved": "pink", "toolDiffContext": "dim",
+    "syntaxComment": "dim", "syntaxKeyword": "pink", "syntaxFunction": "blue", "syntaxVariable": "blueSoft", "syntaxString": "green",
+    "syntaxNumber": "blueSoft", "syntaxType": "blue", "syntaxOperator": "white", "syntaxPunctuation": "lightGray",
+    "thinkingOff": "lightGray", "thinkingMinimal": "lightGray", "thinkingLow": "lightGray", "thinkingMedium": "lightGray", "thinkingHigh": "lightGray", "thinkingXhigh": "lightGray", "thinkingMax": "lightGray",
+    "bashMode": "lightGray"
+  },
+  "export": { "pageBg": "#111814", "cardBg": "#18211c", "infoBg": "#203027" }
+}

package/themes/cockpit-minimal-purple.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "cockpit-minimal-purple",
+  "vars": {
+    "accent": "#c3a6ff", "blue": "#c3a6ff", "blueSoft": "#d5c5f2", "green": "#8bd49c", "pink": "#efa7c5",
+    "white": "#f2f5f7", "lightGray": "#b8c0ca", "dim": "#7d8794", "border": "#66717f",
+    "selected": "#2d2739", "message": "#211e29", "pending": "#25212f", "successBg": "#1c2b23", "errorBg": "#272b30"
+  },
+  "colors": {
+    "accent": "accent", "border": "border", "borderAccent": "blue", "borderMuted": "border",
+    "success": "green", "error": "pink", "warning": "blueSoft", "muted": "lightGray", "dim": "dim", "text": "white", "thinkingText": "lightGray",
+    "selectedBg": "selected", "userMessageBg": "message", "userMessageText": "white", "customMessageBg": "message", "customMessageText": "white", "customMessageLabel": "pink",
+    "toolPendingBg": "pending", "toolSuccessBg": "successBg", "toolErrorBg": "errorBg", "toolTitle": "white", "toolOutput": "lightGray",
+    "mdHeading": "white", "mdLink": "blue", "mdLinkUrl": "dim", "mdCode": "blue", "mdCodeBlock": "white", "mdCodeBlockBorder": "border",
+    "mdQuote": "lightGray", "mdQuoteBorder": "border", "mdHr": "border", "mdListBullet": "green",
+    "toolDiffAdded": "green", "toolDiffRemoved": "pink", "toolDiffContext": "dim",
+    "syntaxComment": "dim", "syntaxKeyword": "pink", "syntaxFunction": "blue", "syntaxVariable": "blueSoft", "syntaxString": "green",
+    "syntaxNumber": "blueSoft", "syntaxType": "blue", "syntaxOperator": "white", "syntaxPunctuation": "lightGray",
+    "thinkingOff": "lightGray", "thinkingMinimal": "lightGray", "thinkingLow": "lightGray", "thinkingMedium": "lightGray", "thinkingHigh": "lightGray", "thinkingXhigh": "lightGray", "thinkingMax": "lightGray",
+    "bashMode": "lightGray"
+  },
+  "export": { "pageBg": "#15121a", "cardBg": "#1d1924", "infoBg": "#292234" }
+}

package/themes/cockpit-minimal-rose.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "cockpit-minimal-rose",
+  "vars": {
+    "accent": "#e7a2b6", "blue": "#e7a2b6", "blueSoft": "#f0c1ce", "green": "#8bd49c", "pink": "#ff8d95",
+    "white": "#f2f5f7", "lightGray": "#b8c0ca", "dim": "#837c83", "border": "#71676d",
+    "selected": "#36262c", "message": "#281d21", "pending": "#2e2025", "successBg": "#1c2b23", "errorBg": "#342326"
+  },
+  "colors": {
+    "accent": "accent", "border": "border", "borderAccent": "blue", "borderMuted": "border",
+    "success": "green", "error": "pink", "warning": "blueSoft", "muted": "lightGray", "dim": "dim", "text": "white", "thinkingText": "lightGray",
+    "selectedBg": "selected", "userMessageBg": "message", "userMessageText": "white", "customMessageBg": "message", "customMessageText": "white", "customMessageLabel": "pink",
+    "toolPendingBg": "pending", "toolSuccessBg": "successBg", "toolErrorBg": "errorBg", "toolTitle": "white", "toolOutput": "lightGray",
+    "mdHeading": "white", "mdLink": "blue", "mdLinkUrl": "dim", "mdCode": "blue", "mdCodeBlock": "white", "mdCodeBlockBorder": "border",
+    "mdQuote": "lightGray", "mdQuoteBorder": "border", "mdHr": "border", "mdListBullet": "green",
+    "toolDiffAdded": "green", "toolDiffRemoved": "pink", "toolDiffContext": "dim",
+    "syntaxComment": "dim", "syntaxKeyword": "pink", "syntaxFunction": "blue", "syntaxVariable": "blueSoft", "syntaxString": "green",
+    "syntaxNumber": "blueSoft", "syntaxType": "blue", "syntaxOperator": "white", "syntaxPunctuation": "lightGray",
+    "thinkingOff": "lightGray", "thinkingMinimal": "lightGray", "thinkingLow": "lightGray", "thinkingMedium": "lightGray", "thinkingHigh": "lightGray", "thinkingXhigh": "lightGray", "thinkingMax": "lightGray",
+    "bashMode": "lightGray"
+  },
+  "export": { "pageBg": "#181216", "cardBg": "#21191e", "infoBg": "#302229" }
+}

package/themes/cockpit-minimal.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "cockpit-minimal",
+  "vars": {
+    "accent": "#79b8ff", "blue": "#79b8ff", "blueSoft": "#a9c9ed", "green": "#8bd49c", "pink": "#efa7c5",
+    "white": "#f2f5f7", "lightGray": "#b8c0ca", "dim": "#7d8794", "border": "#66717f",
+    "selected": "#242d37", "message": "#1b2128", "pending": "#20272f", "successBg": "#1c2b23", "errorBg": "#272b30"
+  },
+  "colors": {
+    "accent": "accent", "border": "border", "borderAccent": "blue", "borderMuted": "border",
+    "success": "green", "error": "pink", "warning": "blueSoft", "muted": "lightGray", "dim": "dim", "text": "white", "thinkingText": "lightGray",
+    "selectedBg": "selected", "userMessageBg": "message", "userMessageText": "white", "customMessageBg": "message", "customMessageText": "white", "customMessageLabel": "pink",
+    "toolPendingBg": "pending", "toolSuccessBg": "successBg", "toolErrorBg": "errorBg", "toolTitle": "white", "toolOutput": "lightGray",
+    "mdHeading": "white", "mdLink": "blue", "mdLinkUrl": "dim", "mdCode": "blue", "mdCodeBlock": "white", "mdCodeBlockBorder": "border",
+    "mdQuote": "lightGray", "mdQuoteBorder": "border", "mdHr": "border", "mdListBullet": "green",
+    "toolDiffAdded": "green", "toolDiffRemoved": "pink", "toolDiffContext": "dim",
+    "syntaxComment": "dim", "syntaxKeyword": "pink", "syntaxFunction": "blue", "syntaxVariable": "blueSoft", "syntaxString": "green",
+    "syntaxNumber": "blueSoft", "syntaxType": "blue", "syntaxOperator": "white", "syntaxPunctuation": "lightGray",
+    "thinkingOff": "lightGray", "thinkingMinimal": "lightGray", "thinkingLow": "lightGray", "thinkingMedium": "lightGray", "thinkingHigh": "lightGray", "thinkingXhigh": "lightGray", "thinkingMax": "lightGray",
+    "bashMode": "lightGray"
+  },
+  "export": { "pageBg": "#111418", "cardBg": "#181d23", "infoBg": "#202832" }
+}

package/themes/cockpit-notion.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "cockpit-notion",
+  "vars": {
+    "accent": "#65cdd8", "blue": "#789bd4", "cream": "#ead9ad", "green": "#83c995",
+    "red": "#df7b82", "orange": "#e39a67", "purple": "#bd9bd1", "pink": "#d889a1",
+    "text": "#e7e3dc", "muted": "#aaa59d", "dim": "#706d68", "border": "#4d4b48",
+    "selected": "#353432", "message": "#2d2c2a", "pending": "#292d30", "successBg": "#29312b", "errorBg": "#34292a"
+  },
+  "colors": {
+    "accent": "accent", "border": "blue", "borderAccent": "accent", "borderMuted": "border",
+    "success": "green", "error": "red", "warning": "orange", "muted": "muted", "dim": "dim", "text": "text", "thinkingText": "muted",
+    "selectedBg": "selected", "userMessageBg": "message", "userMessageText": "text", "customMessageBg": "message", "customMessageText": "text", "customMessageLabel": "purple",
+    "toolPendingBg": "pending", "toolSuccessBg": "successBg", "toolErrorBg": "errorBg", "toolTitle": "cream", "toolOutput": "muted",
+    "mdHeading": "cream", "mdLink": "blue", "mdLinkUrl": "dim", "mdCode": "accent", "mdCodeBlock": "text", "mdCodeBlockBorder": "border",
+    "mdQuote": "muted", "mdQuoteBorder": "border", "mdHr": "border", "mdListBullet": "accent",
+    "toolDiffAdded": "green", "toolDiffRemoved": "red", "toolDiffContext": "muted",
+    "syntaxComment": "dim", "syntaxKeyword": "purple", "syntaxFunction": "cream", "syntaxVariable": "blue", "syntaxString": "green",
+    "syntaxNumber": "orange", "syntaxType": "accent", "syntaxOperator": "text", "syntaxPunctuation": "muted",
+    "thinkingOff": "dim", "thinkingMinimal": "muted", "thinkingLow": "blue", "thinkingMedium": "accent", "thinkingHigh": "purple", "thinkingXhigh": "pink", "thinkingMax": "red",
+    "bashMode": "green"
+  },
+  "export": { "pageBg": "#1f1f1e", "cardBg": "#272625", "infoBg": "#332f28" }
+}

package/themes/cockpit-ocean.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "cockpit-ocean",
+  "vars": {
+    "accent": "#7dcfff", "blue": "#7aa2f7", "cream": "#c0caf5", "green": "#9ece6a",
+    "red": "#f7768e", "orange": "#ff9e64", "purple": "#bb9af7", "pink": "#ff79c6",
+    "text": "#c8d3f5", "muted": "#828bb8", "dim": "#565f89", "border": "#3b4261",
+    "selected": "#2b3150", "message": "#22283f", "pending": "#202940", "successBg": "#22352f", "errorBg": "#3b2732"
+  },
+  "colors": {
+    "accent": "accent", "border": "blue", "borderAccent": "accent", "borderMuted": "border",
+    "success": "green", "error": "red", "warning": "orange", "muted": "muted", "dim": "dim", "text": "text", "thinkingText": "muted",
+    "selectedBg": "selected", "userMessageBg": "message", "userMessageText": "text", "customMessageBg": "message", "customMessageText": "text", "customMessageLabel": "purple",
+    "toolPendingBg": "pending", "toolSuccessBg": "successBg", "toolErrorBg": "errorBg", "toolTitle": "cream", "toolOutput": "muted",
+    "mdHeading": "cream", "mdLink": "blue", "mdLinkUrl": "dim", "mdCode": "accent", "mdCodeBlock": "text", "mdCodeBlockBorder": "border",
+    "mdQuote": "muted", "mdQuoteBorder": "border", "mdHr": "border", "mdListBullet": "accent",
+    "toolDiffAdded": "green", "toolDiffRemoved": "red", "toolDiffContext": "muted",
+    "syntaxComment": "dim", "syntaxKeyword": "purple", "syntaxFunction": "cream", "syntaxVariable": "blue", "syntaxString": "green",
+    "syntaxNumber": "orange", "syntaxType": "accent", "syntaxOperator": "text", "syntaxPunctuation": "muted",
+    "thinkingOff": "dim", "thinkingMinimal": "muted", "thinkingLow": "blue", "thinkingMedium": "accent", "thinkingHigh": "purple", "thinkingXhigh": "pink", "thinkingMax": "red",
+    "bashMode": "green"
+  },
+  "export": { "pageBg": "#161923", "cardBg": "#1d2233", "infoBg": "#282d42" }
+}