letmecook 0.0.21 → 0.0.23

package/src/ui/add-repos.ts

@@ -22,13 +22,14 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
 
     const repos: RepoSpec[] = [];
     let currentInput = "";
-    let currentReference = false;
+    let currentReadOnly = false;
+    let currentLatest = false;
     let currentValidRepo: RepoSpec | null = null;
     let selectedMatchIndex = -1; // -1 means no match selected, user is typing freely
     let lastQuery = ""; // Track the query that generated current matches
     let isNavigating = false; // Flag to prevent input handler from resetting when navigating
     let isConfirming = false; // Flag for confirmation mode (showing checkboxes)
-    let confirmOptionIndex = 0; // 0 = reference, 1 = confirm button
+    let confirmOptionIndex = 0; // 0 = read-only, 1 = confirm button
 
     // Repository input
     const repoLabel = new TextRenderable(renderer, {
@@ -78,13 +79,13 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
     });
     content.add(detailsLabel);
 
-    const detailsReference = new TextRenderable(renderer, {
-      id: "details-reference",
+    const detailsLatest = new TextRenderable(renderer, {
+      id: "details-latest",
       content: "",
       fg: "#94a3b8",
       marginTop: 0,
     });
-    content.add(detailsReference);
+    content.add(detailsLatest);
 
     const confirmButton = new TextRenderable(renderer, {
       id: "confirm-button",
@@ -103,7 +104,8 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
         const repo = validateRepo(currentInput.trim());
         currentValidRepo = repo;
         if (repo) {
-          currentReference = false;
+          currentReadOnly = false;
+          currentLatest = false;
         }
       } else {
         statusText.content = "";
@@ -151,8 +153,8 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
       } else {
         reposList.content = repos
           .map((repo, i) => {
-            const refMarker = repo.reference ? " [Ref]" : "";
-            return `  ${i + 1}. ${repo.spec}${refMarker}`;
+            const roMarker = repo.readOnly ? " [Read-only]" : "";
+            return `  ${i + 1}. ${repo.spec}${roMarker}`;
           })
           .join("\n");
         reposList.fg = "#94a3b8";
@@ -165,22 +167,22 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
         detailsLabel.content = `\nConfigure options for: ${currentInput.trim()}`;
         detailsLabel.fg = "#38bdf8";
 
-        const refCheckbox = currentReference ? "[✓]" : "[ ]";
-        const refSelected = confirmOptionIndex === 0;
-        detailsReference.content = `  ${refSelected ? "▶" : " "} ${refCheckbox} Reference [r] (read-only, shared cache, auto-refresh)`;
-        detailsReference.fg = refSelected ? "#f8fafc" : currentReference ? "#22d3ee" : "#94a3b8";
+        const latestCheckbox = currentLatest ? "[✓]" : "[ ]";
+        const latestSelected = confirmOptionIndex === 0;
+        detailsLatest.content = `  ${latestSelected ? "▶" : " "} ${latestCheckbox} Read-only [l]`;
+        detailsLatest.fg = latestSelected ? "#f8fafc" : currentLatest ? "#22d3ee" : "#94a3b8";
 
         const confirmSelected = confirmOptionIndex === 1;
         confirmButton.content = `  ${confirmSelected ? "▶" : " "} [Add repository]`;
         confirmButton.fg = confirmSelected ? "#10b981" : "#64748b";
       } else if (currentValidRepo) {
         detailsLabel.content = "\nPress Enter to configure options";
-        detailsLabel.fg = "#64748b";
-        detailsReference.content = "";
+        detailsLabel.fg = "#64798b";
+        detailsLatest.content = "";
         confirmButton.content = "";
       } else {
         detailsLabel.content = "";
-        detailsReference.content = "";
+        detailsLatest.content = "";
         confirmButton.content = "";
       }
     }
@@ -250,7 +252,8 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
       const repo = validateRepo(selectedMatch.trim());
       currentValidRepo = repo;
       if (repo) {
-        currentReference = false;
+        currentReadOnly = false;
+        currentLatest = false;
       }
 
       updateMatches(); // Refresh display with new selection (matches stay the same, just highlight changes)
@@ -271,13 +274,15 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
       }
 
       const repoToAdd = { ...currentValidRepo };
-      repoToAdd.reference = currentReference;
+      repoToAdd.readOnly = currentReadOnly;
+      repoToAdd.latest = currentLatest;
       repos.push(repoToAdd);
 
       currentInput = "";
       repoInput.value = "";
       currentValidRepo = null;
-      currentReference = false;
+      currentReadOnly = false;
+      currentLatest = false;
       updateReposList();
       lastQuery = "";
       selectedMatchIndex = -1;
@@ -289,7 +294,7 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
 
     function enterConfirmMode() {
       isConfirming = true;
-      confirmOptionIndex = 1; // Start on confirm button for quick add
+      confirmOptionIndex = 2; // Start on confirm button for quick add
       repoInput.blur();
       updateDetails();
       updateFooter();
@@ -305,8 +310,9 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
 
     function toggleCurrentOption() {
       if (confirmOptionIndex === 0) {
-        // Toggle reference
-        currentReference = !currentReference;
+        // Toggle read-only
+        currentLatest = !currentLatest;
+        currentReadOnly = currentLatest;
       } else if (confirmOptionIndex === 1) {
         // Confirm button - add the repo
         addCurrentRepo();
@@ -321,7 +327,7 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
           navigate: true,
           select: false,
           back: true,
-          custom: ["r Reference", "space Toggle", "enter Add"],
+          custom: ["l Read-only", "space Toggle", "enter Add"],
         });
       } else {
         showFooter(renderer, content, {
@@ -348,9 +354,10 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
 
       // Confirmation mode handling
       if (isConfirming) {
-        // Toggle reference with 'r' hotkey
-        if (key.name === "r") {
-          currentReference = !currentReference;
+        // Toggle read-only with 'l' hotkey
+        if (key.name === "l") {
+          currentLatest = !currentLatest;
+          currentReadOnly = currentLatest;
           updateDetails();
           return;
         }
@@ -446,7 +453,8 @@ export async function showAddReposPrompt(renderer: CliRenderer): Promise<AddRepo
         const repo = validateRepo(value.trim());
         currentValidRepo = repo;
         if (repo) {
-          currentReference = false;
+          currentReadOnly = false;
+          currentLatest = false;
         }
       } else {
         statusText.content = "";

package/src/ui/agent-proposal.ts

@@ -8,7 +8,15 @@ export interface AgentProposal {
   goal?: string;
 }
 
-export function showAgentProposal(renderer: CliRenderer, proposal: AgentProposal): void {
+export interface AgentProposalResult {
+  sessionNameText: TextRenderable;
+  content: ReturnType<typeof createBaseLayout>["content"];
+}
+
+export function showAgentProposal(
+  renderer: CliRenderer,
+  proposal: AgentProposal,
+): AgentProposalResult {
   clearLayout(renderer);
 
   const { content } = createBaseLayout(renderer, "Agent Proposal");
@@ -77,4 +85,8 @@ export function showAgentProposal(renderer: CliRenderer, proposal: AgentProposal
     marginTop: 1,
   });
   content.add(continueText);
+
+  renderer.requestRender();
+
+  return { sessionNameText, content };
 }

package/src/ui/chat-confirmation.ts

@@ -0,0 +1,151 @@
+import { type CliRenderer, TextRenderable, type KeyEvent } from "@opentui/core";
+import { createBaseLayout, clearLayout } from "./renderer";
+import { showFooter, hideFooter } from "./common/footer";
+import { isEnter, isEscape, isKey } from "./common/keyboard";
+import type { ChatConfig } from "../flows/chat-to-config";
+
+export type ConfirmationAction = "confirm" | "edit" | "cancel" | "back";
+
+export interface ConfirmationResult {
+  action: ConfirmationAction;
+}
+
+export function showChatConfirmation(
+  renderer: CliRenderer,
+  config: ChatConfig,
+): Promise<ConfirmationResult> {
+  return new Promise((resolve) => {
+    clearLayout(renderer);
+
+    const { content } = createBaseLayout(renderer, "Review Configuration");
+
+    // Title
+    const title = new TextRenderable(renderer, {
+      id: "confirm-title",
+      content: "Here's what I'll set up for you:",
+      fg: "#e2e8f0",
+      marginBottom: 2,
+    });
+    content.add(title);
+
+    // Repositories
+    const reposLabel = new TextRenderable(renderer, {
+      id: "repos-label",
+      content: "📦 Repositories:",
+      fg: "#38bdf8",
+      marginBottom: 0,
+    });
+    content.add(reposLabel);
+
+    if (config.repos.length > 0) {
+      config.repos.forEach((repo, i) => {
+        const repoText = new TextRenderable(renderer, {
+          id: `repo-${i}`,
+          content: `  • ${repo}`,
+          fg: "#94a3b8",
+        });
+        content.add(repoText);
+      });
+    } else {
+      const noRepos = new TextRenderable(renderer, {
+        id: "no-repos",
+        content: "  (none)",
+        fg: "#64748b",
+      });
+      content.add(noRepos);
+    }
+
+    // Skills
+    const skillsLabel = new TextRenderable(renderer, {
+      id: "skills-label",
+      content: "\n🛠️  Skills:",
+      fg: "#38bdf8",
+      marginBottom: 0,
+    });
+    content.add(skillsLabel);
+
+    if (config.skills && config.skills.length > 0) {
+      config.skills.forEach((skill, i) => {
+        const skillText = new TextRenderable(renderer, {
+          id: `skill-${i}`,
+          content: `  • ${skill}`,
+          fg: "#94a3b8",
+        });
+        content.add(skillText);
+      });
+    } else {
+      const noSkills = new TextRenderable(renderer, {
+        id: "no-skills",
+        content: "  (none)",
+        fg: "#64748b",
+      });
+      content.add(noSkills);
+    }
+
+    // Goal
+    const goalLabel = new TextRenderable(renderer, {
+      id: "goal-label",
+      content: "\n🎯 Goal:",
+      fg: "#38bdf8",
+      marginBottom: 0,
+    });
+    content.add(goalLabel);
+
+    const goalText = new TextRenderable(renderer, {
+      id: "goal-text",
+      content: config.goal ? `  ${config.goal}` : "  (none)",
+      fg: config.goal ? "#94a3b8" : "#64748b",
+      marginBottom: 2,
+    });
+    content.add(goalText);
+
+    // Confirmation question
+    const confirmText = new TextRenderable(renderer, {
+      id: "confirm-question",
+      content: "Does this look right?",
+      fg: "#e2e8f0",
+      marginTop: 2,
+    });
+    content.add(confirmText);
+
+    const cleanup = () => {
+      renderer.keyInput.off("keypress", handleKeypress);
+      hideFooter(renderer);
+      clearLayout(renderer);
+    };
+
+    const handleKeypress = (key: KeyEvent) => {
+      if (isEscape(key)) {
+        cleanup();
+        resolve({ action: "cancel" });
+        return;
+      }
+
+      if (isEnter(key)) {
+        cleanup();
+        resolve({ action: "confirm" });
+        return;
+      }
+
+      if (isKey(key, "e")) {
+        cleanup();
+        resolve({ action: "edit" });
+        return;
+      }
+
+      if (isKey(key, "b")) {
+        cleanup();
+        resolve({ action: "back" });
+        return;
+      }
+    };
+
+    showFooter(renderer, content, {
+      navigate: false,
+      select: false,
+      back: true,
+      custom: ["Enter Confirm", "b Back to Chat", "e Manual Edit", "Esc Cancel"],
+    });
+    renderer.keyInput.on("keypress", handleKeypress);
+  });
+}