diff --git a/src/components/role-aware-shell.test.tsx b/src/components/role-aware-shell.test.tsx
index e82e3d7..46dd687 100644
--- a/src/components/role-aware-shell.test.tsx
+++ b/src/components/role-aware-shell.test.tsx
@@ -201,9 +201,16 @@ describe("RoleAwareShell", () => {
- What do you want to make?
- Describe the outcome in the message box to start.
+ What do you need?
+
+ Flect makes a live interface from your outcome. You can keep
+ using and changing it here.
+
) : compiledCapsule !== undefined ? (
Create with Flect
+
+
+ A calm project planner for this week
+
+
+ A simple place to track my reading
+
+
+ A clear view of today's deliveries
+
+
{
await expect(
- page.getByRole("heading", { name: "What do you want to make?" }),
+ page.getByRole("heading", { name: "What do you need?" }),
).toBeVisible();
await shapeFirstInterface(page);
@@ -327,6 +327,15 @@ test("gives the static home screen one clear starting action", async ({
await expect(
page.getByRole("button", { name: "Create with Flect" }),
).toBeVisible();
+ await page
+ .getByRole("button", { name: "A calm project planner for this week" })
+ .click();
+ await expect(
+ page.getByRole("textbox", { name: "Message Flect" }),
+ ).toHaveValue("A calm project planner for this week");
+ await expect(
+ page.getByRole("heading", { name: "Describe the app you want to make." }),
+ ).toBeVisible();
await expect(
page.getByRole("button", { name: "Start building" }),
).toHaveCount(0);
From c1913c83d83d77526106cf8505e46dcb8b6e1e9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robin=20Br=C3=A4mer?=
<22003767+robinbraemer@users.noreply.github.com>
Date: Thu, 13 Aug 2026 10:51:04 +0200
Subject: [PATCH 16/32] fix(shell): center an untouched starter workspace
---
src/components/role-aware-shell.test.tsx | 16 ++++++++++++++++
src/components/role-aware-shell.tsx | 5 ++---
2 files changed, 18 insertions(+), 3 deletions(-)
diff --git a/src/components/role-aware-shell.test.tsx b/src/components/role-aware-shell.test.tsx
index 46dd687..8958974 100644
--- a/src/components/role-aware-shell.test.tsx
+++ b/src/components/role-aware-shell.test.tsx
@@ -232,6 +232,22 @@ describe("RoleAwareShell", () => {
);
});
+ it("keeps an untouched starter workspace centered until work begins", () => {
+ const { container } = render(
+
{settingsOpen && diagnostics !== undefined ? (
+
+ {label}
+
+ onAction("move-earlier")}
+ type="button"
+ >
+ Earlier
+
+ onAction("move-later")}
+ type="button"
+ >
+ Later
+
+ onAction("smaller")} type="button">
+ Smaller
+
+ onAction("larger")} type="button">
+ Larger
+
+
+ Clear
+
+
+ );
+}
+
+export default CanvasEditPalette;
diff --git a/src/components/capsule-frame.test.tsx b/src/components/capsule-frame.test.tsx
index 5d36b5e..2fb8048 100644
--- a/src/components/capsule-frame.test.tsx
+++ b/src/components/capsule-frame.test.tsx
@@ -211,6 +211,8 @@ describe("CapsuleFrame", () => {
vi.stubGlobal("MessageChannel", FakeMessageChannel);
const onSelectionChange = vi.fn();
const onDirectManipulation = vi.fn();
+ const onSelectionAction = vi.fn();
+ const onClearSelection = vi.fn();
const selection = CanvasSelection.make({
version: 1,
semanticId: "delivery-card",
@@ -236,7 +238,9 @@ describe("CapsuleFrame", () => {
const rendered = render(