@agentskit/ink 0.4.0 → 0.4.2

package/README.md

@@ -0,0 +1,54 @@
+# @agentskit/ink
+
+Build terminal AI chat interfaces with the exact same API as `@agentskit/react`.
+
+## Why
+
+- **No context switching** — if you know `@agentskit/react`, you already know this; same hooks, same component names, different renderer
+- **Real terminal UX** — keyboard navigation, ANSI colors, and proper TTY streaming so your CLI feels native, not like a web app in a box
+- **Any local or cloud model** — pair with Ollama for fully offline CLI tools, or any other provider via `@agentskit/adapters`
+
+## Install
+
+```bash
+npm install @agentskit/ink @agentskit/adapters
+```
+
+## Quick example
+
+```tsx
+import React from 'react'
+import { render } from 'ink'
+import { ChatContainer, InputBar, Message, useChat } from '@agentskit/ink'
+import { ollama } from '@agentskit/adapters'
+
+function App() {
+  const chat = useChat({ adapter: ollama({ model: 'llama3.1' }) })
+  return (
+    <ChatContainer>
+      {chat.messages.map(msg => <Message key={msg.id} message={msg} />)}
+      <InputBar chat={chat} />
+    </ChatContainer>
+  )
+}
+
+render(<App />)
+```
+
+## Next steps
+
+- Use **tools** and **memory** from [`@agentskit/tools`](https://www.npmjs.com/package/@agentskit/tools) and [`@agentskit/memory`](https://www.npmjs.com/package/@agentskit/memory) in `useChat` the same way as in React
+- For a **browser** UI, swap to [`@agentskit/react`](https://www.npmjs.com/package/@agentskit/react); for a quick **terminal chat** without your own Ink app, run [`@agentskit/cli`](https://www.npmjs.com/package/@agentskit/cli) `agentskit chat`
+
+## Ecosystem
+
+| Package | Role |
+|---------|------|
+| [@agentskit/react](https://www.npmjs.com/package/@agentskit/react) | Browser — same hooks, different renderer |
+| [@agentskit/cli](https://www.npmjs.com/package/@agentskit/cli) | Interactive chat + `agentskit init` |
+| [@agentskit/adapters](https://www.npmjs.com/package/@agentskit/adapters) | Providers (e.g. `ollama` for local models) |
+| [@agentskit/core](https://www.npmjs.com/package/@agentskit/core) | Shared chat types and controller |
+
+## Docs
+
+[Full documentation](https://emersonbraun.github.io/agentskit/)

package/dist/index.cjs

@@ -25,7 +25,9 @@ function useChat(config) {
     stop: controllerRef.current.stop,
     retry: controllerRef.current.retry,
     setInput: controllerRef.current.setInput,
-    clear: controllerRef.current.clear
+    clear: controllerRef.current.clear,
+    approve: controllerRef.current.approve,
+    deny: controllerRef.current.deny
   };
 }
 function ChatContainer({ children }) {
@@ -96,6 +98,22 @@ function ThinkingIndicator({ visible, label = "Thinking..." }) {
   if (!visible) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: "yellow", children: label });
 }
+function ToolConfirmation({ toolCall, onApprove, onDeny }) {
+  ink.useInput((input) => {
+    if (toolCall.status !== "requires_confirmation") return;
+    if (input.toLowerCase() === "y") onApprove(toolCall.id);
+    if (input.toLowerCase() === "n") onDeny(toolCall.id);
+  });
+  if (toolCall.status !== "requires_confirmation") return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ink.Box, { flexDirection: "column", borderStyle: "round", paddingX: 1, borderColor: "yellow", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ink.Text, { color: "yellow", bold: true, children: [
+      "Confirm: ",
+      toolCall.name
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { dimColor: true, children: JSON.stringify(toolCall.args) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: "yellow", children: "Allow? (y/n)" })
+  ] });
+}
 
 Object.defineProperty(exports, "createChatController", {
   enumerable: true,
@@ -126,6 +144,7 @@ exports.InputBar = InputBar;
 exports.Message = Message;
 exports.ThinkingIndicator = ThinkingIndicator;
 exports.ToolCallView = ToolCallView;
+exports.ToolConfirmation = ToolConfirmation;
 exports.useChat = useChat;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/useChat.ts","../src/components/ChatContainer.tsx","../src/components/Message.tsx","../src/components/InputBar.tsx","../src/components/ToolCallView.tsx","../src/components/ThinkingIndicator.tsx"],"names":["useRef","createChatController","useEffect","useSyncExternalStore","Box","jsxs","jsx","Text","useInput","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["// NOTE: This hook is identical in @agentskit/react and @agentskit/ink.\n// Changes here must be mirrored in packages/react/src/useChat.ts.\nimport { useEffect, useRef, useSyncExternalStore } from 'react'\nimport { createChatController } from '@agentskit/core'\nimport type { ChatConfig, ChatController, ChatReturn } from '@agentskit/core'\n\nexport function useChat(config: ChatConfig): ChatReturn {\n  const controllerRef = useRef<ChatController | null>(null)\n\n  if (!controllerRef.current) {\n    controllerRef.current = createChatController(config)\n  }\n\n  useEffect(() => {\n    controllerRef.current?.updateConfig(config)\n  }, [config])\n\n  const state = useSyncExternalStore(\n    controllerRef.current.subscribe,\n    controllerRef.current.getState,\n    controllerRef.current.getState\n  )\n\n  return {\n    ...state,\n    send: controllerRef.current.send,\n    stop: controllerRef.current.stop,\n    retry: controllerRef.current.retry,\n    setInput: controllerRef.current.setInput,\n    clear: controllerRef.current.clear,\n  }\n}\n","import React, { type ReactNode } from 'react'\nimport { Box } from 'ink'\n\nexport interface ChatContainerProps {\n  children: ReactNode\n}\n\nexport function ChatContainer({ children }: ChatContainerProps) {\n  return (\n    <Box flexDirection=\"column\" gap={1}>\n      {children}\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text } from 'ink'\nimport type { Message as MessageType } from '@agentskit/core'\n\nexport interface MessageProps {\n  message: MessageType\n}\n\nfunction roleColor(role: MessageType['role']) {\n  switch (role) {\n    case 'assistant':\n      return 'cyan'\n    case 'user':\n      return 'green'\n    case 'system':\n      return 'yellow'\n    case 'tool':\n      return 'magenta'\n    default:\n      return 'white'\n  }\n}\n\nexport function Message({ message }: MessageProps) {\n  return (\n    <Box flexDirection=\"column\">\n      <Text bold color={roleColor(message.role)}>\n        {message.role.toUpperCase()}\n      </Text>\n      <Text>{message.content || (message.status === 'streaming' ? '...' : '')}</Text>\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport type { ChatReturn } from '@agentskit/core'\n\nexport interface InputBarProps {\n  chat: ChatReturn\n  placeholder?: string\n  disabled?: boolean\n}\n\nexport function InputBar({ chat, placeholder = 'Type a message...', disabled = false }: InputBarProps) {\n  useInput((input, key) => {\n    if (disabled || chat.status === 'streaming') return\n\n    if (key.return) {\n      if (chat.input.trim()) {\n        void chat.send(chat.input)\n      }\n      return\n    }\n\n    if (key.backspace || key.delete) {\n      chat.setInput(chat.input.slice(0, -1))\n      return\n    }\n\n    if (input && !key.ctrl && !key.meta) {\n      chat.setInput(`${chat.input}${input}`)\n    }\n  })\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text dimColor>{placeholder}</Text>\n      <Text color={disabled ? 'gray' : 'white'}>\n        &gt; {chat.input}\n      </Text>\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text } from 'ink'\nimport type { ToolCall } from '@agentskit/core'\n\nexport interface ToolCallViewProps {\n  toolCall: ToolCall\n  expanded?: boolean\n}\n\nexport function ToolCallView({ toolCall, expanded = false }: ToolCallViewProps) {\n  return (\n    <Box flexDirection=\"column\" borderStyle=\"round\" paddingX={1}>\n      <Text color=\"magenta\">\n        Tool: {toolCall.name} [{toolCall.status}]\n      </Text>\n      {expanded ? (\n        <>\n          <Text dimColor>{JSON.stringify(toolCall.args)}</Text>\n          {toolCall.result ? <Text>{toolCall.result}</Text> : null}\n          {toolCall.error ? <Text color=\"red\">{toolCall.error}</Text> : null}\n        </>\n      ) : null}\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Text } from 'ink'\n\nexport interface ThinkingIndicatorProps {\n  visible: boolean\n  label?: string\n}\n\nexport function ThinkingIndicator({ visible, label = 'Thinking...' }: ThinkingIndicatorProps) {\n  if (!visible) return null\n  return <Text color=\"yellow\">{label}</Text>\n}\n"]}
+{"version":3,"sources":["../src/useChat.ts","../src/components/ChatContainer.tsx","../src/components/Message.tsx","../src/components/InputBar.tsx","../src/components/ToolCallView.tsx","../src/components/ThinkingIndicator.tsx","../src/components/ToolConfirmation.tsx"],"names":["useRef","createChatController","useEffect","useSyncExternalStore","Box","jsxs","jsx","Text","useInput","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["// NOTE: This hook is intentionally duplicated from @agentskit/react (packages/react/src/useChat.ts).\n// The two packages are React siblings and cannot cross-depend, so the hook is kept in sync\n// manually. A sync-guard test at packages/ink/tests/useChat-sync.test.ts will fail if they drift.\n// When changing this file, mirror the same change in packages/react/src/useChat.ts.\nimport { useEffect, useRef, useSyncExternalStore } from 'react'\nimport { createChatController } from '@agentskit/core'\nimport type { ChatConfig, ChatController, ChatReturn } from '@agentskit/core'\n\nexport function useChat(config: ChatConfig): ChatReturn {\n  const controllerRef = useRef<ChatController | null>(null)\n\n  if (!controllerRef.current) {\n    controllerRef.current = createChatController(config)\n  }\n\n  useEffect(() => {\n    controllerRef.current?.updateConfig(config)\n  }, [config])\n\n  const state = useSyncExternalStore(\n    controllerRef.current.subscribe,\n    controllerRef.current.getState,\n    controllerRef.current.getState\n  )\n\n  return {\n    ...state,\n    send: controllerRef.current.send,\n    stop: controllerRef.current.stop,\n    retry: controllerRef.current.retry,\n    setInput: controllerRef.current.setInput,\n    clear: controllerRef.current.clear,\n    approve: controllerRef.current.approve,\n    deny: controllerRef.current.deny,\n  }\n}\n","import React, { type ReactNode } from 'react'\nimport { Box } from 'ink'\n\nexport interface ChatContainerProps {\n  children: ReactNode\n}\n\nexport function ChatContainer({ children }: ChatContainerProps) {\n  return (\n    <Box flexDirection=\"column\" gap={1}>\n      {children}\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text } from 'ink'\nimport type { Message as MessageType } from '@agentskit/core'\n\nexport interface MessageProps {\n  message: MessageType\n}\n\nfunction roleColor(role: MessageType['role']) {\n  switch (role) {\n    case 'assistant':\n      return 'cyan'\n    case 'user':\n      return 'green'\n    case 'system':\n      return 'yellow'\n    case 'tool':\n      return 'magenta'\n    default:\n      return 'white'\n  }\n}\n\nexport function Message({ message }: MessageProps) {\n  return (\n    <Box flexDirection=\"column\">\n      <Text bold color={roleColor(message.role)}>\n        {message.role.toUpperCase()}\n      </Text>\n      <Text>{message.content || (message.status === 'streaming' ? '...' : '')}</Text>\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport type { ChatReturn } from '@agentskit/core'\n\nexport interface InputBarProps {\n  chat: ChatReturn\n  placeholder?: string\n  disabled?: boolean\n}\n\nexport function InputBar({ chat, placeholder = 'Type a message...', disabled = false }: InputBarProps) {\n  useInput((input, key) => {\n    if (disabled || chat.status === 'streaming') return\n\n    if (key.return) {\n      if (chat.input.trim()) {\n        void chat.send(chat.input)\n      }\n      return\n    }\n\n    if (key.backspace || key.delete) {\n      chat.setInput(chat.input.slice(0, -1))\n      return\n    }\n\n    if (input && !key.ctrl && !key.meta) {\n      chat.setInput(`${chat.input}${input}`)\n    }\n  })\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text dimColor>{placeholder}</Text>\n      <Text color={disabled ? 'gray' : 'white'}>\n        &gt; {chat.input}\n      </Text>\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text } from 'ink'\nimport type { ToolCall } from '@agentskit/core'\n\nexport interface ToolCallViewProps {\n  toolCall: ToolCall\n  expanded?: boolean\n}\n\nexport function ToolCallView({ toolCall, expanded = false }: ToolCallViewProps) {\n  return (\n    <Box flexDirection=\"column\" borderStyle=\"round\" paddingX={1}>\n      <Text color=\"magenta\">\n        Tool: {toolCall.name} [{toolCall.status}]\n      </Text>\n      {expanded ? (\n        <>\n          <Text dimColor>{JSON.stringify(toolCall.args)}</Text>\n          {toolCall.result ? <Text>{toolCall.result}</Text> : null}\n          {toolCall.error ? <Text color=\"red\">{toolCall.error}</Text> : null}\n        </>\n      ) : null}\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Text } from 'ink'\n\nexport interface ThinkingIndicatorProps {\n  visible: boolean\n  label?: string\n}\n\nexport function ThinkingIndicator({ visible, label = 'Thinking...' }: ThinkingIndicatorProps) {\n  if (!visible) return null\n  return <Text color=\"yellow\">{label}</Text>\n}\n","import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport type { ToolCall } from '@agentskit/core'\n\nexport interface ToolConfirmationProps {\n  toolCall: ToolCall\n  onApprove: (toolCallId: string) => void\n  onDeny: (toolCallId: string, reason?: string) => void\n}\n\nexport function ToolConfirmation({ toolCall, onApprove, onDeny }: ToolConfirmationProps) {\n  useInput((input) => {\n    if (toolCall.status !== 'requires_confirmation') return\n    if (input.toLowerCase() === 'y') onApprove(toolCall.id)\n    if (input.toLowerCase() === 'n') onDeny(toolCall.id)\n  })\n\n  if (toolCall.status !== 'requires_confirmation') return null\n\n  return (\n    <Box flexDirection=\"column\" borderStyle=\"round\" paddingX={1} borderColor=\"yellow\">\n      <Text color=\"yellow\" bold>\n        Confirm: {toolCall.name}\n      </Text>\n      <Text dimColor>{JSON.stringify(toolCall.args)}</Text>\n      <Text color=\"yellow\">Allow? (y/n)</Text>\n    </Box>\n  )\n}\n"]}

package/dist/index.d.cts

@@ -34,4 +34,11 @@ interface ThinkingIndicatorProps {
 }
 declare function ThinkingIndicator({ visible, label }: ThinkingIndicatorProps): react_jsx_runtime.JSX.Element | null;
 
-export { ChatContainer, type ChatContainerProps, InputBar, type InputBarProps, Message, type MessageProps, ThinkingIndicator, type ThinkingIndicatorProps, ToolCallView, type ToolCallViewProps, useChat };
+interface ToolConfirmationProps {
+    toolCall: ToolCall;
+    onApprove: (toolCallId: string) => void;
+    onDeny: (toolCallId: string, reason?: string) => void;
+}
+declare function ToolConfirmation({ toolCall, onApprove, onDeny }: ToolConfirmationProps): react_jsx_runtime.JSX.Element | null;
+
+export { ChatContainer, type ChatContainerProps, InputBar, type InputBarProps, Message, type MessageProps, ThinkingIndicator, type ThinkingIndicatorProps, ToolCallView, type ToolCallViewProps, ToolConfirmation, type ToolConfirmationProps, useChat };

package/dist/index.d.ts

@@ -34,4 +34,11 @@ interface ThinkingIndicatorProps {
 }
 declare function ThinkingIndicator({ visible, label }: ThinkingIndicatorProps): react_jsx_runtime.JSX.Element | null;
 
-export { ChatContainer, type ChatContainerProps, InputBar, type InputBarProps, Message, type MessageProps, ThinkingIndicator, type ThinkingIndicatorProps, ToolCallView, type ToolCallViewProps, useChat };
+interface ToolConfirmationProps {
+    toolCall: ToolCall;
+    onApprove: (toolCallId: string) => void;
+    onDeny: (toolCallId: string, reason?: string) => void;
+}
+declare function ToolConfirmation({ toolCall, onApprove, onDeny }: ToolConfirmationProps): react_jsx_runtime.JSX.Element | null;
+
+export { ChatContainer, type ChatContainerProps, InputBar, type InputBarProps, Message, type MessageProps, ThinkingIndicator, type ThinkingIndicatorProps, ToolCallView, type ToolCallViewProps, ToolConfirmation, type ToolConfirmationProps, useChat };

package/dist/index.js

@@ -24,7 +24,9 @@ function useChat(config) {
     stop: controllerRef.current.stop,
     retry: controllerRef.current.retry,
     setInput: controllerRef.current.setInput,
-    clear: controllerRef.current.clear
+    clear: controllerRef.current.clear,
+    approve: controllerRef.current.approve,
+    deny: controllerRef.current.deny
   };
 }
 function ChatContainer({ children }) {
@@ -95,7 +97,23 @@ function ThinkingIndicator({ visible, label = "Thinking..." }) {
   if (!visible) return null;
   return /* @__PURE__ */ jsx(Text, { color: "yellow", children: label });
 }
+function ToolConfirmation({ toolCall, onApprove, onDeny }) {
+  useInput((input) => {
+    if (toolCall.status !== "requires_confirmation") return;
+    if (input.toLowerCase() === "y") onApprove(toolCall.id);
+    if (input.toLowerCase() === "n") onDeny(toolCall.id);
+  });
+  if (toolCall.status !== "requires_confirmation") return null;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", paddingX: 1, borderColor: "yellow", children: [
+    /* @__PURE__ */ jsxs(Text, { color: "yellow", bold: true, children: [
+      "Confirm: ",
+      toolCall.name
+    ] }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: JSON.stringify(toolCall.args) }),
+    /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Allow? (y/n)" })
+  ] });
+}
 
-export { ChatContainer, InputBar, Message, ThinkingIndicator, ToolCallView, useChat };
+export { ChatContainer, InputBar, Message, ThinkingIndicator, ToolCallView, ToolConfirmation, useChat };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/useChat.ts","../src/components/ChatContainer.tsx","../src/components/Message.tsx","../src/components/InputBar.tsx","../src/components/ToolCallView.tsx","../src/components/ThinkingIndicator.tsx"],"names":["Box","jsx","jsxs","Text"],"mappings":"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","file":"index.js","sourcesContent":["// NOTE: This hook is identical in @agentskit/react and @agentskit/ink.\n// Changes here must be mirrored in packages/react/src/useChat.ts.\nimport { useEffect, useRef, useSyncExternalStore } from 'react'\nimport { createChatController } from '@agentskit/core'\nimport type { ChatConfig, ChatController, ChatReturn } from '@agentskit/core'\n\nexport function useChat(config: ChatConfig): ChatReturn {\n  const controllerRef = useRef<ChatController | null>(null)\n\n  if (!controllerRef.current) {\n    controllerRef.current = createChatController(config)\n  }\n\n  useEffect(() => {\n    controllerRef.current?.updateConfig(config)\n  }, [config])\n\n  const state = useSyncExternalStore(\n    controllerRef.current.subscribe,\n    controllerRef.current.getState,\n    controllerRef.current.getState\n  )\n\n  return {\n    ...state,\n    send: controllerRef.current.send,\n    stop: controllerRef.current.stop,\n    retry: controllerRef.current.retry,\n    setInput: controllerRef.current.setInput,\n    clear: controllerRef.current.clear,\n  }\n}\n","import React, { type ReactNode } from 'react'\nimport { Box } from 'ink'\n\nexport interface ChatContainerProps {\n  children: ReactNode\n}\n\nexport function ChatContainer({ children }: ChatContainerProps) {\n  return (\n    <Box flexDirection=\"column\" gap={1}>\n      {children}\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text } from 'ink'\nimport type { Message as MessageType } from '@agentskit/core'\n\nexport interface MessageProps {\n  message: MessageType\n}\n\nfunction roleColor(role: MessageType['role']) {\n  switch (role) {\n    case 'assistant':\n      return 'cyan'\n    case 'user':\n      return 'green'\n    case 'system':\n      return 'yellow'\n    case 'tool':\n      return 'magenta'\n    default:\n      return 'white'\n  }\n}\n\nexport function Message({ message }: MessageProps) {\n  return (\n    <Box flexDirection=\"column\">\n      <Text bold color={roleColor(message.role)}>\n        {message.role.toUpperCase()}\n      </Text>\n      <Text>{message.content || (message.status === 'streaming' ? '...' : '')}</Text>\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport type { ChatReturn } from '@agentskit/core'\n\nexport interface InputBarProps {\n  chat: ChatReturn\n  placeholder?: string\n  disabled?: boolean\n}\n\nexport function InputBar({ chat, placeholder = 'Type a message...', disabled = false }: InputBarProps) {\n  useInput((input, key) => {\n    if (disabled || chat.status === 'streaming') return\n\n    if (key.return) {\n      if (chat.input.trim()) {\n        void chat.send(chat.input)\n      }\n      return\n    }\n\n    if (key.backspace || key.delete) {\n      chat.setInput(chat.input.slice(0, -1))\n      return\n    }\n\n    if (input && !key.ctrl && !key.meta) {\n      chat.setInput(`${chat.input}${input}`)\n    }\n  })\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text dimColor>{placeholder}</Text>\n      <Text color={disabled ? 'gray' : 'white'}>\n        &gt; {chat.input}\n      </Text>\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text } from 'ink'\nimport type { ToolCall } from '@agentskit/core'\n\nexport interface ToolCallViewProps {\n  toolCall: ToolCall\n  expanded?: boolean\n}\n\nexport function ToolCallView({ toolCall, expanded = false }: ToolCallViewProps) {\n  return (\n    <Box flexDirection=\"column\" borderStyle=\"round\" paddingX={1}>\n      <Text color=\"magenta\">\n        Tool: {toolCall.name} [{toolCall.status}]\n      </Text>\n      {expanded ? (\n        <>\n          <Text dimColor>{JSON.stringify(toolCall.args)}</Text>\n          {toolCall.result ? <Text>{toolCall.result}</Text> : null}\n          {toolCall.error ? <Text color=\"red\">{toolCall.error}</Text> : null}\n        </>\n      ) : null}\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Text } from 'ink'\n\nexport interface ThinkingIndicatorProps {\n  visible: boolean\n  label?: string\n}\n\nexport function ThinkingIndicator({ visible, label = 'Thinking...' }: ThinkingIndicatorProps) {\n  if (!visible) return null\n  return <Text color=\"yellow\">{label}</Text>\n}\n"]}
+{"version":3,"sources":["../src/useChat.ts","../src/components/ChatContainer.tsx","../src/components/Message.tsx","../src/components/InputBar.tsx","../src/components/ToolCallView.tsx","../src/components/ThinkingIndicator.tsx","../src/components/ToolConfirmation.tsx"],"names":["Box","jsx","jsxs","Text","useInput"],"mappings":"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","file":"index.js","sourcesContent":["// NOTE: This hook is intentionally duplicated from @agentskit/react (packages/react/src/useChat.ts).\n// The two packages are React siblings and cannot cross-depend, so the hook is kept in sync\n// manually. A sync-guard test at packages/ink/tests/useChat-sync.test.ts will fail if they drift.\n// When changing this file, mirror the same change in packages/react/src/useChat.ts.\nimport { useEffect, useRef, useSyncExternalStore } from 'react'\nimport { createChatController } from '@agentskit/core'\nimport type { ChatConfig, ChatController, ChatReturn } from '@agentskit/core'\n\nexport function useChat(config: ChatConfig): ChatReturn {\n  const controllerRef = useRef<ChatController | null>(null)\n\n  if (!controllerRef.current) {\n    controllerRef.current = createChatController(config)\n  }\n\n  useEffect(() => {\n    controllerRef.current?.updateConfig(config)\n  }, [config])\n\n  const state = useSyncExternalStore(\n    controllerRef.current.subscribe,\n    controllerRef.current.getState,\n    controllerRef.current.getState\n  )\n\n  return {\n    ...state,\n    send: controllerRef.current.send,\n    stop: controllerRef.current.stop,\n    retry: controllerRef.current.retry,\n    setInput: controllerRef.current.setInput,\n    clear: controllerRef.current.clear,\n    approve: controllerRef.current.approve,\n    deny: controllerRef.current.deny,\n  }\n}\n","import React, { type ReactNode } from 'react'\nimport { Box } from 'ink'\n\nexport interface ChatContainerProps {\n  children: ReactNode\n}\n\nexport function ChatContainer({ children }: ChatContainerProps) {\n  return (\n    <Box flexDirection=\"column\" gap={1}>\n      {children}\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text } from 'ink'\nimport type { Message as MessageType } from '@agentskit/core'\n\nexport interface MessageProps {\n  message: MessageType\n}\n\nfunction roleColor(role: MessageType['role']) {\n  switch (role) {\n    case 'assistant':\n      return 'cyan'\n    case 'user':\n      return 'green'\n    case 'system':\n      return 'yellow'\n    case 'tool':\n      return 'magenta'\n    default:\n      return 'white'\n  }\n}\n\nexport function Message({ message }: MessageProps) {\n  return (\n    <Box flexDirection=\"column\">\n      <Text bold color={roleColor(message.role)}>\n        {message.role.toUpperCase()}\n      </Text>\n      <Text>{message.content || (message.status === 'streaming' ? '...' : '')}</Text>\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport type { ChatReturn } from '@agentskit/core'\n\nexport interface InputBarProps {\n  chat: ChatReturn\n  placeholder?: string\n  disabled?: boolean\n}\n\nexport function InputBar({ chat, placeholder = 'Type a message...', disabled = false }: InputBarProps) {\n  useInput((input, key) => {\n    if (disabled || chat.status === 'streaming') return\n\n    if (key.return) {\n      if (chat.input.trim()) {\n        void chat.send(chat.input)\n      }\n      return\n    }\n\n    if (key.backspace || key.delete) {\n      chat.setInput(chat.input.slice(0, -1))\n      return\n    }\n\n    if (input && !key.ctrl && !key.meta) {\n      chat.setInput(`${chat.input}${input}`)\n    }\n  })\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text dimColor>{placeholder}</Text>\n      <Text color={disabled ? 'gray' : 'white'}>\n        &gt; {chat.input}\n      </Text>\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Box, Text } from 'ink'\nimport type { ToolCall } from '@agentskit/core'\n\nexport interface ToolCallViewProps {\n  toolCall: ToolCall\n  expanded?: boolean\n}\n\nexport function ToolCallView({ toolCall, expanded = false }: ToolCallViewProps) {\n  return (\n    <Box flexDirection=\"column\" borderStyle=\"round\" paddingX={1}>\n      <Text color=\"magenta\">\n        Tool: {toolCall.name} [{toolCall.status}]\n      </Text>\n      {expanded ? (\n        <>\n          <Text dimColor>{JSON.stringify(toolCall.args)}</Text>\n          {toolCall.result ? <Text>{toolCall.result}</Text> : null}\n          {toolCall.error ? <Text color=\"red\">{toolCall.error}</Text> : null}\n        </>\n      ) : null}\n    </Box>\n  )\n}\n","import React from 'react'\nimport { Text } from 'ink'\n\nexport interface ThinkingIndicatorProps {\n  visible: boolean\n  label?: string\n}\n\nexport function ThinkingIndicator({ visible, label = 'Thinking...' }: ThinkingIndicatorProps) {\n  if (!visible) return null\n  return <Text color=\"yellow\">{label}</Text>\n}\n","import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport type { ToolCall } from '@agentskit/core'\n\nexport interface ToolConfirmationProps {\n  toolCall: ToolCall\n  onApprove: (toolCallId: string) => void\n  onDeny: (toolCallId: string, reason?: string) => void\n}\n\nexport function ToolConfirmation({ toolCall, onApprove, onDeny }: ToolConfirmationProps) {\n  useInput((input) => {\n    if (toolCall.status !== 'requires_confirmation') return\n    if (input.toLowerCase() === 'y') onApprove(toolCall.id)\n    if (input.toLowerCase() === 'n') onDeny(toolCall.id)\n  })\n\n  if (toolCall.status !== 'requires_confirmation') return null\n\n  return (\n    <Box flexDirection=\"column\" borderStyle=\"round\" paddingX={1} borderColor=\"yellow\">\n      <Text color=\"yellow\" bold>\n        Confirm: {toolCall.name}\n      </Text>\n      <Text dimColor>{JSON.stringify(toolCall.args)}</Text>\n      <Text color=\"yellow\">Allow? (y/n)</Text>\n    </Box>\n  )\n}\n"]}

package/package.json

@@ -1,7 +1,18 @@
 {
   "name": "@agentskit/ink",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Ink terminal components and hooks for AgentsKit.",
+  "keywords": [
+    "agentskit",
+    "ai",
+    "agents",
+    "llm",
+    "chat",
+    "typescript",
+    "ink",
+    "terminal",
+    "cli"
+  ],
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -17,19 +28,19 @@
     "dist"
   ],
   "dependencies": {
-    "ink": "^5.1.1",
-    "@agentskit/core": "0.4.0"
+    "ink": "^6.8.0",
+    "@agentskit/core": "0.4.2"
   },
   "peerDependencies": {
     "react": ">=18.0.0"
   },
   "devDependencies": {
-    "@types/node": "^24.0.0",
-    "@types/react": "^18.3.0",
+    "@types/node": "^25.5.2",
+    "@types/react": "^19.2.14",
     "ink-testing-library": "^4.0.0",
-    "react": "^18.3.1",
+    "react": "^19.2.4",
     "tsup": "^8.5.0",
-    "typescript": "^5.9.2",
+    "typescript": "^6.0.2",
     "vitest": "^4.1.2"
   },
   "publishConfig": {