genaicode 2.9.1 → 2.13.0

package/dist/agents.js

@@ -1,22 +1,27 @@
 export { cliAgent } from './agents/cli-agent.js';
 export { detectAgents, findExecutable } from './agents/discovery.js';
 export { claude, claudeArgs, createClaudeParser } from './agents/drivers/claude.js';
-export { codex, codexArgs, createCodexParser } from './agents/drivers/codex.js';
+export { mergePermissionFlags, resolvePermissions, unsupportedPermissions, YOLO } from './agents/permissions.js';
+export { applyPermissionArgs, PERMISSION_AGENTS } from './agents/drivers/permission-args.js';
+export { CODEX_SANDBOX, codex, codexArgs, codexPermissionFlags, createCodexParser } from './agents/drivers/codex.js';
 export { createMuseParser, muse, museArgs } from './agents/drivers/muse.js';
-export { liveAgent, uuidv7 } from './agents/live-agent.js';
+export { decideApproval, liveAgent, uuidv7 } from './agents/live-agent.js';
 export { RpcError, RpcPeer } from './agents/rpc.js';
-export { codexLive, codexNotification } from './agents/drivers/codex-live.js';
+export { codexApprovals } from './agents/drivers/codex-approvals.js';
+export { museApprovals } from './agents/drivers/muse-approvals.js';
+export { CLAUDE_APPROVAL_TOOL, claudeApprovalArgs, claudeApprovalEnv, claudeApprovalRequest, claudeApprovalTool, claudePermissionFlags, claudeSandboxRefuses, startClaudeApprovalServer, } from './agents/drivers/claude-approvals.js';
+export { codexLive, codexNotification, codexThreadPolicy } from './agents/drivers/codex-live.js';
 export { museLive, museNotification } from './agents/drivers/muse-live.js';
 export { PROVIDER_CREDENTIAL_VARS, scrubEnv, withoutProviderCredentials } from './agents/env.js';
 export { runWithVerify } from './agents/verify.js';
 export { claudeMcpConfig } from './agents/drivers/claude.js';
 export { codexMcpOverrides } from './agents/drivers/codex.js';
-export { createGeminiParser, gemini, geminiArgs } from './agents/drivers/gemini.js';
-export { createCursorParser, cursor, cursorArgs } from './agents/drivers/cursor.js';
-export { createOpencodeParser, opencode, opencodeArgs } from './agents/drivers/opencode.js';
+export { createGeminiParser, gemini, geminiArgs, geminiPermissionFlags } from './agents/drivers/gemini.js';
+export { createCursorParser, cursor, cursorArgs, cursorPermissionFlags } from './agents/drivers/cursor.js';
+export { createOpencodeParser, opencode, opencodeArgs, opencodePermissionFlags } from './agents/drivers/opencode.js';
 export { hostedAgent } from './agents/hosted.js';
-export { copilot, copilotArgs, copilotMcpConfig, createCopilotParser } from './agents/drivers/copilot.js';
-export { createVibeParser, vibe, vibeArgs } from './agents/drivers/vibe.js';
-export { antigravity, antigravityArgs, createAntigravityParser } from './agents/drivers/antigravity.js';
+export { copilot, copilotArgs, copilotMcpConfig, copilotPermissionFlags, createCopilotParser, } from './agents/drivers/copilot.js';
+export { createVibeParser, vibe, vibeArgs, vibePermissionFlags } from './agents/drivers/vibe.js';
+export { antigravity, antigravityArgs, antigravityPermissionFlags, createAntigravityParser, } from './agents/drivers/antigravity.js';
 export { createAgentSession } from './agents/session.js';
 //# sourceMappingURL=agents.js.map

package/dist/agents.js.map

@@ -1 +1 @@
-{"version":3,"file":"agents.js","sourceRoot":"","sources":["../src/agents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEpF,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEhF,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAc5E,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,wBAAwB,EAAE,QAAQ,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAEjG,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAEpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAEpF,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5F,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAQjD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAE1G,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAExG,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"agents.js","sourceRoot":"","sources":["../src/agents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEjH,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7F,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAErH,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAmB5E,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEnE,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,GAC1B,MAAM,sCAAsC,CAAC;AAO9C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEjG,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,wBAAwB,EAAE,QAAQ,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAEjG,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAE3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAE3G,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAErH,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAQjD,OAAO,EACL,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEjG,OAAO,EACL,WAAW,EACX,eAAe,EACf,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/react/agent-chat.css

@@ -0,0 +1,506 @@
+/*
+ * genaicode/react: styles for <AgentChat>. Everything is scoped under .gc-chat.
+ *
+ * Theme it with these custom properties, set on .gc-chat or any ancestor (unset ones keep
+ * the defaults, which follow prefers-color-scheme unless the theme prop forces one). The soft
+ * and faint shades and the code background are mixed from the others unless set:
+ *   --gc-bg --gc-panel --gc-border --gc-text --gc-muted --gc-faint
+ *   --gc-accent --gc-accent-soft --gc-accent-text
+ *   --gc-ok --gc-warn --gc-warn-soft --gc-error --gc-error-soft --gc-code-bg
+ *   --gc-font --gc-mono --gc-font-size --gc-radius --gc-shadow --gc-max-width
+ */
+.gc-chat {
+  --_bg: var(--gc-bg, #f7f7f5);
+  --_panel: var(--gc-panel, #ffffff);
+  --_border: var(--gc-border, #e4e4df);
+  --_text: var(--gc-text, #1d1d1b);
+  --_muted: var(--gc-muted, #6b6b66);
+  --_faint: var(--gc-faint, color-mix(in srgb, var(--_muted) 70%, var(--_bg)));
+  --_accent: var(--gc-accent, #3b5bdb);
+  --_accent-soft: var(--gc-accent-soft, color-mix(in srgb, var(--_accent) 13%, var(--_panel)));
+  --_accent-text: var(--gc-accent-text, #ffffff);
+  --_ok: var(--gc-ok, #2b8a3e);
+  --_warn: var(--gc-warn, #b35c00);
+  --_warn-soft: var(--gc-warn-soft, color-mix(in srgb, var(--_warn) 9%, var(--_panel)));
+  --_error: var(--gc-error, #c92a2a);
+  --_error-soft: var(--gc-error-soft, color-mix(in srgb, var(--_error) 8%, var(--_panel)));
+  --_code-bg: var(--gc-code-bg, color-mix(in srgb, var(--_text) 6%, var(--_bg)));
+  --_shadow: var(--gc-shadow, 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 16px rgba(0, 0, 0, 0.04));
+  --_font: var(--gc-font, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif);
+  --_mono: var(--gc-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
+  --_radius: var(--gc-radius, 10px);
+  --_max-width: var(--gc-max-width, 860px);
+  color-scheme: light;
+}
+.gc-chat[data-theme='dark'] {
+  --_bg: var(--gc-bg, #141414);
+  --_panel: var(--gc-panel, #1d1d1c);
+  --_border: var(--gc-border, #2e2e2c);
+  --_text: var(--gc-text, #ececea);
+  --_muted: var(--gc-muted, #a3a39e);
+  --_accent: var(--gc-accent, #7c9bff);
+  --_accent-text: var(--gc-accent-text, #0e1322);
+  --_ok: var(--gc-ok, #69db7c);
+  --_warn: var(--gc-warn, #ffb35c);
+  --_error: var(--gc-error, #ff8787);
+  --_shadow: var(--gc-shadow, 0 1px 2px rgba(0, 0, 0, 0.3));
+  color-scheme: dark;
+}
+@media (prefers-color-scheme: dark) {
+  .gc-chat:not([data-theme]) {
+    --_bg: var(--gc-bg, #141414);
+    --_panel: var(--gc-panel, #1d1d1c);
+    --_border: var(--gc-border, #2e2e2c);
+    --_text: var(--gc-text, #ececea);
+    --_muted: var(--gc-muted, #a3a39e);
+    --_accent: var(--gc-accent, #7c9bff);
+    --_accent-text: var(--gc-accent-text, #0e1322);
+    --_ok: var(--gc-ok, #69db7c);
+    --_warn: var(--gc-warn, #ffb35c);
+    --_error: var(--gc-error, #ff8787);
+    --_shadow: var(--gc-shadow, 0 1px 2px rgba(0, 0, 0, 0.3));
+    color-scheme: dark;
+  }
+}
+
+.gc-chat {
+  height: 100%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  background: var(--_bg);
+  color: var(--_text);
+  font-family: var(--_font);
+  font-size: var(--gc-font-size, 15px);
+  line-height: 1.55;
+}
+.gc-chat *,
+.gc-chat *::before,
+.gc-chat *::after {
+  box-sizing: border-box;
+}
+.gc-chat button,
+.gc-chat textarea {
+  font: inherit;
+  color: inherit;
+}
+
+/* Header */
+.gc-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 14px;
+  border-bottom: 1px solid var(--_border);
+  background: var(--_panel);
+  flex-wrap: wrap;
+}
+.gc-agent {
+  font-weight: 600;
+}
+.gc-model {
+  font-family: var(--_mono);
+  font-size: 0.8em;
+  color: var(--_muted);
+}
+.gc-spacer {
+  flex: 1;
+}
+.gc-chip {
+  font-size: 0.8em;
+  color: var(--_muted);
+  background: var(--_bg);
+  border: 1px solid var(--_border);
+  border-radius: 999px;
+  padding: 2px 10px;
+  white-space: nowrap;
+}
+
+/* Transcript */
+.gc-scroll {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.gc-thread {
+  max-width: var(--_max-width);
+  margin: 0 auto;
+  padding: 24px 16px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+.gc-empty {
+  text-align: center;
+  margin-top: 8vh;
+  color: var(--_muted);
+}
+.gc-empty-title {
+  color: var(--_text);
+  font-size: 1.4em;
+  font-weight: 600;
+  letter-spacing: -0.02em;
+}
+.gc-turn {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.gc-prompt {
+  align-self: flex-end;
+  max-width: 85%;
+  background: var(--_accent);
+  color: var(--_accent-text);
+  padding: 10px 14px;
+  border-radius: 16px 16px 4px 16px;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.gc-prompt.gc-steer {
+  background: var(--_accent-soft);
+  color: var(--_text);
+  font-size: 0.93em;
+}
+.gc-prompt.gc-steer small {
+  display: block;
+  color: var(--_muted);
+  font-size: 0.75em;
+}
+.gc-agent-row {
+  display: flex;
+  gap: 10px;
+  align-items: flex-start;
+}
+.gc-avatar {
+  flex: none;
+  width: 28px;
+  height: 28px;
+  border-radius: 8px;
+  background: var(--_panel);
+  border: 1px solid var(--_border);
+  display: grid;
+  place-items: center;
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--_accent);
+  text-transform: uppercase;
+}
+.gc-header .gc-avatar {
+  width: 24px;
+  height: 24px;
+  font-size: 11px;
+}
+.gc-steps {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+/* Markdown */
+.gc-md {
+  overflow-wrap: anywhere;
+}
+.gc-md p,
+.gc-md ul,
+.gc-md ol,
+.gc-md pre,
+.gc-md blockquote {
+  margin: 0 0 8px;
+}
+.gc-md > :last-child {
+  margin-bottom: 0;
+}
+.gc-md h2,
+.gc-md h3,
+.gc-md h4,
+.gc-md h5,
+.gc-md h6 {
+  font-size: 1em;
+  margin: 12px 0 6px;
+}
+.gc-md ul,
+.gc-md ol {
+  padding-left: 22px;
+}
+.gc-md code {
+  font-family: var(--_mono);
+  font-size: 0.87em;
+  background: var(--_code-bg);
+  padding: 1px 5px;
+  border-radius: 5px;
+}
+.gc-md pre {
+  background: var(--_code-bg);
+  padding: 12px 14px;
+  border-radius: var(--_radius);
+  overflow-x: auto;
+}
+.gc-md pre code {
+  background: none;
+  padding: 0;
+}
+.gc-md a {
+  color: var(--_accent);
+}
+.gc-md blockquote {
+  border-left: 3px solid var(--_border);
+  padding-left: 12px;
+  color: var(--_muted);
+}
+.gc-md hr {
+  border: 0;
+  border-top: 1px solid var(--_border);
+  margin: 12px 0;
+}
+.gc-caret > :last-child::after,
+.gc-caret:empty::after {
+  content: '\258D';
+  color: var(--_accent);
+  animation: gc-blink 1s steps(2) infinite;
+}
+@keyframes gc-blink {
+  50% {
+    opacity: 0;
+  }
+}
+
+/* Tool calls */
+.gc-tool {
+  background: var(--_panel);
+  border: 1px solid var(--_border);
+  border-radius: var(--_radius);
+  box-shadow: var(--_shadow);
+}
+.gc-tool summary {
+  list-style: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 7px 12px;
+  font-size: 0.87em;
+}
+.gc-tool summary::-webkit-details-marker {
+  display: none;
+}
+.gc-tool-name {
+  font-weight: 600;
+}
+.gc-tool-arg {
+  font-family: var(--_mono);
+  font-size: 0.92em;
+  color: var(--_muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+}
+.gc-tool pre {
+  margin: 0;
+  padding: 10px 12px;
+  border-top: 1px solid var(--_border);
+  font: 12px/1.5 var(--_mono);
+  max-height: 320px;
+  overflow: auto;
+  white-space: pre-wrap;
+  color: var(--_muted);
+}
+.gc-state {
+  width: 16px;
+  text-align: center;
+  flex: none;
+}
+.gc-state.gc-ok {
+  color: var(--_ok);
+}
+.gc-state.gc-err {
+  color: var(--_error);
+}
+.gc-spin {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  border: 2px solid var(--_border);
+  border-top-color: var(--_accent);
+  border-radius: 50%;
+  animation: gc-spin 0.8s linear infinite;
+  vertical-align: -2px;
+}
+@keyframes gc-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.gc-files {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  align-items: center;
+  font-size: 0.87em;
+  color: var(--_muted);
+}
+.gc-files code {
+  font-family: var(--_mono);
+  font-size: 0.92em;
+  background: var(--_accent-soft);
+  color: var(--_text);
+  padding: 2px 8px;
+  border-radius: 6px;
+}
+
+/* Approvals, errors, notices */
+.gc-approval {
+  border: 1px solid var(--_warn);
+  background: var(--_warn-soft);
+  border-radius: 12px;
+  padding: 12px 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.gc-approval .gc-what {
+  font-family: var(--_mono);
+  font-size: 0.87em;
+  overflow-wrap: anywhere;
+}
+.gc-buttons {
+  display: flex;
+  gap: 8px;
+}
+.gc-waiting {
+  font-size: 0.87em;
+  color: var(--_muted);
+}
+.gc-approval.gc-done {
+  opacity: 0.75;
+  flex-direction: row;
+  align-items: center;
+  padding: 8px 12px;
+  font-size: 0.87em;
+}
+.gc-error {
+  background: var(--_error-soft);
+  color: var(--_error);
+  border-radius: var(--_radius);
+  padding: 8px 12px;
+  font-size: 0.87em;
+  white-space: pre-wrap;
+}
+.gc-turn-footer,
+.gc-working {
+  font-size: 0.8em;
+  color: var(--_faint);
+  padding-left: 38px;
+}
+.gc-turn-footer.gc-bad {
+  color: var(--_error);
+}
+.gc-working {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--_muted);
+}
+.gc-notice {
+  align-self: center;
+  font-size: 0.87em;
+  color: var(--_muted);
+  background: var(--_panel);
+  border: 1px dashed var(--_border);
+  border-radius: var(--_radius);
+  padding: 8px 14px;
+  white-space: pre-wrap;
+  font-family: var(--_mono);
+}
+.gc-notice.gc-err {
+  color: var(--_error);
+}
+
+/* Buttons and composer */
+.gc-btn {
+  border: 1px solid var(--_border);
+  background: var(--_panel);
+  border-radius: 8px;
+  padding: 6px 14px;
+  cursor: pointer;
+  font-weight: 500;
+}
+.gc-btn.gc-primary {
+  background: var(--_accent);
+  border-color: var(--_accent);
+  color: var(--_accent-text);
+}
+.gc-btn.gc-danger {
+  color: var(--_error);
+}
+.gc-btn:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+.gc-composer {
+  border-top: 1px solid var(--_border);
+  background: var(--_panel);
+  padding: 12px 16px 14px;
+}
+.gc-composer > * {
+  max-width: var(--_max-width);
+  margin-left: auto;
+  margin-right: auto;
+}
+.gc-queued {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  margin-bottom: 8px;
+}
+.gc-queued span {
+  font-size: 0.8em;
+  background: var(--_bg);
+  border: 1px dashed var(--_border);
+  border-radius: 8px;
+  padding: 3px 8px;
+  color: var(--_muted);
+}
+.gc-box {
+  display: flex;
+  gap: 8px;
+  align-items: flex-end;
+  background: var(--_bg);
+  border: 1px solid var(--_border);
+  border-radius: 14px;
+  padding: 8px 8px 8px 14px;
+}
+.gc-box:focus-within {
+  border-color: var(--_accent);
+}
+.gc-box textarea {
+  flex: 1;
+  min-width: 0;
+  border: 0;
+  background: transparent;
+  resize: none;
+  outline: none;
+  max-height: 200px;
+  padding: 6px 0;
+}
+.gc-hint {
+  font-size: 0.8em;
+  color: var(--_faint);
+  margin-top: 6px;
+  display: flex;
+  gap: 12px;
+}
+@media (max-width: 640px) {
+  .gc-thread {
+    padding: 16px 12px 8px;
+  }
+  .gc-composer {
+    padding: 10px 12px 12px;
+  }
+  .gc-prompt {
+    max-width: 92%;
+  }
+}

package/dist/react/agent-chat.d.ts

@@ -0,0 +1,65 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import type { SessionState, SessionTurn } from '../agents/session.js';
+import type { ApprovalDecision } from '../agents/types.js';
+/** A line from the host itself (not the agent), shown between turns. */
+export interface ChatNotice {
+    /** Stable key. */
+    id: string | number;
+    /** Shown after this many turns: 0 before the first turn, `state.turns.length` at the end. */
+    afterTurn: number;
+    text: ReactNode;
+    tone?: 'info' | 'error';
+}
+export interface AgentChatProps {
+    /**
+     * The session to show, e.g. `session.get()` sent over SSE. Null or undefined (no session
+     * yet) shows an empty, idle chat the user can type into.
+     */
+    state: SessionState | null | undefined;
+    /** The user sent `text` (Enter or the Send button). Whitespace-only input is not sent. */
+    onSend(text: string): void;
+    /** The user pressed Stop or Esc while the agent works. Without it there is no Stop button. */
+    onStop?(): void;
+    /**
+     * Answer an approval the agent asked for (`state.approvals`). Without it pending approvals
+     * show as waiting, with no buttons.
+     */
+    onApprove?(id: string, decision: ApprovalDecision): void;
+    /**
+     * How a prompt bubble shows the text that was sent, e.g. to hide a context prefix the host
+     * added. Return null to hide the bubble. `turn` is undefined for queued prompts and for
+     * input sent while the agent works.
+     */
+    renderPrompt?(text: string, turn?: SessionTurn): ReactNode;
+    /** Tool name as shown, e.g. without an MCP server prefix. Default: friendlier names for common tools. */
+    formatToolName?(name: string): string;
+    /** Host content after a turn (approval cards, links...). */
+    renderAfterTurn?(turn: SessionTurn, index: number): ReactNode;
+    /** Host content at the end of the transcript, after the last turn. */
+    renderFooter?(): ReactNode;
+    /** Host lines between turns. */
+    notices?: readonly ChatNotice[];
+    /** Replaces the default header (agent, model, session, usage). Pass null for no header. */
+    header?: ReactNode;
+    /** Extra content at the right end of the default header. */
+    headerExtras?: ReactNode;
+    /** Shown while there are no turns. Default: "What should <agent> work on?". */
+    emptyState?: ReactNode;
+    /** Composer placeholder. Default depends on the state (idle, steer, queue). */
+    placeholder?: string;
+    /** Line under the composer. Default: the keys. Pass null for none. */
+    hint?: ReactNode;
+    /** Keep the user from sending (the box stays editable), e.g. while the host is disconnected. */
+    disabled?: boolean;
+    autoFocus?: boolean;
+    /** 'auto' follows prefers-color-scheme. Default 'auto'. */
+    theme?: 'auto' | 'light' | 'dark';
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * A presentational chat with a coding agent: it renders the `SessionState` it is given and
+ * reports what the user does through callbacks. It runs nothing, fetches nothing and holds no
+ * token; the host owns the `AgentSession`. Import `genaicode/react/styles.css` once.
+ */
+export declare function AgentChat(props: AgentChatProps): import("react").JSX.Element;