Introduce inline comment in plan and diff panel (#277)

* feat(chat): support inline comment drafts in chat input Add per-session inline comment draft tracking Append inline drafts to outgoing messages when queuing Consume drafts after sending to clear state * feat: add actions menu to PierreDiffViewer Add a dropdown actions menu in the diff viewer with More and Delete options Enable inline comment drafting support and selection synchronization to prevent loops Replace previous action icon with contextual actions in the header * feat(plan): enable inline comment drafting in PlanView Add inline comment draft support with addDraft, removeDraft and drafts state Compute session key for drafts based on currentSessionId and draft state Prepare dropdown and toast utilities for draft actions in PlanView * feat: add inline comment formatting utilities Introduce formatInlineCommentDraft to render inline comments for diff and plan views Add appendInlineComments to attach comments to existing messages with proper separation Provide hasInlineComments to detect inline comment blocks in text * feat: add inline comment draft store Persist drafts per session key for inline comments Add, remove, and clear drafts with unique IDs per session Consume drafts to move them out of store after submission
2026-02-03 20:05:01 +02:00
parent 0e35e7f46b
commit c119d89084
5 changed files with 660 additions and 229 deletions
@@ -0,0 +1,58 @@
+import type { InlineCommentDraft } from '@/stores/useInlineCommentDraftStore';
+
+/**
+ * Format a single inline comment draft into the standard message format
+ * used by diff, plan, and file viewers
+ */
+export function formatInlineCommentDraft(draft: InlineCommentDraft): string {
+  const { fileLabel, startLine, endLine, side, language, code, text } = draft;
+  
+  // Diff format includes side (original/modified)
+  if (draft.source === 'diff' && side) {
+    return `Comment on \`${fileLabel}\` lines ${startLine}-${endLine} (${side}):\n\`\`\`${language}\n${code}\n\`\`\`\n\n${text}`;
+  }
+  
+  // Plan and file format (no side)
+  return `Comment on \`${fileLabel}\` lines ${startLine}-${endLine}:\n\`\`\`${language}\n${code}\n\`\`\`\n\n${text}`;
+}
+
+/**
+ * Format multiple inline comment drafts into a single string
+ * with each comment separated by a blank line
+ */
+export function formatInlineCommentDrafts(drafts: InlineCommentDraft[]): string {
+  if (drafts.length === 0) return '';
+  
+  return drafts.map(formatInlineCommentDraft).join('\n\n');
+}
+
+/**
+ * Append inline comment drafts to an existing message text
+ * If the text is empty, returns just the formatted comments
+ * Otherwise, appends comments after a blank line separator
+ */
+export function appendInlineComments(text: string, drafts: InlineCommentDraft[]): string {
+  if (drafts.length === 0) return text;
+  
+  const formattedComments = formatInlineCommentDrafts(drafts);
+  
+  if (!text.trim()) {
+    return formattedComments;
+  }
+  
+  return `${text}\n\n${formattedComments}`;
+}
+
+/**
+ * Check if a message text contains inline comments (for validation purposes)
+ */
+export function hasInlineComments(text: string): boolean {
+  return text.includes('Comment on `') && text.includes('```');
+}
+
+/**
+ * Extract the file label from a draft for display purposes
+ */
+export function getDraftDisplayLabel(draft: InlineCommentDraft): string {
+  return `${draft.fileLabel}:${draft.startLine}-${draft.endLine}`;
+}