@agentskit/chat-ink 0.1.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2026 AgentsKit
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,9 @@
+# @agentskit/chat-ink
+
+Opinionated Ink shell for a framework-neutral AgentsKit Chat definition. Chat state, streaming, keyboard history, cancellation, and terminal primitives come directly from `@agentskit/ink`.
+
+Unsupported visual components should be validated through `parseSemanticFallback` from `@agentskit/chat` and rendered through `SemanticFallback`, preserving the shared kind and human-readable summary in plain terminal text.
+
+The native `ChoiceList` supports Up/Down or a number followed by Enter and emits the shared selection event.
+
+Use `theme` for semantic colors and `slots` for native Ink composition. `toChatInkTheme` returns the complete upstream `InkTheme`; terminal-unsupported spatial tokens are intentionally ignored. See [theming and composition](../../docs/theming-and-composition.md).

package/dist/index.d.ts

@@ -0,0 +1,48 @@
+import { ComponentManifest, ChatDefinition, ChatSession, ChatThemeInput } from '@agentskit/chat';
+export { ChatDefinition, SemanticFallback as SemanticFallbackContent } from '@agentskit/chat';
+import { ComponentRenderFrame, ComponentInteractionEvent, ComponentSelectionEvent } from '@agentskit/chat-protocol';
+import { ChatContainer, Message, InputBar, ThinkingIndicator, ToolConfirmation, InkTheme } from '@agentskit/ink';
+import { ReactElement, ComponentType, ComponentProps } from 'react';
+
+interface StandardComponentProps {
+    readonly frame: ComponentRenderFrame;
+    readonly manifest: ComponentManifest;
+    readonly onInteract: (event: ComponentInteractionEvent) => void;
+    readonly isActive?: boolean;
+}
+declare const StandardComponent: ({ frame, manifest, onInteract, isActive }: StandardComponentProps) => ReactElement | null;
+
+declare const toChatInkTheme: (input?: ChatThemeInput) => InkTheme;
+interface AgentChatSlots {
+    readonly Container?: ComponentType<ComponentProps<typeof ChatContainer>>;
+    readonly Message?: ComponentType<ComponentProps<typeof Message>>;
+    readonly Input?: ComponentType<ComponentProps<typeof InputBar>>;
+    readonly Thinking?: ComponentType<ComponentProps<typeof ThinkingIndicator>>;
+    readonly Confirmation?: ComponentType<ComponentProps<typeof ToolConfirmation>>;
+    readonly ChoiceList?: ComponentType<ChoiceListProps>;
+    readonly StandardComponent?: ComponentType<StandardComponentProps>;
+}
+interface SemanticFallbackProps {
+    readonly fallback: unknown;
+}
+declare const SemanticFallback: ({ fallback }: SemanticFallbackProps) => ReactElement;
+interface AgentChatProps {
+    readonly definition: ChatDefinition;
+    readonly placeholder?: string;
+    readonly onComponentSelect?: (event: ComponentSelectionEvent) => void;
+    readonly onComponentInteract?: (event: ComponentInteractionEvent) => void;
+    readonly actionConfirmationTtlMs?: number;
+    readonly session?: ChatSession;
+    readonly theme?: ChatThemeInput;
+    readonly slots?: AgentChatSlots;
+}
+interface ChoiceListProps {
+    readonly frame: unknown;
+    readonly manifest: ComponentManifest;
+    readonly onSelect: (event: ComponentSelectionEvent) => void;
+    readonly isActive?: boolean;
+}
+declare const ChoiceList: ({ frame, manifest, onSelect, isActive }: ChoiceListProps) => ReactElement | null;
+declare const AgentChat: (props: AgentChatProps) => ReactElement;
+
+export { AgentChat, type AgentChatProps, type AgentChatSlots, ChoiceList, type ChoiceListProps, SemanticFallback, type SemanticFallbackProps, StandardComponent, type StandardComponentProps, toChatInkTheme };

package/dist/index.js

@@ -0,0 +1,344 @@
+// src/index.tsx
+import { STANDARD_COMPONENT_KEYS, formatSemanticFallback, getLifecycleTargets, parseSemanticFallback, presentChatMessage, resolveChatSession, resolveChatTheme, resolveChoiceAction, resolveChoiceListFrame, resolveComponentFrame as resolveComponentFrame2, selectChoice } from "@agentskit/chat";
+import { ChatContainer, defaultInkTheme, InkThemeProvider, InputBar, Message, ThinkingIndicator, ToolConfirmation, useChat, useInkTheme } from "@agentskit/ink";
+import { Box as Box2, Text as Text2, useInput as useInput2 } from "ink";
+import { useMemo, useRef as useRef2, useState as useState2 } from "react";
+
+// src/StandardComponent.tsx
+import { ApprovalRequestPropsSchema, ButtonGroupPropsSchema, ConfirmationPropsSchema, ErrorNoticePropsSchema, FileAttachmentPropsSchema, FormPropsSchema, LinkCardPropsSchema, ProgressPropsSchema, SourceListPropsSchema, TablePropsSchema, ToolCallPropsSchema, createComponentInteraction, resolveComponentFrame, resolveComponentFallback } from "@agentskit/chat";
+import { Box, Text, useInput } from "ink";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var presentation = (frame, manifest) => {
+  const key = frame.componentKey;
+  if (key === "button-group") {
+    const item = ButtonGroupPropsSchema.parse(frame.props);
+    return { title: item.label, lines: [], actions: item.buttons.filter((button) => !button.disabled).map((button) => ({ label: button.label, event: "select", value: button.id })) };
+  }
+  if (key === "form") {
+    const item = FormPropsSchema.parse(frame.props);
+    return { title: item.title ?? "Form", lines: item.fields.map((field) => `${field.label}${field.required ? " *" : ""}`), actions: [] };
+  }
+  if (key === "confirmation") {
+    const item = ConfirmationPropsSchema.parse(frame.props);
+    return { title: item.title, lines: [item.message], actions: [{ label: item.confirmLabel, event: "confirm" }, { label: item.cancelLabel, event: "cancel" }] };
+  }
+  if (key === "progress") {
+    const item = ProgressPropsSchema.parse(frame.props);
+    return { title: item.label, lines: [`${item.value}%${item.status ? ` \u2014 ${item.status}` : ""}`], actions: [] };
+  }
+  if (key === "source-list") {
+    const item = SourceListPropsSchema.parse(frame.props);
+    return { title: item.label, lines: item.sources.map((source) => `${source.title}${source.snippet ? ` \u2014 ${source.snippet}` : ""}`), actions: item.sources.filter((source) => source.url).map((source) => ({ label: `Open ${source.title}`, event: "open", value: source.id })) };
+  }
+  if (key === "link-card") {
+    const item = LinkCardPropsSchema.parse(frame.props);
+    return { title: item.title, lines: [item.description ?? item.href], actions: [{ label: item.label ?? "Open", event: "open", value: item.href }] };
+  }
+  if (key === "error-notice") {
+    const item = ErrorNoticePropsSchema.parse(frame.props);
+    return { title: item.title, lines: [item.message, item.code ?? ""], actions: item.retryLabel ? [{ label: item.retryLabel, event: "retry" }] : [] };
+  }
+  if (key === "tool-call") {
+    const item = ToolCallPropsSchema.parse(frame.props);
+    return { title: item.name, lines: [item.status, item.arguments ? JSON.stringify(item.arguments) : "", item.result === void 0 ? "" : JSON.stringify(item.result)], actions: [] };
+  }
+  if (key === "approval-request") {
+    const item = ApprovalRequestPropsSchema.parse(frame.props);
+    return { title: item.title, lines: [item.description], actions: [{ label: item.approveLabel, event: "approve" }, { label: item.denyLabel, event: "deny" }] };
+  }
+  if (key === "table") {
+    const item = TablePropsSchema.parse(frame.props);
+    return { title: item.caption, lines: [item.columns.map((column) => column.label).join(" | "), ...item.rows.map((row) => item.columns.map((column) => String(row[column.key] ?? "")).join(" | "))], actions: [] };
+  }
+  if (key === "file-attachment") {
+    const item = FileAttachmentPropsSchema.parse(frame.props);
+    return { title: item.name, lines: [item.mimeType, item.sizeBytes === void 0 ? "" : `${item.sizeBytes} bytes`], actions: item.url ? [{ label: "Open", event: "open", value: item.url }] : [] };
+  }
+  return { title: resolveComponentFallback(frame, manifest) ?? key, lines: [], actions: [] };
+};
+var StandardComponent = ({ frame, manifest, onInteract, isActive = true }) => {
+  const resolved = resolveComponentFrame(frame, manifest);
+  if (!resolved.ok || frame.componentKey === "choice-list") return null;
+  if (frame.componentKey === "form") return /* @__PURE__ */ jsx(TerminalForm, { frame, manifest, onInteract, isActive });
+  const item = presentation(frame, manifest);
+  const [active, setActive] = useState(0);
+  const activeRef = useRef(0);
+  useInput((_input, key) => {
+    if (!isActive || item.actions.length === 0) return;
+    if (key.upArrow) activeRef.current = Math.max(0, activeRef.current - 1);
+    if (key.downArrow) activeRef.current = Math.min(item.actions.length - 1, activeRef.current + 1);
+    if (key.upArrow || key.downArrow) setActive(activeRef.current);
+    if (key.return) {
+      const action = item.actions[activeRef.current];
+      onInteract(createComponentInteraction(frame, manifest, action.event, action.value));
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, children: item.title }),
+    item.lines.filter(Boolean).map((line, index) => /* @__PURE__ */ jsx(Text, { children: line }, index)),
+    item.actions.map((action, index) => /* @__PURE__ */ jsxs(Text, { inverse: index === active, children: [
+      index + 1,
+      ". ",
+      action.label
+    ] }, action.label))
+  ] });
+};
+var TerminalForm = ({ frame, manifest, onInteract, isActive = true }) => {
+  const item = FormPropsSchema.parse(frame.props);
+  const [fieldIndex, setFieldIndex] = useState(0);
+  const [draft, setDraft] = useState("");
+  const [values, setValues] = useState({});
+  const field = item.fields[fieldIndex];
+  useInput((input, key) => {
+    if (!isActive || field === void 0) return;
+    if (field.type === "checkbox" && input === " ") setDraft((current) => current === "true" ? "false" : "true");
+    else if (field.type === "select" && (key.upArrow || key.downArrow)) {
+      const options = field.options ?? [];
+      const current = Math.max(0, options.findIndex((option) => option.id === draft));
+      setDraft(options[Math.max(0, Math.min(options.length - 1, current + (key.downArrow ? 1 : -1)))]?.id ?? "");
+    } else if (key.backspace || key.delete) setDraft((current) => current.slice(0, -1));
+    else if (!key.return && !key.ctrl && !key.meta && field.type !== "checkbox" && field.type !== "select") setDraft((current) => current + input);
+    if (!key.return) return;
+    const value = field.type === "checkbox" ? draft === "true" : field.type === "select" ? draft || field.options?.[0]?.id || "" : draft;
+    if (field.required && value === "") return;
+    const next = { ...values, [field.id]: value };
+    setValues(next);
+    if (fieldIndex === item.fields.length - 1) onInteract(createComponentInteraction(frame, manifest, "submit", next));
+    else {
+      setFieldIndex((index) => index + 1);
+      setDraft("");
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, children: item.title ?? "Form" }),
+    item.fields.map((candidate, index) => /* @__PURE__ */ jsxs(Text, { inverse: index === fieldIndex, children: [
+      candidate.label,
+      candidate.required ? " *" : "",
+      ": ",
+      index === fieldIndex ? candidate.type === "checkbox" ? draft === "true" ? "[x]" : "[ ]" : candidate.type === "select" ? candidate.options?.find((option) => option.id === draft)?.label ?? candidate.options?.[0]?.label ?? "" : draft : String(values[candidate.id] ?? "")
+    ] }, candidate.id)),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: fieldIndex === item.fields.length - 1 ? item.submitLabel : "Enter to continue" })
+  ] });
+};
+
+// src/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var toChatInkTheme = (input) => {
+  const theme = resolveChatTheme(input);
+  return {
+    roles: {
+      ...defaultInkTheme.roles,
+      user: { ...defaultInkTheme.roles.user, color: theme.colors.accent },
+      assistant: { ...defaultInkTheme.roles.assistant, color: theme.colors.accent },
+      system: { ...defaultInkTheme.roles.system, color: theme.colors.muted },
+      tool: { ...defaultInkTheme.roles.tool, color: theme.colors.accent }
+    },
+    toolStatus: {
+      ...defaultInkTheme.toolStatus,
+      pending: { ...defaultInkTheme.toolStatus.pending, color: theme.colors.muted },
+      running: { ...defaultInkTheme.toolStatus.running, color: theme.colors.accent },
+      complete: { ...defaultInkTheme.toolStatus.complete, color: theme.colors.accent },
+      error: { ...defaultInkTheme.toolStatus.error, color: theme.colors.danger },
+      requires_confirmation: { ...defaultInkTheme.toolStatus.requires_confirmation, color: theme.colors.accent }
+    },
+    prompt: { active: theme.colors.accent, busy: theme.colors.muted },
+    inputText: { active: theme.colors.text, busy: theme.colors.muted },
+    header: { border: theme.colors.border, title: theme.colors.accent },
+    usage: { prompt: theme.colors.accent, completion: theme.colors.muted },
+    segment: { ...defaultInkTheme.segment, provider: theme.colors.accent, model: theme.colors.accent, modeLive: theme.colors.accent, modeDemo: theme.colors.muted, tools: theme.colors.accent, muted: theme.colors.muted }
+  };
+};
+var SemanticFallback = ({ fallback }) => {
+  const validated = parseSemanticFallback(fallback);
+  return /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: formatSemanticFallback(validated) });
+};
+var ResolvedChoiceList = ({ resolved, onSelect, isActive }) => {
+  const theme = useInkTheme();
+  const [activeIndex, setActiveIndex] = useState2(0);
+  const activeIndexRef = useRef2(0);
+  const numericBufferRef = useRef2("");
+  const activate = (index) => {
+    activeIndexRef.current = index;
+    setActiveIndex(index);
+  };
+  useInput2((input, key) => {
+    if (!isActive) return;
+    if (key.upArrow) activate(Math.max(0, activeIndexRef.current - 1));
+    if (key.downArrow) activate(Math.min(resolved.props.choices.length - 1, activeIndexRef.current + 1));
+    if (key.upArrow || key.downArrow) numericBufferRef.current = "";
+    if (/^[0-9]$/.test(input)) numericBufferRef.current = `${numericBufferRef.current}${input}`.slice(-2);
+    if (key.return) {
+      const numericIndex = Number(numericBufferRef.current) - 1;
+      const selectedIndex = numericBufferRef.current !== "" && resolved.props.choices[numericIndex] !== void 0 ? numericIndex : activeIndexRef.current;
+      numericBufferRef.current = "";
+      onSelect(selectChoice(resolved.frame, resolved.props.choices[selectedIndex].id));
+    }
+  });
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx2(Text2, { bold: true, children: resolved.props.prompt }),
+    resolved.props.choices.map((choice, index) => /* @__PURE__ */ jsxs2(Text2, { inverse: index === activeIndex, children: [
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.prompt.active, children: [
+        index + 1,
+        "."
+      ] }),
+      " ",
+      /* @__PURE__ */ jsx2(Text2, { children: choice.label }),
+      choice.description === void 0 ? null : /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        " \u2014 ",
+        choice.description
+      ] })
+    ] }, choice.id)),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Use \u2191/\u2193 or a number, then Enter." })
+  ] });
+};
+var ChoiceList = ({ frame, manifest, onSelect, isActive = true }) => {
+  const resolved = resolveChoiceListFrame(frame, manifest);
+  return resolved.ok ? /* @__PURE__ */ jsx2(ResolvedChoiceList, { resolved, onSelect, isActive }) : null;
+};
+var AgentChatSession = ({ definition, placeholder, onComponentSelect = () => void 0, onComponentInteract = () => void 0, actionConfirmationTtlMs, session: preparedSession, slots = {} }) => {
+  const theme = useInkTheme();
+  const ContainerSlot = slots.Container ?? ChatContainer;
+  const MessageSlot = slots.Message ?? Message;
+  const InputSlot = slots.Input ?? InputBar;
+  const ThinkingSlot = slots.Thinking ?? ThinkingIndicator;
+  const ConfirmationSlot = slots.Confirmation ?? ToolConfirmation;
+  const ChoiceListSlot = slots.ChoiceList ?? ChoiceList;
+  const StandardComponentSlot = slots.StandardComponent ?? StandardComponent;
+  const [session] = useState2(() => resolveChatSession(definition, preparedSession));
+  const sessionId = session.sessionId;
+  const [actionError, setActionError] = useState2();
+  const [resolvedInstances, setResolvedInstances] = useState2(() => /* @__PURE__ */ new Set());
+  const resolvedInstancesRef = useRef2(/* @__PURE__ */ new Set());
+  const config = useMemo(() => session.updateChat(definition.chat), [definition.chat, session]);
+  const chat = useChat(config);
+  const chatRef = useRef2(chat);
+  chatRef.current = chat;
+  const [confirmation] = useState2(() => session.createConfirmation({ ...actionConfirmationTtlMs === void 0 ? {} : { ttlMs: actionConfirmationTtlMs }, chat: {
+    proposeToolCall: (proposal) => chatRef.current.proposeToolCall(proposal),
+    approve: (id) => chatRef.current.approve(id),
+    deny: (id, reason) => chatRef.current.deny(id, reason)
+  } }));
+  const activePresentation = [...chat.messages].reverse().flatMap(
+    (message) => [...presentChatMessage(message)].reverse()
+  ).find((presentation2) => {
+    if (presentation2.kind !== "component" || definition.components === void 0) return false;
+    const resolved = resolveComponentFrame2(presentation2.frame, definition.components);
+    return resolved.ok && (definition.components[presentation2.frame.componentKey]?.events?.length ?? 0) > 0 && !resolvedInstances.has(presentation2.frame.instanceId);
+  });
+  const activeComponentInstanceId = activePresentation?.kind === "component" ? activePresentation.frame.instanceId : void 0;
+  const handleComponentSelect = (event, frame) => {
+    if (resolvedInstancesRef.current.has(event.instanceId)) return;
+    resolvedInstancesRef.current.add(event.instanceId);
+    setResolvedInstances(new Set(resolvedInstancesRef.current));
+    try {
+      onComponentSelect(event);
+    } catch (error) {
+      setActionError(error instanceof Error ? error : new Error("Component selection callback failed."));
+    }
+    const action = resolveChoiceAction(frame, event.choiceId);
+    if (action) void confirmation.propose(action).catch((error) => {
+      resolvedInstancesRef.current.delete(event.instanceId);
+      setResolvedInstances(new Set(resolvedInstancesRef.current));
+      setActionError(error instanceof Error ? error : new Error("Action proposal failed."));
+    });
+    else {
+      let submission;
+      try {
+        submission = definition.choiceSubmission?.(frame, event.choiceId, { sessionId });
+      } catch (error) {
+        resolvedInstancesRef.current.delete(event.instanceId);
+        setResolvedInstances(new Set(resolvedInstancesRef.current));
+        setActionError(error instanceof Error ? error : new Error("Choice submission authorization failed."));
+        return;
+      }
+      if (submission && "unavailable" in submission) {
+        resolvedInstancesRef.current.delete(event.instanceId);
+        setResolvedInstances(new Set(resolvedInstancesRef.current));
+        setActionError(new Error("This deterministic choice expired. Ask the question again."));
+        return;
+      }
+      if (submission) void chatRef.current.send(submission.value).then(
+        () => {
+          try {
+            submission.commit();
+          } catch (error) {
+            setActionError(error instanceof Error ? error : new Error("Choice submission settlement failed."));
+          }
+        },
+        (error) => {
+          try {
+            submission.release();
+          } catch {
+          } finally {
+            resolvedInstancesRef.current.delete(event.instanceId);
+            setResolvedInstances(new Set(resolvedInstancesRef.current));
+          }
+          setActionError(error instanceof Error ? error : new Error("Choice submission failed."));
+        }
+      );
+    }
+  };
+  const interactComponent = (event) => {
+    if (resolvedInstancesRef.current.has(event.instanceId)) return;
+    resolvedInstancesRef.current.add(event.instanceId);
+    setResolvedInstances(new Set(resolvedInstancesRef.current));
+    try {
+      onComponentInteract(event);
+    } catch (error) {
+      resolvedInstancesRef.current.delete(event.instanceId);
+      setResolvedInstances(new Set(resolvedInstancesRef.current));
+      setActionError(error instanceof Error ? error : new Error("Component interaction callback failed."));
+    }
+  };
+  const approve = (toolCallId) => {
+    const record = confirmation.getByToolCall(toolCallId);
+    void (record ? confirmation.approve(record.token, sessionId) : chat.approve(toolCallId)).catch((error) => setActionError(error instanceof Error ? error : new Error("Action approval failed.")));
+  };
+  const deny = (toolCallId, reason) => {
+    const record = confirmation.getByToolCall(toolCallId);
+    void (record ? confirmation.reject(record.token, sessionId, reason) : chat.deny(toolCallId, reason)).catch((error) => setActionError(error instanceof Error ? error : new Error("Action rejection failed.")));
+  };
+  const handleLifecycleCommand = async (input) => {
+    const targets = getLifecycleTargets(chat.messages);
+    try {
+      if (input === "/retry") await chat.retry();
+      else if (input === "/regenerate") await chat.regenerate(targets.assistantId);
+      else if (input.startsWith("/edit ") && targets.userId) await chat.edit(targets.userId, input.slice(6));
+      else return false;
+      setActionError(void 0);
+    } catch (error) {
+      setActionError(error instanceof Error ? error : new Error("Lifecycle operation failed."));
+    }
+    return true;
+  };
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsxs2(ContainerSlot, { children: [
+      chat.messages.flatMap((message) => presentChatMessage(message).map((presentation2, index) => {
+        const key = `${message.id}:${index}`;
+        if (presentation2.kind === "component") {
+          const manifest = definition.components;
+          const resolved = manifest === void 0 ? void 0 : resolveComponentFrame2(presentation2.frame, manifest);
+          if (resolved?.ok && slots.StandardComponent === void 0 && !STANDARD_COMPONENT_KEYS.includes(presentation2.frame.componentKey)) return /* @__PURE__ */ jsx2(Text2, { children: formatSemanticFallback(presentation2.frame.fallback) }, key);
+          if (resolved?.ok) return presentation2.frame.componentKey === "choice-list" ? /* @__PURE__ */ jsx2(ChoiceListSlot, { frame: presentation2.frame, manifest, onSelect: (event) => handleComponentSelect(event, presentation2.frame), isActive: presentation2.frame.instanceId === activeComponentInstanceId }, key) : /* @__PURE__ */ jsx2(StandardComponentSlot, { frame: presentation2.frame, manifest, onInteract: interactComponent, isActive: presentation2.frame.instanceId === activeComponentInstanceId }, key);
+          return /* @__PURE__ */ jsx2(SemanticFallback, { fallback: presentation2.frame.fallback }, key);
+        }
+        if (presentation2.kind === "diagnostic") return /* @__PURE__ */ jsx2(Text2, { color: theme.toolStatus.error.color, children: presentation2.message }, key);
+        return /* @__PURE__ */ jsx2(MessageSlot, { message: presentation2.message }, key);
+      })),
+      chat.messages.flatMap((message) => message.toolCalls ?? []).map((toolCall) => /* @__PURE__ */ jsx2(ConfirmationSlot, { toolCall, onApprove: approve, onDeny: deny }, toolCall.id)),
+      /* @__PURE__ */ jsx2(ThinkingSlot, { visible: chat.status === "streaming" })
+    ] }),
+    chat.error || actionError ? /* @__PURE__ */ jsx2(Text2, { color: theme.toolStatus.error.color, children: chat.error?.message ?? actionError?.message }) : null,
+    /* @__PURE__ */ jsx2(InputSlot, { chat, disabled: activeComponentInstanceId !== void 0, onSubmitInput: handleLifecycleCommand, ...placeholder === void 0 ? {} : { placeholder } }),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "/retry \xB7 /regenerate \xB7 /edit <message> \xB7 Esc stop" })
+  ] });
+};
+var AgentChat = (props) => /* @__PURE__ */ jsx2(InkThemeProvider, { ...props.theme === void 0 ? {} : { theme: toChatInkTheme(props.theme) }, children: /* @__PURE__ */ jsx2(AgentChatSession, { ...props }, `${props.definition.id}:${props.definition.revision ?? 1}:${props.session?.sessionId ?? "new"}`) });
+export {
+  AgentChat,
+  ChoiceList,
+  SemanticFallback,
+  StandardComponent,
+  toChatInkTheme
+};

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@agentskit/chat-ink",
+  "version": "0.1.0",
+  "description": "Ink application shell for AgentsKit Chat.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AgentsKit-io/agentskit-chat.git",
+    "directory": "packages/ink"
+  },
+  "homepage": "https://github.com/AgentsKit-io/agentskit-chat#readme",
+  "bugs": {
+    "url": "https://github.com/AgentsKit-io/agentskit-chat/issues"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@agentskit/chat-protocol": "0.1.0",
+    "@agentskit/chat": "0.1.0"
+  },
+  "peerDependencies": {
+    "@agentskit/ink": "^0.10.1",
+    "ink": ">=7.1.0",
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@agentskit/core": "^1.12.2",
+    "@agentskit/ink": "^0.10.1",
+    "@types/react": "^19.2.17",
+    "ink": "^7.1.0",
+    "ink-testing-library": "^4.0.0",
+    "react": "^19.2.7",
+    "tsup": "^8.5.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "scripts": {
+    "build": "tsup src/index.tsx --format esm --dts --clean --external react --external ink --external @agentskit/ink",
+    "lint": "tsc --noEmit",
+    "test": "pnpm --filter @agentskit/chat build && vitest run --coverage"
+  }
+}