Changelog

New

• Import Maps Support: Use import maps with CDN URLs like unpkg, esm.sh, or skypack. Import Three.js, React, or any library directly from CDN without npm install.

Improvements

• Smaller Published Sites: Simple HTML pages without npm dependencies no longer include unnecessary runtime code, reducing bundle size by ~238KB.
• Better Error Messages: Module resolution errors now show the actual esbuild error with helpful suggestions instead of generic "not installed" messages.

Fixes

• Production Build Errors: Fixed "Identifier already declared" errors in published sites caused by minification conflicts between bundles.
• Dependencies Now Minified: Published sites now properly minify npm dependencies for smaller file sizes.

Improvements

• AI Usage History Redesign: Completely redesigned usage tracking with server-side pagination, quick time filters (Today, Yesterday, This Week, etc.), spending summaries, and model names for each request.
• Updated Code Editor: Upgraded Monaco Editor (VSCode engine) to the latest version with improved TypeScript support and better performance.
• Faster Bundler: Updated esbuild to version 0.27.1 for faster builds and improved module resolution.

Fixes

• AI Chat Revert: Fixed an issue where AI-generated code changes didn't always revert properly when clicking "Reject".
• Chat Input Overflow: Fixed the chat input field growing excessively large when pasting long content.

New

• SQL Playground: Full PostgreSQL and SQLite running 100% in your browser. Write, run, and test SQL queries instantly with no server required.
• PostgreSQL with Persistence: Your data is saved to IndexedDB. Close the tab, come back later, your tables are still there.
• 18+ PostgreSQL Extensions: pgvector for AI embeddings, pg_trgm for fuzzy search, hstore, uuid-ossp, ltree, cube, and more. All pre-loaded and ready to use.
• Database Explorer: Browse your tables, preview data with pagination, view row counts, and manage tables with a context menu.
• Export & Import: Export your database with pg_dump, import SQL dumps. Backup and restore your data easily.
• Sample Databases: Chinook (music store) and Northwind (e-commerce) databases preloaded for learning and testing.

Improvements

• Template System: Quickly switch between different configurations. Open PostgreSQL, then switch to SQLite, Python, or C++ with one click. Each template comes with its own files and features.
• Reset Files: New Reset button in Python and C++ playgrounds. Restore files to template defaults when you want a fresh start.
• Better Panel Management: Closeable panels with proper close buttons. Smart positioning when reopening panels.
• Updated Landing Pages: SQL Playground pages now highlight all the new PostgreSQL features, persistence, and extensions.

Improvements

• HTML Page Selector: Click the URL bar in the preview toolbar to see all HTML pages in your project. Quickly switch between pages without typing URLs manually.

New Developer Tools

A complete suite of free, ad-free developer tools, all running in your browser with no data sent to servers.

• JSON Formatter : Beautify, validate, and explore JSON with Monaco editor. Tree view, JSON path display, sort keys, share via URL, and auto-save.
• JSON to TypeScript : Generate TypeScript interfaces from JSON. Customize naming, optional fields, and export format.
• JSON Diff : Compare and merge JSON files. Three-way merge, array comparison strategies, apply individual changes, and JSON Patch export.
• Regex Tester : Test regular expressions with real-time highlighting. Match groups, replacement preview, flag toggles, and common patterns library.
• Python Compiler : Run Python code in your browser via WebAssembly. Multi-file support, console output, and instant execution. No server required.
• C++ Compiler : Compile and run C++ code in your browser. WebAssembly-powered with standard library support and instant feedback.

Improvements

• Products Mega Menu: New dropdown menu in the header showcasing all Playcode products: AI Website Builder, language playgrounds, and developer tools.

New

• Three Agent Modes - Choose how the AI works: Ask (answers questions without changing code), Plan (creates a plan before coding), and Agent (full autonomous coding). Switch modes anytime from the chat toolbar.
• Plan Mode - AI asks clarifying questions with a step-by-step wizard, then creates a detailed implementation plan in plan.md. Review and edit the plan before executing.
• Execute Plan Button - After reviewing the plan, click Execute to start implementation. The AI reads your (potentially edited) plan and follows the steps exactly.
• Multi-Select Questions - When AI asks questions, some allow multiple selections (like choosing features). Single-select questions auto-advance to the next question.

Improvements

• Smarter Task Tracking - AI now merges task updates by default instead of replacing the entire list. No more accidentally losing your task progress.

New

• Delete Files - Ask the AI to remove files from your project. Full undo support to restore deleted files instantly.
• Move & Rename Files - Ask the AI to move files to different folders or rename them. Undo restores the original location.

Fixes

• Undo Button Fix - Clicking undo on a specific change now correctly reverts that change. Previously, the last change wasn't being undone.

New

• Real-time Preview Updates - Watch your website update live as the AI writes code. No more waiting for the entire file. See changes appear progressively in the preview as they're being written.

Improvements

• Tasks Shown Inline - AI task lists now appear inline with other tool messages. Click to expand and see progress like "Tasks: 2/3 done, 1 in progress".
• Visual Task Status - Tasks now show clear status icons: checkmark for completed, spinner for in-progress, and circle for pending.

Improvements

• Click to Open Files - When AI reads a file, click the tool message to open that file in the editor with the exact lines highlighted.
• Accurate Line Range - Read tool now shows the precise line range (e.g., "Read index.html:1-78") so you know exactly what the AI saw.
• Clickable File Lists - In "List files" results, click any file path to open it directly in the editor.
• Cleaner Visual Hierarchy - Read and list operations now use muted text styling to keep focus on the code changes.

Improvements

• New Default Model - Grok Code Fast 1 is now the default AI model. It's fast, affordable, and produces quality code, best value for most users.
• Cost Tier Indicators - Each model now shows a cost badge ($, $$, $$$, $$$$) so you can easily see relative pricing without complex math.
• Better Model Descriptions - Every model now has a clear, user-friendly description explaining what it's good at and why you'd choose it.
• Reorganized Model List - Models are now sorted by cost tier (cheapest first), making it easier to find budget-friendly options.