Registro de mudancas

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.

Fixes

• Angular Hot Reload - Fixed critical issue where Angular projects would crash after 2-3 code edits with "Maximum call stack size exceeded" or "JIT compiler not available" errors. The fix: upgraded to Angular 21 with zoneless mode. No more zone.js, cleaner hot reload, smaller bundles, and better performance.

Improvements

• Angular 21.0.2 - Updated from Angular 17 to the latest Angular 21 with modern features and improved performance.
• Zoneless Change Detection - Angular template now uses provideZonelessChangeDetection() for cleaner architecture without zone.js overhead.

New

• Angular Template - The long-awaited Angular support is here! Many users requested this, and now you can build Angular apps directly in Playcode with full TypeScript support, standalone components, and live preview. New landing page at /angular.
• Developer Portfolio Template - Beautiful personal website template with hero section, about, skills grid, project showcase, experience timeline, and contact section. Perfect for developers looking to showcase their work.
• Blog Template - Multi-page blog with featured posts, category filters, clean article typography, code blocks, and newsletter signup. Built with React and Tailwind CSS.
• SaaS Landing Page Template - Professional landing page with animated hero, pricing toggle (monthly/yearly), feature grid, testimonials carousel, and company logos. Ready for your next product launch.

Improvements

• All Templates Redesigned - Every template has been rewritten from scratch with modern, beautiful designs. Dark themes, glassmorphism effects, gradient backgrounds, smooth animations, and interactive elements. Templates now look like real production websites, not simple demos.
• Template Selection UI - Modernized the template picker with better organization, showcase section for full-featured templates, and "NEW" badges for recently added templates.

Fixes

• Email Notifications - Fixed an issue with Cloudflare that was incorrectly pushing out email notifications. This was causing unnecessary emails that many users found annoying. The issue is now resolved.

Major Update: AI Coding Agent is Here!

Write, edit, and understand code with an AI assistant that works like Cursor. Real-time streaming, multiple tabs, and 12+ models to choose from.

New

• AI Coding Agent - A powerful AI assistant that can write code, edit files, understand your project, and help you build faster. Works just like Cursor, right in your browser.
• Multi-Tab Support - Work on multiple files simultaneously. The AI can read and edit different files in your project at the same time.
• Real-Time Streaming - Watch the AI write code in real-time. See exactly what's happening as it generates and edits your files.
• 12+ AI Models - Choose from the latest models: Claude Haiku 4.5, Claude Sonnet 4.5, Claude Opus 4.5, GPT-5.1 series, Grok 4.1 series, Gemini 3 Pro, OpenAI o3, and more.
• Chat History - All your conversations are saved. Rename or delete chats, and pick up where you left off.
• Undo Changes - Made a mistake? Undo any changes the AI made with a single click.
• Instant Publish - Build with AI and publish your site immediately to Playcode Pages.

Model Recommendations

• Best Value - Claude Haiku 4.5: Fast, cheap, and effective for most tasks.
• Best Quality - Claude Opus 4.5: The best price-to-quality ratio for complex coding tasks.
• Budget Option - Grok Code Fast 1: Great for saving money while still getting solid results.

Pricing

Pay-as-you-go on top of your Pro subscription ($9.99/month). You only pay for what you use. Balance never expires, and you can top up anytime.

Beta Notice

This is a beta release. Some features may not work perfectly yet, but we're actively improving and fixing issues quickly. Your feedback helps us make it better!

Learn more in our AI Agent help article or check your AI credits balance.

New

• Memory Records - AI assistant can now remember your preferences, coding patterns, and instructions across all projects. Tell it once, it remembers forever. Supports preferences (TypeScript, frameworks), instructions (never/always do X), patterns (your code style), context (project background), and decisions (architecture choices).
• Rich Text Support - Memory content supports markdown formatting with code blocks, making technical instructions clear and easy to reference.
• Memory Management UI - Browse, search, edit, and organize your memory records. Filter by type, confirm AI suggestions, or manually add memories. Access from Account menu or user profile.

Note: Memory Records are shared across all your projects and will be used by upcoming AI features to provide personalized assistance based on your preferences and past decisions.

New

• AI Credits Balance System - Pro subscribers can now manage their AI credits balance. Top up manually, enable auto-recharge, and get bonus credits with your subscription. Infrastructure ready for upcoming AI features (chat assistant, code generation, and more coming soon).
• Auto-Recharge - Set a threshold and never run out of credits. Your balance automatically tops up when it falls below your chosen amount. Monthly limits protect you from unexpected charges.

Note: AI features are currently in development. The balance system is live and ready to use. You can add credits now, and they'll be available when we launch AI features in the coming weeks.

Learn more about AI credits →

Improvements

• UI Redesign - Completely redesigned Sign In page, authentication popup, welcome onboarding, and account settings with modern blue gradients, orange action buttons, and cleaner layouts. Improved responsiveness across all screen sizes. All flows now have consistent, professional design.
• Collaboration UI - Fixed visual bug where the collaborators list would cut off with many users. New overlapping avatar design handles 30+ collaborators with a "+N more" indicator.