@centralu/win32-x64 0.1.0-beta.10 → 0.1.0-beta.11

package/Centralu/resources/host/app-template/AGENTS.md

@@ -6,7 +6,11 @@ screen (`ui/index.html`) and agents call the same tools as functions. Same tools
 ## Files
 
 - `centralu.app.json` — the manifest. `id` is `{{APP_ID}}` and must stay equal to this folder's
-  name. `home` is the tool Centralu calls to open the screen.
+  name. `home` is the tool Centralu calls to open the screen. Optionally,
+  `"view": { "span": { "cols": 2, "rows": 1 } }` recommends how many grid cells the app's panel takes
+  on Centralu's grid (each side 1 to 4; a session panel is 1 × 1). It is only a default: the person's
+  own choice, from the panel's top bar or in Settings, comes first, and the window may give the panel
+  less. The screen must still work at whatever size it gets.
 - `server.mjs` — the MCP server. Change it.
 - `ui/index.html` — the screen. Change it. It is read on every open, so edits show without a restart.
 - `runtime/` — **generated by Centralu. Never edit, format, move, or read it in full.** It is replaced
@@ -75,6 +79,27 @@ when an agent's call started it, on this app's screen when the screen did — an
 until the manifest's `uses` changes. The call waits while the person decides (up to 5 minutes). A
 refusal comes back as that error: show it plainly instead of retrying.
 
+## Dragging an item out of the screen
+
+An item the person may want to hand to a session (a card, a row, a record) should be draggable and
+carry two standard types, set in its `dragstart` handler:
+
+```js
+node.draggable = true
+node.addEventListener('dragstart', (e) => {
+  e.dataTransfer.setData('text/uri-list', item.url)          // the item's address
+  e.dataTransfer.setData('text/plain', `#${item.id} ${item.title}`) // one line naming it
+  e.dataTransfer.effectAllowed = 'copyMove'
+})
+```
+
+Dropped on a session, it goes into the message at the caret as a Markdown link,
+`[#12 Fix login](https://…)`; with no address, the text goes in as it is. Nothing else is needed:
+the browser does not hand a drag from the screen's frame to Centralu, so Centralu carries it out
+itself. Keep your own types next to these two for drags inside the screen (a card moved between
+columns), and keep the title to one line. If the session cannot use this app's tools (another
+project's session, an untrusted project), the link still goes in and Centralu tells the person why.
+
 ## The screen's look
 
 Centralu sends the person's theme to the screen (light or dark, their colours), and sends it again
@@ -85,12 +110,20 @@ when they switch. The template's `ui/index.html` already uses it; keep these whe
   `--font-sans`, `--font-text-md-size`, `--border-radius-md`, …) and Centralu's own
   (`--centralu-signal`, `--centralu-scrollbar-*`). It reads `app.getHostContext()`, because a change
   notification carries only what changed.
-- **Style with those variables**, each with a fallback (`color: var(--color-text-primary, #e9e9e9)`),
-  instead of fixed colours. Then the screen follows light and dark and sits on Centralu's background
-  (keep `background: transparent` on the page). The roles: `primary` / `secondary` / `tertiary` for
+- **Style with those variables only** — colours, and type and shape too (`--font-text-md-size`,
+  `--font-text-md-line-height`, `--font-sans`, `--font-weight-semibold`, `--border-radius-md`,
+  `--border-width-regular`, …) — instead of fixed values. Give each its fallback once, in the
+  `:root` block at the top of the stylesheet (Centralu's dark values, for the moment before the theme
+  arrives), and use those names everywhere below. Then the screen follows light and dark, the
+  person's font, line height and text size, and sits on Centralu's background (keep
+  `background: transparent` on the page). Spacing has no variable; keep it literal. The roles: `primary` / `secondary` / `tertiary` for
   text and surfaces in falling order; `--color-text-danger` for errors; `--color-text-warning` (the
   same as `--centralu-signal`) only for what waits on the person — it is Centralu's signal colour,
   the strongest thing on screen.
+- **Narrow first.** The screen is often a grid panel about 360–480px wide, or the inline view under
+  a tool card. Make it work at that width first: no fixed width over about 320px, rows that wrap
+  (`flex-wrap`), and below about 520px side-by-side parts stacked into one column (a media query in
+  this page measures the panel). Keep what waits on the person first. Check it at 360px.
 - **The "Centralu's scrollbar" block** in the stylesheet. It draws scrollbars the way Centralu
   does, from the theme. Do not add `scrollbar-color` or `scrollbar-width` outside its `@supports`
   guard: in Chromium they switch the styled scrollbar off.

package/Centralu/resources/host/app-template/ui/index.html

@@ -7,52 +7,92 @@
     <title>{{APP_NAME}}</title>
     <style>
       /*
-       * Colours, type and corners come from Centralu's theme: it sends MCP Apps style variables
-       * (applied by the script below), so the screen follows the person's theme, light or dark.
-       * The fallbacks are Centralu's dark theme, for a moment before the theme arrives.
+       * Colours, type and shape come from Centralu's theme: it sends MCP Apps style variables
+       * (applied by the script below), so the screen follows the person's theme, light or dark,
+       * and their font, line height and text size.
+       *
+       * Keep the fallbacks in this one block: they are Centralu's dark defaults, for the moment
+       * before the theme arrives. Every rule below reads these names, never a colour or size of
+       * its own. Spacing (margins, padding, gaps) has no theme variable and stays literal.
        */
+      :root {
+        --bg: var(--color-background-secondary, #1d1d1d);
+        --bg-hover: var(--color-background-tertiary, #353535);
+        --ink: var(--color-text-primary, #e9e9e9);
+        --danger: var(--color-text-danger, #ffa198);
+        --edge: var(--color-border-secondary, #353535);
+        --ring: var(--color-ring-primary, #909090);
+        --sans: var(--font-sans, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', system-ui, sans-serif);
+        --text: var(--font-text-md-size, 13px);
+        --leading: var(--font-text-md-line-height, 1.65);
+        --display: var(--font-heading-2xl-size, 28px);
+        --leading-tight: var(--font-heading-2xl-line-height, 1.3);
+        --radius: var(--border-radius-md, 4px);
+        --border: var(--border-width-regular, 1px);
+        /* Centralu's scrollbar (the block at the end) */
+        --sb-size: var(--centralu-scrollbar-size, 10px);
+        --sb-inset: var(--centralu-scrollbar-inset, 3px);
+        --sb-radius: var(--centralu-scrollbar-radius, 999px);
+        --sb-track: var(--centralu-scrollbar-track, transparent);
+        --sb-thumb: var(--centralu-scrollbar-thumb, #292929);
+        --sb-thumb-hover: var(--centralu-scrollbar-thumb-hover, #353535);
+      }
       body {
         margin: 16px;
-        font: var(--font-text-md-size, 13px) / var(--font-text-md-line-height, 1.65) var(--font-sans, system-ui, sans-serif);
-        color: var(--color-text-primary, #e9e9e9);
+        font-family: var(--sans);
+        font-size: var(--text);
+        line-height: var(--leading);
+        color: var(--ink);
         background: transparent;
       }
-      .count { font-size: 32px; font-variant-numeric: tabular-nums; margin-bottom: 12px; }
+      .count { font-size: var(--display); line-height: var(--leading-tight); font-variant-numeric: tabular-nums; margin-bottom: 12px; }
+      /*
+       * Narrow first (docs/apps.md 6.6): a view may be a grid panel 360px wide or the inline view
+       * under a tool card. Rows wrap instead of overflowing, nothing has a fixed width, and the
+       * layout only spreads out when there is room.
+       */
+      .actions { display: flex; flex-wrap: wrap; gap: 8px; }
       button {
         font: inherit;
         color: inherit;
-        background: var(--color-background-secondary, #1d1d1d);
-        border: var(--border-width-regular, 1px) solid var(--color-border-secondary, #353535);
-        border-radius: var(--border-radius-md, 4px);
+        background: var(--bg);
+        border: var(--border) solid var(--edge);
+        border-radius: var(--radius);
         padding: 4px 12px;
         cursor: pointer;
       }
-      button:hover { background: var(--color-background-tertiary, #353535); }
-      .error { color: var(--color-text-danger, #ffa198); margin-top: 8px; white-space: pre-wrap; }
+      button:hover { background: var(--bg-hover); }
+      :focus-visible { outline: var(--border) solid var(--ring); outline-offset: 1px; }
+      .error { color: var(--danger); margin-top: 8px; white-space: pre-wrap; overflow-wrap: anywhere; }
+      @media (max-width: 420px) {
+        body { margin: 12px; }
+      }
 
       /*
        * Centralu's scrollbar. Keep this block: it draws scrollbars the way Centralu does, from the
-       * theme's scrollbar variables, with its dark values as fallbacks.
+       * theme's scrollbar variables.
        */
-      ::-webkit-scrollbar { width: var(--centralu-scrollbar-size, 10px); height: var(--centralu-scrollbar-size, 10px); }
-      ::-webkit-scrollbar-track { background: var(--centralu-scrollbar-track, transparent); }
+      ::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); }
+      ::-webkit-scrollbar-track { background: var(--sb-track); }
       ::-webkit-scrollbar-thumb {
-        background: var(--centralu-scrollbar-thumb, #292929);
-        border: var(--centralu-scrollbar-inset, 3px) solid transparent;
+        background: var(--sb-thumb);
+        border: var(--sb-inset) solid transparent;
         background-clip: content-box;
-        border-radius: var(--centralu-scrollbar-radius, 999px);
+        border-radius: var(--sb-radius);
       }
-      ::-webkit-scrollbar-thumb:hover { background: var(--centralu-scrollbar-thumb-hover, #353535); background-clip: content-box; }
+      ::-webkit-scrollbar-thumb:hover { background: var(--sb-thumb-hover); background-clip: content-box; }
       /* Only where ::-webkit-scrollbar does not exist: elsewhere scrollbar-color would switch it off */
       @supports not selector(::-webkit-scrollbar) {
-        * { scrollbar-color: var(--centralu-scrollbar-thumb, #292929) var(--centralu-scrollbar-track, transparent); scrollbar-width: thin; }
+        * { scrollbar-color: var(--sb-thumb) var(--sb-track); scrollbar-width: thin; }
       }
     </style>
   </head>
   <body>
     <div class="count" id="count">…</div>
-    <button id="increment">+1</button>
-    <button id="reset">Reset</button>
+    <div class="actions">
+      <button id="increment">+1</button>
+      <button id="reset">Reset</button>
+    </div>
     <div class="error" id="error"></div>
 
     <!-- Centralu replaces this tag with the MCP App bridge (runtime/mcp-app.js). Keep it. -->

package/Centralu/resources/host/bundle-info.json

@@ -1,7 +1,7 @@
 {
-  "commit": "7bec5ad",
+  "commit": "181a36f",
   "protocolVersion": 1,
-  "builtAt": "2026-10-05T04:24:13.098Z",
+  "builtAt": "2026-10-06T03:15:42.666Z",
   "runtime": "system-node",
   "platform": "win32",
   "arch": "x64"

package/Centralu/resources/host/codex-orchestrator-bridge.mjs

@@ -3798,11 +3798,11 @@ async function handle(msg) {
   }
   if (method === "tools/call") {
     try {
-      const r = await rpc("orchestrator.tool", {
-        sessionId: SESSION_ID,
-        name: params?.name,
-        args: params?.arguments ?? {}
-      });
+      const r = await rpc(
+        "orchestrator.tool",
+        { sessionId: SESSION_ID, name: params?.name, args: params?.arguments ?? {} },
+        APP_CALL_TIMEOUT_MS
+      );
       return ok(id, { content: [{ type: "text", text: r.text }], isError: r.isError === true });
     } catch (e) {
       return ok(id, { content: [{ type: "text", text: `Could not run the tool \u2014 ${e.message}` }], isError: true });