Add auto-generate summary button to entry form

Add a button next to the Summary field in EntryForm that calls the
/summarize API to automatically generate a summary from the entry content.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: making

ui/src/pages/entries/EntryForm.tsx

@@ -36,6 +36,7 @@ export function EntryForm({ mode }: EntryFormProps) {
   const [originalMarkdown, setOriginalMarkdown] = useState('');
   const [isRestoredFromPreview, setIsRestoredFromPreview] = useState(false);
   const [isLoadingExisting, setIsLoadingExisting] = useState(false);
+  const [isSummarizing, setIsSummarizing] = useState(false);
 
   // Load existing entry for edit mode
   const {
@@ -178,6 +179,25 @@ export function EntryForm({ mode }: EntryFormProps) {
     }
   };
 
+  const handleAutoSummarize = async () => {
+    if (!formData.content.trim()) {
+      setSubmitError('Content is required to generate summary');
+      return;
+    }
+
+    setIsSummarizing(true);
+    setSubmitError(null);
+
+    try {
+      const summary = await api.summarize(formData.content);
+      handleFieldChange('summary', summary);
+    } catch (error) {
+      setSubmitError(error instanceof Error ? error.message : 'Failed to generate summary');
+    } finally {
+      setIsSummarizing(false);
+    }
+  };
+
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     setSubmitError(null);
@@ -364,13 +384,27 @@ export function EntryForm({ mode }: EntryFormProps) {
                   placeholder="Enter entry title"
                   required
                 />
-                <Textarea
-                  label="Summary"
-                  value={formData.summary}
-                  onChange={(e) => handleFieldChange('summary', e.target.value)}
-                  placeholder="Brief description of the entry"
-                  rows={2}
-                />
+                <div>
+                  <div className="flex items-center justify-between mb-1">
+                    <label className="block text-sm font-medium text-black">Summary</label>
+                    <Button
+                      type="button"
+                      variant="secondary"
+                      size="sm"
+                      onClick={() => void handleAutoSummarize()}
+                      disabled={isSummarizing || !formData.content.trim()}
+                      loading={isSummarizing}
+                    >
+                      Auto Generate
+                    </Button>
+                  </div>
+                  <Textarea
+                    value={formData.summary}
+                    onChange={(e) => handleFieldChange('summary', e.target.value)}
+                    placeholder="Brief description of the entry"
+                    rows={2}
+                  />
+                </div>
                 {mode === 'create' && (
                   <div className="flex items-end space-x-2">
                     <div className="w-80">

ui/src/services/api.ts

@@ -1,4 +1,4 @@
-import { Entry, PaginationResult, SearchCriteria, CreateEntryRequest, UpdateEntryRequest, TagAndCount, Category, ProblemDetail } from '../types';
+import { Category, CreateEntryRequest, Entry, PaginationResult, ProblemDetail, SearchCriteria, TagAndCount, UpdateEntryRequest } from '../types';
 import { createMarkdownWithFrontMatter } from '../utils';
 
 const DEFAULT_TENANT = '_';
@@ -194,6 +194,20 @@ export const api = {
     });
     return handleResponse<TagAndCount[]>(response);
   },
+
+  // Summary operations
+  async summarize(content: string): Promise<string> {
+    const response = await fetch('/summarize', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        ...buildHeaders(),
+      },
+      body: JSON.stringify({ content }),
+    });
+    const result = await handleResponse<{ summary: string }>(response);
+    return result.summary;
+  },
 };
 
 export { ApiError };

ui/vite.config.ts

@@ -11,6 +11,11 @@ export default defineConfig({
         changeOrigin: true,
         secure: false,
       },
+      '/summarize': {
+        target: 'http://localhost:8080',
+        changeOrigin: true,
+        secure: false,
+      },
     },
   },
   build: {