{
  "id": "design-064",
  "title": "Playground Casebench IDE",
  "concept": "A support-engineer file-and-data IDE that treats each Playground as a bug reproduction case: the first viewport is a light gray card grid of files, Blueprint JSON, database, logs, runtime, preview, source, save, and saved-management tasks, with a detail drawer for concrete actions and consequences.",
  "focus": [
    "developer file-and-data IDE metaphor",
    "card grid with detail drawer",
    "support engineer bug reproduction workflow",
    "light gray workspace with green status accents",
    "creation and saving as discoverable secondary flows",
    "visible end-to-end save and saved-management sequence"
  ],
  "flows": [
    "Inspect an active Playground from a file-and-data card grid with file tree, code viewer, Blueprint JSON, database tools, logs, settings, and live WordPress preview.",
    "Start or import Playgrounds from distinct routes for Vanilla WordPress, WordPress PR, Gutenberg PR or branch, GitHub import, Blueprint URL, and .zip import with route-specific inputs and constraints.",
    "Save an unsaved Playground in browser storage or to a local directory with separate destination choices, file-copy progress, and resulting saved slug identity.",
    "Manage saved and unsaved Playgrounds through a library drawer with open, save, rename, delete, and visible deletion consequences.",
    "Browse a dense Blueprint gallery with search, category filters, featured cards, selected Blueprint detail, run action, inspect action, and catalog count context.",
    "Export and package the reproduction through GitHub export, zip download, Blueprint link or bundle download, and database.sqlite download."
  ],
  "featureCoverage": [
    "create a vanilla Playground",
    "create from WordPress PR",
    "create from Gutenberg PR or branch",
    "import from GitHub after account connection",
    "run a Blueprint URL",
    "import a .zip",
    "browse and filter Blueprint gallery entries",
    "select featured blueprint shortcuts",
    "save temporary Playground in browser storage",
    "save to a local directory",
    "see save progress",
    "browse saved and unsaved Playgrounds",
    "rename a saved Playground",
    "delete a saved Playground",
    "navigate active WordPress paths with URL input",
    "refresh the active embedded WordPress page",
    "open Homepage and WP Admin",
    "edit WordPress/PHP/language settings",
    "include older WordPress versions",
    "allow network access",
    "create a multisite network",
    "understand destructive reset/reload behavior",
    "use File browser with create folder/file, upload, browse, and code editing affordances",
    "view/copy/download/run the current Blueprint bundle",
    "inspect database driver/path/size",
    "download database.sqlite",
    "open Adminer and phpMyAdmin",
    "inspect logs and empty/error states",
    "export to GitHub",
    "download a .zip"
  ]
}