@runtypelabs/cli 1.0.0 → 1.1.3

package/dist/index.js

@@ -127,7 +127,7 @@ var init_credential_store = __esm({
 // src/index.ts
 import { Command as Command20 } from "commander";
 import chalk21 from "chalk";
-import { config as config2 } from "dotenv";
+import { config as loadEnv } from "dotenv";
 import { readFileSync as readFileSync6 } from "fs";
 import { dirname as dirname2, join as join2 } from "path";
 import { fileURLToPath } from "url";
@@ -452,9 +452,9 @@ var CallbackServer = class {
 var OAuthManager = class {
   clerkPublishableKey;
   dashboardUrl;
-  constructor(config3) {
-    this.clerkPublishableKey = config3.clerkPublishableKey;
-    this.dashboardUrl = config3.dashboardUrl;
+  constructor(config2) {
+    this.clerkPublishableKey = config2.clerkPublishableKey;
+    this.dashboardUrl = config2.dashboardUrl;
   }
   async authenticate(mode) {
     const state = crypto.randomBytes(32).toString("base64url");
@@ -608,7 +608,7 @@ function isTTY(options) {
 
 // src/ink/shared/EntityCard.tsx
 import { Box, Text } from "ink";
-import { theme } from "@runtypelabs/ink";
+import { theme } from "@runtypelabs/ink-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 function EntityCard({ fields, title }) {
   const visibleFields = fields.filter(
@@ -631,7 +631,7 @@ function EntityCard({ fields, title }) {
 // src/ink/shared/ConfirmPrompt.tsx
 import { useState } from "react";
 import { Text as Text2, useInput } from "ink";
-import { theme as theme2 } from "@runtypelabs/ink";
+import { theme as theme2 } from "@runtypelabs/ink-components";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ConfirmPrompt({
   message,
@@ -682,7 +682,7 @@ function ConfirmPrompt({
 // src/ink/shared/DataList.tsx
 import { useEffect, useRef } from "react";
 import { Box as Box2, Text as Text3, useApp, useInput as useInput2 } from "ink";
-import { Spinner, ErrorDisplay, theme as theme3 } from "@runtypelabs/ink";
+import { Spinner, ErrorDisplay, theme as theme3 } from "@runtypelabs/ink-components";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function DataList({
   title,
@@ -751,7 +751,7 @@ function DataList({
 // src/ink/shared/MutationResult.tsx
 import { useEffect as useEffect2, useRef as useRef2 } from "react";
 import { Box as Box3, Text as Text4, useApp as useApp2, useInput as useInput3 } from "ink";
-import { Spinner as Spinner2, ErrorDisplay as ErrorDisplay2, theme as theme4 } from "@runtypelabs/ink";
+import { Spinner as Spinner2, ErrorDisplay as ErrorDisplay2, theme as theme4 } from "@runtypelabs/ink-components";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function MutationResult({
   loading,
@@ -1743,7 +1743,7 @@ flowsCommand.command("run <id>").description("Execute a flow via dispatch").opti
       try {
         const response = await client.stream("/dispatch", payload);
         const callbacks = {
-          onStepChunk: (chunk) => {
+          onStepDelta: (chunk) => {
             process.stdout.write(chunk);
           },
           onFlowComplete: (event) => {
@@ -2378,7 +2378,7 @@ promptsCommand.command("test <id>").description("Test a prompt with input").opti
       try {
         const response = await client.stream("/dispatch", payload);
         const callbacks = {
-          onStepChunk: (chunk) => {
+          onStepDelta: (chunk) => {
             process.stdout.write(chunk);
           },
           onError: (err) => {
@@ -2796,7 +2796,7 @@ import { useState as useState10, useEffect as useEffect9, useRef as useRef4 } fr
 import fs3 from "fs";
 import path3 from "path";
 import { Box as Box10, useApp as useApp3, useInput as useInput7, useStdout } from "ink";
-import { StatusBar, ErrorDisplay as ErrorDisplay3 } from "@runtypelabs/ink";
+import { StatusBar, ErrorDisplay as ErrorDisplay3 } from "@runtypelabs/ink-components";
 
 // src/ink/talk/useTalkStream.ts
 import { useState as useState7, useRef as useRef3, useMemo, useCallback } from "react";
@@ -2814,7 +2814,7 @@ function useTalkStream() {
         contentRef.current = "";
         setState({ phase: "thinking", content: "", error: null });
       },
-      onStepChunk(chunk) {
+      onStepDelta(chunk) {
         contentRef.current += chunk;
         setState((prev) => ({
           ...prev,
@@ -2845,12 +2845,12 @@ function useTalkStream() {
 // src/ink/talk/MessageHistory.tsx
 import React7 from "react";
 import { Box as Box5, Text as Text6 } from "ink";
-import { theme as theme6 } from "@runtypelabs/ink";
+import { theme as theme6 } from "@runtypelabs/ink-components";
 
 // src/ink/talk/MessageBubble.tsx
 import React6 from "react";
 import { Box as Box4, Text as Text5 } from "ink";
-import { StreamOutput, theme as theme5 } from "@runtypelabs/ink";
+import { StreamOutput, theme as theme5 } from "@runtypelabs/ink-components";
 
 // src/ink/talk/useRelativeTime.ts
 import { useState as useState8, useEffect as useEffect8 } from "react";
@@ -2949,7 +2949,7 @@ var MessageHistory = React7.memo(MessageHistoryInner);
 
 // src/ink/talk/StreamingBubble.tsx
 import { Box as Box6, Text as Text7 } from "ink";
-import { StreamOutput as StreamOutput2, Spinner as Spinner3, theme as theme7 } from "@runtypelabs/ink";
+import { StreamOutput as StreamOutput2, Spinner as Spinner3, theme as theme7 } from "@runtypelabs/ink-components";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function StreamingBubble({ content, phase, enableMarkdown }) {
   return /* @__PURE__ */ jsxs6(
@@ -2983,12 +2983,12 @@ function StreamingBubble({ content, phase, enableMarkdown }) {
 import { useState as useState9, useCallback as useCallback2 } from "react";
 import { Box as Box8, Text as Text9, useInput as useInput5 } from "ink";
 import TextInput from "ink-text-input";
-import { theme as theme9 } from "@runtypelabs/ink";
+import { theme as theme9 } from "@runtypelabs/ink-components";
 
 // src/ink/talk/SlashCommandMenu.tsx
 import { Box as Box7, Text as Text8, useInput as useInput4 } from "ink";
 import SelectInput from "ink-select-input";
-import { theme as theme8 } from "@runtypelabs/ink";
+import { theme as theme8 } from "@runtypelabs/ink-components";
 
 // src/ink/talk/types.ts
 var TALK_COMMANDS = [
@@ -3176,7 +3176,7 @@ function ChatInput({
 // src/ink/talk/ModelPicker.tsx
 import { Box as Box9, Text as Text10, useInput as useInput6 } from "ink";
 import SelectInput2 from "ink-select-input";
-import { theme as theme10 } from "@runtypelabs/ink";
+import { theme as theme10 } from "@runtypelabs/ink-components";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var MODELS = [
   { label: "Claude Sonnet 4.5", value: "claude-sonnet-4-5" },
@@ -3903,11 +3903,11 @@ import { useState as useState12, useEffect as useEffect11, useCallback as useCal
 import { Box as Box13, Text as Text13, useApp as useApp4, useInput as useInput8 } from "ink";
 import TextInput2 from "ink-text-input";
 import SelectInput3 from "ink-select-input";
-import { Spinner as Spinner4, theme as theme13 } from "@runtypelabs/ink";
+import { Spinner as Spinner4, theme as theme13 } from "@runtypelabs/ink-components";
 
 // src/ink/init/WizardStep.tsx
 import { Box as Box11, Text as Text11 } from "ink";
-import { theme as theme11 } from "@runtypelabs/ink";
+import { theme as theme11 } from "@runtypelabs/ink-components";
 import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function WizardStep({
   stepNumber,
@@ -3933,7 +3933,7 @@ function WizardStep({
 
 // src/ink/init/StepSummary.tsx
 import { Box as Box12, Text as Text12 } from "ink";
-import { theme as theme12 } from "@runtypelabs/ink";
+import { theme as theme12 } from "@runtypelabs/ink-components";
 import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function StepSummary({ answers }) {
   if (answers.length === 0) {
@@ -4796,7 +4796,7 @@ async function handleStreaming(client, payload, options) {
 [${event.name}] Running...`));
         }
       },
-      onStepChunk: (chunk) => {
+      onStepDelta: (chunk) => {
         process.stdout.write(chunk);
       },
       onStepComplete: (_result, event) => {
@@ -4922,8 +4922,9 @@ import React12 from "react";
 // src/ink/marathon/MarathonApp.tsx
 import { useState as useState18, useEffect as useEffect16, useRef as useRef7, useCallback as useCallback5 } from "react";
 import { execSync } from "child_process";
+import open3 from "open";
 import { Box as Box20, useApp as useApp5, useInput as useInput9, useStdout as useStdout2 } from "ink";
-import { StreamOutput as StreamOutput3, StatusBar as StatusBar2, ErrorDisplay as ErrorDisplay4, theme as theme21 } from "@runtypelabs/ink";
+import { StreamOutput as StreamOutput3, StatusBar as StatusBar2, ErrorDisplay as ErrorDisplay4, theme as theme21 } from "@runtypelabs/ink-components";
 
 // src/ink/marathon/useMarathonStream.ts
 import { useState as useState14, useRef as useRef5, useMemo as useMemo2, useCallback as useCallback4 } from "react";
@@ -5042,7 +5043,7 @@ function useMarathonStream() {
           tools: prev.tools.map(
             (t) => t.status === "running" ? { ...t, status: "complete", executionTime: Date.now() - t.startedAt } : t
           ),
-          rawEvents: pushRawEvent(prev, "agent_paused", {})
+          rawEvents: pushRawEvent(prev, "agent_await", {})
         }));
       },
       onAgentComplete(event) {
@@ -5087,7 +5088,7 @@ function useMarathonStream() {
 
 // src/ink/marathon/SessionHeader.tsx
 import { Box as Box14, Text as Text14 } from "ink";
-import { theme as theme14 } from "@runtypelabs/ink";
+import { theme as theme14 } from "@runtypelabs/ink-components";
 import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function SessionHeader({
   sessionName,
@@ -5119,7 +5120,7 @@ function SessionHeader({
 
 // src/ink/marathon/ThinkingIndicator.tsx
 import { useState as useState15, useEffect as useEffect13 } from "react";
-import { Spinner as Spinner5, theme as theme15 } from "@runtypelabs/ink";
+import { Spinner as Spinner5, theme as theme15 } from "@runtypelabs/ink-components";
 import { jsx as jsx16 } from "react/jsx-runtime";
 function ThinkingIndicator({ startedAt }) {
   const [elapsed, setElapsed] = useState15(
@@ -5139,11 +5140,11 @@ function ThinkingIndicator({ startedAt }) {
 // src/ink/marathon/ToolPanel.tsx
 import { useState as useState16, useEffect as useEffect14, useMemo as useMemo3 } from "react";
 import { Box as Box16, Text as Text16 } from "ink";
-import { theme as theme17 } from "@runtypelabs/ink";
+import { theme as theme17 } from "@runtypelabs/ink-components";
 
 // src/ink/marathon/ToolEntry.tsx
 import { Box as Box15, Text as Text15 } from "ink";
-import { Spinner as Spinner6, theme as theme16 } from "@runtypelabs/ink";
+import { Spinner as Spinner6, theme as theme16 } from "@runtypelabs/ink-components";
 import { Fragment, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function ToolEntry({ tool, now }) {
   const elapsedLive = ((now - tool.startedAt) / 1e3).toFixed(1);
@@ -5230,13 +5231,13 @@ function ToolPanel({ tools, maxHeight }) {
 // src/ink/marathon/EventStreamPanel.tsx
 import { useMemo as useMemo4 } from "react";
 import { Box as Box17, Text as Text17 } from "ink";
-import { theme as theme18 } from "@runtypelabs/ink";
+import { theme as theme18 } from "@runtypelabs/ink-components";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var EVENT_COLORS = {
   agent_start: theme18.success,
   agent_complete: theme18.success,
   agent_error: theme18.error,
-  agent_paused: theme18.warning,
+  agent_await: theme18.warning,
   agent_iteration_start: theme18.info,
   agent_iteration_complete: theme18.info,
   agent_turn_delta: theme18.muted,
@@ -5374,11 +5375,11 @@ function EventStreamPanel({
 import { useState as useState17, useEffect as useEffect15, useRef as useRef6 } from "react";
 import { Box as Box19, Text as Text19 } from "ink";
 import TextInput3 from "ink-text-input";
-import { theme as theme20 } from "@runtypelabs/ink";
+import { theme as theme20 } from "@runtypelabs/ink-components";
 
 // src/ink/marathon/SteeringRecap.tsx
 import { Box as Box18, Text as Text18 } from "ink";
-import { theme as theme19 } from "@runtypelabs/ink";
+import { theme as theme19 } from "@runtypelabs/ink-components";
 import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function SteeringRecap({
   sessionNumber,
@@ -5582,7 +5583,7 @@ function copyToClipboard(text) {
 }
 function MarathonApp({
   taskName,
-  agentId: _agentId,
+  agentId,
   model,
   sandbox,
   goal,
@@ -5592,6 +5593,7 @@ function MarathonApp({
   plainText,
   noSteer: _noSteer,
   steeringTimeout,
+  dashboardUrl,
   onSaveState,
   onComplete: _onComplete,
   streamRef
@@ -5684,7 +5686,12 @@ function MarathonApp({
       setEventCursor(state.rawEvents.length - 1);
     }
   }, [showEventStream, eventCursor, state.rawEvents.length]);
+  const agentPageUrl = agentId && dashboardUrl ? `${dashboardUrl.replace(/\/$/, "")}/agents/${agentId}` : null;
   useInput9((_input, key) => {
+    if (_input === "o" && agentPageUrl && !(state.phase === "steering" && steeringRecap)) {
+      void open3(agentPageUrl);
+      return;
+    }
     if (key.ctrl && _input === "c") {
       if (ctrlCPressed) {
         if (ctrlCTimeout.current) {
@@ -5801,7 +5808,8 @@ function MarathonApp({
     if (showEventStream && detailEvent) return "c: copy | \u2190\u2192: prev/next | Esc: back | Tab: chat";
     if (showEventStream) return "Enter: detail | c: copy | Tab: chat | Ctrl+C";
     const scrollHint = scrollOffset > 0 ? ` | +${scrollOffset}` : "";
-    return `Tab: events | Ctrl+C${scrollHint}`;
+    const dashboardHint = agentPageUrl ? "o: dashboard | " : "";
+    return `${dashboardHint}Tab: events | Ctrl+C${scrollHint}`;
   })();
   const detailCenter = detailEvent ? `EVENT DETAIL (${eventCursor + 1}/${state.rawEvents.length})` : "EVENT STREAM";
   const goalText = goal || "";
@@ -6343,6 +6351,7 @@ ${sandboxPrompt}` : baseMessage;
       plainText: options.plainText ?? false,
       noSteer: options.noSteer ?? false,
       steeringTimeout: parseInt(options.steerTimeout || "10", 10),
+      dashboardUrl: getDashboardUrl(),
       onSaveState: (content, _tools) => {
         const partialState = {
           agentId,
@@ -6562,6 +6571,8 @@ Saving state... done. Session saved to ${filePath}`);
     console.log(`Sessions:   ${finalState.sessionCount}`);
     console.log(`Total cost: ${chalk12.yellow(`$${finalState.totalCost.toFixed(4)}`)}`);
     console.log(`State:      ${chalk12.gray(filePath)}`);
+    const dashboardBaseUrl = getDashboardUrl();
+    console.log(`Dashboard:  ${chalk12.cyan(`${dashboardBaseUrl}/agents/${agentId}`)}`);
     if (result.recordId) {
       console.log(`Record:     ${chalk12.gray(result.recordId)}`);
     }
@@ -6876,7 +6887,7 @@ agentsCommand.command("execute <id>").description("Execute an agent").requiredOp
     try {
       const response = await client.stream(`/agents/${id}/execute`, payload);
       const callbacks = {
-        onStepChunk: (chunk) => {
+        onStepDelta: (chunk) => {
           process.stdout.write(chunk);
         },
         onError: (err) => {
@@ -8418,7 +8429,7 @@ import chalk19 from "chalk";
 import React19 from "react";
 import { render as render17 } from "ink";
 import { useState as useState25, useEffect as useEffect23 } from "react";
-import open3 from "open";
+import open4 from "open";
 var billingCommand = new Command18("billing").description("View billing and subscription info");
 billingCommand.command("status").description("Show current plan and usage").option("--json", "Output as JSON").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (options) => {
   const apiKey = await ensureAuth();
@@ -8521,7 +8532,7 @@ billingCommand.command("portal").description("Open the billing portal in your br
       if (data.url) {
         console.log("Opening billing portal...");
         console.log(data.url);
-        await open3(data.url);
+        await open4(data.url);
       } else {
         console.log("No portal URL returned. You may need to set up billing first.");
       }
@@ -8543,7 +8554,7 @@ billingCommand.command("portal").description("Open the billing portal in your br
         try {
           const data = await client.post("/billing/portal");
           if (data.url) {
-            await open3(data.url);
+            await open4(data.url);
             setMsg("Billing portal opened in browser");
             setSuccess(true);
           } else {
@@ -8875,7 +8886,7 @@ flowVersionsCommand.command("publish <flowId>").description("Publish a version")
 
 // src/index.ts
 init_credential_store();
-config2();
+loadEnv();
 function getPackageVersion() {
   try {
     const pkgPath = join2(dirname2(fileURLToPath(import.meta.url)), "..", "package.json");