spriteforge 0.1.1__py3-none-any.whl

spriteforge/app/server.py

@@ -0,0 +1,358 @@
+import asyncio
+import json
+import re
+from contextlib import asynccontextmanager
+from pathlib import Path
+
+from fastapi import FastAPI, Header, HTTPException, Request
+from fastapi.responses import HTMLResponse, Response, StreamingResponse
+from fastapi.staticfiles import StaticFiles
+
+from spriteforge.agents.workflow import WORKFLOW, advance_until_gate
+from spriteforge.config import Config, load_config
+from spriteforge.core.gates import Feedback, Gates
+from spriteforge.core.security import redact
+from spriteforge.core.state import Store
+from spriteforge.core.usage import usage_report
+from spriteforge.stages.workflow import WORKFLOW as INTAKE
+from spriteforge.stages.workflow import advance_until_gate as advance_intake
+
+from .local_only import LocalOnly
+from .studio import studio_router
+from .workers import Workers
+
+STATIC = Path(__file__).with_name("static")  # the React studio build (ui/, `npm run build`)
+CLASSIC = Path(__file__).with_name("index.html")
+
+
+def latest_play(store, run_id) -> dict | None:
+    """The newest game build that can be played (its report has a play link): shown even while
+    the next build runs and no gate is open."""
+    reports = {}
+    with store.connect() as db:  # only the reports: this runs on every studio update
+        rows = db.execute(
+            "SELECT name,data FROM artifacts WHERE run_id=? AND name GLOB 'game/v*/report.json'",
+            (run_id,),
+        ).fetchall()
+    for row in rows:
+        if m := re.fullmatch(r"game/v(\d+)/report\.json", row["name"]):
+            reports[int(m[1])] = row["data"]
+    for version in sorted(reports, reverse=True):
+        report = json.loads(reports[version])
+        if report.get("play"):
+            return {"version": version, "url": report["play"], "sounds": bool(report.get("sounds"))}
+    return None
+
+
+def create_app(
+    store: Store,
+    run_id: str | None = None,
+    interval: float = 1.0,
+    mcp_service=None,
+    cfg: Config | None = None,
+) -> FastAPI:
+    """`run_id`: the run the CLI started or resumed (stepped at once, selected by /classic).
+    `cfg`: the settings new projects start with (default: the packaged config)."""
+    workers = Workers(store, interval)
+
+    @asynccontextmanager
+    async def lifespan(app):
+        if run_id:
+            workers.start(run_id)
+        yield
+        await workers.close()
+
+    app = FastAPI(lifespan=lifespan)
+    app.add_middleware(LocalOnly)
+    from .extensions import router
+
+    app.include_router(router(store, mcp_service))
+    app.include_router(studio_router(store, workers, cfg or load_config(None)))
+    app.state.workers = workers
+
+    def require_run(id):
+        try:
+            return store.get_run(id)
+        except KeyError:
+            raise HTTPException(404, "Run not found") from None
+
+    @app.get("/classic", response_class=HTMLResponse)
+    def classic():
+        return CLASSIC.read_text(encoding="utf-8")
+
+    @app.get("/", response_class=HTMLResponse)
+    def index():
+        # The studio build is committed; the classic page covers a checkout without it.
+        page = STATIC / "index.html"
+        return (page if page.is_file() else CLASSIC).read_text(encoding="utf-8")
+
+    @app.get("/api/runs")
+    def runs():
+        return {
+            "runs": [r.model_dump() for r in store.runs()],
+            "active": run_id,
+            "error": workers.errors.get(run_id) if run_id else None,
+        }
+
+    @app.get("/api/runs/{id}")
+    def detail(id: str):
+        run = require_run(id)
+        # Gates only reference already-persisted artifacts. Read the gate first so
+        # a concurrent worker cannot return a new gate with an older artifact list.
+        gate = Gates(store).pending(id)
+        production = None
+        preview = None
+        if run.config.get("gameplay_preview"):
+            from spriteforge.stages.asset_store import ProductionStore
+
+            saved = ProductionStore(store, id)
+            reports = [
+                n
+                for n in saved.artifacts
+                if n.startswith("preview/v") and n.endswith("/readability.json")
+            ]
+            versions = sorted(reports, key=lambda n: int(n.split("/")[1][1:]))
+            preview = {
+                "report": saved.read(versions[-1]) if versions else None,
+                "versions": [
+                    {
+                        "version": int(n.split("/")[1][1:]),
+                        "artifact": saved.artifacts[
+                            n.replace("readability.json", "gameplay-4x.png")
+                        ].id,
+                    }
+                    for n in versions
+                ],
+                "cap": min(
+                    run.config["settings"].get("preview", {}).get("max_image_calls", 16),
+                    run.config["budget"]["max_image_calls"],
+                ),
+            }
+        if run.config.get("asset_production"):
+            from spriteforge.stages.asset_store import ProductionStore
+
+            assets = ProductionStore(store, id)
+            reports = sorted(n for n in assets.artifacts if n.endswith("/consistency.json"))
+            production = {
+                "assets": [r.model_dump() for r in assets.records().values()],
+                "consistency": assets.read(max(reports, key=lambda n: int(n.split("/")[2])))
+                if reports
+                else None,
+            }
+        return {
+            "run": run.model_dump(),
+            "play": latest_play(store, id),
+            "production": production,
+            "preview": preview,
+            "error": next(
+                (
+                    e.payload.get("message")
+                    for e in reversed(store.events(id))
+                    if e.type
+                    in {"run.failed", "production.budget_exhausted", "preview.budget_exhausted"}
+                ),
+                None,
+            )
+            if run.status in {"failed", "budget_exhausted"}
+            else None,
+            "usage": usage_report(store, id).model_dump(),
+            "artifacts": [a.model_dump(exclude={"data"}) for a in store.artifacts(id)],
+            "gate": gate.model_dump(mode="json") if gate else None,
+        }
+
+    @app.post("/api/runs/{id}/gates/{gate_id}")
+    async def respond(id: str, gate_id: str, feedback: Feedback, wait: bool = True):
+        """`wait=false` (the studio) answers at once and the run's worker carries on in the
+        background; the default advances to the next gate before answering (classic)."""
+        run = require_run(id)
+        if run.config.get("workflow") not in {WORKFLOW, INTAKE}:
+            raise HTTPException(409, "Run does not use agent gates")
+        try:
+            if run.config.get("workflow") == INTAKE:
+                pending = Gates(store).pending(id)
+                if pending and pending.id == gate_id:
+                    feedback = feedback.resolved(pending)
+                    if feedback.action == "request_changes" and pending.stage not in {
+                        "concept",
+                        "assets",
+                        "gameplay",
+                        "design",
+                        "menus",
+                        "playtest",
+                        "final",
+                        "confirm",
+                    }:
+                        raise ValueError("Changes can be requested at the concept review")
+                    if feedback.action == "request_changes" and pending.stage == "assets":
+                        from spriteforge.stages.production import selected_targets
+
+                        selected_targets(store, id, feedback)
+                    if feedback.action == "approve" and pending.stage == "concept":
+                        from spriteforge.pixel.schemas import hex_color
+
+                        for value in feedback.form.values():
+                            hex_color(value)
+                    if pending.stage == "gameplay":
+                        from spriteforge.stages.asset_models import Manifest
+                        from spriteforge.stages.asset_store import ProductionStore
+                        from spriteforge.stages.preview_models import PreviewChange
+                        from spriteforge.stages.preview_review import validate_change
+
+                        saved = ProductionStore(store, id)
+                        if feedback.action == "approve":
+                            if any(
+                                feedback.form.get(k, "").strip() for k in ("targets", "palette")
+                            ):
+                                raise ValueError(
+                                    "Use Request changes to apply asset, layout or palette edits"
+                                )
+                            reports = [
+                                n for n in saved.artifacts if n.endswith("/readability.json")
+                            ]
+                            report = saved.read(
+                                max(reports, key=lambda n: int(n.split("/")[1][1:]))
+                            )
+                            if any(r["failures"] for r in report["assets"].values()):
+                                raise ValueError("Fix failing asset validators before approval")
+                        elif (
+                            feedback.action == "request_changes"
+                            and feedback.form.get("targets", "").strip()
+                        ):
+                            validate_change(
+                                PreviewChange(
+                                    targets=[
+                                        s.strip()
+                                        for s in feedback.form["targets"].split(",")
+                                        if s.strip()
+                                    ],
+                                    instruction=feedback.text,
+                                    palette=[
+                                        s.strip()
+                                        for s in feedback.form.get("palette", "").split(",")
+                                        if s.strip()
+                                    ],
+                                ),
+                                Manifest.model_validate(saved.read("preview/manifest.json")),
+                            )
+            from spriteforge.core.cost import stop_requested
+            from spriteforge.stages.rewind import clear_stop
+
+            with store.connect() as db:
+                stale = stop_requested(db, id)
+            if stale:  # a Go back that came too late: the round had already reached its gate
+                clear_stop(store, id, "the gate opened first")
+            if feedback.action == "request_changes" and not feedback.text.strip():
+                from spriteforge.stages.chat_changes import for_gate
+
+                if queued := for_gate(store, id):  # the changes asked in agent chats
+                    form = {**feedback.form, "chat_changes": [c["id"] for c in queued]}
+                    feedback = feedback.model_copy(update={"form": form})
+            gate = await asyncio.to_thread(Gates(store).respond, id, gate_id, feedback)
+        except KeyError:
+            raise HTTPException(404, "Gate not found") from None
+        except ValueError as exc:
+            raise HTTPException(409, str(exc)) from None
+        # Advance only after the persisted human answer; the next gate pauses again.
+        if not wait:
+            workers.start(id)
+            return {"gate": gate.model_dump(mode="json"), "run": store.get_run(id).model_dump()}
+        try:
+            await asyncio.to_thread(
+                advance_intake if run.config.get("workflow") == INTAKE else advance_until_gate,
+                store,
+                id,
+            )
+        except Exception as exc:  # noqa: BLE001 -- persist scrubbed worker errors
+            await asyncio.to_thread(store.fail, id, str(exc))
+            raise HTTPException(500, redact(str(exc))) from None
+        return {"gate": gate.model_dump(mode="json"), "run": store.get_run(id).model_dump()}
+
+    @app.get("/api/runs/{id}/play/{version}/{path:path}")
+    def play(id: str, version: str, path: str):
+        """Serve a generated game build so the reviewer can play it, not just watch it."""
+        import mimetypes
+        import re
+
+        require_run(id)
+        if not re.fullmatch(r"v\d+", version):
+            raise HTTPException(404, "Unknown build version")
+        root = (store.path.parent / "runs" / id / "game" / version / "build").resolve()
+        target = (root / (path or "index.html")).resolve()
+        if not target.is_relative_to(root) or not target.is_file():
+            raise HTTPException(404, "Not part of this build")
+        media = mimetypes.guess_type(target.name)[0] or "application/octet-stream"
+        return Response(target.read_bytes(), media_type=media,
+                        headers={"X-Content-Type-Options": "nosniff"})  # fmt: skip
+
+    @app.post("/api/runs/{id}/sounds/{version}")
+    async def save_sounds(id: str, version: str, request: Request):
+        """The build's sound editor saves here: a new sounds version (by the human, clamped by
+        code) that build vN plays at once and every later build plays."""
+        from pydantic import ValidationError
+
+        from spriteforge.game.sounds import SoundSet
+        from spriteforge.stages.game import save_edited_sounds
+
+        require_run(id)
+        if not re.fullmatch(r"v\d+", version):
+            raise HTTPException(404, "Unknown build version")
+        try:
+            body = await request.json()
+            sounds = SoundSet.model_validate((body or {}).get("sounds"))
+        except (ValueError, ValidationError) as exc:
+            raise HTTPException(422, redact(str(exc))[:500]) from None
+        try:
+            return await asyncio.to_thread(save_edited_sounds, store, id, int(version[1:]), sounds)
+        except KeyError as exc:
+            raise HTTPException(404, redact(str(exc))) from None
+
+    @app.get("/api/artifacts/{id}")
+    def artifact(id: str):
+        with store.connect() as db:
+            row = db.execute("SELECT data,mime FROM artifacts WHERE id=?", (id,)).fetchone()
+        if row is None:
+            raise HTTPException(404, "Artifact not found")
+        return Response(row[0], media_type=row[1], headers={"X-Content-Type-Options": "nosniff"})
+
+    @app.get("/api/runs/{id}/events")
+    async def events(
+        id: str, request: Request, after: int = 0, last_event_id: str | None = Header(default=None)
+    ):
+        require_run(id)
+        try:
+            cursor = max(0, after, int(last_event_id or 0))
+        except ValueError:
+            raise HTTPException(400, "Invalid Last-Event-ID") from None
+
+        async def stream():
+            nonlocal cursor
+            while not await request.is_disconnected():
+                completed = store.get_run(id).status in {
+                    "completed",
+                    "aborted",
+                    "failed",
+                    "budget_exhausted",
+                }
+                batch = await asyncio.to_thread(store.events, id, cursor)
+                for event in batch:
+                    cursor = event.id
+                    yield f"id: {event.id}\ndata: {event.model_dump_json()}\n\n"
+                if completed:
+                    yield "event: done\ndata: {}\n\n"
+                    break
+                if error := workers.errors.get(id):
+                    yield "event: worker-error\ndata: " + json.dumps(error) + "\n\n"
+                    break
+                yield ": heartbeat\n\n"
+                await asyncio.sleep(0.25)
+
+        return StreamingResponse(
+            stream(),
+            media_type="text/event-stream",
+            headers={"Cache-Control": "no-cache", "X-Accel-Buffering": "no"},
+        )
+
+    # Last, so every API route above wins over a same-named static file.
+    if STATIC.is_dir():
+        app.mount("/", StaticFiles(directory=STATIC), name="studio")
+    return app

spriteforge/app/static/assets/index-L2s1wlcp.css

@@ -0,0 +1 @@
+@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-xj9lRvVs.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-BKfmdmKK.woff) format("woff")}:root{--bg: #151822;--panel: #1d2130;--line: #2c3246;--text: #e2e8f0;--muted: #8b93a7;--accent: #f6c453;--ok: #5fd38d;--warn: #f6c453;--bad: #f07178;--pixel: "Press Start 2P", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}a{color:var(--accent)}h1,h2,h3{font-family:var(--pixel);font-weight:400;line-height:1.4}h1{font-size:22px}h2{font-size:13px;color:var(--muted);text-transform:uppercase}.muted{color:var(--muted)}.error{color:var(--bad)}.home{max-width:880px;margin:0 auto;padding:48px 20px}.projects{list-style:none;margin:0;padding:0;display:grid;gap:8px}.projects a{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--text);text-decoration:none}.projects a:hover{border-color:var(--accent)}.status{color:var(--muted);white-space:nowrap}.status-completed{color:var(--ok)}.status-paused{color:var(--warn)}.status-failed,.status-aborted{color:var(--bad)}button{font:inherit;padding:8px 16px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#151822;cursor:pointer}button.secondary{background:transparent;color:var(--accent)}button:disabled{opacity:.5;cursor:default}.notice{border:1px solid var(--warn);border-radius:6px;padding:4px 16px;margin-bottom:16px}.new-project{display:grid;gap:8px;margin-bottom:32px}.new-project textarea{font:inherit;width:100%;padding:12px;resize:vertical;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px}.new-project textarea:focus{outline:none;border-color:var(--accent)}.actions{display:flex;gap:8px;justify-content:flex-end}.projects .thumb{flex:none;width:64px;height:48px;background:var(--line);border-radius:4px;overflow:hidden}.projects .thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.project-text{flex:1;display:grid;min-width:0}.project-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects a{align-items:center}.status-gate{color:var(--warn)}.cost{color:var(--muted);white-space:nowrap}.studio{display:grid;grid-template-columns:230px minmax(0,1fr) 240px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top top top" "agents center side";height:100vh}.topbar{grid-area:top;display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.topbar h1{font-size:13px;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-link{color:var(--muted);text-decoration:none;white-space:nowrap}.tag{border:1px solid var(--line);border-radius:4px;padding:0 6px;color:var(--muted);font-size:13px}a.button{display:inline-block;padding:8px 16px;border-radius:6px;background:var(--accent);color:#151822;text-decoration:none;white-space:nowrap}.agents{grid-area:agents;overflow-y:auto;border-right:1px solid var(--line);padding:8px}.agents h2,.side h2{font-size:10px;margin:8px}.agents ul{list-style:none;margin:0;padding:0}.agents .agent{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;color:var(--text);text-decoration:none}.agents .agent:hover{background:var(--panel)}.agents .agent.selected{background:var(--line)}.agents .agent .icon{width:14px;text-align:center;color:var(--muted)}.agents .agent .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-done .icon,.state.agent-done{color:var(--ok)}.agent-working .icon,.state.agent-working{color:var(--accent);animation:pulse 1.2s ease-in-out infinite}.agent-needs_you .icon,.state.agent-needs_you{color:var(--warn);font-weight:700}.agent-waiting .name{color:var(--muted)}.badge{background:var(--warn);color:#151822;border-radius:9px;min-width:18px;padding:0 5px;font-size:12px;text-align:center}.agent-cost{color:var(--muted);font-size:12px}@keyframes pulse{50%{opacity:.35}}.center{grid-area:center;display:flex;flex-direction:column;min-height:0}.chat-head{display:flex;align-items:baseline;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line)}.chat-head h2{margin:0;font-size:12px;color:var(--text);text-transform:none}.state{color:var(--muted);font-size:13px}.chat{display:flex;flex-direction:column;flex:1;min-height:0}.thread{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:80%;padding:8px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.bubble p{margin:0;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:#2a3550;border-color:#34426a}.bubble.failed{border-color:var(--bad)}.intent{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.progress,.milestone{margin:0;color:var(--muted);font-size:13px}.progress:before{content:"- "}.milestone{text-align:center;font-family:var(--pixel);font-size:9px;padding:6px 0}.typing{animation:pulse 1.2s ease-in-out infinite}.composer{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--line)}.composer textarea,.gate-card textarea,.field input[type=text],.field input[type=number],.field select{flex:1;width:100%;font:inherit;padding:8px 10px;resize:vertical;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px}.composer textarea:focus,.gate-card textarea:focus,.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.composer button{align-self:flex-end}.gate-card{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--panel)}.report-card{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:12px 14px;background:var(--panel)}.report-card.report-exit{border-left-color:var(--ok)}.report-card header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.report-card h3{margin:0;font-size:11px}.report-kind{font-size:13px;color:var(--muted)}.report-section h4{margin:12px 0 4px;font-size:13px;color:var(--accent)}.report-exit .report-section h4{color:var(--ok)}.report-section ol,.report-section ul{margin:0;padding-left:22px;font-size:14px;line-height:1.5}.gate-card.open{border-color:var(--warn)}.gate-card header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.gate-card h3{margin:0;font-size:11px}.gate-status{font-size:13px;color:var(--muted);white-space:nowrap}.gate-pending{color:var(--warn)}.gate-approved{color:var(--ok)}.gate-text{color:var(--muted);font-size:14px}.gate-card form{display:grid;gap:10px;margin-top:10px}.field label{display:grid;gap:4px}.field label>span{font-weight:600}.hint{margin:2px 0 0;color:var(--muted);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}button.chip{padding:3px 10px;font-size:13px;background:transparent;color:var(--text);border-color:var(--line);border-radius:14px;text-align:left}button.chip.on{border-color:var(--accent);color:var(--accent)}.artifacts{display:grid;gap:8px}.image-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.image-grid a{display:grid;gap:2px;justify-items:center;max-width:260px;color:var(--muted);font-size:11px;text-decoration:none}.image-grid img{height:96px;width:auto;max-width:256px;object-fit:contain;image-rendering:pixelated;background:#0d0f16;border-radius:4px}.image-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:256px}.doc{border:1px solid var(--line);border-radius:6px;padding:6px 10px;background:var(--panel)}.doc summary{cursor:pointer;color:var(--accent)}.files{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:13px}.build-report{border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:var(--panel)}.build-head{display:flex;justify-content:space-between;gap:12px}.ok{color:var(--ok)}.warn{color:var(--warn)}.play-links{display:flex;align-items:center;gap:16px}.levels{margin:4px 0 0;padding-left:18px;font-size:14px}.markdown{overflow-x:auto}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3{font-size:11px;color:var(--text);text-transform:none}.markdown table{border-collapse:collapse}.markdown th,.markdown td{border:1px solid var(--line);padding:2px 8px}.markdown code{background:var(--bg);padding:0 4px;border-radius:3px}.side{grid-area:side;overflow-y:auto;border-left:1px solid var(--line);padding:8px 12px}.panel h3{font-size:9px;color:var(--muted);margin:16px 0 6px}.panel dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0}.panel dt{color:var(--muted)}.panel dd{margin:0;text-align:right}@media (max-width: 900px){.studio{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top" "agents" "center" "side";height:auto;min-height:100vh}.agents ul{display:flex;overflow-x:auto}.agents,.side{border:none}.thread{max-height:70vh}}.intent.queued{color:var(--warn)}.intent.applied{color:var(--ok)}.gate-card .queued{margin:10px 0;padding:8px 10px;border:1px dashed var(--warn);border-radius:6px}.gate-card .queued p{margin:0 0 4px}.gate-card .queued ul{margin:0;padding-left:18px}.composer-tools{display:flex;align-items:center;gap:10px;padding:8px 20px 0;border-top:1px solid var(--line)}.composer-tools+.composer{border-top:none}.go-back{display:flex;gap:8px;margin-top:8px}.go-back-state{margin:6px 0 0;font-size:12px;color:var(--muted)}.go-back-state.went_back,.go-back-state.going_back{color:var(--warn)}.chat-head .note{color:var(--warn);font-size:13px}.go-back button{white-space:nowrap}.allowance p{margin:8px 0 4px;font-size:13px}.allowance meter{width:100%}.attach{align-self:flex-end;cursor:pointer;padding:8px 4px;font-size:18px}.attach input,.drop input{position:absolute;width:1px;height:1px;opacity:0}.attach:focus-within,.drop:focus-within{outline:2px solid var(--accent);border-radius:6px}.reference-upload{display:flex;gap:12px;align-items:flex-start;width:100%;padding:10px;border:1px dashed var(--accent);border-radius:8px;background:var(--panel)}.reference-upload img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;background:var(--bg);border-radius:4px}.reference-upload p{margin:0 0 4px}.reference-upload .rights{display:flex;gap:6px;align-items:center;margin:6px 0;font-size:13px}.reference-upload .actions{display:flex;gap:8px}.panel .reference-upload{flex-direction:column}.references{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.references li{display:flex;gap:8px;align-items:center;font-size:13px;min-width:0}.references img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;background:var(--bg);border-radius:4px}.references span{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.references small{color:var(--muted)}.drop{position:relative;display:block;padding:14px 10px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:13px;text-align:center;cursor:pointer}.drop.over{border-color:var(--accent);color:var(--text)}.bubble.reference img{display:block;max-width:220px;max-height:160px;margin-bottom:6px;image-rendering:pixelated;border-radius:4px}.side .panel+.panel{margin-top:18px}