@schlenkr/ragents 0.1.19 → 0.1.20

package/plugins/ragents.orchestration/web/run-panel/run-panel-state.ts

@@ -1,63 +1,30 @@
 import { createLocalStorageSetting } from "@ragents/web/lib/local-storage-setting";
 
-/** The chosen view of the run panel: chat only, chat at the bottom as a sheet, or chat on the right if the run panel is wide enough. */
-export type RunPanelChatMode = "chat" | "bottom" | "side";
-
-/** How the chat relates to the mini-app: alone, next to it, or as a sheet above it. */
-export type ChatLayout = "full" | "side" | "floating";
-
-/** Personal state per run: mini-app, actor, chat position, side width and expanded sheet height. */
 export interface RunPanelState {
   element: string | null;
   actor: string | null;
-  chat: RunPanelChatMode;
-  chatWidth: number;
-  sheetExpandedHeight: number | null;
 }
 
-export const CHAT_MIN_WIDTH = 280;
-export const CHAT_DEFAULT_WIDTH = 380;
-/** Next to the chat there is always room for a piece of mini-app. */
-export const STAGE_MIN_WIDTH = 300;
-
-export const DEFAULT_RUN_PANEL_STATE: RunPanelState = Object.freeze({ element: null, actor: null, chat: "side", chatWidth: CHAT_DEFAULT_WIDTH, sheetExpandedHeight: null });
-
-export const runPanelStorageKey = (runId: string) => `ragents.orchestration.run-panel:${runId}`;
+export const DEFAULT_RUN_PANEL_STATE: RunPanelState = Object.freeze({ element: null, actor: null });
+export const runPanelStorageKey = (runId: string) => `ragents.orchestration.run-navigation:${runId}`;
 
 const isTextOrNull = (value: unknown): value is string | null => value === null || typeof value === "string";
-/** Earlier states knew `auto`, `floating` and `docked` as well as a stage height; they are mapped to today's positions. */
-const chatModeOf = (value: unknown): RunPanelChatMode | undefined =>
-  value === undefined || value === "side" || value === "auto" ? "side"
-    : value === "chat" ? "chat"
-      : value === "bottom" || value === "floating" || value === "docked" ? "bottom" : undefined;
 
 export function parseRunPanelState(raw: string | null): RunPanelState {
   if (raw === null) return DEFAULT_RUN_PANEL_STATE;
   const value: unknown = JSON.parse(raw);
   if (!value || typeof value !== "object" || Array.isArray(value)
-    || Object.keys(value).some((key) => !["element", "stageHeight", "actor", "chat", "chatWidth", "sheetExpandedHeight", "sheetPeekExtra"].includes(key))
+    || Object.keys(value).some((key) => !["element", "actor"].includes(key))
     || !("element" in value) || !isTextOrNull(value.element)
-    || !("actor" in value) || !isTextOrNull(value.actor)
-    || chatModeOf("chat" in value ? value.chat : undefined) === undefined
-    || ("chatWidth" in value && (typeof value.chatWidth !== "number" || !Number.isFinite(value.chatWidth) || value.chatWidth < CHAT_MIN_WIDTH))
-    || ("sheetExpandedHeight" in value && value.sheetExpandedHeight !== null && (typeof value.sheetExpandedHeight !== "number" || !Number.isFinite(value.sheetExpandedHeight) || value.sheetExpandedHeight <= 0))
-    || ("sheetPeekExtra" in value && (typeof value.sheetPeekExtra !== "number" || !Number.isFinite(value.sheetPeekExtra) || value.sheetPeekExtra < 0))) {
-    throw new Error("The stored panel state is invalid.");
+    || !("actor" in value) || !isTextOrNull(value.actor)) {
+    throw new Error("The stored panel navigation is invalid.");
   }
-  const stored = value as { element: string | null; actor: string | null; chat?: unknown; chatWidth?: number; sheetExpandedHeight?: number | null };
-  return { element: stored.element, actor: stored.actor, chat: chatModeOf(stored.chat) ?? "side", chatWidth: stored.chatWidth ?? CHAT_DEFAULT_WIDTH, sheetExpandedHeight: stored.sheetExpandedHeight ?? null };
+  return { element: value.element, actor: value.actor };
 }
 
-/** Without a mini-app and in the "Chat only" view the chat fills the run panel; otherwise it sits on the right if there is room, and at the bottom if not. */
-export const chatLayoutFor = ({ chat, hasElement, narrow }: { chat: RunPanelChatMode; hasElement: boolean; narrow: boolean }): ChatLayout =>
-  !hasElement || chat === "chat" ? "full" : !narrow && chat === "side" ? "side" : "floating";
-
-export const clampChatWidth = (width: number, available: number): number =>
-  Math.max(CHAT_MIN_WIDTH, Math.min(Math.round(width), Math.max(CHAT_MIN_WIDTH, available - STAGE_MIN_WIDTH)));
-
 const setting = createLocalStorageSetting({
   changeEvent: "ragents-run-panel-change",
-  matchesKey: (key) => key.startsWith("ragents.orchestration.run-panel:"),
+  matchesKey: (key) => key.startsWith("ragents.orchestration.run-navigation:"),
   parse: parseRunPanelState,
   serialize: JSON.stringify,
 });

package/plugins/ragents.overseer/server/coordinator-prompt.ts

@@ -1,7 +1,6 @@
 export const coordinatorPrompt = `You coordinate tasks in RAgents.
 New runs may start with a domain task. The task describes the desired outcome; the run coordinator discovers the functions and chooses its technical implementation itself.
 For existing runs, check the type of the primary actor in the run view. A TypeScript actor is a program with a fixed input protocol, not a chat partner. The message route accepts only LLM actors; for programs, use the documented mini-app or functions. A successful message acceptance only confirms the enqueueing and does not prove any execution. Claim a restart or a completion only when the result shows it.
-The surface of a run consists of tiles. Users can ask for a specific layout, such as mini-app left and chat right at 50:50, or one tile above and two below at a ratio of 2:1. Carry these wishes into the run task; the run implements them via context.functions.canvas_layout_replace with a nested root. For existing runs, pass the layout task on to the LLM coordinator. Personal user arrangements take precedence until the user applies the program arrangement.
 Answer in the user's language with the necessary details. Refer to runs by their titles. Use simple hyphens and normal quotation marks.`;
 
 export const preparationPrompt = `${coordinatorPrompt}

package/plugins/ragents.reference/examples.ts

@@ -5,7 +5,7 @@ export const referenceConcepts = [
   { id: "fifo", label: "Input queue" },
   { id: "stop", label: "Stopping actors" },
   { id: "artifacts", label: "Artifacts and access" },
-  { id: "tiles", label: "Surface", entryKind: "walkthrough" },
+  { id: "app-navigation", label: "App navigation", entryKind: "walkthrough" },
   { id: "actor-views", label: "Mini-apps" },
   { id: "actor-state", label: "Actor state" },
   { id: "llm-actor-view", label: "LLM actor with view" },
@@ -20,7 +20,6 @@ export const referenceConcepts = [
   { id: "run-scripts", label: "Run scripts", entryKind: "script" },
   { id: "skills", label: "Skills", entryKind: "skill" },
   { id: "actor-functions", label: "Actor functions" },
-  { id: "view-placement", label: "Automatic view placement" },
   { id: "view-visibility", label: "View visibility" },
   { id: "global-coordinator", label: "Global coordinator", entryKind: "walkthrough" },
   { id: "conversation-reset", label: "Conversation reset", entryKind: "walkthrough" },

package/plugins/ragents.reference/run-scripts/balcony-wizard/RUN.md

@@ -8,7 +8,7 @@ tags: Run scripts, Use case, Concept demo, Mini-apps, LLM actor with view, Contr
 
 The TypeScript setup creates a balcony advisor with the role `standard` and explicitly
 without tools. The bundled program `actors/balcony-app/` binds a standalone mini-app to
-this actor. The surface shows only its tile instead of a chat tile; no coordinator
+this actor. The app is available beside Chat; no coordinator
 is created for this run. The advisor becomes the primary actor and keeps its own
 interview prompt.
 

package/plugins/ragents.reference/run-scripts/balcony-wizard/src/server.ts

@@ -4,7 +4,7 @@ import { Type } from "typebox";
 const contract = {
   state: Type.Object({ built: Type.Optional(Type.Boolean()) }, { additionalProperties: false }),
   functions: {},
-  input: { capabilities: ["model_list", "agent_spawn", "actor_program_activate", "canvas_layout_replace", "run_configure"] },
+  input: { capabilities: ["model_list", "agent_spawn", "actor_program_activate", "run_configure"] },
 } as const;
 
 const prompt = `You conduct a balcony interview in a standalone app. The user sees your current question or, at the end, your recommendation. You have no tools and answer as normal text.
@@ -25,7 +25,6 @@ export default defineActor(contract, {
       handle: "balcony-advisor", displayName: "Balcony advisor", prompt, profile: profile.name, tools: [],
     });
     await context.functions.actor_program_activate({ name: "balcony-app", actor: `@${advisor.handle}` });
-    await context.functions.canvas_layout_replace({ root: { entity: `app:@${advisor.handle}/main` } });
     await context.functions.run_configure({ title: "Your balcony", primaryActor: `@${advisor.handle}` });
     context.state.replace({ built: true });
   },

package/plugins/ragents.reference/run-scripts/balcony-wizard/tests/program.test.ts

@@ -8,7 +8,7 @@ const input = { id: "start", content: JSON.stringify({ input: null, options: {}
 function setup(options: { missingProfile?: boolean; failActivation?: boolean } = {}) {
   const calls: { name: string; input: unknown }[] = [];
   const functions = Object.fromEntries([
-    "model_list", "agent_spawn", "actor_program_activate", "canvas_layout_replace", "run_configure",
+    "model_list", "agent_spawn", "actor_program_activate", "run_configure",
   ].map((name) => [name, (value: unknown) => {
     calls.push({ name, input: value });
     if (name === "model_list") return { profiles: options.missingProfile ? [] : [{ name: "standard", driver: "agent", description: "Test profile", turnTimeoutMs: null, isolateWorkspace: false, provider: "test", model: "test" }], models: [] };
@@ -27,20 +27,19 @@ function setup(options: { missingProfile?: boolean; failActivation?: boolean } =
   return { calls, context };
 }
 
-test("sets up an advisor without tools and its own mini-app as the only tile", async () => {
+test("sets up an advisor without tools and its own mini-app in the app catalog", async () => {
   const { calls, context } = setup();
   await program.onInput!(input, context);
-  assert.deepEqual(calls.map((call) => call.name), ["model_list", "agent_spawn", "actor_program_activate", "canvas_layout_replace", "run_configure"]);
+  assert.deepEqual(calls.map((call) => call.name), ["model_list", "agent_spawn", "actor_program_activate", "run_configure"]);
   assert.deepEqual(calls.find((call) => call.name === "agent_spawn")?.input, {
     handle: "balcony-advisor", displayName: "Balcony advisor", profile: "standard", tools: [],
     prompt: (calls[1]!.input as { prompt: string }).prompt,
   });
   assert.deepEqual(calls[2]!.input, { name: "balcony-app", actor: "@balcony-advisor" });
-  assert.deepEqual(calls[3]!.input, { root: { entity: "app:@balcony-advisor/main" } });
-  assert.deepEqual(calls[4]!.input, { title: "Your balcony", primaryActor: "@balcony-advisor" });
+  assert.deepEqual(calls[3]!.input, { title: "Your balcony", primaryActor: "@balcony-advisor" });
   assert.deepEqual(context.state.read(), { built: true });
   await program.onInput!(input, context);
-  assert.equal(calls.length, 5);
+  assert.equal(calls.length, 4);
 });
 
 test("a missing role builds no unusable advisor", async () => {
@@ -50,7 +49,7 @@ test("a missing role builds no unusable advisor", async () => {
   assert.deepEqual(context.state.read(), {});
 });
 
-test("a failed view activation sets neither surface nor success state", async () => {
+test("a failed view activation neither configures the run nor marks setup complete", async () => {
   const options = { failActivation: true };
   const { calls, context } = setup(options);
   await assert.rejects(async () => program.onInput!(input, context), /View cannot be activated/);

package/plugins/ragents.reference/run-scripts/conversation-circle/RUN.md

@@ -1,13 +1,13 @@
 ---
 title: Set up conversation circle
-description: "A prepared setup shows parameterization through a start guide and the arrangement of a conversation circle. The coordinator then leads the rounds."
+description: "A prepared setup shows parameterization through a start guide and the participants of a conversation circle. The coordinator then leads the rounds."
 order: 120
 guide: ragents.reference.conversation-circle
 tags: Run scripts, Use case, Concept demo, Start guide, Agent teams
 ---
 
-A deterministic setup: the script sets up mira, jon, and ada as ordinary LLMs, splits
-the surface among them, and hands the briefing to the coordinator.
+A deterministic setup: the script sets up mira, jon, and ada as ordinary LLMs and hands
+the briefing to the coordinator.
 The card tests the model, this script tests the platform.
 
 The guide passes `{ "topic": "...", "rounds": 2 }`. `topic` contains 1 to 160 characters, `rounds` is an integer from 1 to 5. The start value `null` explicitly chooses the topic "Should city centers become car-free?" and two rounds. Other incomplete or invalid values are rejected before the setup. Topic and number of rounds control the display and the task, and the topic also controls the run title.

package/plugins/ragents.reference/run-scripts/conversation-circle/src/server.ts

@@ -4,7 +4,7 @@ import { Type } from "typebox";
 const contract = {
   state: Type.Object({ built: Type.Optional(Type.Boolean()) }, { additionalProperties: false }),
   functions: {},
-  input: { capabilities: ["model_list", "agent_spawn", "canvas_layout_replace", "actor_input", "run_configure"] },
+  input: { capabilities: ["model_list", "agent_spawn", "actor_input", "run_configure"] },
 } as const;
 
 type Start = { input: unknown };
@@ -57,22 +57,12 @@ export default defineActor(contract, {
       participants.push(`@${participant.handle}`);
     }
 
-    await context.functions.canvas_layout_replace({
-      root: {
-        direction: "vertical",
-        weights: [1, 1],
-        children: [
-          { entity: participants[0]! },
-          { direction: "horizontal", weights: [1, 1], children: [{ entity: participants[1]! }, { entity: participants[2]! }] },
-        ],
-      },
-    });
 
     await context.functions.actor_input({
       actor: "@coordinator",
-      content: `The circle is ready: ${participants.join(", ")} are set up, the surface is split. Topic: "${topic}". `
+      content: `The circle is ready: ${participants.join(", ")} are set up. Topic: "${topic}". `
         + `Run exactly ${rounds} conversation rounds: in each round ${participants.join(", ")} in this order. `
-        + "Each one receives the previous contributions. Do not change the surface. "
+        + "Each one receives the previous contributions. "
         + "At the end, summarize the conversation in three sentences.",
     });
 

package/plugins/ragents.reference/run-scripts/conversation-circle/tests/helpers.ts

@@ -2,7 +2,7 @@ import { createTestContext } from "@ragents/server/testing";
 
 export const setupContext = (profiles = [{ name: "coordinator", driver: "agent" }, { name: "standard", driver: "agent" }]) => {
   const calls: { name: string; input: unknown }[] = [];
-  const functions = Object.fromEntries(["model_list", "agent_spawn", "run_configure", "actor_input", "canvas_layout_replace", "actor_program_activate"].map((name) => [name, (input: unknown) => {
+  const functions = Object.fromEntries(["model_list", "agent_spawn", "run_configure", "actor_input", "actor_program_activate"].map((name) => [name, (input: unknown) => {
     calls.push({ name, input });
     if (name === "agent_spawn") {
       const handle = (input as { handle: string }).handle;

package/plugins/ragents.reference/run-scripts/conversation-circle/tests/program.test.ts

@@ -3,16 +3,11 @@ import test from "node:test";
 import program from "../src/server.ts";
 import { setupContext, startInput } from "./helpers.ts";
 
-test("topic and number of rounds control participants, surface, and task", async () => {
+test("topic and number of rounds control participants and task", async () => {
   const { calls, context } = setupContext();
   await program.onInput!(startInput({ topic: "Team breakfast", rounds: 3 }), context);
   assert.deepEqual(calls.filter((call) => call.name === "agent_spawn").map((call) => (call.input as { handle: string }).handle), ["mira", "jon", "ada"]);
   assert.deepEqual(calls.find((call) => call.name === "run_configure")?.input, { title: "Conversation circle: Team breakfast" });
-  const layout = calls.find((call) => call.name === "canvas_layout_replace")?.input as { root: unknown };
-  assert.deepEqual(layout.root, { direction: "vertical", weights: [1, 1], children: [
-    { entity: "@mira" },
-    { direction: "horizontal", weights: [1, 1], children: [{ entity: "@jon" }, { entity: "@ada" }] },
-  ] });
   assert.match(JSON.stringify(calls.at(-1)), /exactly 3 conversation rounds/);
   assert.deepEqual(context.state.read(), { built: true });
   const completedCalls = calls.length;

package/plugins/ragents.reference/run-scripts/learning-afternoon/src/server.ts

@@ -32,19 +32,12 @@ const contract = {
       capabilities: ["actor_input"],
     },
   },
-  input: { capabilities: ["model_list", "agent_spawn", "canvas_layout_replace", "run_configure", "actor_input", "event_subscribe", "event_unsubscribe", "event_query"] },
+  input: { capabilities: ["model_list", "agent_spawn", "run_configure", "actor_input", "event_subscribe", "event_unsubscribe", "event_query"] },
 } as const;
 
 const startMarker = "START_LEARNING_AFTERNOON";
 
 
-type Tile = { entity: string } | { direction: "vertical"; weights: [number, number]; children: [Tile, Tile] };
-
-function stackedTiles(entities: string[]): Tile {
-  const [first, ...rest] = entities;
-  return rest.length === 0 ? { entity: first! } : { direction: "vertical", weights: [1, rest.length], children: [{ entity: first! }, stackedTiles(rest)] };
-}
-
 function boardWith(helpers: HelperState[]): LearningState {
   const working = helpers.some((helper) => helper.status === "working");
   return { phase: working ? "working" : helpers.some((helper) => helper.status === "error") ? "error" : "complete", helpers };
@@ -72,13 +65,6 @@ export default defineActor(contract, {
         const actor = await context.functions.agent_spawn({ handle: `learning-${helper.id}`, displayName: helper.label, profile: profile.name, prompt, tools: [] });
         return { ...helper, actorId: actor.id };
       }));
-      await context.functions.canvas_layout_replace({
-        root: {
-          direction: "horizontal",
-          weights: [1, 1],
-          children: [{ entity: `app:@${context.actor.handle}/main` }, stackedTiles(helpers.map((helper) => `@learning-${helper.id}`))],
-        },
-      });
       await context.functions.run_configure({ title: learningWorkflow.title, primaryActor: `@${context.actor.handle}` });
       context.state.replace({ board: { phase: "ready", helpers } });
       return;

package/plugins/ragents.reference/run-scripts/learning-afternoon/tests/program.test.ts

@@ -19,7 +19,7 @@ function setup(options: { missingProfile?: boolean; failDispatch?: string; befor
   const calls: { name: string; input: unknown }[] = [];
   const history: CapabilityContracts["event_query"]["output"] = [];
   const functions = Object.fromEntries([
-    "model_list", "agent_spawn", "canvas_layout_replace", "run_configure", "actor_input", "event_subscribe", "event_unsubscribe", "event_query",
+    "model_list", "agent_spawn", "run_configure", "actor_input", "event_subscribe", "event_unsubscribe", "event_query",
   ].map((name) => [name, async (input: unknown) => {
     calls.push({ name, input });
     if (name === "model_list") return { profiles: options.missingProfile ? [] : [{ name: "standard", driver: "agent", description: "Test profile", turnTimeoutMs: null, isolateWorkspace: false, provider: "test", model: "test" }], models: [] };

package/plugins/ragents.reference/run-scripts/moderated-round/tests/helpers.ts

@@ -2,7 +2,7 @@ import { createTestContext } from "@ragents/server/testing";
 
 export const setupContext = (profiles = [{ name: "coordinator", driver: "agent" }, { name: "standard", driver: "agent" }]) => {
   const calls: { name: string; input: unknown }[] = [];
-  const functions = Object.fromEntries(["model_list", "agent_spawn", "run_configure", "actor_input", "canvas_layout_replace", "actor_program_activate"].map((name) => [name, (input: unknown) => {
+  const functions = Object.fromEntries(["model_list", "agent_spawn", "run_configure", "actor_input", "actor_program_activate"].map((name) => [name, (input: unknown) => {
     calls.push({ name, input });
     if (name === "agent_spawn") {
       const handle = (input as { handle: string }).handle;

package/plugins/ragents.reference/run-scripts/quick-note/RUN.md

@@ -10,5 +10,5 @@ tags: Run scripts, Concept demo, TypeScript actors
 
 The start value `{ "text": "..." }` is the note; without one, the script notes when it was
 started. The script makes the shared notebook active with `actor_program_ensure`, sends it the
-note, places the notebook's view with `canvas_layout_place`, and ends the start with
+note and ends the start with
 `context.finish`. Whether the roster check or this script comes first, the run has one notebook.

package/plugins/ragents.reference/run-scripts/quick-note/src/server.ts

@@ -4,7 +4,7 @@ import { Type } from "typebox";
 const contract = {
   state: Type.Object({}, { additionalProperties: false }),
   functions: {},
-  input: { capabilities: ["actor_program_ensure", "actor_input", "canvas_layout_place"] },
+  input: { capabilities: ["actor_program_ensure", "actor_input", ] },
 } as const;
 
 const noteOf = (input: unknown, now: string): string => {
@@ -23,7 +23,6 @@ export default defineActor(contract, {
     const note = noteOf(start.input, context.std.now());
     const notebook = await context.functions.actor_program_ensure({ name: "notebook" });
     await context.functions.actor_input({ actor: `@${notebook.handle}`, content: note });
-    await context.functions.canvas_layout_place({ entity: "app:notebook/main" });
     context.finish({ note, notebook: notebook.status }, { summary: `Noted: ${note}` });
   },
 });

package/plugins/ragents.reference/run-scripts/quick-note/tests/program.test.ts

@@ -11,7 +11,6 @@ const note = (status: "active" | "installed" = "installed") => {
   const context = createTestContext<Record<string, never>>({ state: {}, functions: {
     actor_program_ensure: record("actor_program_ensure", { actorId: "id-notebook", handle: "notebook", status }),
     actor_input: record("actor_input", []),
-    canvas_layout_place: record("canvas_layout_place", { placed: status === "installed" }),
   } });
   return { calls, context };
 };
@@ -22,7 +21,6 @@ test("sends the note to the shared notebook and reports it", async () => {
   assert.deepEqual(calls.map((call) => [call.name, call.input]), [
     ["actor_program_ensure", { name: "notebook" }],
     ["actor_input", { actor: "@notebook", content: "Ask about the budget" }],
-    ["canvas_layout_place", { entity: "app:notebook/main" }],
   ]);
   assert.deepEqual(context.finished, [{ result: { note: "Ask about the budget", notebook: "installed" }, summary: "Noted: Ask about the budget" }]);
 });

package/plugins/ragents.reference/run-scripts/run-roster/RUN.md

@@ -11,9 +11,9 @@ tags: Run scripts, Concept demo, TypeScript actors
 The TypeScript program reads the participants with `actor_list` and ends each start with
 `context.finish`. The owner reads the summary in the chat; a coordinator that starts it through
 `run_script_start` receives summary and list as a message. Started inside a running run through the
-run menu, `ragents script`, or the coordinator, it changes neither the primary actor nor the tiles,
+run menu, `ragents script`, or the coordinator, it preserves the primary actor,
 and a repeated start reuses the same actor. Started as a new run, it is the run's only participant.
 
 It shares the notebook with the quick note script: `shared-programs: notebook` copies the plugin's
 shared package into the run, `actor_program_ensure` makes it active once, and
-`canvas_layout_place` puts its view next to what is arranged.
+Its visible view enters the app catalog automatically.

package/plugins/ragents.reference/run-scripts/run-roster/src/server.ts

@@ -4,7 +4,7 @@ import { Type } from "typebox";
 const contract = {
   state: Type.Object({ reports: Type.Optional(Type.Number()) }, { additionalProperties: false }),
   functions: {},
-  input: { capabilities: ["actor_list", "actor_program_ensure", "actor_input", "canvas_layout_place"] },
+  input: { capabilities: ["actor_list", "actor_program_ensure", "actor_input", ] },
 } as const;
 
 export default defineActor(contract, {
@@ -19,7 +19,6 @@ export default defineActor(contract, {
     const summary = handles.length === 0 ? "No other participants yet." : `${handles.length} participant${handles.length === 1 ? "" : "s"}: ${handles.join(", ")}.`;
     const notebook = await context.functions.actor_program_ensure({ name: "notebook" });
     await context.functions.actor_input({ actor: `@${notebook.handle}`, content: `Roster: ${summary}` });
-    await context.functions.canvas_layout_place({ entity: "app:notebook/main" });
     context.state.replace({ reports: (context.state.read().reports ?? 0) + 1 });
     context.finish({ actors: others.map(({ handle, kind, lifecycle }) => ({ handle, kind, lifecycle })) }, { summary });
   },

package/plugins/ragents.reference/run-scripts/run-roster/tests/program.test.ts

@@ -14,7 +14,6 @@ const roster = (actors: ReturnType<typeof actor>[], state: { reports?: number }
     actor_list: record("actor_list", actors),
     actor_program_ensure: record("actor_program_ensure", { actorId: "id-notebook", handle: "notebook", status: "active" as const }),
     actor_input: record("actor_input", []),
-    canvas_layout_place: record("canvas_layout_place", { placed: true }),
   } });
   return { calls, context };
 };
@@ -29,7 +28,6 @@ test("reports the other participants as result and summary and notes them in the
   assert.deepEqual(calls.slice(1).map((call) => [call.name, call.input]), [
     ["actor_program_ensure", { name: "notebook" }],
     ["actor_input", { actor: "@notebook", content: "Roster: 2 participants: @coordinator, @helper." }],
-    ["canvas_layout_place", { entity: "app:notebook/main" }],
   ]);
   assert.deepEqual(context.state.read(), { reports: 1 });
 });

package/plugins/ragents.reference/run-scripts/shared-actor-list/src/server.ts

@@ -56,7 +56,7 @@ export default defineActor(contract, {
     await context.functions.actor_input({
       actor: "@coordinator",
       content: `The shared collection is called ${JSON.stringify(title)}. The run script has bound the program shared-list to @${helper.handle}. Its view is visible on the surface; the helper is currently adding the first entry with append_to_list. `
-        + "Below under Actors, its name opens the inspector with chat and details. Its tile is hidden by default and can be turned on in the Actors list when needed. "
+        + "Use the addressee selector to inspect its owner with chat and details. Open the mini-app from the app catalog. "
         + "Explain to the user in three sentences how to use the visible list, how to open the helper, and that the view and the function share the same list state.",
     });
 

package/plugins/ragents.reference/run-scripts/shared-actor-list/tests/helpers.ts

@@ -2,7 +2,7 @@ import { createTestContext } from "@ragents/server/testing";
 
 export const setupContext = (profiles = [{ name: "coordinator", driver: "agent" }, { name: "standard", driver: "agent" }], suffix = "") => {
   const calls: { name: string; input: unknown }[] = [];
-  const functions = Object.fromEntries(["model_list", "agent_spawn", "run_configure", "actor_input", "canvas_layout_replace", "actor_program_activate"].map((name) => [name, (input: unknown) => {
+  const functions = Object.fromEntries(["model_list", "agent_spawn", "run_configure", "actor_input", "actor_program_activate"].map((name) => [name, (input: unknown) => {
     calls.push({ name, input });
     if (name === "agent_spawn") {
       const handle = (input as { handle: string }).handle + suffix;

package/plugins/ragents.reference/run-scripts/word-game/src/contract.ts

@@ -19,5 +19,5 @@ export const contract = {
       capabilities: ["actor_input"],
     },
   },
-  input: { capabilities: ["model_list", "agent_spawn", "canvas_layout_replace", "run_configure", "event_subscribe", "event_query", "actor_input"] },
+  input: { capabilities: ["model_list", "agent_spawn", "run_configure", "event_subscribe", "event_query", "actor_input"] },
 } as const;

package/plugins/ragents.reference/run-scripts/word-game/src/server.ts

@@ -37,7 +37,6 @@ export default defineActor(contract, {
     try {
       if (!state.status) {
         await context.functions.run_configure({ title: "Word game", primaryActor: context.actor.id });
-        await context.functions.canvas_layout_replace({ root: { entity: `app:@${context.actor.handle}/main` } });
         const start = payloadOf(JSON.parse(input.content));
         if (start.input !== null || !start.options || typeof start.options !== "object" || Array.isArray(start.options)
           || Object.keys(start).some((key) => key !== "input" && key !== "options")) {

package/plugins/ragents.reference/run-scripts/word-game/tests/program.test.ts

@@ -26,7 +26,6 @@ function fixture(initialState: WordGameState = {}) {
         return { id: `actor-${input.handle}`, handle: input.handle };
       },
       run_configure: async (input) => { calls.push({ name: "run_configure", input }); return null; },
-      canvas_layout_replace: async (input) => { calls.push({ name: "canvas_layout_replace", input }); return null; },
       event_subscribe: async (input) => {
         calls.push({ name: "event_subscribe", input });
         return { subscriptionId: "subscription", sources: input.sourceActorIds ?? null };
@@ -190,7 +189,7 @@ test("a missing standard profile shows an error without creating participants",
   await program.onInput(firstInput, context);
   assert.equal(context.state.read().status, "error");
   assert.match(context.state.read().error!, /role standard is missing/);
-  assert.deepEqual(calls.map((call) => call.name), ["run_configure", "canvas_layout_replace", "model_list"]);
+  assert.deepEqual(calls.map((call) => call.name), ["run_configure", "model_list"]);
 });
 
 test("a restored state keeps counting the pending task and rebuilds nothing", async () => {

package/plugins/ragents.reference/skills/80-actor-text-analysis/SKILL.md

@@ -6,7 +6,7 @@ title: "Count characters, words, and lines"
 description: "Shows how the chat and a mini-app use the same TypeScript function and the same call counter. Hiding keeps the actor state."
 category: "Mini-apps"
 order: 10
-tags: "Use case, Concept demo, TypeScript actors, Actor functions, Actor state, Mini-apps, Automatic view placement, View visibility"
+tags: "Use case, Concept demo, TypeScript actors, Actor functions, Actor state, Mini-apps, View visibility"
 ---
 
 I would like a text analysis with a text field, a count button, and understandable errors. A TypeScript actor counts characters, words, lines, and its calls without AI. Check "The world is big." and "And beautiful." as two lines: 6 words. The interface shows the same call counter. Hide it and show it again; the state is kept. Use shared layout and form building blocks: input and result side by side, stacked when space is tight.

package/plugins/ragents.reference/skills/90-actor-notes/SKILL.md

@@ -6,7 +6,7 @@ title: "Hide notes and find them again"
 description: "Shows an automatically placed mini-app with note selection. When hiding and showing it again, the actor and notes are kept."
 category: "Mini-apps"
 order: 90
-tags: "Use case, Concept demo, TypeScript actors, Actor functions, Actor state, Mini-apps, Automatic view placement, View visibility"
+tags: "Use case, Concept demo, TypeScript actors, Actor functions, Actor state, Mini-apps, View visibility"
 ---
 
 I would like a TypeScript actor for my notes. Its interface with input and counter should appear on the surface by itself: a searchable list of titles on the left, the selected note on the right. Add a first note through its function. Hide the interface briefly and show it again without deleting the actor or resetting notes. Leave it open for entering my next idea.

package/plugins/ragents.reference/walkthroughs.ts

@@ -2,25 +2,24 @@ export const referenceWalkthroughs = [
   {
     id: "mini-app-owner-inspector",
     title: "Open the helper behind a mini-app",
-    description: "The mini-app stays visible as a tile; its owner is reachable even without a tile of its own.",
-    tags: ["Use case", "Concept demo", "Surface"],
+    description: "The app and its owner's chat share one run.",
+    tags: ["Use case", "Concept demo", "App navigation"],
     steps: [
-      "In the showcase profile, open Set up collection board and complete the guide. Expected: The list is a tile on the surface; its owner has no tile of its own.",
-      "Open Actors in the header and choose the name of the list owner. Expected: Its chat and details open on the right without changing the tile layout.",
-      "Drag the owner from the header onto the list tile and dock it on the right. Expected: Its tile appears next to the list; the mini-app stays usable and keeps its entries.",
-      "Remove the new tile again with the cross in its title bar and use the app again. Expected: The actor and its functions keep working; its name stays reachable in the header.",
+      "In the showcase profile, open Set up collection board and complete the guide. Expected: The list is available as a mini-app.",
+      "Open Chat and use the addressee selector's inspection action for the list owner. Expected: Its chat and details are available in Inspection.",
+      "Open the list app again. Expected: The same app and its entries remain available.",
     ],
   },
   {
-    id: "personal-tile-arrangement",
-    title: "Split a conversation circle differently",
-    description: "Tiles can be rearranged personally and reset to the program default.",
-    tags: ["Use case", "Concept demo", "Surface"],
+    id: "switch-chat-and-apps",
+    title: "Switch between chat and apps",
+    description: "Browser tabs keep drafts; VS Code opens one editor per app.",
+    tags: ["Use case", "Concept demo", "App navigation"],
     steps: [
-      "In the showcase profile, run the template Set up conversation circle and wait for the setup. Look at the layout set by the run.",
-      "Grab a tile by its title bar and dock it at the top edge of another tile. Expected: The layout changes immediately; all conversation partners keep working.",
-      "Move the divider between two tiles and reload the same run in the same browser. Expected: The personal layout is kept; the actors and the program arrangement are unchanged.",
-      "Choose Apply program default in the status bar. Expected: The surface shows the run's layout again; the button disappears until there is another change of your own.",
+      "Create two mini-apps in one run. Expected: Both become available without changing the selected chat.",
+      "In the browser, type an unsent chat draft, open an app and enter local input, then switch to Chat and back. Expected: Exactly one view is visible and both drafts survive.",
+      "In VS Code, open an app twice, move its editor to another group and open it again from the panel. Expected: The same editor is focused in its current group.",
+      "Hide the selected browser app. Expected: Chat is selected; showing the app again does not change selection. Questions and news remain in chat.",
     ],
   },
   {

package/apps/web/dist/assets/highlighted-body-KPVGNVTW-BwD4uYEe.js

@@ -1 +0,0 @@
-import{r,S as d,E as p,j as E,c as f}from"./mermaid-HWGCJPDP-CSCkaArr.js";var j=({code:i,language:e,maxHeight:o,raw:a,className:u,startLine:m,lineNumbers:n,...h})=>{let{shikiTheme:l}=r.useContext(d),t=p(),[c,s]=r.useState(a);return r.useEffect(()=>{if(!t){s(a);return}let g=t.highlight({code:i,language:e,themes:l},x=>{s(x)});g&&s(g)},[i,e,l,t,a]),E.jsx(f,{className:u,language:e,lineNumbers:n,maxHeight:o,result:c,startLine:m,...h})};export{j as HighlightedCodeBlockBody};

package/apps/web/dist/assets/main-KBrc5Q77.js

@@ -1,11 +0,0 @@
-import{a as ue,r as s,j as e,D as fe,b as pe,d as ee,B as g,X as Le,M as Ie,C as xe,e as _e,f as Be,g as He,h as Ue,u as Fe,i as qe,k as Te,l as Ke,m as $e,A as We,n as Qe,o as Ve,U as Ge,P as Xe,W as Ye,R as Je,p as le,q as J,s as Ze,t as et,v as tt,w as st,x as nt,y as at,z as rt,Q as ot,F as it,G as lt}from"./mermaid-HWGCJPDP-CSCkaArr.js";/**
- * @license lucide-react v1.46.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const me={name:"circle-question-mark",size:24,node:[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]],aliases:["help-circle","circle-help"]};me.node;const ct=ue(me);/**
- * @license lucide-react v1.46.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const he={name:"sparkles",size:24,node:[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]],aliases:["stars"]};he.node;const dt=ue(he);function ut(n,r,a,u){if(!r||n.source!==r||n.origin!==a)return;const o=n.data;if(!(!o||typeof o!="object"||Array.isArray(o))&&"type"in o){if(o.type==="ragents:help-ready")return{type:"ready"};if(o.type==="ragents:start-sample"&&"entry"in o&&typeof o.entry=="string"&&u.includes(o.entry))return{type:"start",entry:o.entry}}}function ft({onClose:n,sampleEntries:r,onStartSample:a}){const u=s.useRef(null),o=s.useRef(null),p=s.useRef(void 0),m=s.useRef(!1);s.useEffect(()=>()=>{var i;return(i=p.current)==null?void 0:i.call(p)},[]),s.useEffect(()=>{var j;const i=(j=o.current)==null?void 0:j.contentWindow;if(!i)return;const l=()=>i.postMessage({type:"ragents:help-context",canStartSamples:r.length>0,entries:r},window.location.origin),h=k=>{const c=ut(k,i,window.location.origin,r);(c==null?void 0:c.type)==="ready"&&l(),(c==null?void 0:c.type)==="start"&&!m.current&&(m.current=!0,a(c.entry))};return window.addEventListener("message",h),l(),()=>window.removeEventListener("message",h)},[a,r]);const x=()=>{var k;(k=p.current)==null||k.call(p);const i=o.current,l=i==null?void 0:i.contentDocument,h=l==null?void 0:l.defaultView;if(!i||!l||!h)return;l.documentElement.dataset.helpEmbedded="true";for(const c of l.querySelectorAll("a[href]"))new URL(c.href).origin!==window.location.origin&&(c.target="_blank",c.rel="noopener noreferrer");const j=c=>{var v;if(!c.defaultPrevented){if(c.key==="Escape")c.preventDefault(),n();else if(c.key==="Tab"){const w=[...l.querySelectorAll("a[href], button, input, select, textarea, summary, [tabindex]")].filter(S=>S.tabIndex>=0&&!S.matches(":disabled")&&S.getClientRects().length>0),L=c.shiftKey?w[0]:w.at(-1);if(!w.length||l.activeElement===L||l.activeElement===l.body){if(!c.shiftKey&&l.activeElement===l.body&&w.length)return;c.preventDefault(),(v=u.current)==null||v.focus()}}}};h.addEventListener("keydown",j),p.current=()=>h.removeEventListener("keydown",j)};return e.jsx(fe,{open:!0,onOpenChange:i=>{i||n()},children:e.jsxs(pe,{className:"gap-0 p-0",initialFocus:u,scope:"page",showCloseButton:!1,size:"full",children:[e.jsx(ee,{className:"sr-only",children:"Help"}),e.jsx(g,{"aria-label":"Close help",className:"absolute top-3 right-4.5 z-1 rounded-full",onClick:n,ref:u,size:"icon",variant:"outline",children:e.jsx(Le,{})}),e.jsx("iframe",{className:"min-h-0 w-full min-w-0 flex-[1_1_0] bg-background",onLoad:x,ref:o,src:"/help/index.html",tabIndex:0,title:"RAgents: homepage and documentation"})]})})}const pt="button:not([disabled]), a[href], input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])",ve="pointer-events-auto shadow-pop";function xt({onBusy:n,onClose:r,onOpen:a,open:u,panels:o,registry:p,runs:m}){const x=s.useRef(null);return s.useEffect(()=>{if(!u)return;const i=requestAnimationFrame(()=>{var h;const l=x.current;!l||l.contains(document.activeElement)||(h=l.querySelector(pt))==null||h.focus({preventScroll:!0})});return()=>cancelAnimationFrame(i)},[u]),e.jsxs(Ie,{className:"pointer-events-none flex h-[min(900px,100%)] w-[min(1440px,100%)] flex-col rounded-none bg-transparent p-0 ring-0",keepMounted:!0,onClose:r,open:u,scope:"workspace",size:"full",children:[e.jsx(ee,{className:"sr-only",children:"Overview"}),e.jsxs("div",{className:"flex min-h-0 min-w-0 flex-1 gap-4 max-[900px]:flex-col",id:"app-overview",ref:x,children:[o.map(({id:i,Panel:l})=>e.jsx(mt,{id:i,onBusy:n,onClose:r,onOpen:a,open:u,Panel:l,registry:p},i)),m&&e.jsx(ht,{...m})]})]})}function mt({id:n,onBusy:r,onClose:a,onOpen:u,open:o,Panel:p,registry:m}){const x=s.useCallback(i=>r(n,i),[n,r]);return s.useEffect(()=>()=>r(n,!1),[n,r]),e.jsx(xe,{className:`${ve} min-h-0 min-w-0 flex-1 gap-0 p-0`,children:e.jsx(p,{onBusy:x,onClose:a,onOpen:u,open:o,registry:m})})}function ht({activeId:n,canCreate:r,canDelete:a,onCreate:u,onDelete:o,onOpen:p,registry:m,sessions:x,seenRevisions:i,unreachable:l}){const[h,j]=s.useState(),[k,c]=s.useState(!1),[v,w]=s.useState(()=>new Set),[L,S]=s.useState(!1),[E,B]=s.useState(!1),H=()=>{c(!1),w(new Set)},b=f=>{w(O=>{const I=new Set(O);return I.delete(f)||I.add(f),I})},D=async f=>{B(!0),j(void 0);try{await o(f)}catch(O){j(O instanceof Error?O.message:String(O))}finally{B(!1)}},C=async()=>{await D(x.filter(f=>v.has(f.id)).map(f=>f.id)),S(!1),H()};return e.jsx("section",{"aria-labelledby":"overview-runs-title",className:"flex min-h-0 min-w-0 flex-1 flex-col max-[900px]:flex-[1_1_50%]",children:e.jsxs(xe,{className:`${ve} min-h-0 flex-1 gap-workspace-inset overflow-y-auto overscroll-contain pt-workspace-inset pr-6 pb-6 pl-6 max-[900px]:px-3 max-[900px]:pt-3.5 max-[900px]:pb-4`,children:[e.jsxs("header",{className:"flex flex-wrap items-center gap-x-3.5 gap-y-2.5",children:[e.jsxs("h2",{className:"text-[0.95rem] font-semibold",id:"overview-runs-title",children:["Runs ",e.jsx("span",{className:"ml-1 text-[0.8rem] font-medium tabular-nums text-muted-foreground",children:x.length})]}),l&&e.jsx("span",{className:"text-[0.72rem] font-medium text-destructive",role:"alert",children:"Server unreachable"}),a&&x.length>0&&e.jsx("div",{className:"ml-auto flex flex-wrap items-center gap-1",children:k?e.jsxs(e.Fragment,{children:[e.jsx(g,{onClick:()=>w(new Set(x.map(f=>f.id))),size:"sm",variant:"ghost",children:"All"}),e.jsx(g,{onClick:()=>w(new Set),size:"sm",variant:"ghost",children:"None"}),e.jsxs(g,{className:"ml-auto",disabled:v.size===0||E,onClick:()=>S(!0),size:"sm",variant:"destructive",children:["Delete (",v.size,")"]}),e.jsx(g,{onClick:H,size:"sm",variant:"ghost",children:"Done"})]}):e.jsx(g,{onClick:()=>c(!0),size:"sm",variant:"ghost",children:"Select"})})]}),h&&e.jsx("p",{className:"text-[0.72rem] font-medium text-destructive",role:"alert",children:h}),e.jsx("p",{className:"mb-5.5 text-[0.75rem] text-muted-foreground",children:"By last activity in the run. New activity has come in since you last viewed it."}),e.jsx(_e,{seenRevisions:i,activeId:n,onCreate:r?u:void 0,onDelete:a?f=>void D([f]):void 0,onSelect:p,onToggleSelected:b,registry:m,selectMode:k,selectedIds:v,sessions:x}),L&&e.jsx(fe,{open:!0,onOpenChange:f=>{!f&&!E&&S(!1)},children:e.jsxs(pe,{scope:"page",showCloseButton:!1,size:"small",children:[e.jsxs(Be,{children:[e.jsx(ee,{children:"Delete runs"}),e.jsx(He,{children:v.size===1?"One run will be permanently deleted.":`${v.size} runs will be permanently deleted.`})]}),e.jsxs(Ue,{children:[e.jsx(g,{disabled:E,onClick:()=>S(!1),variant:"outline",children:"Cancel"}),e.jsx(g,{disabled:E,onClick:()=>void C(),children:E?"Deleting ...":`Delete (${v.size})`})]})]})})]})})}const Z="flex min-h-0 min-w-0 flex-1 flex-col",vt="inline-flex w-header min-h-header items-center justify-center border-r border-border text-primary transition-colors duration-100 not-disabled:cursor-pointer hover:not-disabled:bg-accent focus-visible:outline-2 focus-visible:outline-ring/60 focus-visible:-outline-offset-3 aria-expanded:bg-primary aria-expanded:text-primary-foreground aria-pressed:bg-primary aria-pressed:text-primary-foreground disabled:opacity-45";function bt(){var ie;const n=Fe(),r=qe((ie=n.user)==null?void 0:ie.id),a=n.can("runs.read"),u=a&&n.can("runs.write"),o=n.can("runs.inspect"),p=a&&n.can("runs.delete"),m=Te(),x=s.useRef(null),i=s.useRef(null),[l,h]=s.useState(null),[j,k]=s.useState(null),[c,v]=s.useState(null),[w,L]=s.useState(null),[S,E]=s.useState(null),[B,H]=s.useState([]),[b,D]=s.useState(),[C,f]=s.useState(),[O,I]=s.useState(),[U,te]=s.useState(!1),[F,K]=s.useState(!1),[N,se]=s.useState(!1),[$,z]=s.useState(),[ge,we]=s.useState(!1),[ye,je]=s.useState(()=>new Set),[Se,ne]=s.useState(!1),_=s.useRef(void 0),W=s.useRef(!1),M=s.useCallback(()=>{if(!a)return Promise.resolve();if(_.current)return W.current=!0,_.current;const t=async()=>{do{W.current=!1;try{H(await et()),ne(!1)}catch{ne(!0)}}while(W.current)};return _.current=t().finally(()=>{_.current=void 0}),_.current},[a]);s.useEffect(()=>{if(!a||b)return;M();const t=Ke.subscribe($e.channels.runs,{},()=>void M()),d=setInterval(()=>void M(),5e3);return()=>{t(),clearInterval(d)}},[b,a,M]);const A=s.useCallback((t=!1)=>{var d;se(!1),t&&((d=x.current)==null||d.focus({preventScroll:!0}))},[]),Q=s.useCallback(()=>{z(void 0),we(!0),se(!0)},[]),V=s.useCallback(()=>{N?A(!0):Q()},[A,Q,N]);s.useEffect(()=>{const t=d=>{if(d.defaultPrevented||d.repeat||d.altKey||d.shiftKey||d.key.toLowerCase()!=="i"||d.metaKey===d.ctrlKey)return;const R=x.current;!R||R.closest("[inert]")||(d.preventDefault(),V())};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[V]);const G=s.useCallback((t,d)=>je(R=>{if(R.has(t)===d)return R;const P=new Set(R);return d?P.add(t):P.delete(t),P}),[]),ae=B,Ce=ae.find(t=>t.id===C),ke=s.useCallback(()=>{z(void 0),te(!0)},[]),Ne=s.useCallback(()=>K(!1),[]),Re=s.useCallback(()=>{te(!1),requestAnimationFrame(()=>{var t;return(t=i.current)==null?void 0:t.focus()})},[]),Ee=e.jsx(g,{"aria-label":"Open settings",onClick:ke,ref:i,size:"icon-lg",title:"Settings",variant:"ghost",children:e.jsx(tt,{})}),De=t=>{f(t),A(!0)},Oe=()=>{z(void 0),A(!0),D({id:crypto.randomUUID(),title:"New run",updatedAt:Date.now()})},ze=async t=>{const d=await Promise.allSettled(t.map(T=>st(T))),R=t.filter((T,Pe)=>d[Pe].status==="fulfilled");C!==void 0&&R.includes(C)&&f(void 0),await M();const P=d.find(T=>T.status==="rejected");if(P)throw P.reason};if(m.status==="loading")return e.jsx("div",{className:"m-auto p-6 text-muted-foreground",children:"Loading profile."});if(m.status==="failed")return e.jsx("div",{className:"flex h-full",children:e.jsx("main",{className:"relative z-1 flex min-h-0 min-w-0 flex-1 bg-[image:var(--surface-backdrop)]",children:e.jsxs("div",{className:Z,children:[e.jsx("header",{className:"flex min-h-[42px] flex-none items-center gap-3 border-b border-border-soft pr-0.5 pb-2 pl-2.5",children:e.jsx("div",{className:"flex min-w-0 flex-1 items-center gap-3 text-[0.82rem] font-semibold text-foreground",children:"Profile unavailable"})}),e.jsxs(We,{className:"m-auto max-w-[560px] gap-3 p-6",variant:"destructive",children:[e.jsx("p",{children:m.error}),e.jsx(g,{variant:"outline",onClick:()=>window.location.reload(),children:"Reload"})]})]})})});const y=m.registry,X=y.overviewPanels.filter(t=>t.readRight===void 0||n.can(t.readRight)),Y=X.filter(t=>(t.placement??"overview")==="overview"),Ae=X.filter(t=>t.placement==="toolbar"),q=a?X.find(t=>t.placement==="idle"):void 0,Me=a||Y.length>0,re=Y.some(t=>ye.has(t.id)),oe=Qe(a?C:void 0,N,O);return e.jsxs("div",{className:"flex h-full flex-col",children:[e.jsxs("header",{className:"relative z-[80] flex h-header flex-none items-stretch border-b border-border bg-shell shadow-bar",children:[Me&&e.jsx("div",{className:"relative flex flex-none self-stretch",children:e.jsx("button",{"aria-controls":"app-overview","aria-expanded":N,"aria-haspopup":"dialog","aria-keyshortcuts":"Meta+I Control+I","aria-label":N?"Close overview":"Open overview",className:vt,onClick:V,ref:x,title:`Overview (Cmd+I / Ctrl+I)${re?": processing":""}`,type:"button",children:re?e.jsx(Ve,{"aria-hidden":!0,className:"size-[18px]"}):e.jsx(dt,{size:22})})}),Ae.map(({id:t,Panel:d})=>e.jsx(ce,{id:t,onBusy:G,onClose:()=>z(void 0),onOpen:()=>{!U&&!F&&!b&&(A(),z(t))},open:$===t,Panel:d,registry:y,userLocation:oe},t)),e.jsx("div",{"aria-label":"Run title bar",className:"flex min-w-0 flex-1 items-stretch overflow-x-auto no-scrollbar focus-visible:outline-2 focus-visible:outline-ring/60 focus-visible:-outline-offset-3 max-md:in-[header:has([data-slot=overseer-toolbar][data-open=true])]:flex-[0_1_0]",ref:h,role:"region",tabIndex:0}),e.jsx(Ge,{}),e.jsxs("div",{className:"flex min-w-0 flex-[0_1_auto] items-stretch bg-shell has-data-[workspace-state=expanded]:w-[var(--workspace-panel-width,560px)] has-data-[workspace-state=expanded]:border-l has-data-[workspace-state=expanded]:border-border",children:[e.jsx("div",{className:"flex min-w-0 flex-1 empty:hidden",ref:k}),e.jsxs("div",{className:"flex flex-none items-center gap-1.5 px-2 max-md:gap-0.5 max-md:px-1",children:[n.can("settings.read")&&Ee,o&&e.jsx(g,{"aria-haspopup":"dialog","aria-label":"Open help",onClick:()=>{z(void 0),K(!0)},size:"icon-lg",title:"Help",variant:"ghost",children:e.jsx(ct,{})})]})]})]}),e.jsx(Xe,{failures:m.failures}),e.jsx(Ye.Provider,{value:w,children:e.jsx("div",{className:"relative flex min-h-0 flex-1 flex-col",ref:L,children:e.jsxs(Je.Provider,{value:S,children:[e.jsxs("div",{className:"relative flex h-auto min-h-0 flex-1",ref:E,children:[e.jsx("main",{className:"relative z-1 flex min-h-0 min-w-0 flex-1 bg-[image:var(--surface-backdrop)] @container/chat-content",children:a&&C?e.jsx(le,{headerContainer:l,workspaceHeaderContainer:j,statusContainer:c,onLocationChange:I,onViewed:r.markViewed,viewing:!N&&!U&&!F&&!b&&!$,registry:y,session:Ce??{id:C,title:"New run",updatedAt:Date.now()}},C):q?e.jsx("div",{className:Z,children:e.jsx(ce,{id:q.id,onBusy:G,onClose:()=>{},onOpen:()=>{},open:!N&&!U&&!F&&!b&&!$,Panel:q.Panel,registry:y,userLocation:oe},q.id)}):e.jsx("div",{className:Z,children:e.jsx("div",{className:"m-auto text-center text-muted-foreground",children:a?u?"Open the overview at the top left to choose a run or start a new one.":"Open the overview at the top left to choose a run. You have read access.":"No runs are shared with this user account."})})}),ge&&e.jsx(xt,{onOpen:Q,onBusy:G,onClose:()=>A(!0),open:N,panels:Y,registry:y,runs:a?{activeId:C,canCreate:u&&(n.can("runs.create")||y.scriptEntries.some(t=>J(n,t.id))),canDelete:p,onCreate:Oe,onDelete:ze,onOpen:De,registry:y,sessions:ae,seenRevisions:r.revisions,unreachable:Se}:void 0}),b&&e.jsx(le,{onStarted:()=>{f(b.id),D(void 0),M()},registry:y,session:b,startDialog:{onClose:()=>D(void 0),initialEntryId:b.startEntryId}},b.id),U&&e.jsx(Ze,{onClose:Re,registry:y}),o&&F&&e.jsx(ft,{onClose:Ne,sampleEntries:y.scriptEntries.filter(t=>J(n,t.id)).map(t=>t.id),onStartSample:t=>{!J(n,t)||!y.scriptEntries.some(d=>d.id===t)||(K(!1),z(void 0),A(),D({id:crypto.randomUUID(),title:"New run",updatedAt:Date.now(),startEntryId:t}))}})]}),e.jsx("footer",{"aria-label":"Run status bar",className:"relative flex h-statusbar w-full flex-none items-stretch pl-3 before:pointer-events-none before:absolute before:inset-0 before:z-[2] before:border-t before:border-border before:bg-shell before:shadow-status before:backdrop-blur-[16px] before:content-['']",ref:v})]})})})]})}function ce({id:n,onBusy:r,Panel:a,...u}){const o=s.useCallback(p=>r(n,p),[n,r]);return s.useEffect(()=>()=>r(n,!1),[n,r]),e.jsx(a,{...u,onBusy:o})}nt();const be=document.getElementById("root");if(!be)throw new Error("Root element is missing");const de=at.createRoot(be);try{const n=rt(window);de.render(e.jsx(s.StrictMode,{children:e.jsx(ot,{children:e.jsx(it,{children:e.jsx(bt,{})})})}))}catch(n){de.render(e.jsxs(lt,{children:[e.jsx("h1",{className:"my-3 text-[1.5rem]",children:"The view could not be loaded"}),e.jsx("p",{className:"mb-6 leading-normal",role:"alert",children:n instanceof Error?n.message:String(n)}),e.jsx(g,{onClick:()=>window.location.reload(),variant:"outline",children:"Reload"})]}))}