@cmodjs/core 4.0.3 → 4.1.1

package/runtime/ui.js

@@ -1,6 +1,6 @@
 import { isObject } from '../records.js';
 import { TurnEnd } from '../ui/areas.js';
-import { Box, drawWith, elementData, Text } from '../ui/elements.js';
+import { Box, drawWith, elementData, Markdown, Text } from '../ui/elements.js';
 import { checkPane, checkPart, sizeKeys } from '../ui/panes.js';
 import { componentOf, nameOf } from '../ui/styles.js';
 import { messageOf } from '../utils/text.js';
@@ -11,7 +11,16 @@ export const partMethods = {
     press: 'cmod:press',
     shown: 'cmod:shown',
     changed: 'cmod:partsChanged',
+    stylers: 'cmod:markdownStylers',
 };
+export const stalePress = 'that button drew before the last redraw. Press the one it shows now.';
+const unmeasuredColumns = 80;
+export function viewportColumns(e) {
+    return e.viewport?.columns ?? unmeasuredColumns;
+}
+export function styledAt(e, columns = viewportColumns(e)) {
+    return { surface: e.surface, columns: Math.max(columns, 0) };
+}
 const bullet = '⏺';
 function paneSize(pane, state) {
     const size = {};
@@ -75,32 +84,39 @@ function drawPieces(pieces, place) {
         return Box({ children: [Box({ minWidth: 2, children: Text({ color: 'text', children: bullet }) }), column(spaced)] });
     return column([opening, Box({ paddingLeft: 2, children: column(rest) })]);
 }
-function merged(updates) {
+export function merged(updates) {
     const parts = updates.findLast((update) => update.parts !== undefined)?.parts;
     const requests = updates.flatMap((update) => update.requests ?? []);
     const isRedrawn = updates.some((update) => update.redraw === true);
     return { ...(parts === undefined ? {} : { parts }), ...(isRedrawn ? { redraw: true } : {}), ...(requests.length === 0 ? {} : { requests }) };
 }
 const keptDrawInputs = 200;
-export function createUi({ name, claude, router, report, announce, mod }) {
+export function createUi({ name, claude, router, report, announce, mod, borrowed, nextDraw }) {
     const panes = new Map();
     const paneLogs = new Map();
     const openPanes = new Set();
     const paneStates = new Map();
     const syncPanes = async () => {
-        for (const open of await claude.ui.panes()) {
-            if (!panes.has(open.id))
-                continue;
-            if (open.isPlaced)
-                openPanes.add(open.id);
-            paneStates.set(open.id, { isShown: open.isShown, isFocused: open.isFocused });
+        const listed = new Map((await claude.ui.panes()).map((open) => [open.id, open]));
+        for (const id of panes.keys()) {
+            const open = listed.get(id);
+            if (open?.isPlaced === true)
+                openPanes.add(id);
+            else
+                openPanes.delete(id);
+            if (open === undefined)
+                paneStates.delete(id);
+            else
+                paneStates.set(id, { isShown: open.isShown, isFocused: open.isFocused });
         }
     };
-    const readPanes = () => void syncPanes().catch((error) => claude.ui.log(`${name} keeps its panes' shown and focused state from before: ${messageOf(error)}`, { to: 'debug' }));
+    const readPanes = () => syncPanes().catch((error) => claude.ui.log(`${name} keeps its panes' open, shown, and focused state from before: ${messageOf(error)}`, { to: 'debug' }));
     const requestedSizes = new Map();
     const styles = new Set();
     const markdownRenders = new Map();
     let read;
+    let stylers = [];
+    let stylersSeen = 0;
     let isRouted = false;
     let isResizeQueued = false;
     const widgets = new Map();
@@ -110,17 +126,55 @@ export function createUi({ name, claude, router, report, announce, mod }) {
     const draws = new Map();
     const latestDraws = new Map();
     const failedDraws = new Set();
-    let drawCount = 0;
     let beforeStart = [];
     let askedDepth = 0;
+    const askedCalls = new Set();
     let unheldRequests = 0;
     let collected;
     let collecting = 0;
     let queued;
     const partList = () => ({
-        widgets: [...widgets.values()].map(({ id, title, areas: listed }) => ({ id, title, areas: listed })),
+        widgets: [...widgets.values()].map(({ id, title, areas: listed, place }) => ({ id, title, areas: listed, ...(place === undefined ? {} : { place }) })),
         pages: [...pages.values()].map(({ init: { id, title }, place }) => ({ id, title, place })),
+        ...(markdownRenders.size > 0 ? { stylesMarkdown: true } : {}),
     });
+    const hear = (listed, isRestyled) => {
+        if (!Array.isArray(listed))
+            return;
+        const heard = listed.filter((styler) => typeof styler === 'string' && styler !== name);
+        if (!isRestyled && heard.join('\0') === stylers.join('\0'))
+            return;
+        stylers = heard;
+        stylersSeen += 1;
+        if (name === cmodPluginName || panes.size > 0)
+            claude.ui.invalidate('ui.render');
+    };
+    const treeOf = (render, handlers) => {
+        const drawn = render();
+        return drawn === undefined ? null : elementData(drawn, handlers);
+    };
+    const isAnyDrawingChanged = () => {
+        for (const [key, inputs] of latestDraws) {
+            if (key === 'markdown')
+                continue;
+            for (const sent of inputs.values()) {
+                const handlers = [];
+                try {
+                    if (JSON.stringify(treeOf(sent.render, handlers)) !== sent.tree)
+                        return true;
+                }
+                catch (error) {
+                    claude.ui.log(`${name}: the ${key} drawing threw, so the cmod plugin asks for it again: ${messageOf(error)}`, { to: 'debug' });
+                    return true;
+                }
+                const latest = sent.draws.at(-1);
+                if (latest !== undefined && draws.has(latest))
+                    draws.set(latest, { id: key, handlers });
+            }
+        }
+        return false;
+    };
+    const withNeededRedraw = ({ redraw, ...update }) => (redraw === true && isAnyDrawingChanged() ? { ...update, redraw } : update);
     const send = (update) => {
         if (collected !== undefined)
             return void collected.push(update);
@@ -132,21 +186,33 @@ export function createUi({ name, claude, router, report, announce, mod }) {
         const batch = [update];
         if (!isAsked)
             queued = batch;
-        const tell = () => {
+        const tell = async () => {
             if (queued === batch)
                 queued = undefined;
-            const input = { ...merged(batch), ...(isAsked ? { isAsked: true } : {}) };
+            const needed = withNeededRedraw(merged(batch));
+            if (Object.keys(needed).length === 0)
+                return;
+            const input = { ...needed, ...(isAsked ? { isAsked: true } : {}) };
             return claude.cmod.call({ to: cmodPluginName, method: partMethods.changed, input }).then((answer) => {
                 if (isAsked && input.requests !== undefined && !(isObject(answer) && answer['isHeld'] === true))
                     unheldRequests += 1;
+                if (isObject(answer) && name !== cmodPluginName)
+                    hear(answer['stylers'], false);
             }, (error) => claude.ui.log(`${name}: the cmod plugin did not hear about its pages and widgets: ${messageOf(error)}`, { to: 'debug' }));
         };
-        return isAsked ? tell() : Promise.resolve().then(tell);
+        if (!isAsked)
+            return Promise.resolve().then(tell);
+        const told = tell().finally(() => askedCalls.delete(told));
+        askedCalls.add(told);
+        return told;
     };
     const asked = async (run) => {
         askedDepth += 1;
         try {
-            return await run();
+            const value = await run();
+            while (askedCalls.size > 0)
+                await Promise.allSettled(askedCalls);
+            return value;
         }
         finally {
             askedDepth -= 1;
@@ -163,7 +229,7 @@ export function createUi({ name, claude, router, report, announce, mod }) {
         }
         const mine = collected;
         collected = collecting === 0 ? undefined : [];
-        return merged(mine);
+        return withNeededRedraw(merged(mine));
     };
     const logOnce = (what) => {
         let hasLogged = false;
@@ -174,30 +240,49 @@ export function createUi({ name, claude, router, report, announce, mod }) {
         };
     };
     const renderOf = (type) => markdownRenders.get(type);
-    const markdownIn = (table) => {
+    const drawnBlock = (piece, at, drawClaudes, table) => {
+        if ('text' in piece)
+            return drawClaudes(piece.text);
+        const { render, props: block } = piece;
+        const draw = () => render.Component({ ...block, ...at, Default: ({ source = block.source }) => drawClaudes(source) });
+        try {
+            return table === undefined ? draw() : drawWith(table, draw);
+        }
+        catch (error) {
+            render.log(threw(error));
+            return drawClaudes(block.source);
+        }
+    };
+    const othersFrom = (table, at, from) => (props) => {
+        for (const [index, styler] of stylers.entries()) {
+            if (index < from)
+                continue;
+            const cached = `${stylersSeen}\u0000${at.surface}\u0000${at.columns}\u0000${props.text}`;
+            const drawn = drawWith(table, () => borrowed(styler, cached, { markdown: props.text, ...at }), othersFrom(table, at, index + 1));
+            if (drawn !== undefined)
+                return drawn;
+        }
+        return table.Markdown(props);
+    };
+    const markdownIn = (table, at) => {
         const reader = read;
+        const others = othersFrom(table, at, 0);
         if (reader === undefined)
-            return undefined;
+            return stylers.length === 0 ? undefined : others;
         return (props) => {
             const pieces = reader(props.text, renderOf);
             if (pieces.every((piece) => 'text' in piece))
-                return table.Markdown(props);
-            const drawClaudes = (text) => table.Markdown({ ...props, text });
-            const drawings = pieces.map((piece) => {
-                if ('text' in piece)
-                    return drawClaudes(piece.text);
-                const { render, props: block } = piece;
-                try {
-                    return drawWith(table, () => render.Component({ ...block, Default: ({ source = block.source }) => drawClaudes(source) }));
-                }
-                catch (error) {
-                    render.log(threw(error));
-                    return drawClaudes(block.source);
-                }
-            });
+                return others(props);
+            const drawings = pieces.map((piece) => drawnBlock(piece, at, (text) => others({ ...props, text }), table));
             return drawPieces(drawings.map((drawing) => ({ drawing, isClaudesRow: false })), 'pane');
         };
     };
+    const markdownDrawing = (text, at) => {
+        const pieces = read === undefined ? [] : read(text, renderOf);
+        if (pieces.every((piece) => 'text' in piece))
+            return Markdown({ text });
+        return drawPieces(pieces.map((piece) => ({ drawing: drawnBlock(piece, at, (source) => Markdown({ text: source })), isClaudesRow: false })), 'pane');
+    };
     const routeMarkdown = (createReader) => {
         if (read !== undefined)
             return;
@@ -215,7 +300,7 @@ export function createUi({ name, claude, router, report, announce, mod }) {
                 if ('text' in piece)
                     return { drawing: await drawClaudes(piece.text, index === 0), isClaudesRow: true };
                 const { render, props: block } = piece;
-                const component = await drawComponent(table, (Default) => render.Component({ ...block, Default }), ({ source = block.source }, isClaudesRow) => drawClaudes(source, index === 0 && isClaudesRow));
+                const component = await drawComponent(table, (Default) => render.Component({ ...block, ...styledAt(e), id: e.requestId, Default }), ({ source = block.source }, isClaudesRow) => drawClaudes(source, index === 0 && isClaudesRow));
                 if (!('failure' in component))
                     return component;
                 render.log(component.failure);
@@ -260,10 +345,10 @@ export function createUi({ name, claude, router, report, announce, mod }) {
             const { init } = added;
             openPanes.add(init.id);
             paneStates.set(init.id, { isShown: true, isFocused: e.props.isFocused });
-            readPanes();
+            void readPanes();
             const table = claude.ui.resolve(e);
             try {
-                return drawWith(table, () => init.render(mod(), { ...e.props, params: added.params }), markdownIn(table));
+                return drawWith(table, () => init.render(mod(), { ...e.props, surface: e.surface, params: added.params }), markdownIn(table, styledAt(e, e.props.bodyColumns)));
             }
             catch (error) {
                 paneLogs.get(init.id)?.(`threw: ${messageOf(error)}`);
@@ -281,8 +366,8 @@ export function createUi({ name, claude, router, report, announce, mod }) {
         router.add('ui.close', async (e, next) => {
             openPanes.delete(e.id);
             paneStates.delete(e.id);
-            readPanes();
             const closed = await next(e);
+            await readPanes();
             const init = panes.get(e.id)?.init;
             if (init?.onClose !== undefined)
                 await handle(init, 'onClose', () => init.onClose?.(mod(), e));
@@ -427,14 +512,15 @@ export function createUi({ name, claude, router, report, announce, mod }) {
         const Component = (props) => render(mod(), props);
         const stop = (subscription) => () => {
             subscription?.remove();
-            if (markdown !== undefined)
-                markdownRenders.delete(markdown.markdown);
+            if (markdown !== undefined && markdownRenders.delete(markdown.markdown))
+                void send({ parts: partList() });
             styles.delete(feature);
             claude.ui.invalidate('ui.render');
         };
         if (markdown !== undefined) {
             markdownRenders.set(markdown.markdown, { Component, log: logOnce(`${nameOf(kind)} style`) });
             routeMarkdown(markdown.createReader);
+            void send({ parts: partList() });
             return { kind, remove: stop() };
         }
         const log = logOnce(`${nameOf(kind)} style`);
@@ -442,7 +528,7 @@ export function createUi({ name, claude, router, report, announce, mod }) {
             if (e.component !== component)
                 return next(e);
             const table = claude.ui.resolve(e);
-            const drawn = await drawComponent(table, (Default) => Component({ ...e.props, Default }), (given, isClaudesRow) => next({ ...e, props: pieceProps(e.props, given, isClaudesRow) }));
+            const drawn = await drawComponent(table, (Default) => Component({ ...e.props, ...styledAt(e), id: e.requestId, Default }), (given, isClaudesRow) => next({ ...e, props: pieceProps(e.props, given, isClaudesRow) }));
             if ('failure' in drawn) {
                 log(drawn.failure);
                 return next(e);
@@ -455,48 +541,49 @@ export function createUi({ name, claude, router, report, announce, mod }) {
     };
     const forgetDraws = (key) => {
         for (const kept of latestDraws.get(key)?.values() ?? [])
-            for (const draw of kept)
+            for (const draw of kept.draws)
                 draws.delete(draw);
         latestDraws.delete(key);
     };
     const drawPart = (key, title, input, render) => {
         try {
             const pressed = [];
-            const drawn = render();
-            const tree = drawn === undefined ? null : elementData(drawn, pressed);
+            const tree = treeOf(render, pressed);
             failedDraws.delete(key);
-            drawCount += 1;
+            const number = nextDraw();
             const inputs = latestDraws.get(key) ?? new Map();
             latestDraws.set(key, inputs);
             const drawnFor = JSON.stringify('turn' in input ? { ...input, turn: input.turn.prompt.id } : input);
-            const earlier = inputs.get(drawnFor) ?? [];
-            const kept = [...earlier, drawCount].slice(-2);
+            const earlier = inputs.get(drawnFor)?.draws ?? [];
+            const kept = [...earlier, number].slice(-2);
             for (const draw of earlier)
                 if (!kept.includes(draw))
                     draws.delete(draw);
             inputs.delete(drawnFor);
-            inputs.set(drawnFor, kept);
+            inputs.set(drawnFor, { draws: kept, tree: JSON.stringify(tree), render });
             const [oldest] = inputs;
             if (inputs.size > keptDrawInputs && oldest !== undefined) {
-                for (const draw of oldest[1])
+                for (const draw of oldest[1].draws)
                     draws.delete(draw);
                 inputs.delete(oldest[0]);
             }
-            draws.set(drawCount, { id: key, handlers: pressed });
-            return { draw: drawCount, tree };
+            draws.set(number, { id: key, handlers: pressed });
+            return { draw: number, tree };
         }
         catch (error) {
             if (!failedDraws.has(key))
                 report({ id: key, message: `The ${title} could not draw`, error });
             failedDraws.add(key);
-            return null;
+            throw error;
         }
     };
     const draw = (input) => {
+        if ('markdown' in input)
+            return drawPart('markdown', 'markdown style', input, () => markdownDrawing(input.markdown, { surface: input.surface, columns: input.columns }));
         if ('page' in input) {
             const added = pages.get(input.page);
             if (added === undefined)
-                return null;
+                throw new Error(`${name} has no ${input.page} page.`);
             return drawPart(`page:${input.page}`, `${added.init.title} page`, input, () => added.init.render(mod(), { params: input.params, isFocused: input.isFocused, columns: input.columns }));
         }
         const widget = widgets.get(input.widget);
@@ -506,19 +593,25 @@ export function createUi({ name, claude, router, report, announce, mod }) {
         const context = (input.area === TurnEnd && input.turn !== undefined ? { area: input.area, columns: input.columns, turn: input.turn } : { area: input.area, columns: input.columns });
         return drawPart(`widget:${widget.id}`, `${widget.title} widget`, input, () => widget.render(mod(), context));
     };
-    const press = async ({ draw: drawn, handler, args }) => {
+    const press = async ({ draw: drawn, handler, args }, caller) => {
         const known = draws.get(drawn);
         const run = known?.handlers[handler];
         if (known === undefined || run === undefined)
-            throw new Error(`${name}: that button drew before the last redraw. Press the one it shows now.`);
-        return collect(async () => {
+            throw new Error(`${name}: ${stalePress}`);
+        if (caller !== cmodPluginName && known.id !== 'markdown')
+            throw new Error(`${name}: ${caller} pressed a button only the cmod plugin draws.`);
+        const pressed = async () => {
             try {
                 await run(...args);
             }
             catch (error) {
                 report({ id: known.id, message: 'Its button failed', error });
             }
-        });
+        };
+        if (caller === cmodPluginName)
+            return collect(pressed);
+        await pressed();
+        return null;
     };
     return {
         panes: { add: addPane },
@@ -539,19 +632,28 @@ export function createUi({ name, claude, router, report, announce, mod }) {
                 await passOn();
             return answer;
         },
-        answer(method, input) {
+        answer(method, input, caller) {
+            const isMarkdown = method === partMethods.draw && isObject(input) && typeof input['markdown'] === 'string';
+            if (caller !== cmodPluginName && !isMarkdown && method !== partMethods.press)
+                return undefined;
             if (method === partMethods.list)
                 return Promise.resolve({ value: partList() });
             if (method === partMethods.draw)
-                return Promise.resolve({ value: draw(input) });
+                return Promise.resolve().then(() => ({ value: draw(input) }));
             if (method === partMethods.press)
-                return press(input).then((value) => ({ value }));
+                return press(input, caller).then((value) => ({ value }));
             if (method === partMethods.shown) {
                 shownPages = input;
                 return Promise.resolve({ value: null });
             }
+            if (method === partMethods.stylers) {
+                hear(input, true);
+                return Promise.resolve({ value: null });
+            }
             return undefined;
         },
+        markdownIn,
+        restyled: (stylers) => hear(stylers, true),
         started() {
             const held = merged(beforeStart ?? []);
             beforeStart = undefined;

package/runtime/watches.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"watches.d.ts","sourceRoot":"","sources":["../src/runtime/watches.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAE3C,MAAM,MAAM,OAAO,GAAG;IAAE,GAAG,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,GAAG,YAAY,CAAA;CAAE,CAAA;AAQhH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CA4DzF"}
+{"version":3,"file":"watches.d.ts","sourceRoot":"","sources":["../src/runtime/watches.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAE3C,MAAM,MAAM,OAAO,GAAG;IAAE,GAAG,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,GAAG,YAAY,CAAA;CAAE,CAAA;AAUhH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAyEzF"}

package/runtime/watches.js

@@ -1,12 +1,17 @@
 import { ifMissing } from '../utils/paths.js';
 const watchMs = 500;
+const missingEvery = 4;
 const watchedFiles = 2000;
 export function createWatches(claude, report) {
     const watches = new Set();
     let polling;
     let isPolling = false;
-    const stampsOf = async (paths) => {
+    let ticks = 0;
+    const stampsOf = async (watch) => {
+        const { paths } = watch;
         const stamps = new Map();
+        const missing = new Set();
+        const skipped = ticks % missingEvery === 0 ? new Set() : watch.missing;
         const visit = async (path) => {
             const stat = await claude.fs.stat(path).catch(ifMissing(undefined));
             if (stat === undefined)
@@ -19,8 +24,16 @@ export function createWatches(claude, report) {
             for (const entry of await claude.fs.list(path).catch(ifMissing([])))
                 await visit(`${path}/${entry.name}`);
         };
-        for (const path of paths)
+        for (const path of paths) {
+            if (skipped.has(path)) {
+                missing.add(path);
+                continue;
+            }
             await visit(path);
+            if (![...stamps.keys()].some((seen) => seen === path || seen.startsWith(`${path}/`)))
+                missing.add(path);
+        }
+        watch.missing = missing;
         return stamps;
     };
     const stop = (watch) => {
@@ -30,7 +43,7 @@ export function createWatches(claude, report) {
         polling?.cancel();
         polling = undefined;
     };
-    const stampsOrStop = (watch) => stampsOf(watch.paths).catch((error) => {
+    const stampsOrStop = (watch) => stampsOf(watch).catch((error) => {
         stop(watch);
         report({ id: 'fs:onChange', message: 'Could not read the files fs.onChange watches', error });
         return undefined;
@@ -39,6 +52,7 @@ export function createWatches(claude, report) {
         if (isPolling)
             return;
         isPolling = true;
+        ticks += 1;
         try {
             for (const watch of watches) {
                 const now = await stampsOrStop(watch);
@@ -63,7 +77,7 @@ export function createWatches(claude, report) {
     };
     return {
         add(paths, listener) {
-            const watch = { paths, listener, seen: undefined };
+            const watch = { paths, listener, seen: undefined, missing: new Set() };
             watches.add(watch);
             void stampsOrStop(watch).then((stamps) => void (watch.seen ??= stamps));
             polling ??= claude.clock.every(watchMs, () => void poll());

package/runtime/widgets.d.ts

@@ -1,10 +1,11 @@
-import type { ElementTable, RenderElement } from 'claude-code';
+import type { ElementTable, MarkdownProps, RenderElement } from 'claude-code';
 import type { TurnData } from '../session/conversation.js';
 import { type Area } from '../ui/areas.js';
+import type { StyledAt } from '../ui/styles.js';
 import type { Claude } from './claude.js';
 import type { DrawnParts } from './parts.js';
 import type { Router } from './router.js';
-import { type PartsUpdate } from './ui.js';
+import { type PartsUpdate, type WidgetDeclaration } from './ui.js';
 export type WidgetRow = {
     readonly left: readonly string[];
     readonly right: readonly string[];
@@ -18,7 +19,7 @@ export type PlacedWidget = {
     readonly mod: string;
     readonly title: string;
     readonly areas: readonly Area[];
-};
+} & Pick<WidgetDeclaration, 'place'>;
 export type Move = 'up' | 'down' | 'left' | 'right';
 export declare const claudeHint = "claude/hint";
 export declare const claudeModes = "claude/modes";
@@ -31,18 +32,19 @@ export type Widgets = {
     reload(): Promise<void>;
     recheck(): Promise<void>;
     rows(area: Area, columns: number): RenderElement[];
-    draw(area: Area, table: ElementTable, columns: number, turn?: TurnData): Promise<RenderElement[]>;
+    draw(area: Area, table: ElementTable, at: StyledAt, turn?: TurnData): Promise<RenderElement[]>;
 };
 export declare function layoutOf(value: unknown): WidgetLayout;
 export declare function placedIn(layout: WidgetLayout, key: string): Area | undefined;
 export declare function toggled(layout: WidgetLayout, key: string): WidgetLayout;
 export declare function moved(layout: WidgetLayout, widget: PlacedWidget, move: Move): WidgetLayout;
-export declare function serveWidgets({ claude, router, store, report, turnClosedBy, parts, }: {
+export declare function serveWidgets({ claude, router, store, report, turnClosedBy, parts, markdownIn, }: {
     readonly claude: Claude;
     readonly router: Router;
     readonly store: string;
     readonly report: (id: string, message: string, error: unknown) => void;
     readonly turnClosedBy: (rowId: string) => TurnData | undefined;
     readonly parts: DrawnParts;
+    readonly markdownIn: (table: ElementTable, at: StyledAt) => ((props: MarkdownProps) => RenderElement) | undefined;
 }): Widgets;
 //# sourceMappingURL=widgets.d.ts.map

package/runtime/widgets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widgets.d.ts","sourceRoot":"","sources":["../src/runtime/widgets.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"widgets.d.ts","sourceRoot":"","sources":["../src/runtime/widgets.ts"],"names":[],"mappings":"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"}