mirror of
https://github.com/getcompanion-ai/co-mono.git
synced 2026-04-19 00:05:24 +00:00
feat(coding-agent): add resume scope toggle
refactor(coding-agent): refine session listing helpers
This commit is contained in:
parent
f1e225d9e7
commit
e8d91f2bd4
6 changed files with 219 additions and 106 deletions
|
|
@ -3,7 +3,7 @@
|
||||||
## [Unreleased]
|
## [Unreleased]
|
||||||
|
|
||||||
### Added
|
### Added
|
||||||
|
- `/resume` selector now toggles between current-folder and all sessions with Tab, showing the session cwd in the All view.
|
||||||
- `/models` command to enable/disable models for Ctrl+P cycling. Changes persist to `enabledModels` in settings.json and take effect immediately. ([#626](https://github.com/badlogic/pi-mono/pull/626) by [@CarlosGtrz](https://github.com/CarlosGtrz))
|
- `/models` command to enable/disable models for Ctrl+P cycling. Changes persist to `enabledModels` in settings.json and take effect immediately. ([#626](https://github.com/badlogic/pi-mono/pull/626) by [@CarlosGtrz](https://github.com/CarlosGtrz))
|
||||||
- `model_select` extension hook fires when model changes via `/model`, model cycling, or session restore with `source` field and `previousModel` ([#628](https://github.com/badlogic/pi-mono/pull/628) by [@marckrenn](https://github.com/marckrenn))
|
- `model_select` extension hook fires when model changes via `/model`, model cycling, or session restore with `source` field and `previousModel` ([#628](https://github.com/badlogic/pi-mono/pull/628) by [@marckrenn](https://github.com/marckrenn))
|
||||||
- `ctx.ui.setWorkingMessage()` extension API to customize the "Working..." message during streaming ([#625](https://github.com/badlogic/pi-mono/pull/625) by [@nicobailon](https://github.com/nicobailon))
|
- `ctx.ui.setWorkingMessage()` extension API to customize the "Working..." message during streaming ([#625](https://github.com/badlogic/pi-mono/pull/625) by [@nicobailon](https://github.com/nicobailon))
|
||||||
|
|
|
||||||
|
|
@ -7,13 +7,17 @@ import type { SessionInfo } from "../core/session-manager.js";
|
||||||
import { SessionSelectorComponent } from "../modes/interactive/components/session-selector.js";
|
import { SessionSelectorComponent } from "../modes/interactive/components/session-selector.js";
|
||||||
|
|
||||||
/** Show TUI session selector and return selected session path or null if cancelled */
|
/** Show TUI session selector and return selected session path or null if cancelled */
|
||||||
export async function selectSession(sessions: SessionInfo[]): Promise<string | null> {
|
export async function selectSession(
|
||||||
|
currentSessions: SessionInfo[],
|
||||||
|
allSessions: SessionInfo[],
|
||||||
|
): Promise<string | null> {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
const ui = new TUI(new ProcessTerminal());
|
const ui = new TUI(new ProcessTerminal());
|
||||||
let resolved = false;
|
let resolved = false;
|
||||||
|
|
||||||
const selector = new SessionSelectorComponent(
|
const selector = new SessionSelectorComponent(
|
||||||
sessions,
|
currentSessions,
|
||||||
|
allSessions,
|
||||||
(path: string) => {
|
(path: string) => {
|
||||||
if (!resolved) {
|
if (!resolved) {
|
||||||
resolved = true;
|
resolved = true;
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@ import {
|
||||||
writeFileSync,
|
writeFileSync,
|
||||||
} from "fs";
|
} from "fs";
|
||||||
import { join, resolve } from "path";
|
import { join, resolve } from "path";
|
||||||
import { getAgentDir as getDefaultAgentDir } from "../config.js";
|
import { getAgentDir as getDefaultAgentDir, getSessionsDir } from "../config.js";
|
||||||
import {
|
import {
|
||||||
type BashExecutionMessage,
|
type BashExecutionMessage,
|
||||||
type CustomMessage,
|
type CustomMessage,
|
||||||
|
|
@ -156,6 +156,7 @@ export interface SessionContext {
|
||||||
export interface SessionInfo {
|
export interface SessionInfo {
|
||||||
path: string;
|
path: string;
|
||||||
id: string;
|
id: string;
|
||||||
|
cwd?: string;
|
||||||
created: Date;
|
created: Date;
|
||||||
modified: Date;
|
modified: Date;
|
||||||
messageCount: number;
|
messageCount: number;
|
||||||
|
|
@ -470,6 +471,92 @@ export function findMostRecentSession(sessionDir: string): string | null {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function isMessageWithContent(message: AgentMessage): message is Message {
|
||||||
|
return typeof (message as Message).role === "string" && "content" in message;
|
||||||
|
}
|
||||||
|
|
||||||
|
function extractTextContent(message: Message): string {
|
||||||
|
const content = message.content;
|
||||||
|
if (typeof content === "string") {
|
||||||
|
return content;
|
||||||
|
}
|
||||||
|
return content
|
||||||
|
.filter((block): block is TextContent => block.type === "text")
|
||||||
|
.map((block) => block.text)
|
||||||
|
.join(" ");
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildSessionInfo(filePath: string): SessionInfo | null {
|
||||||
|
const entries = loadEntriesFromFile(filePath);
|
||||||
|
if (entries.length === 0) return null;
|
||||||
|
|
||||||
|
const header = entries[0];
|
||||||
|
if (header.type !== "session") return null;
|
||||||
|
|
||||||
|
const stats = statSync(filePath);
|
||||||
|
let messageCount = 0;
|
||||||
|
let firstMessage = "";
|
||||||
|
const allMessages: string[] = [];
|
||||||
|
|
||||||
|
for (const entry of entries) {
|
||||||
|
if (entry.type !== "message") continue;
|
||||||
|
messageCount++;
|
||||||
|
|
||||||
|
const message = entry.message;
|
||||||
|
if (!isMessageWithContent(message)) continue;
|
||||||
|
if (message.role !== "user" && message.role !== "assistant") continue;
|
||||||
|
|
||||||
|
const textContent = extractTextContent(message);
|
||||||
|
if (!textContent) continue;
|
||||||
|
|
||||||
|
allMessages.push(textContent);
|
||||||
|
if (!firstMessage && message.role === "user") {
|
||||||
|
firstMessage = textContent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const cwd = typeof header.cwd === "string" ? header.cwd : "";
|
||||||
|
|
||||||
|
return {
|
||||||
|
path: filePath,
|
||||||
|
id: header.id,
|
||||||
|
cwd,
|
||||||
|
created: new Date(header.timestamp),
|
||||||
|
modified: stats.mtime,
|
||||||
|
messageCount,
|
||||||
|
firstMessage: firstMessage || "(no messages)",
|
||||||
|
allMessagesText: allMessages.join(" "),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function listSessionsFromDir(dir: string): SessionInfo[] {
|
||||||
|
const sessions: SessionInfo[] = [];
|
||||||
|
if (!existsSync(dir)) {
|
||||||
|
return sessions;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const files = readdirSync(dir)
|
||||||
|
.filter((f) => f.endsWith(".jsonl"))
|
||||||
|
.map((f) => join(dir, f));
|
||||||
|
|
||||||
|
for (const file of files) {
|
||||||
|
try {
|
||||||
|
const info = buildSessionInfo(file);
|
||||||
|
if (info) {
|
||||||
|
sessions.push(info);
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// Skip files that can't be read
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// Return empty list on error
|
||||||
|
}
|
||||||
|
|
||||||
|
return sessions;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Manages conversation sessions as append-only trees stored in JSONL files.
|
* Manages conversation sessions as append-only trees stored in JSONL files.
|
||||||
*
|
*
|
||||||
|
|
@ -1063,82 +1150,29 @@ export class SessionManager {
|
||||||
*/
|
*/
|
||||||
static list(cwd: string, sessionDir?: string): SessionInfo[] {
|
static list(cwd: string, sessionDir?: string): SessionInfo[] {
|
||||||
const dir = sessionDir ?? getDefaultSessionDir(cwd);
|
const dir = sessionDir ?? getDefaultSessionDir(cwd);
|
||||||
const sessions: SessionInfo[] = [];
|
const sessions = listSessionsFromDir(dir);
|
||||||
|
|
||||||
try {
|
|
||||||
const files = readdirSync(dir)
|
|
||||||
.filter((f) => f.endsWith(".jsonl"))
|
|
||||||
.map((f) => join(dir, f));
|
|
||||||
|
|
||||||
for (const file of files) {
|
|
||||||
try {
|
|
||||||
const content = readFileSync(file, "utf8");
|
|
||||||
const lines = content.trim().split("\n");
|
|
||||||
if (lines.length === 0) continue;
|
|
||||||
|
|
||||||
// Check first line for valid session header
|
|
||||||
let header: { type: string; id: string; timestamp: string } | null = null;
|
|
||||||
try {
|
|
||||||
const first = JSON.parse(lines[0]);
|
|
||||||
if (first.type === "session" && first.id) {
|
|
||||||
header = first;
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
// Not valid JSON
|
|
||||||
}
|
|
||||||
if (!header) continue;
|
|
||||||
|
|
||||||
const stats = statSync(file);
|
|
||||||
let messageCount = 0;
|
|
||||||
let firstMessage = "";
|
|
||||||
const allMessages: string[] = [];
|
|
||||||
|
|
||||||
for (let i = 1; i < lines.length; i++) {
|
|
||||||
try {
|
|
||||||
const entry = JSON.parse(lines[i]);
|
|
||||||
|
|
||||||
if (entry.type === "message") {
|
|
||||||
messageCount++;
|
|
||||||
|
|
||||||
if (entry.message.role === "user" || entry.message.role === "assistant") {
|
|
||||||
const textContent = entry.message.content
|
|
||||||
.filter((c: any) => c.type === "text")
|
|
||||||
.map((c: any) => c.text)
|
|
||||||
.join(" ");
|
|
||||||
|
|
||||||
if (textContent) {
|
|
||||||
allMessages.push(textContent);
|
|
||||||
|
|
||||||
if (!firstMessage && entry.message.role === "user") {
|
|
||||||
firstMessage = textContent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
// Skip malformed lines
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
sessions.push({
|
|
||||||
path: file,
|
|
||||||
id: header.id,
|
|
||||||
created: new Date(header.timestamp),
|
|
||||||
modified: stats.mtime,
|
|
||||||
messageCount,
|
|
||||||
firstMessage: firstMessage || "(no messages)",
|
|
||||||
allMessagesText: allMessages.join(" "),
|
|
||||||
});
|
|
||||||
} catch {
|
|
||||||
// Skip files that can't be read
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
sessions.sort((a, b) => b.modified.getTime() - a.modified.getTime());
|
sessions.sort((a, b) => b.modified.getTime() - a.modified.getTime());
|
||||||
|
return sessions;
|
||||||
|
}
|
||||||
|
|
||||||
|
static listAll(): SessionInfo[] {
|
||||||
|
const sessions: SessionInfo[] = [];
|
||||||
|
const sessionsDir = getSessionsDir();
|
||||||
|
|
||||||
|
try {
|
||||||
|
if (!existsSync(sessionsDir)) {
|
||||||
|
return sessions;
|
||||||
|
}
|
||||||
|
const entries = readdirSync(sessionsDir, { withFileTypes: true });
|
||||||
|
for (const entry of entries) {
|
||||||
|
if (!entry.isDirectory()) continue;
|
||||||
|
sessions.push(...listSessionsFromDir(join(sessionsDir, entry.name)));
|
||||||
|
}
|
||||||
} catch {
|
} catch {
|
||||||
// Return empty list on error
|
// Return empty list on error
|
||||||
}
|
}
|
||||||
|
|
||||||
|
sessions.sort((a, b) => b.modified.getTime() - a.modified.getTime());
|
||||||
return sessions;
|
return sessions;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -317,13 +317,14 @@ export async function main(args: string[]) {
|
||||||
// Initialize keybindings so session picker respects user config
|
// Initialize keybindings so session picker respects user config
|
||||||
KeybindingsManager.create();
|
KeybindingsManager.create();
|
||||||
|
|
||||||
const sessions = SessionManager.list(cwd, parsed.sessionDir);
|
const currentSessions = SessionManager.list(cwd, parsed.sessionDir);
|
||||||
|
const allSessions = SessionManager.listAll();
|
||||||
time("SessionManager.list");
|
time("SessionManager.list");
|
||||||
if (sessions.length === 0) {
|
if (currentSessions.length === 0 && allSessions.length === 0) {
|
||||||
console.log(chalk.dim("No sessions found"));
|
console.log(chalk.dim("No sessions found"));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const selectedPath = await selectSession(sessions);
|
const selectedPath = await selectSession(currentSessions, allSessions);
|
||||||
time("selectSession");
|
time("selectSession");
|
||||||
if (!selectedPath) {
|
if (!selectedPath) {
|
||||||
console.log(chalk.dim("No session selected"));
|
console.log(chalk.dim("No session selected"));
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
import * as os from "node:os";
|
||||||
import {
|
import {
|
||||||
type Component,
|
type Component,
|
||||||
Container,
|
Container,
|
||||||
|
|
@ -5,69 +6,25 @@ import {
|
||||||
getEditorKeybindings,
|
getEditorKeybindings,
|
||||||
Input,
|
Input,
|
||||||
Spacer,
|
Spacer,
|
||||||
Text,
|
|
||||||
truncateToWidth,
|
truncateToWidth,
|
||||||
|
visibleWidth,
|
||||||
} from "@mariozechner/pi-tui";
|
} from "@mariozechner/pi-tui";
|
||||||
import type { SessionInfo } from "../../../core/session-manager.js";
|
import type { SessionInfo } from "../../../core/session-manager.js";
|
||||||
import { theme } from "../theme/theme.js";
|
import { theme } from "../theme/theme.js";
|
||||||
import { DynamicBorder } from "./dynamic-border.js";
|
import { DynamicBorder } from "./dynamic-border.js";
|
||||||
|
|
||||||
/**
|
type SessionScope = "current" | "all";
|
||||||
* Custom session list component with multi-line items and search
|
|
||||||
*/
|
|
||||||
class SessionList implements Component {
|
|
||||||
private allSessions: SessionInfo[] = [];
|
|
||||||
private filteredSessions: SessionInfo[] = [];
|
|
||||||
private selectedIndex: number = 0;
|
|
||||||
private searchInput: Input;
|
|
||||||
public onSelect?: (sessionPath: string) => void;
|
|
||||||
public onCancel?: () => void;
|
|
||||||
public onExit: () => void = () => {};
|
|
||||||
private maxVisible: number = 5; // Max sessions visible (each session is 3 lines: msg + metadata + blank)
|
|
||||||
|
|
||||||
constructor(sessions: SessionInfo[]) {
|
function shortenPath(path: string): string {
|
||||||
this.allSessions = sessions;
|
const home = os.homedir();
|
||||||
this.filteredSessions = sessions;
|
if (!path) return path;
|
||||||
this.searchInput = new Input();
|
if (path.startsWith(home)) {
|
||||||
|
return `~${path.slice(home.length)}`;
|
||||||
// Handle Enter in search input - select current item
|
|
||||||
this.searchInput.onSubmit = () => {
|
|
||||||
if (this.filteredSessions[this.selectedIndex]) {
|
|
||||||
const selected = this.filteredSessions[this.selectedIndex];
|
|
||||||
if (this.onSelect) {
|
|
||||||
this.onSelect(selected.path);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
return path;
|
||||||
|
}
|
||||||
|
|
||||||
private filterSessions(query: string): void {
|
function formatSessionDate(date: Date): string {
|
||||||
this.filteredSessions = fuzzyFilter(
|
|
||||||
this.allSessions,
|
|
||||||
query,
|
|
||||||
(session) => `${session.id} ${session.allMessagesText}`,
|
|
||||||
);
|
|
||||||
this.selectedIndex = Math.min(this.selectedIndex, Math.max(0, this.filteredSessions.length - 1));
|
|
||||||
}
|
|
||||||
|
|
||||||
invalidate(): void {
|
|
||||||
// No cached state to invalidate currently
|
|
||||||
}
|
|
||||||
|
|
||||||
render(width: number): string[] {
|
|
||||||
const lines: string[] = [];
|
|
||||||
|
|
||||||
// Render search input
|
|
||||||
lines.push(...this.searchInput.render(width));
|
|
||||||
lines.push(""); // Blank line after search
|
|
||||||
|
|
||||||
if (this.filteredSessions.length === 0) {
|
|
||||||
lines.push(theme.fg("muted", " No sessions found"));
|
|
||||||
return lines;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Format dates
|
|
||||||
const formatDate = (date: Date): string => {
|
|
||||||
const now = new Date();
|
const now = new Date();
|
||||||
const diffMs = now.getTime() - date.getTime();
|
const diffMs = now.getTime() - date.getTime();
|
||||||
const diffMins = Math.floor(diffMs / 60000);
|
const diffMins = Math.floor(diffMs / 60000);
|
||||||
|
|
@ -81,7 +38,96 @@ class SessionList implements Component {
|
||||||
if (diffDays < 7) return `${diffDays} days ago`;
|
if (diffDays < 7) return `${diffDays} days ago`;
|
||||||
|
|
||||||
return date.toLocaleDateString();
|
return date.toLocaleDateString();
|
||||||
|
}
|
||||||
|
|
||||||
|
class SessionSelectorHeader implements Component {
|
||||||
|
private scope: SessionScope;
|
||||||
|
|
||||||
|
constructor(scope: SessionScope) {
|
||||||
|
this.scope = scope;
|
||||||
|
}
|
||||||
|
|
||||||
|
setScope(scope: SessionScope): void {
|
||||||
|
this.scope = scope;
|
||||||
|
}
|
||||||
|
|
||||||
|
invalidate(): void {}
|
||||||
|
|
||||||
|
render(width: number): string[] {
|
||||||
|
const title = this.scope === "current" ? "Resume Session (Current Folder)" : "Resume Session (All)";
|
||||||
|
const leftText = theme.bold(title);
|
||||||
|
const scopeText =
|
||||||
|
this.scope === "current"
|
||||||
|
? `${theme.fg("accent", "◉ Current Folder")}${theme.fg("muted", " | ○ All")}`
|
||||||
|
: `${theme.fg("muted", "○ Current Folder | ")}${theme.fg("accent", "◉ All")}`;
|
||||||
|
const rightText = truncateToWidth(scopeText, width, "");
|
||||||
|
const availableLeft = Math.max(0, width - visibleWidth(rightText) - 1);
|
||||||
|
const left = truncateToWidth(leftText, availableLeft, "");
|
||||||
|
const spacing = Math.max(0, width - visibleWidth(left) - visibleWidth(rightText));
|
||||||
|
return [`${left}${" ".repeat(spacing)}${rightText}`];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Custom session list component with multi-line items and search
|
||||||
|
*/
|
||||||
|
class SessionList implements Component {
|
||||||
|
private allSessions: SessionInfo[] = [];
|
||||||
|
private filteredSessions: SessionInfo[] = [];
|
||||||
|
private selectedIndex: number = 0;
|
||||||
|
private searchInput: Input;
|
||||||
|
private showCwd = false;
|
||||||
|
public onSelect?: (sessionPath: string) => void;
|
||||||
|
public onCancel?: () => void;
|
||||||
|
public onExit: () => void = () => {};
|
||||||
|
public onToggleScope?: () => void;
|
||||||
|
private maxVisible: number = 5; // Max sessions visible (each session is 3 lines: msg + metadata + blank)
|
||||||
|
|
||||||
|
constructor(sessions: SessionInfo[], showCwd: boolean) {
|
||||||
|
this.allSessions = sessions;
|
||||||
|
this.filteredSessions = sessions;
|
||||||
|
this.searchInput = new Input();
|
||||||
|
this.showCwd = showCwd;
|
||||||
|
|
||||||
|
// Handle Enter in search input - select current item
|
||||||
|
this.searchInput.onSubmit = () => {
|
||||||
|
if (this.filteredSessions[this.selectedIndex]) {
|
||||||
|
const selected = this.filteredSessions[this.selectedIndex];
|
||||||
|
if (this.onSelect) {
|
||||||
|
this.onSelect(selected.path);
|
||||||
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
setSessions(sessions: SessionInfo[], showCwd: boolean): void {
|
||||||
|
this.allSessions = sessions;
|
||||||
|
this.showCwd = showCwd;
|
||||||
|
this.filterSessions(this.searchInput.getValue());
|
||||||
|
}
|
||||||
|
|
||||||
|
private filterSessions(query: string): void {
|
||||||
|
this.filteredSessions = fuzzyFilter(
|
||||||
|
this.allSessions,
|
||||||
|
query,
|
||||||
|
(session) => `${session.id} ${session.allMessagesText} ${session.cwd}`,
|
||||||
|
);
|
||||||
|
this.selectedIndex = Math.min(this.selectedIndex, Math.max(0, this.filteredSessions.length - 1));
|
||||||
|
}
|
||||||
|
|
||||||
|
invalidate(): void {}
|
||||||
|
|
||||||
|
render(width: number): string[] {
|
||||||
|
const lines: string[] = [];
|
||||||
|
|
||||||
|
// Render search input
|
||||||
|
lines.push(...this.searchInput.render(width));
|
||||||
|
lines.push(""); // Blank line after search
|
||||||
|
|
||||||
|
if (this.filteredSessions.length === 0) {
|
||||||
|
lines.push(theme.fg("muted", " No sessions found"));
|
||||||
|
return lines;
|
||||||
|
}
|
||||||
|
|
||||||
// Calculate visible range with scrolling
|
// Calculate visible range with scrolling
|
||||||
const startIndex = Math.max(
|
const startIndex = Math.max(
|
||||||
|
|
@ -105,9 +151,13 @@ class SessionList implements Component {
|
||||||
const messageLine = cursor + (isSelected ? theme.bold(truncatedMsg) : truncatedMsg);
|
const messageLine = cursor + (isSelected ? theme.bold(truncatedMsg) : truncatedMsg);
|
||||||
|
|
||||||
// Second line: metadata (dimmed) - also truncate for safety
|
// Second line: metadata (dimmed) - also truncate for safety
|
||||||
const modified = formatDate(session.modified);
|
const modified = formatSessionDate(session.modified);
|
||||||
const msgCount = `${session.messageCount} message${session.messageCount !== 1 ? "s" : ""}`;
|
const msgCount = `${session.messageCount} message${session.messageCount !== 1 ? "s" : ""}`;
|
||||||
const metadata = ` ${modified} · ${msgCount}`;
|
const metadataParts = [modified, msgCount];
|
||||||
|
if (this.showCwd && session.cwd) {
|
||||||
|
metadataParts.push(shortenPath(session.cwd));
|
||||||
|
}
|
||||||
|
const metadata = ` ${metadataParts.join(" · ")}`;
|
||||||
const metadataLine = theme.fg("dim", truncateToWidth(metadata, width, ""));
|
const metadataLine = theme.fg("dim", truncateToWidth(metadata, width, ""));
|
||||||
|
|
||||||
lines.push(messageLine);
|
lines.push(messageLine);
|
||||||
|
|
@ -127,6 +177,12 @@ class SessionList implements Component {
|
||||||
|
|
||||||
handleInput(keyData: string): void {
|
handleInput(keyData: string): void {
|
||||||
const kb = getEditorKeybindings();
|
const kb = getEditorKeybindings();
|
||||||
|
if (kb.matches(keyData, "tab")) {
|
||||||
|
if (this.onToggleScope) {
|
||||||
|
this.onToggleScope();
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
// Up arrow
|
// Up arrow
|
||||||
if (kb.matches(keyData, "selectUp")) {
|
if (kb.matches(keyData, "selectUp")) {
|
||||||
this.selectedIndex = Math.max(0, this.selectedIndex - 1);
|
this.selectedIndex = Math.max(0, this.selectedIndex - 1);
|
||||||
|
|
@ -161,27 +217,36 @@ class SessionList implements Component {
|
||||||
*/
|
*/
|
||||||
export class SessionSelectorComponent extends Container {
|
export class SessionSelectorComponent extends Container {
|
||||||
private sessionList: SessionList;
|
private sessionList: SessionList;
|
||||||
|
private header: SessionSelectorHeader;
|
||||||
|
private scope: SessionScope = "current";
|
||||||
|
private currentSessions: SessionInfo[];
|
||||||
|
private allSessions: SessionInfo[];
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
sessions: SessionInfo[],
|
currentSessions: SessionInfo[],
|
||||||
|
allSessions: SessionInfo[],
|
||||||
onSelect: (sessionPath: string) => void,
|
onSelect: (sessionPath: string) => void,
|
||||||
onCancel: () => void,
|
onCancel: () => void,
|
||||||
onExit: () => void,
|
onExit: () => void,
|
||||||
) {
|
) {
|
||||||
super();
|
super();
|
||||||
|
this.currentSessions = currentSessions;
|
||||||
|
this.allSessions = allSessions;
|
||||||
|
this.header = new SessionSelectorHeader(this.scope);
|
||||||
|
|
||||||
// Add header
|
// Add header
|
||||||
this.addChild(new Spacer(1));
|
this.addChild(new Spacer(1));
|
||||||
this.addChild(new Text(theme.bold("Resume Session"), 1, 0));
|
this.addChild(this.header);
|
||||||
this.addChild(new Spacer(1));
|
this.addChild(new Spacer(1));
|
||||||
this.addChild(new DynamicBorder());
|
this.addChild(new DynamicBorder());
|
||||||
this.addChild(new Spacer(1));
|
this.addChild(new Spacer(1));
|
||||||
|
|
||||||
// Create session list
|
// Create session list
|
||||||
this.sessionList = new SessionList(sessions);
|
this.sessionList = new SessionList(this.currentSessions, this.scope === "all");
|
||||||
this.sessionList.onSelect = onSelect;
|
this.sessionList.onSelect = onSelect;
|
||||||
this.sessionList.onCancel = onCancel;
|
this.sessionList.onCancel = onCancel;
|
||||||
this.sessionList.onExit = onExit;
|
this.sessionList.onExit = onExit;
|
||||||
|
this.sessionList.onToggleScope = () => this.toggleScope();
|
||||||
|
|
||||||
this.addChild(this.sessionList);
|
this.addChild(this.sessionList);
|
||||||
|
|
||||||
|
|
@ -190,11 +255,18 @@ export class SessionSelectorComponent extends Container {
|
||||||
this.addChild(new DynamicBorder());
|
this.addChild(new DynamicBorder());
|
||||||
|
|
||||||
// Auto-cancel if no sessions
|
// Auto-cancel if no sessions
|
||||||
if (sessions.length === 0) {
|
if (currentSessions.length === 0 && allSessions.length === 0) {
|
||||||
setTimeout(() => onCancel(), 100);
|
setTimeout(() => onCancel(), 100);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private toggleScope(): void {
|
||||||
|
this.scope = this.scope === "current" ? "all" : "current";
|
||||||
|
const sessions = this.scope === "current" ? this.currentSessions : this.allSessions;
|
||||||
|
this.sessionList.setSessions(sessions, this.scope === "all");
|
||||||
|
this.header.setScope(this.scope);
|
||||||
|
}
|
||||||
|
|
||||||
getSessionList(): SessionList {
|
getSessionList(): SessionList {
|
||||||
return this.sessionList;
|
return this.sessionList;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2876,9 +2876,11 @@ export class InteractiveMode {
|
||||||
|
|
||||||
private showSessionSelector(): void {
|
private showSessionSelector(): void {
|
||||||
this.showSelector((done) => {
|
this.showSelector((done) => {
|
||||||
const sessions = SessionManager.list(this.sessionManager.getCwd(), this.sessionManager.getSessionDir());
|
const currentSessions = SessionManager.list(this.sessionManager.getCwd(), this.sessionManager.getSessionDir());
|
||||||
|
const allSessions = SessionManager.listAll();
|
||||||
const selector = new SessionSelectorComponent(
|
const selector = new SessionSelectorComponent(
|
||||||
sessions,
|
currentSessions,
|
||||||
|
allSessions,
|
||||||
async (sessionPath) => {
|
async (sessionPath) => {
|
||||||
done();
|
done();
|
||||||
await this.handleResumeSession(sessionPath);
|
await this.handleResumeSession(sessionPath);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue