@a5c-ai/babysitter-sdk 0.0.187-staging.575126cd → 0.0.187-staging.658bbfef

package/dist/dashboard/ink/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../src/dashboard/ink/App.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAavD,OAAO,KAAK,EAAE,SAAS,EAAmC,MAAM,YAAY,CAAC;AAG7E,OAAO,EAAE,WAAW,EAAE,CAAC;AAOvB,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAAC;AACnG,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAAC;AA4EpG,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,KAAK,EACL,SAAoB,EACpB,KAAK,EACL,WAAW,EACX,OAAqB,GACtB,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmB/B"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../src/dashboard/ink/App.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAavD,OAAO,KAAK,EAAE,SAAS,EAAmC,MAAM,YAAY,CAAC;AAG7E,OAAO,EAAE,WAAW,EAAE,CAAC;AAOvB,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAAC;AACnG,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAAC;AA4FpG,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,KAAK,EACL,SAAoB,EACpB,KAAK,EACL,WAAW,EACX,OAAqB,GACtB,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmB/B"}

package/dist/dashboard/ink/App.js

@@ -34,11 +34,24 @@ const useSession_js_1 = require("./hooks/useSession.js");
 const DashboardView_js_1 = require("./views/DashboardView.js");
 const SessionView_js_1 = require("./views/SessionView.js");
 // ---------------------------------------------------------------------------
+// Run-detail placeholder (needs its own component so it can call useInput)
+// ---------------------------------------------------------------------------
+function RunDetailPlaceholder() {
+    const { Box, Text, useInput } = (0, InkContext_js_2.useInk)();
+    const { state: navState, dispatch: navDispatch } = (0, useNavigation_js_1.useNavigation)();
+    useInput((_input, key) => {
+        if (key.escape) {
+            navDispatch({ type: "GO_BACK" });
+        }
+    });
+    return react_1.default.createElement(Box, { flexDirection: "column", height: "100%" }, react_1.default.createElement(Box, { paddingX: 1, paddingY: 1 }, react_1.default.createElement(Text, { color: "cyan", bold: true }, `Run Detail: ${navState.selectedRunId ?? "none"}`)), react_1.default.createElement(Box, { paddingX: 1 }, react_1.default.createElement(Text, { color: "#6b7280" }, "Run detail view coming soon. Press Escape to go back.")));
+}
+// ---------------------------------------------------------------------------
 // Inner App (rendered inside all providers)
 // ---------------------------------------------------------------------------
 const VERBOSITY_CYCLE = ["minimal", "normal", "verbose"];
 function AppInner({ runsDir }) {
-    const { Box, Text, useInput } = (0, InkContext_js_2.useInk)();
+    const { Text, useInput } = (0, InkContext_js_2.useInk)();
     const { state: sessionState, dispatch: sessionDispatch } = (0, useSession_js_1.useSession)();
     const { state: navState } = (0, useNavigation_js_1.useNavigation)();
     // 'v' key cycles verbosity at the app level (only in session view)
@@ -56,8 +69,7 @@ function AppInner({ runsDir }) {
         case "session":
             return react_1.default.createElement(SessionView_js_1.SessionView, null);
         case "run-detail":
-            // Placeholder for future run-detail view; shows a simple message
-            return react_1.default.createElement(Box, { flexDirection: "column", height: "100%" }, react_1.default.createElement(Box, { paddingX: 1, paddingY: 1 }, react_1.default.createElement(Text, { color: "cyan", bold: true }, `Run Detail: ${navState.selectedRunId ?? "none"}`)), react_1.default.createElement(Box, { paddingX: 1 }, react_1.default.createElement(Text, { color: "#6b7280" }, "Run detail view coming soon. Press Escape to go back.")));
+            return react_1.default.createElement(RunDetailPlaceholder, null);
         default: {
             const _exhaustive = navState.currentView;
             return react_1.default.createElement(Text, null, "Unknown view");

package/dist/dashboard/ink/components/PromptBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptBar.d.ts","sourceRoot":"","sources":["../../../../src/dashboard/ink/components/PromptBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAUrD,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAcD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,WAAsE,GACvE,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0GpC"}
+{"version":3,"file":"PromptBar.d.ts","sourceRoot":"","sources":["../../../../src/dashboard/ink/components/PromptBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAUrD,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAsCD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,WAAsE,GACvE,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8IpC"}

package/dist/dashboard/ink/components/PromptBar.js

@@ -51,6 +51,20 @@ const react_1 = __importStar(require("react"));
 const useSession_js_1 = require("../hooks/useSession.js");
 const useTheme_js_1 = require("../hooks/useTheme.js");
 const InkContext_js_1 = require("../contexts/InkContext.js");
+const SLASH_COMMANDS = [
+    { name: "/status", description: "Show run status" },
+    { name: "/refresh", description: "Refresh run data" },
+    { name: "/clear", description: "Clear messages" },
+    { name: "/back", description: "Go back to dashboard" },
+    { name: "/verbosity", description: "Cycle verbosity level" },
+    { name: "/help", description: "Show available commands" },
+];
+function getSlashHints(input) {
+    if (!input.startsWith("/"))
+        return [];
+    const prefix = input.toLowerCase();
+    return SLASH_COMMANDS.filter((cmd) => cmd.name.startsWith(prefix));
+}
 // ---------------------------------------------------------------------------
 // Helpers
 // ---------------------------------------------------------------------------
@@ -83,7 +97,7 @@ function PromptBar({ onSubmit, placeholder = "Type a message… (Enter=submit, E
             setValue("");
             dispatch({ type: "SET_INPUT_BUFFER", text: "" });
         }
-        else if (key.backspace) {
+        else if (key.backspace || key.delete) {
             setValue((prev) => prev.slice(0, -1));
             dispatch({ type: "SET_INPUT_BUFFER", text: value.slice(0, -1) });
         }
@@ -104,6 +118,8 @@ function PromptBar({ onSubmit, placeholder = "Type a message… (Enter=submit, E
     const lineCount = countLines(value);
     const isEmpty = value.length === 0;
     const isActive = state.inputActive;
+    // Slash command hints
+    const slashHints = getSlashHints(value);
     // Display text: show placeholder when empty and not active
     const displayText = isEmpty && !isActive ? placeholder : value;
     const displayColor = isEmpty && !isActive ? colors.muted : colors.foreground;
@@ -119,7 +135,12 @@ function PromptBar({ onSubmit, placeholder = "Type a message… (Enter=submit, E
     const promptGlyph = react_1.default.createElement(Text, { color: isActive ? colors.primary : colors.muted, bold: isActive }, ">");
     // Input display area
     const inputArea = react_1.default.createElement(Box, { flexDirection: "row", flexGrow: 1, gap: 0 }, react_1.default.createElement(Text, { color: displayColor, wrap: "wrap" }, displayText), cursor);
-    return react_1.default.createElement(Box, {
+    // Slash command hints row (shown above the prompt when typing a slash command)
+    const slashHintsRow = slashHints.length > 0
+        ? react_1.default.createElement(Box, { flexDirection: "row", paddingX: 2, gap: 2 }, ...slashHints.map((cmd) => react_1.default.createElement(Box, { key: cmd.name, flexDirection: "row", gap: 1 }, react_1.default.createElement(Text, { color: colors.primary, bold: true }, cmd.name), react_1.default.createElement(Text, { color: colors.muted }, cmd.description))))
+        : null;
+    // Prompt input row
+    const promptRow = react_1.default.createElement(Box, {
         flexDirection: "row",
         borderStyle: "single",
         borderTop: true,
@@ -130,4 +151,5 @@ function PromptBar({ onSubmit, placeholder = "Type a message… (Enter=submit, E
         paddingX: 1,
         gap: 1,
     }, promptGlyph, inputArea, lineHint);
+    return react_1.default.createElement(Box, { flexDirection: "column" }, slashHintsRow, promptRow);
 }

package/dist/dashboard/ink/views/DashboardView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardView.d.ts","sourceRoot":"","sources":["../../../../src/dashboard/ink/views/DashboardView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAarD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAMD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,OAAO,EACP,MAAM,GACP,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4LxC"}
+{"version":3,"file":"DashboardView.d.ts","sourceRoot":"","sources":["../../../../src/dashboard/ink/views/DashboardView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAarD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAMD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,OAAO,EACP,MAAM,GACP,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsMxC"}

package/dist/dashboard/ink/views/DashboardView.js

@@ -86,6 +86,9 @@ function DashboardView({ runsDir, version, onQuit, }) {
         else if (input === "r") {
             refresh();
         }
+        else if (input === "n") {
+            handleAction("new");
+        }
         else if (input === "s" && runs.length > 0) {
             const run = runs[selectedIndex];
             if (run) {
@@ -98,25 +101,8 @@ function DashboardView({ runsDir, version, onQuit, }) {
     if (clampedIndex !== selectedIndex) {
         setSelectedIndex(clampedIndex);
     }
-    // Count stats
-    const completedCount = runs.filter((r) => r.state === "completed").length;
-    const waitingCount = runs.filter((r) => r.state === "waiting").length;
-    const failedCount = runs.filter((r) => r.state === "failed").length;
-    // Header
-    const versionText = version ? ` v${version}` : "";
-    const header = react_1.default.createElement(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1 }, react_1.default.createElement(Box, { flexDirection: "row", gap: 1 }, react_1.default.createElement(Text, { color: colors.primary, bold: true }, "babysitter tui"), react_1.default.createElement(Text, { color: colors.muted }, versionText)), react_1.default.createElement(Box, { flexDirection: "row", gap: 2 }, react_1.default.createElement(Text, { color: colors.foreground }, `${String(runs.length)} runs:`), react_1.default.createElement(Text, { color: colors.success }, `${String(completedCount)} done`), react_1.default.createElement(Text, { color: colors.warning }, `${String(waitingCount)} waiting`), react_1.default.createElement(Text, { color: colors.error }, `${String(failedCount)} failed`)));
-    // Loading / error states
-    if (loading && runs.length === 0) {
-        return react_1.default.createElement(Box, { flexDirection: "column" }, header, react_1.default.createElement(Box, { paddingX: 2 }, react_1.default.createElement(Text, { color: colors.muted }, "Scanning runs...")));
-    }
-    if (error) {
-        return react_1.default.createElement(Box, { flexDirection: "column" }, header, react_1.default.createElement(Box, { paddingX: 2 }, react_1.default.createElement(Text, { color: colors.error }, `Error: ${error}`)));
-    }
-    // Empty state
-    if (runs.length === 0) {
-        return react_1.default.createElement(Box, { flexDirection: "column" }, header, react_1.default.createElement(Box, { paddingX: 2 }, react_1.default.createElement(Text, { color: colors.muted }, "No runs found. Press 'n' to create a new run, or 'q' to quit.")));
-    }
-    // Action menu handler (keyboard is handled above; this is for the component contract)
+    // Action menu handler — must be declared before any early returns so
+    // the hook call order is stable across renders (Rules of Hooks).
     const handleAction = (0, react_1.useCallback)((action) => {
         switch (action) {
             case "details":
@@ -129,6 +115,9 @@ function DashboardView({ runsDir, version, onQuit, }) {
                     navDispatch({ type: "NAVIGATE_TO_SESSION", runId: runs[clampedIndex].runId });
                 }
                 break;
+            case "new":
+                navDispatch({ type: "NAVIGATE_TO_SESSION", runId: `new-${Date.now()}` });
+                break;
             case "refresh":
                 refresh();
                 break;
@@ -139,6 +128,27 @@ function DashboardView({ runsDir, version, onQuit, }) {
                 break;
         }
     }, [runs, clampedIndex, navDispatch, refresh, onQuit]);
+    // --- Everything below here is render logic (no more hooks) ---
+    // Count stats
+    const completedCount = runs.filter((r) => r.state === "completed").length;
+    const waitingCount = runs.filter((r) => r.state === "waiting").length;
+    const failedCount = runs.filter((r) => r.state === "failed").length;
+    // Header
+    const versionText = version ? ` v${version}` : "";
+    const header = react_1.default.createElement(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1 }, react_1.default.createElement(Box, { flexDirection: "row", gap: 1 }, react_1.default.createElement(Text, { color: colors.primary, bold: true }, "babysitter tui"), react_1.default.createElement(Text, { color: colors.muted }, versionText)), react_1.default.createElement(Box, { flexDirection: "row", gap: 2 }, react_1.default.createElement(Text, { color: colors.foreground }, `${String(runs.length)} runs:`), react_1.default.createElement(Text, { color: colors.success }, `${String(completedCount)} done`), react_1.default.createElement(Text, { color: colors.warning }, `${String(waitingCount)} waiting`), react_1.default.createElement(Text, { color: colors.error }, `${String(failedCount)} failed`)));
+    // Loading state
+    if (loading && runs.length === 0) {
+        return react_1.default.createElement(Box, { flexDirection: "column" }, header, react_1.default.createElement(Box, { paddingX: 2 }, react_1.default.createElement(Text, { color: colors.muted }, "Scanning runs...")));
+    }
+    // Error state
+    if (error) {
+        return react_1.default.createElement(Box, { flexDirection: "column" }, header, react_1.default.createElement(Box, { paddingX: 2 }, react_1.default.createElement(Text, { color: colors.error }, `Error: ${error}`)));
+    }
+    // Empty state
+    if (runs.length === 0) {
+        return react_1.default.createElement(Box, { flexDirection: "column" }, header, react_1.default.createElement(Box, { paddingX: 2 }, react_1.default.createElement(Text, { color: colors.muted }, "No runs found. Press 'n' to create a new run, or 'q' to quit.")));
+    }
+    // Normal state: run list + action menu
     return react_1.default.createElement(Box, { flexDirection: "column", height: "100%" }, header, react_1.default.createElement(Box, { flexDirection: "column", flexGrow: 1 }, react_1.default.createElement(RunListTable_js_1.RunListTable, {
         runs,
         selectedIndex: clampedIndex,

package/dist/dashboard/ink/views/SessionView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionView.d.ts","sourceRoot":"","sources":["../../../../src/dashboard/ink/views/SessionView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,wBAAgB,WAAW,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CA+B/C"}
+{"version":3,"file":"SessionView.d.ts","sourceRoot":"","sources":["../../../../src/dashboard/ink/views/SessionView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAc3C,wBAAgB,WAAW,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CA8C/C"}

package/dist/dashboard/ink/views/SessionView.js

@@ -10,12 +10,42 @@
  *
  * Box/Text are obtained from InkContext via useInk() — no prop drilling.
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SessionView = SessionView;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const InkContext_js_1 = require("../contexts/InkContext.js");
 const useNavigation_js_1 = require("../hooks/useNavigation.js");
 const useSession_js_1 = require("../hooks/useSession.js");
@@ -41,8 +71,19 @@ function SessionView() {
             navDispatch({ type: "GO_BACK" });
         }
     });
+    // Handle message submission from the PromptBar
+    const handleSubmit = (0, react_1.useCallback)((text) => {
+        const message = {
+            id: `msg-${Date.now()}`,
+            timestamp: new Date().toISOString(),
+            verbosity: "minimal",
+            content: { kind: "user", text },
+        };
+        sessionDispatch({ type: "APPEND_MESSAGE", message });
+        sessionDispatch({ type: "SET_INPUT_ACTIVE", active: false });
+    }, [sessionDispatch]);
     return react_1.default.createElement(Box, {
         flexDirection: "column",
         height: "100%",
-    }, react_1.default.createElement(StatusBar_js_1.StatusBar, null), react_1.default.createElement(MessagePane_js_1.MessagePane, null), react_1.default.createElement(PromptBar_js_1.PromptBar, null));
+    }, react_1.default.createElement(StatusBar_js_1.StatusBar, null), react_1.default.createElement(MessagePane_js_1.MessagePane, null), react_1.default.createElement(PromptBar_js_1.PromptBar, { onSubmit: handleSubmit }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a5c-ai/babysitter-sdk",
-  "version": "0.0.187-staging.575126cd",
+  "version": "0.0.187-staging.658bbfef",
   "description": "Storage and run-registry primitives for event-sourced babysitter workflows.",
   "license": "UNLICENSED",
   "type": "commonjs",