Publish tiny_computer_agent_app.py from marimo

tiny_computer_agent_app.py

@@ -1260,7 +1260,8 @@ def publish_status(
             for _tool in ("showcase.py", "showcase_core.py", "showcase_catalog.py"):
                 if (_root / _tool).is_file():
                     _files[_tool] = (_root / _tool).read_text(encoding="utf-8")
-            _folders = [f for f in ("tiny_computer_agent", "tests", "gallery", "showcase_scenes")
+            _folders = [f for f in ("tiny_computer_agent", "tests", "gallery",
+                                    "showcase_scenes", "preview")
                         if (_root / f).is_dir()]
             if (_root / ".github").is_dir():
                 _folders.append(".github")          # the CI that builds the Windows gallery
@@ -1297,6 +1298,42 @@ def publish_status(
     return
 
 
+@app.cell
+def card_preview(readme_md):
+    # The published model card, as it renders on the Hub right now.
+    import json
+
+    from PIL import Image
+
+    _card_root = Path(__file__).parent          # Path comes from the setup cell
+    _gallery_index = json.loads((_card_root / "gallery" / "index.json").read_text())
+    _preview_shots = sorted((_card_root / "preview").glob("0*.png"))
+
+    card_status = mo.md(
+        f"**The published card.** {len(readme_md):,} characters, "
+        f"{readme_md.count('<img src="gallery/')} screenshots covering "
+        f"{len(_gallery_index)} capabilities - every public callable pictured. "
+        f"Live at [hkblockchaintechnology/tiny-computer-agent]"
+        f"(https://huggingface.co/hkblockchaintechnology/tiny-computer-agent)."
+    )
+
+    mo.vstack(
+        [card_status]
+        + (
+            [mo.image(Image.open(shot)) for shot in _preview_shots]
+            if _preview_shots
+            else [
+                mo.md(
+                    "_No preview captured yet - run `python preview/capture.py` to "
+                    "screenshot the live page._"
+                )
+            ]
+        )
+    )
+
+    return
+
+
 @app.cell
 def demo():
     # A real screenshot -> real OCR -> labelled, clickable elements. No display needed: