Changelog

Live runs — the workflow you design now actually runs

The agent builder's new Live run executes every step as a real streamed model call through your routing: step-to-step artifact handoffs, real Approve/Hold decisions at gated steps, and halts on each step's designed failure path. Tools stay simulated, so nothing touches production. Free includes 3 live runs a day; Pro is unlimited.

Ground runs in your real GitHub data

Connect GitHub and a per-run consent bar offers read-only grounding: pick a repo and the run's tool calls read your actual open issues, so streamed output reasons about your real backlog. Strictly read-only, one decision per run, and reads only happen after approval gates are granted.

Actual cost next to the estimate

Completed live runs show what the run approximately cost against the estimator's predicted range, so route and model choices are grounded in observed numbers before you ship.

Repo packs ship with a recorded reference run

A completed live run rides along in the Pro repo pack as fixtures/live-run.json with a generated contract test that replays it — the export starts life as a repo with a passing, recorded reference run instead of empty scaffolding.

Design → Run → Ship on the homepage

The landing page now tells the full loop with a three-panel strip — design the workflow, run it live before it touches your systems, ship a run-backed repo pack — and the pricing page presents Pro as concrete deliverables with the repo pack's actual file list.

Trust and accessibility polish across the app

Cloud saves now show a quiet Saving/Saved indicator, canvases support keyboard panning and zoom with labeled controls, sidebar actions are keyboard-reachable, mobile chrome surfaces the readiness score and coach chip, and contrast was raised to a readable floor everywhere.

Vercel integration install flow

Vercel OAuth now uses the marketplace integration authorize URL, validates install callbacks, stores scoped access safely, and exposes status, projects, and disconnect endpoints for the app.

Bring-your-own-key settings are easier to find

The Models settings tab now opens API keys by default with a clearer Advanced section for OpenRouter, OpenAI, Anthropic, and Gemini.

Model dropdowns link straight to API keys

Every shared AI model selector now includes an API keys affordance, and locked model prompts route users directly to the expanded provider-key settings.

More complete integration roadmap

Settings now surfaces suggested next integrations for Confluence, Google Drive, Sentry, Datadog, PostHog, Supabase, cloud providers, and Zendesk.

Centered app icons

The SVG favicon and generated favicon, touch icon, and PWA icon assets were regenerated so the Codelit mark sits visually centered at every size.

Workflow review modal spacing

The Agent Workflow review modal now pads the AI security audit and resilience lint content so headings, actions, and findings align with the dialog header.

Skills and MCP in the guided path

Agent Studio now walks users through Skills and MCP before the handoff step, with plain-language helpers and quick-add presets instead of hiding reusable behavior in Advanced.

Searchable agent tool catalog

The setup tool catalog and Add Tool dialog now support search and category filters, making Slack, GitHub, browser, data, runtime, and custom tools easier to find.

Simulation path preview

The simulation modal now shows the trigger, agent steps, tool calls, approvals, final output, and trace events in one readable run path before production is connected.

One-click readiness fixes

Failed readiness checks now fix common gaps directly: triggers, specialist agents, tool contracts, approval gates, Skills, MCP servers, model routes, runtime services, evals, and harnesses.

Cleaner Agent Studio tab transitions

Setup, Runbook, and Advanced now use standard Framer Motion enter/exit transitions without layout morphing the surrounding panel.

Agent-specific admin funnel

The admin dashboard now tracks agent interest, template opens, workflow starts, simulations, repo pack downloads, and GitHub handoffs as a dedicated product funnel.

Clearer agent template onboarding

The /agents first-run screen now explains that templates include agents, tools, Skills, MCP, evals, and handoff files so users know what they get before opening one.

More high-intent agent workflow articles

Added new practical guides for MCP vs REST APIs, permission matrices, issue-to-PR coding agents, n8n AI workflows, Slack agents with Skills, and customer onboarding agents.

Agent Workflow is now first

The homepage now opens with Agent Workflow selected, placing Claude Code, OpenAI Agents SDK, Hermes, OpenClaw, LangGraph, n8n, and CrewAI-style workflows at the front of the product story.

Unified work history

The home sidebar now saves and restores agent workflows, product boards, and architectures in one timeline, with type badges and counts so every workspace can be reopened from the same menu.

Projects for every workspace

The Projects page now supports agent workflows and product boards alongside architectures, with type-aware cards, readiness checks, run timelines, and the right open action for each workspace.

Sharper agent starters

Cleaned up the homepage agent cards with more useful production workflows: repo maintenance, SDK-grade support, stateful incidents, browser operations, workflow automation, research desks, evals, billing, and data quality.

Branded agent templates

Agent template cards now use recognizable marks for Hermes and OpenClaw plus platform-specific icons for Claude, OpenAI, LangGraph, n8n, CrewAI, and the rest of the workflow library.

Agent readiness, simulation, and repo handoffs

The Agent Workflow Studio now scores launch readiness, shows actionable gaps, simulates a run without touching tools, downloads a GitHub-ready repo pack, and can push verified agent workflow handoff files through the existing GitHub export path.

Agent studio visual polish

The /agents workspace now uses the same Codelit palette, surfaces, borders, inputs, and primary/accent states as the rest of the site, with cleaner desktop and mobile readability.

Expanded agent tool catalog

The Add Tool flow now includes presets for Linear, Zendesk, Intercom, Gmail, Calendar, Teams, Discord, Confluence, Drive, Figma, GitLab, Bitbucket, Stripe, HubSpot, Salesforce, Supabase, Snowflake, BigQuery, Sentry, Datadog, PostHog, PagerDuty, Vercel, Kubernetes, AWS, GCP, LaunchDarkly, Vault, MCP, browser, database, and custom APIs.

Calmer agent builder UX

The /agents workspace now uses shared tabs for Setup, Runbook, and Advanced, softer panel motion with reduced-motion support, and a mobile inspector drawer for focused editing.

Organic agent workflow content

Added 15 research-informed blog posts for agent workflow examples, MCP server architecture, Skills governance, eval metrics, SRE, RAG, SDR, customer success, finance ops, security, governance, and agentic SDLC.

Production agent SEO expansion

Added 13 more high-intent guides for AgentOps, non-human identity, context engineering, agent memory, deployment checklists, ROI, runtime governance, release gates, MCP security, reliability, PM scoping, regulated industries, and data pipelines.

Agent-first blog categories

The blog now prioritizes current agent search categories like AI agents, agentic workflow, MCP, AgentOps, evals, Skills, context engineering, governance, workflow automation, security, DevOps, and SaaS instead of only sorting by old post volume.

Agent-first roadmap and creator entry

Documented the agentic workflow roadmap and replaced the empty /agents state with a guided creator entry, prompt start, template shortcuts, and clear simulate/readiness/repo-pack outcomes.

More professional Agent Studio

The /agents workspace now matches the main Codelit background, surface, border, and purple-pink action palette, with fewer nested boxes, flatter setup rails, cleaner section headers, and in-place workflow editing cues.

Operator-grade admin dashboard

The /admin page now shows acquisition, activation, handoff intent, Pro conversion, 7-day event volume, high-intent actions, top content, model/export usage, and recent activity in one command center.

Admin-only metrics API

Admin analytics now aggregate through an authenticated server route, so protected user/auth tables can be shown without relying on client-side Firestore reads.

Unique users and auth tables

Admins can inspect unique users by provider, journey stage, subscription state, verification, usage, sessions, account creation, and last seen activity.

Third creation mode

Home now supports Agent Workflow alongside Architecture and Product Board, so teams can design autonomous work before wiring tools.

Sharper home positioning

The homepage now frames Codelit around architecture-first SDLC work: system maps, product plans, agent workflows, and production handoffs without redundant feature copy.

More home agent workflow starters

The Agent Workflow mode now has 22 home-page starters, matching the depth of Architecture and Product Board with workflows for support, billing, browser ops, evals, data, compliance, DevRel, and model routing.

Agent Workflow Studio

The /agents page now uses animated high-contrast cockpit views for setup, runbook review, and advanced controls, with cleaner Claude-style surfaces, responsive phone layouts, shadcn-style fields, searchable agent/model pickers, and a real tool creator for presets or custom capabilities.

Workflow spec view

Generated workflows include specialist agents, triggers, tools, model routes, guardrails, evaluations, deploy targets, and a handoff export.

Runtime and cloud controls

Agent workflows now expose trigger modes, cloud services, credential vaults, queues, streaming channels, memory stores, replay traces, and output contracts from the Advanced tab.

Research-informed agent patterns

Prompting and UI now account for current Gumloop, Claude, and n8n patterns: chat/webhook/schedule triggers, Skills, MCP, human approvals, output contracts, streaming, evals, and run replay.

Skills, MCP, and harnesses

Agent workflows now model skill packs, MCP servers, exposed tools/resources/prompts, eval harnesses, sandboxes, replays, and approval gates as first-class production pieces.

Arch-style agent chat

The /agents chat now matches the architecture editor composer with contextual suggestions, live updating state, model controls, handoff actions, and workflow readiness context.

SEO-ready agent templates

Added /agent-templates and per-template pages for Hermes, OpenClaw, PatchPilot, AnswerOps, EvalForge, Scout, Sentinel, LedgerOps, LaunchPilot, DataSmith, PR review, and internal operations workflows.

Agent workflow field guides

Added 49 practical blog posts for agent workflow use cases: Slack triage, PR review, support, MCP, Skills, evals, approval gates, browser ops, billing, incidents, BYOK, AI infra, and production architecture.

Architecture and board handoff

Agent workflows can generate a production architecture or product board, keeping agent planning connected to the existing Codelit build path.

Agent workflow launch content

Added the Agent Workflow feature page, sitemap entry, footer link, and launch guide for teams building Slack, GitHub, and internal operations agents.

Sharper welcome email

New accounts now get a first-run goal: bring one real system into Codelit and turn it into an architecture another engineer can review.

More useful transactional emails

Pro lifecycle, task-complete, billing, cancellation, and GitHub handoff emails now explain the next action instead of just announcing status.

Contextual guide links in emails

Welcome, Pro, task-complete, and GitHub handoff emails now include relevant Codelit guides and how-to posts as secondary next reads.

Blog post loading restored

Blog, template, and product-spec detail pages are now generated as static routes at build time instead of relying on on-demand ISR for local content.

Stale chunk protection

Removed custom stale-while-revalidate headers from HTML routes so cached pages no longer point browsers at old Next.js route chunks after deployments.

One-time chunk recovery

If an open browser tab still has an older app runtime, ChunkLoadError screens now refresh once automatically to pick up the current deployment.

Lower ISR usage

Local content pages avoid runtime ISR reads and writes, helping keep the Vercel Hobby quota available for features that actually need server-side generation.

Welcome emails for new accounts

First-time sign-ins now receive a branded Codelit welcome email with a clear path from prompt, README, repo, or spec into architecture work.

Pro subscription lifecycle emails

Stripe webhooks now send thoughtful transactional emails for Pro activation, trial-ending reminders, failed payments, and canceled subscriptions.

GitHub handoff-ready emails

When a production handoff is verified on GitHub, Codelit can email the repo link and confirmation details so users know the scaffold is ready.

GitHub sign-in callback fix

GitHub sign-in now uses Codelit's own OAuth callback and Firebase custom tokens, avoiding callback conflicts with the GitHub repo connection flow.

Cleaner auth form inputs

Auth fields now use stable form keys, explicit autocomplete metadata, and controlled focus so typed text is not reselected while users sign in or create an account.

Verified task-complete notifications

Background task emails now use the signed-in Firebase session instead of accepting arbitrary email addresses from the browser.

Production readiness checklist

Projects now show a clear readiness score across architecture capture, AI iteration history, GitHub handoff, review pack generation, and deploy target linkage.

Selectable run detail panel

The Projects timeline now opens each run into a focused detail panel with status, timestamps, summary, and the artifacts created by that run.

Cleaner artifact actions

GitHub repos, deploy links, architecture snapshots, and handoff reports are easier to open or copy from one place without hunting through timeline cards.

Pinned Vercel Node runtime

Production builds now target Node 22.x explicitly, reducing surprise runtime drift when Vercel updates default Node majors.

Project workspaces

Signed-in users now get a Projects dashboard that groups saved architectures, GitHub handoffs, deploy links, generated artifacts, and run history around each system.

Project memory in architecture chat

Opening a project keeps it active in /arch. Follow-up prompts can use recent project runs as context, then write AI architecture updates back into the project timeline.

Verified production handoff exports

GitHub handoffs now generate architecture docs, decisions, security review, cost estimate, CI, runtime files, and service scaffolds, then verify required files before reporting success.

Saved architecture backfill

Existing saved architectures can be indexed into Projects automatically, so older work appears in the new workspace view without manual migration.

Private workspace SEO cleanup

Account-only workspace routes are no longer advertised in the public sitemap, while saved and project pages keep noindex metadata.

Production build fix

Vercel now builds with webpack for this Next.js 16 app, avoiding the Turbopack CSS panic from @xyflow/react and restoring reliable production deploys.

Searchable dynamic model menu

The model picker now has autocomplete on the home page, /arch, and board chat surfaces. It pulls refreshed provider catalogs so new models appear without hardcoding every option.

Gemini + provider BYOK routing

Added Gemini model support and unified BYOK handling for OpenRouter, OpenAI, Anthropic, and Gemini. Chat requests now use the user-provided key for the selected provider.

Clear AI error messages

Rate limits, missing keys, invalid keys, model access issues, and unavailable endpoints now surface actionable messages instead of generic failures.

Stop button for every AI chat

Home generation, architecture follow-ups, and product board updates now keep the input editable while loading and turn the send button into a square stop control that cancels without applying changes.

GitHub export clarity

Repo creation and scaffold export now explain partial, existing, and empty-repo states more clearly, with safer success handling only after generated files are confirmed.

Cleaner loading and overlay UX

Solid model dropdowns, right-panel-aware status bars, better input alignment, and product board loading states now match the architecture chat experience.

Multi-Agent Builder (Phase 5)

8 specialized AI agents (Frontend, Backend, Database, Queue, Cache, CDN, External, Platform). Build All runs agents in parallel — nodes pulse amber while building, turn green on completion

Orchestrator + Download Project ZIP

After all agents finish, orchestrator auto-generates docker-compose, API contracts, shared types, and README. Download everything as a ZIP (Pro)

Shareable slug URLs

Architectures and boards get clean URLs like /arch/uber-ride-matching-k7x9m. Rich OG/Twitter previews + JSON-LD structured data for SEO

Product Board wireframes

Screen-type cards now show mini SVG wireframe previews — login forms, dashboards, list views. Variable row spacing for visual balance

Agent chat + version diff

Chat with any built node's agent to refine code. Hover version timeline pills to see added/removed/modified nodes between versions

Webhooks, task persistence, error boundaries

CI/CD webhooks (Pro), build results saved to Firestore, canvas-specific error recovery, and 45+ architecture URLs in sitemap

Slack, GitLab & Bitbucket integrations

Share diagrams to Slack channels, import repos from GitLab and Bitbucket. Now 8 OAuth integrations total

7 audit tools — new: Vulnerability Scan, Code Quality, Load Test

Dependency vulnerability scanner (16 rules), SonarQube-style code quality grading (A-F), and load test simulation with RPS/latency estimates

8 new export formats — 29 total

Pulumi GCP, Railway, Render, Docker Hub CI/CD, Storybook, Monitoring (Datadog/Sentry/Grafana), and more

AI Architecture Coach

8 guided system design challenges (Easy→Hard) with hints, reference components, and one-click AI solutions at /features/coach

100 product specs — full PRD framework

Every spec now has non-functional requirements, release milestones, acceptance criteria, and success metrics

Architecture diff & key audit log

Compare two architectures with similarity scoring. Track all integration key usage in Settings

6 new SEO blog posts

System architecture guide, diagram generator comparison, AI system design, interview questions, microservices vs monolith, and why you need a system design tool

Figma integration

Connect Figma, paste a design URL — Codelit extracts screens, detects UI patterns, and generates system architecture

Jira, Notion & Linear integrations

Import epics, pages, or issues directly — 5 integrations in Settings with one-click OAuth

100 product specs

/specs page with Uber, Netflix, Figma, OpenAI, Cursor, LangChain, and 54 more — features, user stories, tech stacks, and one-click architecture generation

Build This — diagram to code

Generate complete project scaffold from any architecture. Docker Compose, .env, CI/CD, setup guide — push to GitHub repo

Security Audit & Compliance Report

OWASP security checks + PCI-DSS, HIPAA, SOC2, GDPR compliance — instant, deterministic, free

Background task queue

Long exports run in the background with browser notifications. Start multiple tasks and keep working

Premium model access

Premium provider models available for Pro users, with dynamic model catalog refresh

Save architectures to your account

Save button on canvas toolbar, /saved page to browse, share, embed, or delete — 5 free, unlimited Pro

oEmbed API for auto-embeds

Confluence, Notion, and Slack auto-discover and embed Codelit diagrams when you paste a share link

Dockerfile parser

13 instant file parsers — new Dockerfile parser detects base images, ports, env vars, and infers services

Figma-style toolbar cleanup

Primary tools visible (Add, Layout, Insights, Chaos), secondary actions collapsed into clean overflow menu

Enhanced upgrade prompt

Free vs Pro comparison grid when daily limit is reached — concrete side-by-side of what you're missing

GitHub Integration — Repo to Architecture

Connect GitHub or paste any repo URL. Codelit analyzes your codebase (docker-compose, package.json, Terraform, K8s) and generates an interactive architecture diagram from your actual code

Chaos Mode — Cascading Failure Simulation

Click the skull to enter Chaos Mode, then click any node to kill it. Watch failures cascade through downstream dependencies with animated propagation

Live Cost Estimator

Instant AWS cost breakdown per architecture — total monthly estimate, per-category bar chart, and per-component pricing mapped to real AWS services

Unified Insight Panel

Summary, Audit, Review, Cost, and Diff consolidated into one tabbed panel. Async streaming, tab caching, zero flicker

90+ Template Detail Pages

Each prebuilt architecture has its own SEO-optimized page at /templates/[slug] with components, data flow, related templates, and blog posts

Copy Embed Code

One-click iframe embed code on shared architectures — paste into blogs, docs, or wikis with 'Built with Codelit' attribution

Architecture Generator API

REST API at POST /api/generate — send a prompt, get a full architecture as JSON. Docs at /docs with live playground

AI Architecture Review

Holistic review with score, missing components, single points of failure, scaling bottlenecks, and security gaps

Architecture Diff

Visual comparison between architecture versions — see added, removed, and modified nodes and edges

Generate from README

Paste a README or spec and AI extracts the system architecture automatically

SSR shared architectures

Every shared architecture is now server-rendered with JSON-LD — fully indexable by Google

Blog comments with likes

Signed-in users can comment on blog posts, like comments, and share on X

Multi-size favicons

High-quality icons for all devices — 16px to 512px, Apple Touch Icon, and SVG

Web Vitals tracking

Real-user performance monitoring — LCP, FID, CLS, TTFB, and INP sent to analytics

28 keyboard shortcuts

Cmd+N new, Cmd+R regenerate, Cmd+0 fit, Cmd+Shift+T copy as text, Cmd+, settings, and more

Pro exports: PDF, Terraform, Kubernetes

Professional architecture documents, AWS IaC, and K8s manifests — Pro only

Watermark-free screenshots for Pro

Free users get codelit.io watermark, Pro users get clean PNG exports

Regenerate button + Cmd+R

One-click regenerate with the same prompt for different AI results

Complexity score (1-10)

Live metric based on node count, connection density, and type diversity

Dynamic social previews

Shared architecture links show actual title on Twitter and LinkedIn cards

Mobile tap-to-navigate

Tap connections on mobile to scroll to and expand the target node

Smart conversion funnel

8 touchpoints: usage badge, post-gen toast, export previews, command palette CTA, and more

9 export formats

Mermaid, PlantUML, Markdown, YAML, Docker Compose, README, Terraform, AI Prompt, Screenshot

Mermaid import

Paste Mermaid diagrams to create interactive architectures — full round-trip

Full edge CRUD

Create edges by dragging, edit labels and data flow inline, delete with one click

Double-click to add nodes

Double-click canvas to add components, double-click nodes to edit

7-day free trial ($5/month)

Card required, full Pro access, automatically renews after trial unless canceled.

Smart suggestions

Follow-up suggestions scored by priority based on architecture gaps

Node connections inspector

Click any node to see and navigate all incoming and outgoing connections

48 blog posts

Complete system design curriculum — DNS, caching, sharding, CAP theorem, Kafka, Docker, and more

55 prebuilt architectures

Uber, Netflix, Kubernetes, Tinder, eBay, Zendesk, blockchain, autonomous vehicles — all load instantly

Claude-style composer

Multi-line textarea with arrow submit, Shift+Enter for new lines

Keyboard shortcuts (press ?)

11 shortcuts for power users — ⌘K, ⌘Z, Tab navigation, duplicate, delete

Security headers

XSS protection, clickjacking prevention, MIME sniffing block, permissions policy

24 E2E tests

Playwright test suite covering all critical paths — all passing

PWA + Accessibility

Installable app, skip-to-content, focus outlines, ARIA landmarks

Instant canvas — zero-wait diagram loading

Skeleton nodes build progressively, then live AI nodes appear as they're discovered from the stream

Stripe Pro subscriptions ($5/month)

Full payment flow: checkout, webhook, customer portal for subscription management

Prebuilt showcase on landing page

Browse and click any of 30 architectures to load instantly — no AI needed

Smooth page transitions

Subtle fade+slide animation on every route change for a polished feel

Error boundaries & offline detection

Graceful crash recovery and network-down messaging — no more white screens

Loading skeletons on every page

Shimmer-animated placeholders on blog, pricing, changelog, and root

SEO structured data everywhere

Article + BreadcrumbList on blog, FAQPage on pricing, SoftwareApplication on home

Interactive case study blog posts

Deep dives into Uber, OpenAI, and product engineering with embedded architecture diagrams

Full node editing — add, duplicate, rename, retype, delete

Complete manual CRUD for architecture nodes with undo/redo support

Undo/Redo (⌘Z/⌘⇧Z)

Full history navigation for manual edits — add, delete, duplicate all undoable

Node type selector

Change any node's type (frontend, backend, database, etc.) from the side panel

Auto-retry with model fallback

If AI returns bad output, automatically retries with a different model

Version timeline with complexity trend

See node count changes between versions — track how architecture evolved

Smart topological layout

BFS-based node positioning by data flow depth with cycle protection

Architecture diff highlighting

New nodes glow green with 'NEW' badge after follow-ups

Full system audit report

One-click comprehensive review — security, scaling, cost, compliance, reliability

Contextual suggestions + minimap + node search

Smart follow-ups, bird's-eye navigation, and type-to-filter nodes

Terms, Privacy, Changelog pages

Legal foundation + public changelog for trust and transparency

Pro waitlist + feature gating

Email capture on pricing page, PRO badges on premium models and Terraform

Embeddable widget

Embed interactive architectures on any website via iframe

Multi-provider AI

Free/open models plus premium provider models with auto-fallback

Architecture comparison

Compare two approaches side-by-side (monolith vs microservices)

Export as code

Docker Compose, Terraform, README, AI Prompt — from any architecture

11 audit tools

Security, stress test, cost, compliance, accessibility, SEO, bundle size, backup, throughput, API design

Version timeline

Track architecture iterations — jump to any version instantly

Share as link

Permalink sharing with social buttons and 'Built with Codelit' branding

Mobile card view

Expandable cards with animated connections — canvas replacement for phones

Command palette

⌘K to search actions, templates, and tools

4 instant templates

SaaS Starter, E-commerce, AI Agents, Real-time Chat — load in 1 second

Codelit.io launched

Interactive AI system architecture simulator — describe any system, watch it come alive

10 blog posts

Dev-voiced articles on system design, AI tools, and architecture patterns

Analytics & admin dashboard

Track generations, shares, exports with Firestore events