From a358f772bdaeed7fd4690d272ee88b16f3c771d2 Mon Sep 17 00:00:00 2001 From: Bruno Charest Date: Fri, 5 Jun 2026 21:57:06 -0400 Subject: [PATCH] =?UTF-8?q?feat:=20POC=20v3=20=E2=80=94=20real=20editor=20?= =?UTF-8?q?with=20backend,=20AI,=20and=20preview?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Load file via ?vault=X&path=Y params using API. Auto-save 2s debounce with PUT /api/file/{vault}/save. Force save with Ctrl+S. Real AI integration: improve, fix-spelling, continue, summarize, translate, simplify, lengthen via /api/ai/* endpoints. AI status check + button states. Live markdown preview with marked.js CDN. Split view with draggable resize handle. Dirty/unsaved indicator. Vault+path in status bar. Word+char counter. All 5 zones preserved. --- frontend/editor-poc.html | 1480 +++++++++++++++++++------------------- 1 file changed, 741 insertions(+), 739 deletions(-) diff --git a/frontend/editor-poc.html b/frontend/editor-poc.html index 6379aeb..62ad454 100644 --- a/frontend/editor-poc.html +++ b/frontend/editor-poc.html @@ -3,865 +3,867 @@ -ObsiGate — Editor POC v2 (Markdown Textarea) +ObsiGate Editor v1 — POC - -
-
- - ObsiGate - + +
+
+ + ObsiGate +
-
- - - -
Saved
+
+ + +
Saved
-
+
+
- -
+ +
+
🖼
Drop files here
Images, PDFs, documents
+
- -
-
-
🖼
-
Drop files here
-
Images, PDFs, documents
+ +
+
+ + + + +
+
🎨 Image
+
</> Code Block
+
📊 Table
+
─ Divider
+
+ + +
+
+
Formatting
+
H1
Heading 1
Big section heading
+
H2
Heading 2
Medium section heading
+
H3
Heading 3
Small section heading
+
•
Bullet List
Unordered list
+
1.
Numbered List
Ordered list
+
☐
Checklist
Task list
+
❝
Quote
Block quote
+
</>
Code Block
Syntax-highlighted
+
─
Divider
Horizontal rule
+
+
Insert
+
🎨
Image
![alt](url)
+
🔗
Link
[text](url)
+
📊
Table
Data table
+
+
AI Actions
+
✨
AI: Improve writing
Enhance style and clarity
+
✨
AI: Fix spelling
Correct errors
+
✨
AI: Continue writing
Continue from here
+
✨
AI: Summarize
Condense document
+
✨
AI: Translate
To another language
+
- -
- - - - -
-
🎨 Image
-
📄 PDF
-
</> Code Block
-
📊 Table
-
✨ AI Actions
-
- - -
-
-
Formatting
-
📝
Text
Just start writing plain text
-
H1
Heading 1
Big section heading
-
H2
Heading 2
Medium section heading
-
H3
Heading 3
Small section heading
-
•
Bullet List
Simple unordered list
-
1.
Numbered List
Ordered list
-
❝
Quote
Block quote section
-
</>
Code Block
Syntax-highlighted code
-
─
Divider
Horizontal rule
-
☐
Checklist
Task list with checkboxes
-
-
Insert
-
🎨
Insert Image
Upload or embed an image
-
📄
Insert PDF
Attach a PDF document
-
📊
Insert Table
Data table
-
🔗
Insert Link
URL link
-
-
AI Actions
-
✨
AI: Continue writing
Let AI continue from here
-
✨
AI: Improve writing
Enhance style and clarity
-
✨
AI: Summarize
Condense this document
-
✨
AI: Translate
Translate to another language
-
-
- - -
- - - - - - - - -
-
✨ Improve writing
-
✅ Fix grammar
-
🌐 Translate to...
-
➕ Continue writing
-
📝 Summarize
-
🎶 Change tone
-
+ +
+
Preview appears here
- -