BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(todos): send todo to new session or worktree with model/agent/variant picker

Browse Source 
Add a dedicated TodoSendDialog that lets the user pick provider/model,
reasoning variant and agent before opening a new session (or a fresh
worktree branch) pre-seeded with the todo text and a hidden instructions
prompt (plan.todo).
This commit is contained in:
Bohdan Triapitsyn
2026-04-18 13:47:11 +03:00
parent 799a202e99
commit a7bc2a228c
2 changed files with 475 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/session/ProjectNotesTodoPanel.tsx
+246 -22
View File
@@ -11,18 +11,26 @@ import {
import { Input } from '@/components/ui/input';
import { Textarea } from '@/components/ui/textarea';
import {
getProjectNotesAndTodos,
getProjectContextData,
OPENCHAMBER_PROJECT_NOTES_MAX_LENGTH,
readProjectPlanFile,
OPENCHAMBER_PROJECT_TODO_TEXT_MAX_LENGTH,
saveProjectNotesAndTodos,
type OpenChamberProjectPlanFileLink,
type OpenChamberProjectTodoItem,
type ProjectRef,
} from '@/lib/openchamberConfig';
import { generateBranchName } from '@/lib/git/branchNameGenerator';
import { useDirectoryStore } from '@/stores/useDirectoryStore';
import { useUIStore } from '@/stores/useUIStore';
import { useConfigStore } from '@/stores/useConfigStore';
import { useSessionUIStore } from '@/sync/session-ui-store';
import { useSelectionStore } from '@/sync/selection-store';
import { useInputStore } from '@/sync/input-store';
import { createWorktreeDraft } from '@/lib/worktreeSessionCreator';
import { createWorktreeSessionForNewBranch } from '@/lib/worktreeSessionCreator';
import { cn } from '@/lib/utils';
import { renderMagicPrompt } from '@/lib/magicPrompts';
import { TodoSendDialog, type TodoSendExecution } from './TodoSendDialog';
interface ProjectNotesTodoPanelProps {
projectRef: ProjectRef | null;
@@ -32,6 +40,24 @@ interface ProjectNotesTodoPanelProps {
className?: string;
}
type PendingSendTarget = {
kind: 'session' | 'worktree';
todoId: string;
todoText: string;
};
type ProjectPlanListItem = OpenChamberProjectPlanFileLink & {
title: string;
};
const toPlanListItem = async (plan: OpenChamberProjectPlanFileLink): Promise<ProjectPlanListItem> => {
const file = await readProjectPlanFile(plan.path);
return {
...plan,
title: file?.title || plan.path.split('/').pop() || 'Plan',
};
};
const createTodoId = (): string => {
if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
return crypto.randomUUID();
@@ -52,10 +78,21 @@ export const ProjectNotesTodoPanel: React.FC<ProjectNotesTodoPanelProps> = ({
const [newTodoText, setNewTodoText] = React.useState('');
const [sendingTodoId, setSendingTodoId] = React.useState<string | null>(null);
const [expandedTodoIds, setExpandedTodoIds] = React.useState<Set<string>>(() => new Set());
const [plans, setPlans] = React.useState<ProjectPlanListItem[]>([]);
const [pendingSendTarget, setPendingSendTarget] = React.useState<PendingSendTarget | null>(null);
const [isSendDialogSubmitting, setIsSendDialogSubmitting] = React.useState(false);
const [contextReloadTick, setContextReloadTick] = React.useState(0);
const notesHydratedRef = React.useRef(false);
const lastSavedNotesRef = React.useRef('');
const currentSessionId = useSessionUIStore((state) => state.currentSessionId);
const openNewSessionDraft = useSessionUIStore((state) => state.openNewSessionDraft);
const createSession = useSessionUIStore((state) => state.createSession);
const initializeNewOpenChamberSession = useSessionUIStore((state) => state.initializeNewOpenChamberSession);
const sendMessage = useSessionUIStore((state) => state.sendMessage);
const setCurrentSession = useSessionUIStore((state) => state.setCurrentSession);
const setPendingInputText = useInputStore((state) => state.setPendingInputText);
const currentDirectory = useDirectoryStore((state) => state.currentDirectory);
const openContextPanelTab = useUIStore((state) => state.openContextPanelTab);
const setActiveMainTab = useUIStore((state) => state.setActiveMainTab);
const setSessionSwitcherOpen = useUIStore((state) => state.setSessionSwitcherOpen);
@@ -80,6 +117,7 @@ export const ProjectNotesTodoPanel: React.FC<ProjectNotesTodoPanelProps> = ({
if (!projectRef) {
setNotes('');
setTodos([]);
setPlans([]);
setNewTodoText('');
setExpandedTodoIds(new Set());
return;
@@ -90,12 +128,16 @@ export const ProjectNotesTodoPanel: React.FC<ProjectNotesTodoPanelProps> = ({
(async () => {
try {
const data = await getProjectNotesAndTodos(projectRef);
const data = await getProjectContextData(projectRef);
const nextPlans = await Promise.all(data.plans.map((plan) => toPlanListItem(plan)));
if (cancelled) {
return;
}
setNotes(data.notes);
setTodos(data.todos);
setPlans(nextPlans);
lastSavedNotesRef.current = data.notes;
notesHydratedRef.current = true;
setNewTodoText('');
setExpandedTodoIds(new Set());
} catch {
@@ -103,6 +145,9 @@ export const ProjectNotesTodoPanel: React.FC<ProjectNotesTodoPanelProps> = ({
toast.error('Failed to load project notes');
setNotes('');
setTodos([]);
setPlans([]);
lastSavedNotesRef.current = '';
notesHydratedRef.current = true;
}
} finally {
if (!cancelled) {
@@ -114,12 +159,53 @@ export const ProjectNotesTodoPanel: React.FC<ProjectNotesTodoPanelProps> = ({
return () => {
cancelled = true;
};
}, [contextReloadTick, projectRef]);
React.useEffect(() => {
if (!projectRef) {
return;
}
const handleProjectContextRefresh = (event: Event) => {
const detail = (event as CustomEvent<{ projectId?: string }>).detail;
if (detail?.projectId && detail.projectId !== projectRef.id) {
return;
}
setContextReloadTick((previous) => previous + 1);
};
window.addEventListener('openchamber:project-plan-saved', handleProjectContextRefresh);
window.addEventListener('openchamber:project-notes-updated', handleProjectContextRefresh);
return () => {
window.removeEventListener('openchamber:project-plan-saved', handleProjectContextRefresh);
window.removeEventListener('openchamber:project-notes-updated', handleProjectContextRefresh);
};
}, [projectRef]);
const handleNotesBlur = React.useCallback(() => {
lastSavedNotesRef.current = notes;
void persistProjectData(notes, todos);
}, [notes, persistProjectData, todos]);
React.useEffect(() => {
if (!projectRef || !notesHydratedRef.current) {
return;
}
if (notes === lastSavedNotesRef.current) {
return;
}
const timer = window.setTimeout(() => {
lastSavedNotesRef.current = notes;
void persistProjectData(notes, todos);
}, 400);
return () => {
window.clearTimeout(timer);
};
}, [notes, persistProjectData, projectRef, todos]);
const handleAddTodo = React.useCallback(() => {
const trimmed = newTodoText.trim();
if (!trimmed) {
@@ -188,19 +274,13 @@ export const ProjectNotesTodoPanel: React.FC<ProjectNotesTodoPanelProps> = ({
}, [setActiveMainTab, setSessionSwitcherOpen]);
const handleSendToNewSession = React.useCallback(
(todoText: string) => {
if (!projectRef) {
(todoId: string, todoText: string) => {
if (!projectRef || sendingTodoId) {
return;
}
routeToChat();
openNewSessionDraft({
directoryOverride: projectRef.path,
initialPrompt: todoText,
});
toast.success('Todo sent to new session');
onActionComplete?.();
setPendingSendTarget({ kind: 'session', todoId, todoText });
},
[onActionComplete, openNewSessionDraft, projectRef, routeToChat]
[projectRef, sendingTodoId]
);
const handleSendToCurrentSession = React.useCallback(
@@ -219,28 +299,127 @@ export const ProjectNotesTodoPanel: React.FC<ProjectNotesTodoPanelProps> = ({
);
const handleSendToNewWorktreeSession = React.useCallback(
async (todoId: string, todoText: string) => {
if (!projectRef) {
(todoId: string, todoText: string) => {
if (!projectRef || sendingTodoId) {
return;
}
if (!canCreateWorktree) {
toast.error('Worktree actions are only available for Git repositories');
return;
}
setSendingTodoId(todoId);
setPendingSendTarget({ kind: 'worktree', todoId, todoText });
},
[canCreateWorktree, projectRef, sendingTodoId]
);
const handleConfirmSend = React.useCallback(
async (execution: TodoSendExecution) => {
if (!projectRef || !pendingSendTarget) {
return;
}
const visiblePrompt = await renderMagicPrompt('plan.todo.visible', {
todo_text: pendingSendTarget.todoText,
});
const instructionsText = await renderMagicPrompt('plan.todo.instructions', {
todo_text: pendingSendTarget.todoText,
});
const syntheticParts = [{ synthetic: true as const, text: instructionsText }];
setIsSendDialogSubmitting(true);
setSendingTodoId(pendingSendTarget.todoId);
try {
routeToChat();
const newWorktreePath = await createWorktreeDraft({ initialPrompt: todoText });
if (!newWorktreePath) {
let sessionId: string | null = null;
let directoryHint: string | null = projectRef.path;
if (pendingSendTarget.kind === 'worktree') {
if (!canCreateWorktree) {
toast.error('Worktree actions are only available for Git repositories');
return;
}
const created = await createWorktreeSessionForNewBranch(projectRef.path, generateBranchName());
if (!created?.id) {
return;
}
sessionId = created.id;
directoryHint = null;
} else {
const session = await createSession(undefined, projectRef.path, null);
if (!session?.id) {
toast.error('Failed to create session');
return;
}
sessionId = session.id;
directoryHint = session.directory ?? projectRef.path;
initializeNewOpenChamberSession(session.id, useConfigStore.getState().agents ?? []);
}
if (!sessionId) {
return;
}
toast.success('Todo sent to new worktree session');
const selectionState = useSelectionStore.getState();
selectionState.saveSessionModelSelection(sessionId, execution.providerID, execution.modelID);
if (execution.agent.trim()) {
selectionState.saveSessionAgentSelection(sessionId, execution.agent);
selectionState.saveAgentModelForSession(sessionId, execution.agent, execution.providerID, execution.modelID);
selectionState.saveAgentModelVariantForSession(
sessionId,
execution.agent,
execution.providerID,
execution.modelID,
execution.variant || undefined,
);
}
setCurrentSession(sessionId, directoryHint);
await sendMessage(
visiblePrompt,
execution.providerID,
execution.modelID,
execution.agent.trim() || undefined,
undefined,
undefined,
syntheticParts,
execution.variant || undefined,
);
toast.success(
pendingSendTarget.kind === 'worktree'
? 'Todo sent to new worktree session'
: 'Todo sent to new session'
);
setPendingSendTarget(null);
onActionComplete?.();
} catch (error) {
const description = error instanceof Error ? error.message : undefined;
toast.error('Failed to send todo', description ? { description } : undefined);
} finally {
setIsSendDialogSubmitting(false);
setSendingTodoId(null);
}
},
[canCreateWorktree, onActionComplete, projectRef, routeToChat]
[canCreateWorktree, createSession, initializeNewOpenChamberSession, onActionComplete, pendingSendTarget, projectRef, routeToChat, sendMessage, setCurrentSession]
);
const handleOpenPlan = React.useCallback(
(plan: ProjectPlanListItem) => {
const projectPath = projectRef?.path?.trim();
const panelDirectory = currentDirectory?.trim() || projectPath;
if (!panelDirectory) {
return;
}
openContextPanelTab(panelDirectory, {
mode: 'plan',
targetPath: plan.path,
dedupeKey: plan.path,
label: plan.title,
});
},
[currentDirectory, openContextPanelTab, projectRef]
);
if (!projectRef) {
@@ -367,7 +546,7 @@ export const ProjectNotesTodoPanel: React.FC<ProjectNotesTodoPanelProps> = ({
<DropdownMenuItem onClick={() => handleSendToCurrentSession(todo.text)}>
Send to current session
</DropdownMenuItem>
<DropdownMenuItem onClick={() => handleSendToNewSession(todo.text)}>
<DropdownMenuItem onClick={() => handleSendToNewSession(todo.id, todo.text)}>
Send to new session
</DropdownMenuItem>
<DropdownMenuItem
@@ -386,6 +565,51 @@ export const ProjectNotesTodoPanel: React.FC<ProjectNotesTodoPanelProps> = ({
)}
</div>
</div>
<div className="space-y-2">
<div className="flex items-center justify-between gap-2">
<div className="flex items-center gap-2">
<h3 className="typography-ui-label font-semibold text-foreground">Plans</h3>
<span className="typography-meta text-muted-foreground">{plans.length} file{plans.length === 1 ? '' : 's'}</span>
</div>
</div>
<div className="max-h-56 overflow-y-auto rounded-lg border border-border/60 bg-background/40">
{plans.length === 0 ? (
<p className="px-3 py-3 typography-meta text-muted-foreground">No saved plans yet.</p>
) : (
<ul className="divide-y divide-border/50">
{plans.map((plan) => (
<li key={plan.id} className="px-2.5 py-1.5">
<button
type="button"
onClick={() => handleOpenPlan(plan)}
className="flex w-full min-w-0 items-center justify-between gap-3 rounded-md px-1.5 py-1 text-left hover:bg-interactive-hover/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50"
>
<span className="min-w-0 truncate typography-ui-label text-foreground">{plan.title}</span>
<span className="flex-shrink-0 typography-micro text-muted-foreground">
{new Date(plan.createdAt).toLocaleDateString()}
</span>
</button>
</li>
))}
</ul>
)}
</div>
</div>
<TodoSendDialog
open={pendingSendTarget !== null}
onOpenChange={(open) => {
if (!open && !isSendDialogSubmitting) {
setPendingSendTarget(null);
}
}}
target={pendingSendTarget?.kind ?? 'session'}
projectDirectory={projectRef?.path ?? null}
submitting={isSendDialogSubmitting}
onConfirm={handleConfirmSend}
/>
</div>
);
};