From 8f397c025d855df11b4cbc1374436662c985aa75 Mon Sep 17 00:00:00 2001 From: master5d Date: Sun, 14 Jun 2026 02:51:00 -0500 Subject: [PATCH] =?UTF-8?q?fix(agent-bridge):=20panel=20renders=20unstyled?= =?UTF-8?q?=20=E2=80=94=20import=20Tailwind=20into=20its=20entry?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The agent-panel Vite entry only imported i18n, not App.css (which carries `@import "tailwindcss"` + theme). Tailwind is bundled per-entry, so the panel shipped with zero CSS: every utility class (bg-zinc-900, flex, ...) was dead and the panel rendered as invisible dark text on its transparent window — looked "broken/blank" in any properly-served build. Fix: import "@/App.css" in agent-panel/main.tsx (same source the main app uses). Also normalize index.html script src to an absolute path, matching the proven overlay entry. Verified via CDP DOM inspection (GDI screenshots are unreliable for transparent GPU webviews): panel now renders flex layout, zinc-900 bg, light text, 3 buttons, live countdown, Cyrillic question intact. Co-Authored-By: Claude Opus 4.8 --- src/agent-panel/index.html | 2 +- src/agent-panel/main.tsx | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/agent-panel/index.html b/src/agent-panel/index.html index 42176c7..0866a51 100644 --- a/src/agent-panel/index.html +++ b/src/agent-panel/index.html @@ -22,6 +22,6 @@
- + diff --git a/src/agent-panel/main.tsx b/src/agent-panel/main.tsx index aea653f..3349baf 100644 --- a/src/agent-panel/main.tsx +++ b/src/agent-panel/main.tsx @@ -1,6 +1,7 @@ import React from "react"; import ReactDOM from "react-dom/client"; import AgentPanel from "./AgentPanel"; +import "@/App.css"; // Tailwind + theme — without it the panel renders unstyled (invisible on its transparent window) import "@/i18n"; ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(