poe-code 3.0.394 → 3.0.395

package/dist/index.js

@@ -8329,13 +8329,15 @@ function computeExplorerLayout(opts) {
       footer
     };
   }
-  const listWidth = mode === "wide" ? Math.floor(cols * 5 / 12) : Math.floor(cols * 2 / 5);
-  const detailWidth = cols - listWidth;
+  const gutterWidth = 1;
+  const availableWidth = Math.max(0, cols - gutterWidth);
+  const listWidth = mode === "wide" ? Math.floor(availableWidth * 5 / 12) : Math.floor(availableWidth * 2 / 5);
+  const detailWidth = availableWidth - listWidth;
   return {
     mode,
     header,
     list: { x: 0, y: contentY, width: listWidth, height: contentHeight },
-    detail: { x: listWidth, y: contentY, width: detailWidth, height: contentHeight },
+    detail: { x: listWidth + gutterWidth, y: contentY, width: detailWidth, height: contentHeight },
     footer
   };
 }
@@ -8950,6 +8952,48 @@ var init_text2 = __esm({
   }
 });
 
+// packages/toolcraft-design/src/explorer/render/pane.ts
+function drawPaneFrame(screen, rect, title2, style = {}) {
+  if (rect.width <= 0 || rect.height <= 0) {
+    return;
+  }
+  if (rect.width === 1) {
+    for (let y = 0; y < rect.height; y += 1) {
+      screen.put(rect.x, rect.y + y, "\u2502", style);
+    }
+    return;
+  }
+  const innerWidth = Math.max(0, rect.width - 2);
+  const titleSegment = padEndCells(
+    fitToWidth(`\u2500 ${title2} `, innerWidth, rect.x + 1),
+    innerWidth,
+    "\u2500",
+    rect.x + 1
+  );
+  screen.put(rect.x, rect.y, `\u250C${titleSegment}\u2510`, style);
+  for (let y = 1; y < rect.height - 1; y += 1) {
+    screen.put(rect.x, rect.y + y, "\u2502", style);
+    screen.put(rect.x + rect.width - 1, rect.y + y, "\u2502", style);
+  }
+  if (rect.height > 1) {
+    screen.put(rect.x, rect.y + rect.height - 1, `\u2514${"\u2500".repeat(innerWidth)}\u2518`, style);
+  }
+}
+function paneBodyRect(rect) {
+  return {
+    x: rect.x + 2,
+    y: rect.y + 1,
+    width: Math.max(0, rect.width - 4),
+    height: Math.max(0, rect.height - 2)
+  };
+}
+var init_pane = __esm({
+  "packages/toolcraft-design/src/explorer/render/pane.ts"() {
+    "use strict";
+    init_text2();
+  }
+});
+
 // packages/toolcraft-design/src/explorer/render/detail.ts
 function renderDetail(state, screen, layout) {
   const rect = layout.detail;
@@ -8960,18 +9004,37 @@ function renderDetail(state, screen, layout) {
   }
   const row = state.rows.find((r) => r.id === state.detail.rowId) ?? null;
   if (layout.mode === "narrow-vertical") {
-    screen.put(rect.x, rect.y, `\u251C\u2500 Detail ${"\u2500".repeat(Math.max(0, rect.width - 11))}\u2524`, styles.border);
-    renderDetailBody(state, screen, { ...rect, y: rect.y + 1, height: rect.height - 1 }, row);
+    drawPaneFrame(
+      screen,
+      rect,
+      "Preview",
+      state.focused === "detail" ? styles.borderFocused : styles.border
+    );
+    renderDetailBody(state, screen, paneBodyRect(rect), row);
     return;
   }
-  screen.put(rect.x, rect.y, "\u2502", styles.border);
-  renderDetailBody(state, screen, { ...rect, x: rect.x + 1, width: rect.width - 1 }, row);
+  drawPaneFrame(
+    screen,
+    rect,
+    "Preview",
+    state.focused === "detail" ? styles.borderFocused : styles.border
+  );
+  renderDetailBody(state, screen, paneBodyRect(rect), row);
 }
 function renderDetailBody(state, screen, rect, row) {
   const styles = getExplorerStyles();
   const items = state.detail.items;
+  if (rect.width <= 0 || rect.height <= 0) {
+    return;
+  }
   if (items === null) {
-    writeLine2(screen, rect, 0, state.detail.loading ? "Loading detail..." : state.emptyHint, styles.muted);
+    writeLine2(
+      screen,
+      rect,
+      0,
+      state.detail.loading ? "Loading detail..." : state.emptyHint,
+      styles.muted
+    );
     return;
   }
   if (items.length === 0) {
@@ -8979,7 +9042,7 @@ function renderDetailBody(state, screen, rect, row) {
     return;
   }
   if (items.length === 1 && items[0]?.title === void 0) {
-    renderBlob(screen, rect, renderItem(items[0], rect, row), state.detail.scroll);
+    renderBlob(screen, rect, renderItemMarkdown(items[0], rect, row), state.detail.scroll);
     return;
   }
   renderListMode(state, screen, rect, items, row);
@@ -8994,13 +9057,19 @@ function renderListMode(state, screen, rect, items, row) {
     const title2 = item.title ?? item.id;
     const prefix = cursor2 ? "\u258C " : "  ";
     const badge = item.badge ? ` ${item.badge.text}` : "";
-    writeLine2(screen, rect, y, `${prefix}${title2}${badge}`, cursor2 ? styles.borderFocused : styles.accent);
+    writeLine2(
+      screen,
+      rect,
+      y,
+      `${prefix}${title2}${badge}`,
+      cursor2 ? styles.borderFocused : styles.accent
+    );
     y += 1;
     if (item.subtitle && y < rect.height) {
       writeLine2(screen, rect, y, `  ${item.subtitle}`, styles.muted);
       y += 1;
     }
-    for (const line of renderItem(item, rect, row).split("\n")) {
+    for (const line of renderItemMarkdown(item, rect, row).split("\n")) {
       if (y >= rect.height) {
         break;
       }
@@ -9020,6 +9089,13 @@ function renderBlob(screen, rect, text5, scroll) {
     writeLine2(screen, rect, row, lines[row] ?? "");
   }
 }
+function renderItemMarkdown(item, rect, row) {
+  const content = renderItem(item, rect, row);
+  if (content.trim().length === 0) {
+    return "";
+  }
+  return stripAnsi(renderMarkdown(content, { width: Math.max(1, rect.width) }).trimEnd());
+}
 function renderItem(item, rect, row) {
   if (item.renderedContent !== void 0) {
     return item.renderedContent;
@@ -9048,7 +9124,10 @@ function clamp3(value, min, max) {
 var init_detail = __esm({
   "packages/toolcraft-design/src/explorer/render/detail.ts"() {
     "use strict";
+    init_strip_ansi();
+    init_terminal_markdown();
     init_theme();
+    init_pane();
     init_text2();
   }
 });
@@ -9199,36 +9278,52 @@ function renderList2(state, screen, layout) {
     writeLine3(screen, rect, 0, "Terminal too narrow", styles.muted);
     return;
   }
-  const rectKey = `${rect.x}:${rect.y}:${rect.width}:${rect.height}`;
+  drawPaneFrame(
+    screen,
+    rect,
+    "Plans",
+    state.focused === "list" ? styles.borderFocused : styles.border
+  );
+  const bodyRect = paneBodyRect(rect);
+  if (bodyRect.width <= 0 || bodyRect.height <= 0) {
+    return;
+  }
+  const rectKey = `${bodyRect.x}:${bodyRect.y}:${bodyRect.width}:${bodyRect.height}`;
   const cached2 = listLineCache.get(screen);
   const cache2 = cached2?.rectKey === rectKey ? cached2.lines : /* @__PURE__ */ new Map();
   listLineCache.set(screen, { rectKey, lines: cache2 });
   if (state.filtered.length === 0) {
     const hint = state.emptyHint;
-    writeLine3(screen, rect, Math.floor(rect.height / 2), centerCells(hint, rect.width, rect.x), styles.muted);
+    writeLine3(
+      screen,
+      bodyRect,
+      Math.floor(bodyRect.height / 2),
+      centerCells(hint, bodyRect.width, bodyRect.x),
+      styles.muted
+    );
     cache2.clear();
     return;
   }
   let lastGroup;
   let y = 0;
   for (const rowIndex of state.filtered) {
-    if (y >= rect.height) {
+    if (y >= bodyRect.height) {
       break;
     }
     const row = state.rows[rowIndex];
     if (!row) {
       continue;
     }
-    if (row.group && row.group !== lastGroup && y < rect.height) {
+    if (row.group && row.group !== lastGroup && y < bodyRect.height) {
       const hash2 = `group:${row.group}`;
       if (cache2.get(y) !== hash2) {
-        writeLine3(screen, rect, y, row.group, styles.muted);
+        writeLine3(screen, bodyRect, y, row.group, styles.muted);
         cache2.set(y, hash2);
       }
       y += 1;
       lastGroup = row.group;
     }
-    if (y >= rect.height) {
+    if (y >= bodyRect.height) {
       break;
     }
     const selected = state.multiSelect && state.selected.has(row.id);
@@ -9236,14 +9331,19 @@ function renderList2(state, screen, layout) {
     const positions = state.matchPositions.get(rowIndex) ?? [];
     const hash = lineHash(row, selected, cursor2, positions);
     if (cache2.get(y) !== hash) {
-      renderRow(screen, rect, y, row, { selected, cursor: cursor2, focused: state.focused === "list", positions });
+      renderRow(screen, bodyRect, y, row, {
+        selected,
+        cursor: cursor2,
+        focused: state.focused === "list",
+        positions
+      });
       cache2.set(y, hash);
     }
     y += 1;
-    if (row.subtitle && y < rect.height) {
+    if (row.subtitle && y < bodyRect.height) {
       const subtitleHash = `${hash}:subtitle:${row.subtitle}`;
       if (cache2.get(y) !== subtitleHash) {
-        writeLine3(screen, rect, y, `  ${row.subtitle}`, styles.muted);
+        writeLine3(screen, bodyRect, y, `  ${row.subtitle}`, styles.muted);
         cache2.set(y, subtitleHash);
       }
       y += 1;
@@ -9281,7 +9381,12 @@ function renderRow(screen, rect, rowY, row, opts) {
     x += segment.width;
   }
   if (row.badge) {
-    screen.put(rect.x + rect.width - badgeWidth - focusWidth, y, badge, styles.tones[row.badge.tone ?? "muted"]);
+    screen.put(
+      rect.x + rect.width - badgeWidth - focusWidth,
+      y,
+      badge,
+      styles.tones[row.badge.tone ?? "muted"]
+    );
   }
   if (focus) {
     screen.put(rect.x + rect.width - focusWidth, y, focus, styles.borderFocused);
@@ -9306,6 +9411,7 @@ var init_list = __esm({
   "packages/toolcraft-design/src/explorer/render/list.ts"() {
     "use strict";
     init_theme();
+    init_pane();
     init_text2();
     listLineCache = /* @__PURE__ */ new WeakMap();
   }
@@ -9961,7 +10067,14 @@ function updateFilter(state, filter) {
     matchPositions,
     cursor: cursor2,
     detail,
-    actionState: recomputeActionState({ ...state, filter, filtered, matchPositions, cursor: cursor2, detail }),
+    actionState: recomputeActionState({
+      ...state,
+      filter,
+      filtered,
+      matchPositions,
+      cursor: cursor2,
+      detail
+    }),
     dirty: REGION_HEADER | REGION_LIST | REGION_DETAIL | REGION_FOOTER
   };
   const effect = detailEffect(next);
@@ -9992,7 +10105,11 @@ function escape(state, runtimeHandles) {
   if (state.filterFocused || state.filter.length > 0) {
     const cleared = updateFilter({ ...state, filterFocused: false }, "");
     return {
-      state: { ...cleared.state, filterFocused: false, dirty: cleared.state.dirty | REGION_HEADER | REGION_FOOTER },
+      state: {
+        ...cleared.state,
+        filterFocused: false,
+        dirty: cleared.state.dirty | REGION_HEADER | REGION_FOOTER
+      },
       effects: cleared.effects
     };
   }
@@ -10106,9 +10223,9 @@ function detailBodyHeight(state) {
   if (state.layout === "narrow-vertical") {
     const listHeight = Math.ceil(contentHeight / 2);
     const detailHeight = contentHeight - listHeight;
-    return Math.max(0, detailHeight - 1);
+    return Math.max(0, detailHeight - 2);
   }
-  return contentHeight;
+  return Math.max(0, contentHeight - 2);
 }
 function extendSelection(state, delta2) {
   if (!state.multiSelect) {
@@ -10163,7 +10280,10 @@ function reorder(state, delta2) {
     actionState: recomputeActionState({ ...state, rows, filtered, matchPositions, cursor: cursor2 }),
     dirty: REGION_LIST | REGION_FOOTER
   };
-  return { state: next, effects: [{ type: "persistOrder", orderedIds: rows.map((row) => row.id) }] };
+  return {
+    state: next,
+    effects: [{ type: "persistOrder", orderedIds: rows.map((row) => row.id) }]
+  };
 }
 function paletteInput(state, key2) {
   if (state.modal?.kind !== "palette") {
@@ -10207,7 +10327,12 @@ function dispatchPaletteAction(state, runtimeHandles) {
   if (entry === void 0) {
     return mark(state, 0);
   }
-  return dispatchActionById({ ...state, modal: null, dirty: REGION_MODAL | REGION_FOOTER }, entry.id, false, runtimeHandles);
+  return dispatchActionById(
+    { ...state, modal: null, dirty: REGION_MODAL | REGION_FOOTER },
+    entry.id,
+    false,
+    runtimeHandles
+  );
 }
 function dispatchPrimary(state, runtimeHandles) {
   for (const [id, entry] of state.actionState.entries()) {
@@ -10250,13 +10375,15 @@ function dispatchAction(state, action, confirmed, runtimeHandles, modalRows) {
     effects: [
       {
         type: "suspend",
-        fn: async () => action.handler(buildActionContext(
-          next,
-          action,
-          current?.source ?? actionSource(next, action),
-          runtimeHandles,
-          rows
-        )),
+        fn: async () => action.handler(
+          buildActionContext(
+            next,
+            action,
+            current?.source ?? actionSource(next, action),
+            runtimeHandles,
+            rows
+          )
+        ),
         resumeWith: () => ({ type: "actionResolved", actionId: action.id })
       }
     ]
@@ -138786,7 +138913,7 @@ var init_package2 = __esm({
   "package.json"() {
     package_default2 = {
       name: "poe-code",
-      version: "3.0.394",
+      version: "3.0.395",
       description: "CLI tool to configure Poe API for developer workflows.",
       type: "module",
       main: "./dist/index.js",