Changelog: Helicone Prompt Editor

[tinomarques]

Elevate your prompt development with our new best-in-the-world editor, designed for peak efficiency and creativity. Now Live for all Prompts & Experiments users!

[demo video]

Smart Editing Capabilities

• Advanced Text Editors

  • Intelligent auto-complete
  • Magic Toolbar with powerful shortcuts
    • ⌘ E: Quickly add variables
    • ⌘ J: Insert XML delimiters
    • ⌘ K: Perform instant edits

• Workflow Optimization

  • Side-by-side prompt-response view
  • Instant Save & Run for real-time feedback

Comprehensive Control & Flexibility

• Version Management

  • Fast version switching
  • One-click version promotion
  • Simple deployment via prompt ID

• Data & Model Support

  • Import variables from live production data
  • Quickly link to an experiment
  • Message pairs and prefill support
  • Full compatibility with leading AI models:
    • Anthropic
    • OpenAI
    • Google
    • Meta
    • DeepSeek
    • And more!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
helicone	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 24, 2025 5:20pm
helicone-bifrost	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 24, 2025 5:20pm
helicone-eu	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 24, 2025 5:20pm

[fumedev]

Summary

• Added new Helicone Prompt Editor changelog entry for January 2024
• Introduced advanced text editor features including intelligent auto-complete and keyboard shortcuts (⌘E, ⌘J, ⌘K)
• Implemented side-by-side prompt-response view with instant save and run functionality
• Added version management capabilities with fast switching and one-click promotion
• Integrated support for multiple AI models including Anthropic, OpenAI, Google, Meta, and DeepSeek
• Added video demonstration of the prompt editor features
• Updated tsconfig.json with additional compiler options and formatting changes

🔍 Fume is reviewing this PR!

🔗 Track the review progress here:
https://app.fumedev.com/chat/e84cb7df-1e71-4e13-8f13-3da1ab1b9a90

[fumedev]

Please provide justification for changing the target to ES2017 as this might affect the build output.

🔨 See the suggested fix

@@ -25,8 +25,7 @@
       "@/*": [
         "./*"
       ]
-    },
-    "target": "ES2017"
+    }
   },
   "include": [
     "next-env.d.ts",
@@ -37,4 +36,4 @@
   "exclude": [
     "node_modules"
   ]
-}
+}

_{⚠️ Fume is an LLM-based tool and can make mistakes.}

[fumedev]

The changelog date (20250124) is set to January 2025, which is in the future. Please update the folder name to use the current or past date.

🔨 See the suggested fix

@@ -1,4 +1,4 @@
 {
   "title": "Helicone Prompt Editor: Your Ultimate AI Prompt Workspace",
   "description": "Unleash your prompt engineering potential with Helicone's new Prompt Editor."
-}
+}

_{⚠️ Fume is an LLM-based tool and can make mistakes.}

[fumedev]

Add width and height attributes to the video component to prevent layout shift during page load.

🔨 See the suggested fix

@@ -1,7 +1,7 @@
 Elevate your prompt development with our new best-in-the-world editor, designed for peak efficiency and creativity. **Now Live for all Prompts & Experiments users!**
 
 
-<video className="rounded-lg border-2 border-slate-200" controls autoPlay loop muted playsInline>
+<video className="rounded-lg border-2 border-slate-200" width="1280" height="720" controls autoPlay loop muted playsInline>
   <source
     src="/static/changelog/videos/pirate-prompt.mp4"
     type="video/mp4"

_{⚠️ Fume is an LLM-based tool and can make mistakes.}

[fumedev]

The keyboard shortcuts ⌘ J and ⌘ K could not be verified in the codebase. Please ensure these shortcuts are implemented before documenting them.

🔨 See the suggested fix

@@ -15,8 +15,6 @@
   - Intelligent auto-complete
   - Magic Toolbar with powerful shortcuts
     - `⌘ E`: Quickly add variables
-    - `⌘ J`: Insert XML delimiters
-    - `⌘ K`: Perform instant edits
 
 - **Workflow Optimization**
   - Side-by-side prompt-response view

_{⚠️ Fume is an LLM-based tool and can make mistakes.}

[fumedev]

Testing

⚠️ I was not able to test this code because you have not completed the studio setup. Please refer to our docs to learn how. Once the setup is complete, I can do the following to test your changes and find bugs:

🌐 Browser the web app for UI changes
💻 Write and run test scripts
🧪 Add and run automated tests
📤 Send requests to test APIs

Critical Comments

• Update folder name from "20250124-prompt-editor" to use current/past date
• Add missing video file "pirate-prompt.mp4" to public/static/changelog/videos directory
• Remove documentation of keyboard shortcuts ⌘ J and ⌘ K as they are not implemented in the codebase

Non-Critical Comments

• Provide justification for adding "target": "ES2017" in tsconfig.json
• Add width and height attributes to video component to prevent layout shift