@townco/ui 0.1.83 → 0.1.96

package/dist/sdk/transports/stdio.d.ts

@@ -21,6 +21,7 @@ export declare class StdioTransport implements Transport {
     connect(): Promise<void>;
     disconnect(): Promise<void>;
     send(message: Message): Promise<void>;
+    cancel(sessionId: string): Promise<void>;
     receive(): AsyncIterableIterator<MessageChunk>;
     isConnected(): boolean;
     onSessionUpdate(callback: (update: SessionUpdate) => void): () => void;

package/dist/sdk/transports/stdio.js

@@ -525,6 +525,45 @@ export class StdioTransport {
             throw err;
         }
     }
+    async cancel(sessionId) {
+        if (!this.connected || !this.connection) {
+            logger.warn("Cannot cancel: transport not connected");
+            return;
+        }
+        const targetSessionId = sessionId || this.currentSessionId;
+        if (!targetSessionId) {
+            logger.warn("Cannot cancel: no session ID");
+            return;
+        }
+        logger.info("Cancelling session", { sessionId: targetSessionId });
+        try {
+            // Send cancel request through the ACP connection
+            // The ACP SDK connection has a cancel method
+            await this.connection.cancel({ sessionId: targetSessionId });
+            logger.debug("Cancel request sent successfully");
+        }
+        catch (error) {
+            // Log but don't throw - cancellation should be best-effort
+            logger.error("Error sending cancel request", { error });
+        }
+        // Mark stream as complete to exit receive() loop
+        this.streamComplete = true;
+        // Resolve any pending chunk resolvers with a completion marker
+        const completionChunk = {
+            type: "content",
+            id: targetSessionId,
+            role: "assistant",
+            contentDelta: { type: "text", text: "" },
+            isComplete: true,
+        };
+        // Drain all pending resolvers
+        while (this.chunkResolvers.length > 0) {
+            const resolver = this.chunkResolvers.shift();
+            if (resolver) {
+                resolver(completionChunk);
+            }
+        }
+    }
     async *receive() {
         // Keep yielding chunks until stream is complete
         while (!this.streamComplete) {

package/dist/sdk/transports/types.d.ts

@@ -44,6 +44,30 @@ export interface AgentUiConfig {
     /** Whether to hide the top bar (session switcher, debugger link, settings) */
     hideTopBar?: boolean;
 }
+/**
+ * A single option within a prompt parameter
+ */
+export interface PromptParameterOption {
+    /** Unique identifier for this option */
+    id: string;
+    /** Human-readable label shown in the UI */
+    label: string;
+}
+/**
+ * A configurable prompt parameter that users can select per-message
+ */
+export interface PromptParameter {
+    /** Unique identifier for this parameter */
+    id: string;
+    /** Human-readable label shown in the UI dropdown */
+    label: string;
+    /** Optional description explaining what this parameter controls */
+    description?: string;
+    /** Available options for this parameter */
+    options: PromptParameterOption[];
+    /** The default option ID to use if none is selected */
+    defaultOptionId?: string;
+}
 /**
  * Session summary for listing
  */
@@ -70,14 +94,33 @@ export interface Transport {
      * List available sessions (optional, not all transports support this)
      */
     listSessions?(): Promise<SessionSummary[]>;
+    /**
+     * Edit and resend a message from a specific point in the conversation.
+     * Truncates history to the specified message index and sends the new content.
+     * (optional, not all transports support this)
+     */
+    editAndResend?(sessionId: string, messageIndex: number, prompt: Array<{
+        type: string;
+        text?: string;
+        [key: string]: unknown;
+    }>): Promise<void>;
     /**
      * Close the transport connection
      */
     disconnect(): Promise<void>;
     /**
      * Send a message through the transport
+     * @param message - The message to send
+     * @param options - Optional parameters including promptParameters for per-message configuration
+     */
+    send(message: Message, options?: {
+        promptParameters?: Record<string, string>;
+    }): Promise<void>;
+    /**
+     * Cancel the current agent turn for a session
+     * Stops streaming, tool execution, and sub-agent processes
      */
-    send(message: Message): Promise<void>;
+    cancel(sessionId: string): Promise<void>;
     /**
      * Receive messages from the transport
      * Returns an async iterator for streaming support
@@ -104,6 +147,7 @@ export interface Transport {
      * - subagents: List of subagents available via Task tool
      * - initialMessage: Configuration for agent's initial message on session start
      * - uiConfig: UI configuration for controlling interface appearance
+     * - promptParameters: Configurable parameters users can select per-message
      */
     getAgentInfo?(): {
         name?: string;
@@ -116,6 +160,7 @@ export interface Transport {
         tools?: AgentToolInfo[];
         mcps?: AgentMcpInfo[];
         subagents?: AgentSubagentInfo[];
+        promptParameters?: PromptParameter[];
     };
 }
 /**

package/dist/sdk/transports/websocket.d.ts

@@ -14,6 +14,7 @@ export declare class WebSocketTransport implements Transport {
     disconnect(): Promise<void>;
     send(_message: Message): Promise<void>;
     receive(): AsyncIterableIterator<MessageChunk>;
+    cancel(_sessionId: string): Promise<void>;
     isConnected(): boolean;
     onSessionUpdate(callback: (update: SessionUpdate) => void): () => void;
     onError(callback: (error: Error) => void): () => void;

package/dist/sdk/transports/websocket.js

@@ -34,6 +34,10 @@ export class WebSocketTransport {
         // TODO: Implement WebSocket message receiving
         throw new Error("WebSocketTransport not yet implemented. Waiting for HTTP ACP server.");
     }
+    async cancel(_sessionId) {
+        // TODO: Implement WebSocket cancel
+        throw new Error("WebSocketTransport not yet implemented. Waiting for HTTP ACP server.");
+    }
     isConnected() {
         return this.connected;
     }

package/dist/tui/components/ChatView.js

@@ -5,7 +5,6 @@ import { InputBox } from "./InputBox.js";
 import { MessageList } from "./MessageList.js";
 import { StatusBar } from "./StatusBar.js";
 export function ChatView({ client }) {
-    const setIsStreaming = useChatStore((state) => state.setIsStreaming);
     const _streamingStartTime = useChatStore((state) => state.streamingStartTime);
     const _totalBilled = useChatStore((state) => state.totalBilled);
     const _currentContext = useChatStore((state) => state.currentContext);
@@ -13,7 +12,7 @@ export function ChatView({ client }) {
     const _tokenDisplayMode = useChatStore((state) => state.tokenDisplayMode);
     // Use headless hooks for business logic
     const { startSession } = useChatSession(client); // Subscribe to session changes
-    const { messages, isStreaming } = useChatMessages(client, startSession);
+    const { messages, isStreaming, cancel } = useChatMessages(client, startSession);
     useToolCalls(client); // Still need to subscribe to tool call events
     const { value, isSubmitting, attachedFiles, onChange, onSubmit } = useChatInput(client, startSession);
     // Check if we're actively receiving content (hide waiting indicator)
@@ -21,8 +20,8 @@ export function ChatView({ client }) {
     // Callbacks for keyboard shortcuts
     const handleEscape = () => {
         if (isStreaming) {
-            // TODO: Implement proper cancellation when SDK supports it
-            setIsStreaming(false);
+            // Cancel the current agent turn
+            cancel();
         }
     };
     return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@townco/ui",
-  "version": "0.1.83",
+  "version": "0.1.96",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -49,7 +49,8 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@townco/core": "0.0.61",
+    "@townco/core": "0.0.74",
+    "@types/mdast": "^4.0.4",
     "@uiw/react-json-view": "^2.0.0-alpha.39",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -61,11 +62,12 @@
     "sonner": "^2.0.7",
     "streamdown": "^1.6.9",
     "tailwind-merge": "^3.3.1",
+    "unist-util-visit": "^5.0.0",
     "zod": "^4.1.12",
     "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@townco/tsconfig": "0.1.80",
+    "@townco/tsconfig": "0.1.93",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "ink": "^6.4.0",

package/src/styles/global.css

@@ -233,6 +233,77 @@
   }
 }
 
+/* Streamdown list styling */
+/* Ordered and unordered lists need explicit styling since Tailwind resets them */
+[data-streamdown] ol,
+[data-streamdown] ul {
+  padding-left: 1.5rem;
+  margin: 1rem 0;
+}
+
+[data-streamdown] ol {
+  list-style-type: decimal;
+}
+
+[data-streamdown] ul {
+  list-style-type: disc;
+}
+
+[data-streamdown] li {
+  margin: 0.5rem 0;
+  padding-left: 0.25rem;
+}
+
+[data-streamdown] li > p {
+  margin: 0;
+  display: inline;
+}
+
+/* Nested lists */
+[data-streamdown] ol ol,
+[data-streamdown] ul ul,
+[data-streamdown] ol ul,
+[data-streamdown] ul ol {
+  margin: 0.5rem 0;
+}
+
+[data-streamdown] ol ol {
+  list-style-type: lower-alpha;
+}
+
+[data-streamdown] ol ol ol {
+  list-style-type: lower-roman;
+}
+
+/* Table styling */
+[data-streamdown] table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1rem 0;
+  font-size: 0.875rem;
+}
+
+[data-streamdown] th,
+[data-streamdown] td {
+  border: 1px solid var(--border);
+  padding: 0.5rem 0.75rem;
+  text-align: left;
+}
+
+[data-streamdown] th {
+  background-color: var(--muted);
+  font-weight: 600;
+}
+
+[data-streamdown] tr:nth-child(even) {
+  background-color: var(--muted);
+  opacity: 0.5;
+}
+
+[data-streamdown] table code {
+  font-size: 0.8125rem;
+}
+
 /* Streamdown code block dark mode styling */
 /* Ensure Shiki dark theme variables are applied in dark mode */
 .dark [data-streamdown="code-block"] {