feat(plans): save assistant messages as editable project plans with improve/implement flows

Add Save-as-plan action on assistant messages that writes a markdown plan into the project plans directory and suggests a title from the text. Plan view opens a specific saved plan via targetPath, supports inline edits, and can kick off improve or implement flows in a new or worktree session. Ship the matching hidden magic prompts (plan.todo/improve/implement) so the instructions applied by these flows are visible and editable in the Magic Prompts page. Remove the plan editor font override, CodeMirror now uses the app font stack.
2026-04-18 13:47:05 +03:00
parent d203ba2ae0
commit 799a202e99
9 changed files with 677 additions and 71 deletions
@@ -0,0 +1,71 @@
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import { Input } from '@/components/ui/input';
+
+type SaveProjectPlanDialogProps = {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  initialTitle: string;
+  sourceText: string;
+  saving?: boolean;
+  onSave: (title: string) => Promise<void> | void;
+};
+
+export function SaveProjectPlanDialog(props: SaveProjectPlanDialogProps) {
+  const { open, onOpenChange, initialTitle, sourceText, saving = false, onSave } = props;
+  const [title, setTitle] = React.useState(initialTitle);
+
+  React.useEffect(() => {
+    if (open) {
+      setTitle(initialTitle);
+    }
+  }, [initialTitle, open]);
+
+  const trimmedTitle = title.trim();
+
+  return (
+    <Dialog open={open} onOpenChange={(nextOpen) => { if (!saving) onOpenChange(nextOpen); }}>
+      <DialogContent className="max-w-lg">
+        <DialogHeader>
+          <DialogTitle>Save as plan</DialogTitle>
+          <DialogDescription>Choose a title for the saved markdown plan file.</DialogDescription>
+        </DialogHeader>
+
+        <div className="space-y-3">
+          <div className="space-y-1.5">
+            <label className="typography-ui-label font-medium text-foreground">Title</label>
+            <Input
+              value={title}
+              onChange={(event) => setTitle(event.target.value)}
+              placeholder="Plan title"
+              autoFocus
+              disabled={saving}
+            />
+          </div>
+
+          <div className="space-y-1.5">
+            <label className="typography-ui-label font-medium text-foreground">Content preview</label>
+            <div className="max-h-40 overflow-auto rounded-lg border border-border/70 bg-[var(--surface-subtle)] px-3 py-2 typography-meta text-foreground">
+              {sourceText}
+            </div>
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)} disabled={saving}>Cancel</Button>
+          <Button onClick={() => void onSave(trimmedTitle)} disabled={!trimmedTitle || saving}>
+            {saving ? 'Saving...' : 'Save'}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}