Serve Crello corpus aafdb0e86816 from the mounted bucket

Dockerfile

@@ -1,4 +1,4 @@
-# Design Canvas: OpenEnv server + editor + headless Chromium for the GUI surface.
+# DesignGym: OpenEnv server + editor + headless Chromium for the GUI surface.
 FROM python:3.12-slim
 
 ENV PYTHONUNBUFFERED=1 UV_LINK_MODE=copy PLAYWRIGHT_BROWSERS_PATH=/opt/ms-playwright

README.md

@@ -1,5 +1,5 @@
 ---
-title: Design Canvas
+title: DesignGym
 emoji: 🎨
 colorFrom: indigo
 colorTo: pink
@@ -11,13 +11,16 @@ tags: [openenv, mcp, computer-use, graphic-design, crello]
 short_description: Recreate real graphic designs via MCP, HTML or a real editor
 ---
 
-# Design Canvas
+# DesignGym
 
 An [OpenEnv](https://github.com/huggingface/OpenEnv) environment for rebuilding real graphic designs from
 their parts. Each task is a [Crello](https://huggingface.co/datasets/cyberagent/crello) template taken apart
 into its pre-rendered layers and its typed copy. The agent puts it back together on a canvas and is scored
 against a render of the original.
 
+The package, the CLI, the OpenEnv name and the `DESIGN_CANVAS_*` settings keep the id `design_canvas`
+(`design-canvas`). Clients, datasets and traces already use it.
+
 - **Two tasks.** `mode="reference"`: here is the target image, recreate it. `mode="description"`: here is a
   written brief naming every asset and line of copy, build it.
 - **Three surfaces over one document.** `surface="tools"`: structured MCP edits. `surface="html"`: one page of
@@ -92,7 +95,7 @@ Measured locally (`scripts/loadtest.py`, 4 workers, no errors):
 
 The router itself saturates one core at about 300–450 tool calls per second, so 4–6 workers is the useful range.
 
-On a private Space (`scripts/deploy_space.py`: cpu-upgrade, 8 vCPU / 32 GB, 4 workers × 48 sessions, the full
+On the private Space [FineEnvs/DesignGym](https://huggingface.co/spaces/FineEnvs/DesignGym) (`scripts/deploy_space.py`: cpu-upgrade, 8 vCPU / 32 GB, 4 workers × 48 sessions, the full
 corpus read over HTTP), tested from India, where the network round trip is about 0.22 s:
 
 | Load | Result | Throughput | Step p50 / p95 |

__init__.py

@@ -1,3 +1,3 @@
-"""Design Canvas: recreate graphic designs in a real editor."""
+"""DesignGym (package design_canvas): recreate graphic designs in a real editor."""
 
 __version__ = "0.1.0"

cli.py

@@ -67,7 +67,7 @@ def cmd_serve(args) -> int:
     os.environ["PORT"] = str(args.port)
     from .server.app import main
 
-    print(f"Design Canvas on http://{args.host}:{args.port}  "
+    print(f"DesignGym on http://{args.host}:{args.port}  "
           f"(editor /editor/, playground /web/, MCP /mcp)")
     main(host=args.host, port=args.port, workers=args.workers)
     return 0

scripts/deploy_space.py

@@ -4,7 +4,7 @@ The Space image holds code and the corpus manifest only. The catalog is copied f
 each design's pixels are read from it the first time an episode uses it: over HTTP by default, or with
 --transport mount from the bucket attached read-only at /corpus.
 
-    python scripts/deploy_space.py --space FineEnvs/design-canvas \\
+    python scripts/deploy_space.py --space FineEnvs/DesignGym \\
         --manifest corpus-manifest.json --private
 
 Refuses to deploy unless the manifest's catalog is published in the bucket
@@ -29,7 +29,7 @@ def main(argv=None) -> int:
     from huggingface_hub import HfApi, Volume
 
     ap = argparse.ArgumentParser(description=__doc__, formatter_class=argparse.RawDescriptionHelpFormatter)
-    ap.add_argument("--space", required=True, help="e.g. FineEnvs/design-canvas")
+    ap.add_argument("--space", required=True, help="e.g. FineEnvs/DesignGym")
     ap.add_argument("--manifest", default=str(HERE / "corpus-manifest.json"))
     ap.add_argument("--hardware", default="cpu-upgrade", help="Space hardware (GUI episodes run Chromium)")
     ap.add_argument("--private", action="store_true")

server/app.py

@@ -46,10 +46,10 @@ def create_server():
         env_name=ENV_NAME,
         max_concurrent_envs=int(os.environ.get("MAX_CONCURRENT_ENVS", "64")),
         gradio_builder=gradio_builder,
-        custom_tab_name="Design Canvas",
+        custom_tab_name="DesignGym",
         custom_tab_primary=True,
         show_default_tab=True,
-        title_override="Design Canvas · OpenEnv",
+        title_override="DesignGym · OpenEnv",
     )
     mount_editor(app, pack)
 

server/gradio_ui.py

@@ -151,7 +151,7 @@ def build_ui(pack: TaskPack) -> gr.Blocks:
                     "opacity:.6;border:1px dashed #555;border-radius:8px'>Start a task to open the "
                     "editor.</div>")
         src = f"/editor/?episode={ep_id}&skin={skin}"
-        return (f"<div style='width:100%'><iframe src='{src}' title='Design Canvas editor' "
+        return (f"<div style='width:100%'><iframe src='{src}' title='DesignGym editor' "
                 f"style='display:block;width:100%;height:calc(100vh - 120px);min-height:640px;"
                 f"border:1px solid #444;border-radius:8px;"
                 f"background:#fff' allow='clipboard-write'></iframe>"
@@ -363,7 +363,7 @@ def build_ui(pack: TaskPack) -> gr.Blocks:
         gr.HTML("<style>.gradio-container{max-width:100% !important;padding-left:16px !important;"
                 "padding-right:16px !important}.gradio-container .main,.gradio-container .wrap"
                 "{max-width:100% !important}</style>", padding=False)
-        gr.Markdown("# Design Canvas — try it")
+        gr.Markdown("# DesignGym — try it")
         gr.Markdown(INTRO)
         episode = gr.State(None)
         with gr.Row():

server/router.py

@@ -299,7 +299,7 @@ def serve(host: str, port: int, workers: int) -> None:
     try:
         for u in urls:
             _wait_healthy(u, procs)
-        print(f"Design Canvas on http://{host}:{port}: {workers} workers on ports {base}-{base + workers - 1}",
+        print(f"DesignGym on http://{host}:{port}: {workers} workers on ports {base}-{base + workers - 1}",
               flush=True)
         uvicorn.run(build_app(urls), host=host, port=port, ws_ping_interval=60, ws_ping_timeout=300,
                     log_level="warning")

web/index.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Design Canvas</title>
+  <title>DesignGym</title>
   <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%237d2ae8'/%3E%3Crect x='7' y='7' width='11' height='11' rx='2' fill='white'/%3E%3Ccircle cx='21' cy='21' r='6' fill='%2300c4cc'/%3E%3C/svg%3E">
   <link rel="stylesheet" href="css/base.css">
   <link rel="stylesheet" href="css/figma.css">

web/js/main.js

@@ -57,7 +57,7 @@ class App extends Emitter {
     this.store.on("fatal", (msg) => this.fatal(msg));
     await this.store.connect();
     await ensureFonts([...(this.store.task.fonts_used || []), ...this.store.doc.elements.filter((e) => e.kind === "text").map((e) => e.font_family)]);
-    document.title = `${this.store.task.title} · Design Canvas`;
+    document.title = `${this.store.task.title} · DesignGym`;
     this.stage.fit();
     this.stage.render();
     this.refreshAll();