maka-agent 0.2.0-dev.23.20260906 → 0.2.0-dev.25.20260908

package/dist/pi-tui-layout.js

@@ -48,8 +48,8 @@ export class MakaTranscriptComponent {
      * by the live terminal-scrollback reconciliation path.
      */
     createDocumentRenderer() {
-        // The detached keys and their rendered-line cache live only as long as one
-        // viewer overlay. Closing it releases the complete duplicate projection.
+        // The detached keys and their rendered-line cache belong to one Session's
+        // reader. Reopening keeps its position; switching Sessions releases it.
         const entryClones = new WeakMap();
         const documentEntry = (entry) => {
             const cached = entryClones.get(entry);
@@ -61,11 +61,35 @@ export class MakaTranscriptComponent {
             entryClones.set(entry, clone);
             return clone;
         };
-        return (width) => renderMakaPiTranscript({
-            ...this.state,
-            entries: this.state.entries.map(documentEntry),
-            renderGeometry: { entryFirstLine: undefined, viewportTop: 0 },
-        }, this.metadata(), width);
+        return (width, expanded) => {
+            const entries = this.state.entries.map(documentEntry);
+            if (expanded !== undefined) {
+                for (const entry of entries) {
+                    if (entry.kind === 'tool' || entry.kind === 'thinking')
+                        entry.expanded = expanded;
+                }
+            }
+            const detachedState = {
+                ...this.state,
+                entries,
+                renderGeometry: { entryFirstLine: undefined, viewportTop: 0 },
+            };
+            const lines = renderMakaPiTranscript(detachedState, this.metadata(), width);
+            const anchors = entries.flatMap((entry, index) => {
+                if (entry.kind === 'tool' && entry.suppressed)
+                    return [];
+                const line = detachedState.renderGeometry.entryFirstLine?.get(entry);
+                if (line === undefined)
+                    return [];
+                const id = entry.kind === 'tool'
+                    ? `tool:${entry.turnId ?? ''}:${entry.toolUseId}`
+                    : 'messageId' in entry
+                        ? `${entry.kind}:${entry.messageId}`
+                        : `${entry.kind}:${index}`;
+                return [{ id, line }];
+            });
+            return { lines, anchors };
+        };
     }
 }
 export class MakaStatusLineComponent {
@@ -121,11 +145,12 @@ export class MakaPiLayoutComponent extends Container {
     editor;
     statusLine;
     terminal;
+    todoIndicator;
     /** Composed lines of the previous render, for the viewport-top shadow diff. */
     previousLines;
     previousRows;
     previousWidth;
-    constructor(state, transcript, activityStrip, pendingQueue, editor, statusLine, terminal) {
+    constructor(state, transcript, activityStrip, pendingQueue, editor, statusLine, terminal, todoIndicator) {
         super();
         this.state = state;
         this.transcript = transcript;
@@ -134,9 +159,12 @@ export class MakaPiLayoutComponent extends Container {
         this.editor = editor;
         this.statusLine = statusLine;
         this.terminal = terminal;
+        this.todoIndicator = todoIndicator;
         this.addChild(transcript);
         this.addChild(activityStrip);
         this.addChild(pendingQueue);
+        if (todoIndicator)
+            this.addChild(todoIndicator);
         this.addChild(editor);
         this.addChild(statusLine);
     }
@@ -145,14 +173,27 @@ export class MakaPiLayoutComponent extends Container {
         const activityLines = this.activityStrip.render(width);
         const allPendingLines = this.pendingQueue.render(width);
         const statusLines = this.statusLine.render(width);
+        // Supplementary information must not steal the composer's minimum space.
+        const todoLines = this.terminal.rows >
+            activityLines.length +
+                allPendingLines.length +
+                statusLines.length +
+                this.editor.minimumViewportRows()
+            ? (this.todoIndicator?.render(width) ?? []).slice(0, 1)
+            : [];
         const pendingRowsAvailable = this.editor.isShowingAutocomplete()
             ? Math.max(0, this.terminal.rows -
                 activityLines.length -
                 statusLines.length -
+                todoLines.length -
                 this.editor.minimumViewportRows())
             : allPendingLines.length;
         const pendingLines = fitPendingQueueLines(allPendingLines, pendingRowsAvailable);
-        this.editor.setViewportRows(this.terminal.rows - activityLines.length - pendingLines.length - statusLines.length);
+        this.editor.setViewportRows(this.terminal.rows -
+            activityLines.length -
+            pendingLines.length -
+            statusLines.length -
+            todoLines.length);
         const editorLines = this.editor.render(width);
         // #1064: when the activity strip is showing (a turn is running), separate
         // it from the last transcript line with a blank row. Without this, a
@@ -162,7 +203,11 @@ export class MakaPiLayoutComponent extends Container {
         const lastTranscriptLine = transcriptLines[transcriptLines.length - 1];
         const needGap = activityActive && lastTranscriptLine !== undefined && lastTranscriptLine.length > 0;
         const paddedTranscript = needGap ? [...transcriptLines, ''] : transcriptLines;
-        const chromeRows = activityLines.length + pendingLines.length + editorLines.length + statusLines.length;
+        const chromeRows = activityLines.length +
+            pendingLines.length +
+            todoLines.length +
+            editorLines.length +
+            statusLines.length;
         const viewportRows = Math.max(0, this.terminal.rows - chromeRows);
         const paddingRows = Math.max(0, viewportRows - paddedTranscript.length);
         const lines = [
@@ -170,6 +215,7 @@ export class MakaPiLayoutComponent extends Container {
             ...Array.from({ length: paddingRows }, () => ''),
             ...activityLines,
             ...pendingLines,
+            ...todoLines,
             ...editorLines,
             ...statusLines,
         ];

package/dist/pi-tui-pickers.js

@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { CombinedAutocompleteProvider, Editor, Key, SelectList, decodeKittyPrintable, isKeyRepeat, matchesKey, truncateToWidth, visibleWidth, wrapTextWithAnsi, } from '@earendil-works/pi-tui';
+import { CombinedAutocompleteProvider, Editor, Key, SelectList, decodeKittyPrintable, isKeyRelease, isKeyRepeat, matchesKey, truncateToWidth, visibleWidth, wrapTextWithAnsi, } from '@earendil-works/pi-tui';
 import { defineUiMessageCatalog, formatUiMessage, resolveUiMessageCatalog, } from '@maka/core/ui-locale';
 import { providerDefaultsOf, validateSlug, } from '@maka/core/llm-connections';
 import { CONNECTION_NAME_MAX_LENGTH } from '@maka/core/runtime-policy';
@@ -552,6 +552,107 @@ function matchesModelChoice(choice, query) {
         return true;
     return false;
 }
+export class SessionSearchOverlay {
+    tui;
+    input;
+    renderWidth = 0;
+    searchEditor;
+    copy;
+    choices;
+    filtered;
+    list;
+    selectedValue;
+    scopeLabel;
+    constructor(tui, input) {
+        this.tui = tui;
+        this.input = input;
+        this.copy = getTuiPickerCopy(input.locale);
+        this.choices = input.choices;
+        this.filtered = input.choices;
+        this.scopeLabel = input.scopeLabel;
+        this.list = this.buildList();
+        this.searchEditor = new Editor(tui, editorTheme(), { paddingX: 0 });
+        this.searchEditor.onChange = (text) => this.applyQuery(text);
+    }
+    updateChoices(choices, scopeLabel) {
+        this.choices = choices;
+        this.scopeLabel = scopeLabel;
+        this.applyQuery(this.searchEditor.getText());
+    }
+    buildList() {
+        const list = new SelectList(this.filtered.map(({ item }) => item), 10, selectListTheme(), {
+            minPrimaryColumnWidth: 20,
+            maxPrimaryColumnWidth: Math.max(20, this.renderWidth - 30),
+        });
+        const selectedIndex = this.filtered.findIndex(({ item }) => item.value === this.selectedValue);
+        if (selectedIndex >= 0)
+            list.setSelectedIndex(selectedIndex);
+        list.onSelectionChange = (item) => {
+            this.selectedValue = item.value;
+        };
+        list.onSelect = (item) => {
+            this.selectedValue = item.value;
+            this.input.onSelect(item);
+        };
+        list.onCancel = () => this.input.onCancel();
+        return list;
+    }
+    applyQuery(text) {
+        const query = text.trim().toLocaleLowerCase();
+        this.filtered = query
+            ? this.choices.filter((choice) => choice.searchText.includes(query))
+            : this.choices;
+        this.list = this.buildList();
+    }
+    invalidate() {
+        this.searchEditor.invalidate();
+        this.list.invalidate();
+    }
+    handleInput(data) {
+        if (matchesKey(data, Key.escape) || matchesKey(data, Key.ctrl('c'))) {
+            this.input.onCancel();
+            return;
+        }
+        if (matchesKey(data, Key.tab) && !isKeyRelease(data) && !isKeyRepeat(data)) {
+            this.input.onToggleScope();
+            return;
+        }
+        if (matchesKey(data, Key.up) || matchesKey(data, Key.down) || matchesKey(data, Key.enter)) {
+            if (matchesKey(data, Key.enter) && isKeyRepeat(data))
+                return;
+            this.list.handleInput(data);
+            return;
+        }
+        this.searchEditor.handleInput(data);
+    }
+    render(width) {
+        const safeWidth = Math.max(1, width);
+        if (safeWidth !== this.renderWidth) {
+            this.renderWidth = safeWidth;
+            this.list = this.buildList();
+        }
+        this.searchEditor.focused = true;
+        return [
+            padLine(`${this.copy.resumeSessionTitle} ${ansi.accent(this.scopeLabel)}`, safeWidth),
+            padLine(ansi.dim(this.copy.sessionSearchHint), safeWidth),
+            padLine('', safeWidth),
+            ...this.renderFieldRow(safeWidth),
+            padLine('', safeWidth),
+            ...(this.filtered.length === 0
+                ? [padLine(ansi.dim(this.copy.noMatchingSessions), safeWidth)]
+                : this.list.render(safeWidth).map((line) => formatPickerItemLine(line, safeWidth))),
+            padLine(ansi.accent('-'.repeat(safeWidth)), safeWidth),
+        ];
+    }
+    renderFieldRow(width) {
+        const prefix = `${this.copy.searchLabel} `;
+        const contentWidth = Math.max(1, width - visibleWidth(prefix));
+        const editorLines = this.searchEditor.render(contentWidth).slice(1, -1);
+        return editorLines.length > 0
+            ? editorLines.map((line, index) => padLine(`${index === 0 ? prefix : ' '.repeat(prefix.length)}${line}`, width))
+            : [padLine(prefix, width)];
+    }
+}
 export function getTuiPickerCopy(locale) {
     return TUI_PICKER_COPY[locale];
 }