letmecook 0.0.1 → 0.0.4

package/src/ui/session-actions.ts

@@ -0,0 +1,109 @@
+import {
+  type CliRenderer,
+  TextRenderable,
+  SelectRenderable,
+  SelectRenderableEvents,
+  type KeyEvent,
+} from "@opentui/core";
+import { createBaseLayout, clearLayout } from "./renderer";
+import type { Session } from "../types";
+import { formatRepoList } from "./common/repo-formatter";
+
+export type SessionAction = "continue" | "add-repos" | "exit";
+
+export function showSessionActions(
+  renderer: CliRenderer,
+  session: Session,
+): Promise<SessionAction> {
+  return new Promise((resolve) => {
+    clearLayout(renderer);
+
+    const { content } = createBaseLayout(renderer, "Session paused");
+
+    // Session info
+    const sessionInfo = new TextRenderable(renderer, {
+      id: "session-info",
+      content: `Session: ${session.name}`,
+      fg: "#38bdf8",
+      marginBottom: 1,
+    });
+    content.add(sessionInfo);
+
+    // Show repos
+    const reposText = formatRepoList(session.repos, { showMarkers: true, prefix: "  " });
+    const reposInfo = new TextRenderable(renderer, {
+      id: "repos-info",
+      content: `Repositories:\n${reposText}`,
+      fg: "#94a3b8",
+      marginBottom: 1,
+    });
+    content.add(reposInfo);
+
+    // Question
+    const question = new TextRenderable(renderer, {
+      id: "question",
+      content: "What would you like to do?",
+      fg: "#e2e8f0",
+    });
+    content.add(question);
+
+    // Options
+    const select = new SelectRenderable(renderer, {
+      id: "action-select",
+      width: 40,
+      height: 3,
+      options: [
+        { name: "Continue session", description: "Re-launch claude", value: "continue" },
+        {
+          name: "Add repositories",
+          description: "Clone more repos to this session",
+          value: "add-repos",
+        },
+        { name: "Exit session", description: "Choose to keep or delete session", value: "exit" },
+      ],
+      showDescription: true,
+      backgroundColor: "transparent",
+      focusedBackgroundColor: "transparent",
+      selectedBackgroundColor: "#334155",
+      textColor: "#e2e8f0",
+      selectedTextColor: "#38bdf8",
+      descriptionColor: "#64748b",
+      selectedDescriptionColor: "#94a3b8",
+      marginTop: 1,
+    });
+    content.add(select);
+
+    // Instructions
+    const instructions = new TextRenderable(renderer, {
+      id: "instructions",
+      content: "\n[Enter] Select   [Esc] Exit session",
+      fg: "#64748b",
+      marginTop: 1,
+    });
+    content.add(instructions);
+
+    select.focus();
+
+    const handleSelect = (_index: number, option: { value: string }) => {
+      cleanup();
+      resolve(option.value as SessionAction);
+    };
+
+    const handleKeypress = (key: KeyEvent) => {
+      if (key.name === "escape") {
+        cleanup();
+        resolve("exit");
+      }
+    };
+
+    const cleanup = () => {
+      select.off(SelectRenderableEvents.ITEM_SELECTED, handleSelect);
+      renderer.keyInput.off("keypress", handleKeypress);
+      select.blur();
+      clearLayout(renderer);
+    };
+
+    select.on(SelectRenderableEvents.ITEM_SELECTED, handleSelect);
+    renderer.keyInput.on("keypress", handleKeypress);
+  });
+}

package/src/ui/session-details.ts

@@ -0,0 +1,77 @@
+import { type CliRenderer, TextRenderable, type KeyEvent } from "@opentui/core";
+import { createBaseLayout, clearLayout } from "./renderer";
+import type { Session } from "../types";
+import { formatRepoList } from "./common/repo-formatter";
+
+export type SessionDetailsAction = "resume" | "edit" | "add-repos" | "back";
+
+export function showSessionDetails(
+  renderer: CliRenderer,
+  session: Session,
+): Promise<SessionDetailsAction> {
+  return new Promise((resolve) => {
+    clearLayout(renderer);
+
+    const { content } = createBaseLayout(renderer, "Session details");
+
+    const sessionInfo = new TextRenderable(renderer, {
+      id: "session-info",
+      content: `Session: ${session.name}`,
+      fg: "#38bdf8",
+      marginBottom: 1,
+    });
+    content.add(sessionInfo);
+
+    const goalText = session.goal ? session.goal : "(none)";
+    const goalInfo = new TextRenderable(renderer, {
+      id: "goal-info",
+      content: `Goal: ${goalText}`,
+      fg: "#94a3b8",
+      marginBottom: 1,
+    });
+    content.add(goalInfo);
+
+    const reposText = formatRepoList(session.repos, { prefix: "  " });
+
+    const reposInfo = new TextRenderable(renderer, {
+      id: "repos-info",
+      content: `Repositories:\n${reposText || "  (none)"}`,
+      fg: "#94a3b8",
+      marginBottom: 1,
+    });
+    content.add(reposInfo);
+
+    const instructions = new TextRenderable(renderer, {
+      id: "instructions",
+      content: "\n[Enter] Resume   [e] Edit settings   [Esc] Back",
+      fg: "#64748b",
+      marginTop: 1,
+    });
+    content.add(instructions);
+
+    const handleKeypress = (key: KeyEvent) => {
+      if (key.name === "return" || key.name === "enter") {
+        cleanup();
+        resolve("resume");
+        return;
+      }
+
+      if (key.name === "e") {
+        cleanup();
+        resolve("edit");
+        return;
+      }
+
+      if (key.name === "escape") {
+        cleanup();
+        resolve("back");
+      }
+    };
+
+    const cleanup = () => {
+      renderer.keyInput.off("keypress", handleKeypress);
+      clearLayout(renderer);
+    };
+    renderer.keyInput.on("keypress", handleKeypress);
+  });
+}

package/src/ui/session-options.ts

@@ -0,0 +1,41 @@
+import type { Session } from "../types";
+
+export interface SessionOption {
+  name: string;
+  description: string;
+  value: Session;
+}
+
+function formatTimeAgo(date: string): string {
+  const now = new Date();
+  const then = new Date(date);
+  const diffMs = now.getTime() - then.getTime();
+  const diffMins = Math.floor(diffMs / 60000);
+  const diffHours = Math.floor(diffMins / 60);
+  const diffDays = Math.floor(diffHours / 24);
+
+  if (diffMins < 1) return "just now";
+  if (diffMins < 60) return `${diffMins}m ago`;
+  if (diffHours < 24) return `${diffHours}h ago`;
+  if (diffDays < 7) return `${diffDays}d ago`;
+  return then.toLocaleDateString();
+}
+
+export function buildSessionOptions(sessions: Session[]): SessionOption[] {
+  return sessions.map((session) => {
+    let description = session.repos.map((repo) => repo.name).join(" | ");
+    const time = formatTimeAgo(session.lastAccessed);
+
+    if (session.goal) {
+      const truncatedGoal =
+        session.goal.length > 60 ? `${session.goal.slice(0, 60)}...` : session.goal;
+      description += `\n  "${truncatedGoal}"`;
+    }
+
+    return {
+      name: `${session.name} (${time})`,
+      description,
+      value: session,
+    };
+  });
+}

package/src/ui/session-settings.ts

@@ -0,0 +1,363 @@
+import { type CliRenderer, TextRenderable, InputRenderable, type KeyEvent } from "@opentui/core";
+import { createBaseLayout, clearLayout } from "./renderer";
+import type { Session, RepoSpec } from "../types";
+import { formatRepoString } from "./common/repo-formatter";
+
+export interface SessionSettingsResult {
+  action: "saved" | "add-repos" | "add-skills" | "cancel";
+  session: Session;
+}
+
+type EditMode = "repos" | "goal";
+type SelectionTarget = "goal" | "repo" | "skill";
+
+export function showSessionSettings(
+  renderer: CliRenderer,
+  session: Session,
+): Promise<SessionSettingsResult> {
+  return new Promise((resolve) => {
+    clearLayout(renderer);
+
+    const { content } = createBaseLayout(renderer, "Edit session settings");
+
+    const sessionInfo = new TextRenderable(renderer, {
+      id: "session-info",
+      content: `Session: ${session.name}`,
+      fg: "#38bdf8",
+      marginBottom: 1,
+    });
+    content.add(sessionInfo);
+
+    const goalLabel = new TextRenderable(renderer, {
+      id: "goal-label",
+      content: "Goal:",
+      fg: "#e2e8f0",
+      marginBottom: 0,
+    });
+    content.add(goalLabel);
+
+    const goalInput = new InputRenderable(renderer, {
+      id: "goal-input",
+      width: 60,
+      height: 1,
+      placeholder: "Add a goal for this session",
+      placeholderColor: "#64748b",
+      backgroundColor: "#334155",
+      textColor: "#f8fafc",
+      cursorColor: "#38bdf8",
+      marginTop: 1,
+    });
+    goalInput.value = session.goal ?? "";
+    content.add(goalInput);
+
+    const reposLabel = new TextRenderable(renderer, {
+      id: "repos-label",
+      content: "\nRepositories:",
+      fg: "#e2e8f0",
+      marginTop: 1,
+      marginBottom: 0,
+    });
+    content.add(reposLabel);
+
+    const reposList = new TextRenderable(renderer, {
+      id: "repos-list",
+      content: "(none)",
+      fg: "#94a3b8",
+      marginTop: 0,
+    });
+    content.add(reposList);
+
+    const skillsLabel = new TextRenderable(renderer, {
+      id: "skills-label",
+      content: "\nSkills:",
+      fg: "#e2e8f0",
+      marginTop: 1,
+      marginBottom: 0,
+    });
+    content.add(skillsLabel);
+
+    const skillsList = new TextRenderable(renderer, {
+      id: "skills-list",
+      content: "(none)",
+      fg: "#94a3b8",
+      marginTop: 0,
+    });
+    content.add(skillsList);
+
+    const statusText = new TextRenderable(renderer, {
+      id: "status",
+      content: "",
+      fg: "#64748b",
+      marginTop: 1,
+    });
+    content.add(statusText);
+
+    const instructions = new TextRenderable(renderer, {
+      id: "instructions",
+      content: "",
+      fg: "#64748b",
+      marginTop: 1,
+    });
+    content.add(instructions);
+
+    let mode: EditMode = "repos";
+    let selectedTarget: SelectionTarget = "goal";
+    let selectedRepoIndex = 0;
+    let selectedSkillIndex = 0;
+    const updatedRepos: RepoSpec[] = session.repos.map((repo) => ({ ...repo }));
+    const updatedSkills = (session.skills || []).slice();
+    let updatedGoal = session.goal ?? "";
+
+    const updateReposList = () => {
+      if (updatedRepos.length === 0) {
+        reposList.content = "(none)";
+        reposList.fg = "#64748b";
+        return;
+      }
+
+      reposList.content = updatedRepos
+        .map((repo, index) => {
+          const marker = selectedTarget === "repo" && index === selectedRepoIndex ? "▶" : " ";
+          return `${marker} ${formatRepoString(repo)}`;
+        })
+        .join("\n");
+      reposList.fg = "#94a3b8";
+    };
+
+    const updateSkillsList = () => {
+      if (updatedSkills.length === 0) {
+        skillsList.content = "(none)";
+        skillsList.fg = "#64748b";
+        return;
+      }
+
+      skillsList.content = updatedSkills
+        .map((skill, index) => {
+          const marker = selectedTarget === "skill" && index === selectedSkillIndex ? "▶" : " ";
+          return `${marker} ${skill}`;
+        })
+        .join("\n");
+      skillsList.fg = "#94a3b8";
+    };
+
+    const updateInstructions = () => {
+      if (selectedTarget === "goal") {
+        instructions.content = "\n[Enter] Edit goal   [s] Save   [Esc] Cancel";
+      } else if (selectedTarget === "repo") {
+        instructions.content =
+          "\n[r] Toggle read-only   [l] Toggle latest   [a] Add repos   [k] Add skills   [s] Save   [Esc] Cancel";
+      } else if (selectedTarget === "skill") {
+        instructions.content =
+          "\n[x] Remove skill   [a] Add repos   [k] Add skills   [s] Save   [Esc] Cancel";
+      } else {
+        instructions.content =
+          "\n[r] Toggle read-only   [l] Toggle latest   [a] Add repos   [k] Add skills   [s] Save   [Esc] Cancel";
+      }
+    };
+
+    const updateGoalLabel = () => {
+      if (selectedTarget === "goal") {
+        goalLabel.content = "▶ Goal:";
+      } else {
+        goalLabel.content = "Goal:";
+      }
+    };
+
+    const updateReposLabel = () => {
+      if (selectedTarget === "repo") {
+        reposLabel.content = "▶ Repositories:";
+      } else {
+        reposLabel.content = "Repositories:";
+      }
+    };
+
+    const updateSkillsLabel = () => {
+      if (selectedTarget === "skill") {
+        skillsLabel.content = "▶ Skills:";
+      } else {
+        skillsLabel.content = "Skills:";
+      }
+    };
+
+    const updateMode = (nextMode: EditMode) => {
+      mode = nextMode;
+      if (mode === "goal") {
+        goalInput.focus();
+        statusText.content = "Editing goal. Press Enter to return.";
+        statusText.fg = "#38bdf8";
+      } else {
+        goalInput.blur();
+        statusText.content = "";
+      }
+    };
+
+    const handleKeypress = (key: KeyEvent) => {
+      if (mode === "goal") {
+        if (key.name === "return" || key.name === "enter") {
+          updatedGoal = goalInput.value.trim();
+          updateMode("repos");
+        } else if (key.name === "escape") {
+          goalInput.value = updatedGoal;
+          updateMode("repos");
+        }
+        return;
+      }
+
+      if (key.name === "escape") {
+        cleanup();
+        resolve({ action: "cancel", session });
+        return;
+      }
+
+      if (key.name === "up" || key.name === "k") {
+        if (selectedTarget === "skill" && selectedSkillIndex > 0) {
+          selectedSkillIndex = Math.max(0, selectedSkillIndex - 1);
+        } else if (selectedTarget === "repo" && selectedRepoIndex > 0) {
+          selectedRepoIndex = Math.max(0, selectedRepoIndex - 1);
+        } else if (selectedTarget === "repo") {
+          selectedTarget = "goal";
+        } else if (selectedTarget === "goal" && updatedSkills.length > 0) {
+          selectedTarget = "skill";
+          selectedSkillIndex = updatedSkills.length - 1;
+        }
+        updateGoalLabel();
+        updateReposLabel();
+        updateSkillsLabel();
+        updateInstructions();
+        updateReposList();
+        updateSkillsList();
+        return;
+      }
+
+      if (key.name === "down" || key.name === "j") {
+        if (selectedTarget === "goal") {
+          if (updatedRepos.length > 0) {
+            selectedTarget = "repo";
+            selectedRepoIndex = 0;
+          } else if (updatedSkills.length > 0) {
+            selectedTarget = "skill";
+            selectedSkillIndex = 0;
+          }
+        } else if (selectedTarget === "repo") {
+          if (selectedRepoIndex < updatedRepos.length - 1) {
+            selectedRepoIndex = Math.min(updatedRepos.length - 1, selectedRepoIndex + 1);
+          } else if (updatedSkills.length > 0) {
+            selectedTarget = "skill";
+            selectedSkillIndex = 0;
+          }
+        } else if (selectedTarget === "skill") {
+          selectedSkillIndex = Math.min(updatedSkills.length - 1, selectedSkillIndex + 1);
+        }
+        updateGoalLabel();
+        updateReposLabel();
+        updateSkillsLabel();
+        updateInstructions();
+        updateReposList();
+        updateSkillsList();
+        return;
+      }
+
+      if ((key.name === "return" || key.name === "enter") && selectedTarget === "goal") {
+        updateMode("goal");
+        return;
+      }
+
+      if (key.name === "a") {
+        updatedGoal = goalInput.value.trim();
+        const updatedSession: Session = {
+          ...session,
+          repos: updatedRepos,
+          skills: updatedSkills,
+          goal: updatedGoal || undefined,
+        };
+        cleanup();
+        resolve({ action: "add-repos", session: updatedSession });
+        return;
+      }
+
+      if (key.name === "k") {
+        updatedGoal = goalInput.value.trim();
+        const updatedSession: Session = {
+          ...session,
+          repos: updatedRepos,
+          skills: updatedSkills,
+          goal: updatedGoal || undefined,
+        };
+        cleanup();
+        resolve({ action: "add-skills", session: updatedSession });
+        return;
+      }
+
+      if (key.name === "x" && selectedTarget === "skill") {
+        const skill = updatedSkills[selectedSkillIndex];
+        if (skill) {
+          updatedSkills.splice(selectedSkillIndex, 1);
+          if (selectedSkillIndex >= updatedSkills.length) {
+            selectedSkillIndex = Math.max(0, updatedSkills.length - 1);
+          }
+          if (updatedSkills.length === 0) {
+            selectedTarget = updatedRepos.length > 0 ? "repo" : "goal";
+          }
+          updateGoalLabel();
+          updateReposLabel();
+          updateSkillsLabel();
+          updateInstructions();
+          updateReposList();
+          updateSkillsList();
+        }
+        return;
+      }
+
+      if (key.name === "r") {
+        const repo = updatedRepos[selectedRepoIndex];
+        if (repo) {
+          repo.readOnly = !repo.readOnly;
+          if (!repo.readOnly) {
+            repo.latest = false;
+          }
+          updateReposList();
+        }
+        return;
+      }
+
+      if (key.name === "l") {
+        const repo = updatedRepos[selectedRepoIndex];
+        if (repo) {
+          repo.latest = !repo.latest;
+          if (repo.latest) {
+            repo.readOnly = true;
+          }
+          updateReposList();
+        }
+        return;
+      }
+
+      if (key.name === "s") {
+        updatedGoal = goalInput.value.trim();
+        const updatedSession: Session = {
+          ...session,
+          repos: updatedRepos,
+          skills: updatedSkills.length > 0 ? updatedSkills : undefined,
+          goal: updatedGoal || undefined,
+        };
+        cleanup();
+        resolve({ action: "saved", session: updatedSession });
+      }
+    };
+
+    const cleanup = () => {
+      renderer.keyInput.off("keypress", handleKeypress);
+      goalInput.blur();
+      clearLayout(renderer);
+    };
+
+    updateGoalLabel();
+    updateReposLabel();
+    updateSkillsLabel();
+    updateInstructions();
+    updateReposList();
+    updateSkillsList();
+    updateMode("repos");
+    renderer.keyInput.on("keypress", handleKeypress);
+  });
+}