jerry/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-10-29 13:31:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(desktop): reveal shell behind market rail

Browse Source 
Signed-off-by: Wintermute <c0fc581234c3585602139eec347ced7b82af65b6f6c10728348515c0c06c51c3@buzz.block.builderlab.xyz>
This commit is contained in:
Wintermute
2026-08-31 20:50:47 -04:00
parent 44c69938bb
commit f72e2e0cb2
3 changed files with 24 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
desktop/src/features/market/ui/MarketScreen.tsx
View File

@@ -153,7 +153,7 @@ export function MarketScreen({ scenarioId }: { scenarioId: MarketScenarioId }) {
"relative flex min-h-0 min-w-0 flex-1 overflow-hidden bg-sidebar",
sidebar?.open === false && "pl-2",
)}
data-market-context-detached="true"
data-buzz-context-detached="true"
data-testid="market-screen"
>
<section className="mb-2 ml-px mt-px flex min-h-0 min-w-60 flex-1 flex-col overflow-hidden rounded-2xl bg-background">

16
desktop/src/shared/styles/globals/components.css
View File

@@ -786,11 +786,10 @@
}
/*
* Project context (repository detail and the projects overview rail) is a
* sibling pod, not a column inside the app's standard content card. This
* deliberately sits outside the cascade layers so it can unframe the
* utility-styled content surface. Closing the panel or opening chat removes
* the marker and restores the normal framed surface.
* Detached context rails are sibling pods, not columns inside the app's
* standard content card. This deliberately sits outside the cascade layers so
* it can unframe the utility-styled content surface. Closing the panel or
* opening chat removes the marker and restores the normal framed surface.
*/
[data-buzz-content-surface]:has([data-project-detail-screen]),
:root[data-buzz-sidebar]:not(.dark)
@@ -801,10 +800,15 @@
}
[data-buzz-content-surface]:has([data-project-context-detached="true"]),
[data-buzz-content-surface]:has([data-buzz-context-detached="true"]),
:root[data-buzz-sidebar]:not(.dark)
[data-buzz-content-surface]:has([data-project-context-detached="true"]),
:root[data-buzz-sidebar]:not(.dark)
[data-buzz-content-surface]:has([data-buzz-context-detached="true"]),
:root[data-buzz-sidebar].dark
[data-buzz-content-surface]:has([data-project-context-detached="true"]) {
[data-buzz-content-surface]:has([data-project-context-detached="true"]),
:root[data-buzz-sidebar].dark
[data-buzz-content-surface]:has([data-buzz-context-detached="true"]) {
background: transparent;
border-radius: 0;
box-shadow: none;

13
desktop/tests/e2e/market-prototype-screenshots.spec.ts
View File

@@ -23,6 +23,19 @@ test.describe("market channel prototype", () => {
const market = page.getByTestId("market-screen");
await expect(market).toBeVisible();
const detachedSurface = await market.evaluate((element) => {
const contentSurface = element.closest("[data-buzz-content-surface]");
if (!(contentSurface instanceof HTMLElement)) return null;
const style = window.getComputedStyle(contentSurface);
return {
backgroundColor: style.backgroundColor,
borderTopLeftRadius: style.borderTopLeftRadius,
};
});
expect(detachedSurface).toEqual({
backgroundColor: "rgba(0, 0, 0, 0)",
borderTopLeftRadius: "0px",
});
await expect(
market.getByText("Agents participate · Humans observe"),
).toBeVisible();