@tenyokjs/devdevian-cli 0.7.1-alpha.1 → 0.7.2-alpha.1

package/README.md

@@ -69,6 +69,10 @@ In full-text reading (**Space** on a reply or remark), **/** opens local text se
 
 Active fields explain their input: Space stays a space, Enter adds a line in multiline fields, and Tab leaves the field. Project feedback accepts text and URLs; dedicated website/repository/additional links are in **People & links**. Additional links use one `Label | https://example.com` per line. Context hints stay below the editor on larger terminals and use the status/hint lines on compact ones. **Ctrl+S** checks the complete form and opens a preview; drafts autosave locally and publication still requires explicit confirmation.
 
+Multiline fields show the current logical line and total line count. While editing, the command bar gives its space to the form; the caret stays visible as you add lines or move through the text. Previous lines remain part of the same field, including after Enter. On short terminals only a window of a long message is visible; use ↑/↓ to revisit earlier lines or Ctrl+E for the external editor.
+
+Conversation overviews and publication previews display Demo/Repository URL fields alongside any labeled links, with duplicate destinations shown once.
+
 ## Meet Devi
 
 Devi is the Devdevian mascot: a small ghost with a laptop and an orbit. The terminal uses colored ASCII art, so it needs no image protocol or image downloads. A compact drawing is used when space is limited; authentication codes, addresses and controls take priority over decoration.

package/VERSIONS.md

@@ -8,6 +8,12 @@ Every published npm artifact has a unique immutable version. We record each vers
 
 **0.7.0 focuses on everyday terminal use**: discoverable quick actions, staged forms and resumable reading.
 
+## 0.7.2-alpha.1 — Visible links and multiline writing
+
+- Conversation overviews now include Demo and Repository URL fields alongside labeled links. Duplicate URLs appear once, preserving a supplied label; publication previews show the same destinations.
+- Multiline editing follows the caret and displays the logical line position/count. Enter retains the preceding visible line when space permits. While editing, the inactive command bar yields its rows to the form, including at 60×18.
+- Real terminal/API regressions cover saved Demo URLs together with labeled links, newline visibility, cursor movement and editing in compact terminals. No API/schema or credential changes.
+
 ## 0.7.1-alpha.1 — Clearer forms
 
 - Added visible, keyboard-focusable Back / Next controls to staged forms. Tab reaches the controls at step boundaries, arrows choose an available action and Enter activates it. The final action is Preview; publication remains a separate confirmation. Ctrl+N/P shortcuts remain available.

package/lib/conversation-links.mjs

@@ -0,0 +1,13 @@
+// Keep legacy URL fields visible alongside labeled links, without repeating a URL.
+export function conversationLinks(post = {}) {
+  const seen = new Set();
+  return [
+    ...(post.links || []),
+    ...(post.demo_url ? [{ label: "Demo", url: post.demo_url }] : []),
+    ...(post.repo_url ? [{ label: "Repository", url: post.repo_url }] : []),
+  ].filter((link) => {
+    if (!link.url || seen.has(link.url)) return false;
+    seen.add(link.url);
+    return true;
+  });
+}

package/lib/tui-data.mjs

@@ -1,5 +1,6 @@
 import { loadCatalog, isCatalog } from "./catalog.mjs";
 import { createHash } from "node:crypto";
+import { conversationLinks } from "./conversation-links.mjs";
 export function assertSnippet(code, hash) {
   if (
     createHash("sha256")
@@ -288,11 +289,12 @@ export function contentLines(route, data) {
           .split("\n")
           .map((line, index) => String(index + 1).padStart(4) + "  " + line),
       );
-    if (p.links?.length)
+    const links = conversationLinks(p);
+    if (links.length)
       lines.push(
         "",
         "LINKS",
-        ...p.links.map((link) => link.label + " · " + link.url),
+        ...links.map((link) => link.label + " · " + link.url),
       );
     if (p.archived_at || p.locked_at)
       lines.push("", "Replies are paused for this conversation.");

package/lib/tui.mjs

@@ -55,6 +55,7 @@ import {
 import { contextActions } from "./context-actions.mjs";
 import { editExternal } from "./external-editor.mjs";
 import { markdownRows } from "./rich-text.mjs";
+import { conversationLinks } from "./conversation-links.mjs";
 import { problemMessage } from "./problems.mjs";
 import { ReviewWorkspace, codeRange } from "./review-workspace.mjs";
 import {
@@ -306,9 +307,14 @@ function FormView({ form, active, cursor, width, height, navFocus }) {
     navRows = step && height >= 3 ? 1 : 0;
   const editorHeight = Math.max(1, height - helpRows - navRows);
   let selectedLine = rows.length;
+  let caretRow = null;
   fields.forEach((field, index) => {
     if (step && !step.indexes.includes(index)) return;
     if (index === active) selectedLine = rows.length;
+    const value = form.values[field.key] || "";
+    const lineNumber = field.multiline
+      ? graphemes(value).slice(0, cursor).join("").split("\n").length
+      : 0;
     rows.push({
       text: (index === active && !navFocus ? "› " : "  ") + field.label,
       color: index === active && !navFocus ? colors.purple : colors.muted,
@@ -324,7 +330,6 @@ function FormView({ form, active, cursor, width, height, navFocus }) {
         color: index === active && !navFocus ? colors.blue : colors.text,
       });
     } else {
-      const value = form.values[field.key] || "";
       const text =
         index === active && !navFocus
           ? cursorLines(value, cursor, width - 3).lines
@@ -339,12 +344,18 @@ function FormView({ form, active, cursor, width, height, navFocus }) {
       const visible = field.multiline
           ? Math.min(
               index === active
-                ? Math.max(1, Math.min(12, editorHeight - 2))
+                ? Math.max(1, Math.min(12, editorHeight - 1))
                 : 3,
               Math.max(2, text.length),
             )
           : 1,
         start = index === active ? Math.max(0, caretLine - visible + 1) : 0;
+      if (index === active && !navFocus && field.multiline) {
+        rows.at(-1).text += ` · line ${lineNumber}/${value.split("\n").length}`;
+        // Follow the caret, rather than anchoring the viewport to the field label.
+        // A newline keeps its preceding row visible whenever the terminal has room.
+        caretRow = rows.length + caretLine - start;
+      }
       rows.push(
         ...text.slice(start, start + visible).map((line) => ({
           text: "  " + line,
@@ -369,13 +380,15 @@ function FormView({ form, active, cursor, width, height, navFocus }) {
       color: colors.blue,
       bold: true,
     });
-  const offset = Math.max(
+  let offset = Math.max(
     0,
     Math.min(
       selectedLine - (editorHeight >= 4 ? 1 : 0),
       rows.length - editorHeight,
     ),
   );
+  if (caretRow !== null && caretRow >= offset + editorHeight)
+    offset = caretRow - editorHeight + 1;
   return h(
     Box,
     { flexDirection: "column", height, overflow: "hidden" },
@@ -554,12 +567,11 @@ function documentRows(route, data, width, colors) {
       ...markdownRows(fence + "\n" + post.code + "\n" + fence, width, colors),
     );
   }
-  if (post.links?.length)
+  const links = conversationLinks(post);
+  if (links.length)
     rows.push(
       { text: "LINKS", bold: true },
-      ...post.links.flatMap((link) =>
-        wrap(link.label + " · " + link.url, width),
-      ),
+      ...links.flatMap((link) => wrap(link.label + " · " + link.url, width)),
     );
   if (post.archived_at || post.locked_at)
     rows.push({
@@ -708,7 +720,8 @@ function App({ initialConfig, flags, root, initialAppearance }) {
     height = Math.max(1, rows - 1),
     compact = width < 90 || effectiveAppearance.sidebar === "hidden",
     sidebar = compact ? 0 : 25,
-    bodyHeight = Math.max(1, height - 9),
+    editingForm = !!form && !preview && !picker,
+    bodyHeight = Math.max(1, height - (editingForm ? 6 : 9)),
     contentWidth = Math.max(1, width - sidebar - 6),
     contentHeight = Math.max(1, bodyHeight - 6);
   const key = JSON.stringify(route),
@@ -3150,6 +3163,10 @@ function App({ initialConfig, flags, root, initialAppearance }) {
           ? [payload.title || payload.name, ""]
           : []),
         payload.body || payload.reason || payload.description || "",
+        ...conversationLinks(payload).flatMap((link) => [
+          "",
+          link.label + " · " + link.url,
+        ]),
         ...(preview.catalog
           ? [
               "",
@@ -3614,31 +3631,33 @@ function App({ initialConfig, flags, root, initialAppearance }) {
         width,
         color: error ? colors.red : notice ? colors.green : colors.muted,
       }),
-      h(
-        Box,
-        {
-          height: 3,
-          borderStyle: colors.frame,
-          borderColor: focus === "prompt" ? colors.blue : colors.line,
-          paddingX: 1,
-          overflow: "hidden",
-        },
-        h(Text, { color: colors.purple, bold: true }, "› "),
-        focus === "prompt"
-          ? h(InputText, {
-              value: command,
-              cursor: commandCursor,
-              width: Math.max(1, width - 6),
-            })
-          : h(
-              Text,
-              { color: colors.muted },
-              clip(
-                "Search or /command     ·     Press / to type · X actions · , appearance",
-                width - 6,
-              ),
-            ),
-      ),
+      editingForm
+        ? null
+        : h(
+            Box,
+            {
+              height: 3,
+              borderStyle: colors.frame,
+              borderColor: focus === "prompt" ? colors.blue : colors.line,
+              paddingX: 1,
+              overflow: "hidden",
+            },
+            h(Text, { color: colors.purple, bold: true }, "› "),
+            focus === "prompt"
+              ? h(InputText, {
+                  value: command,
+                  cursor: commandCursor,
+                  width: Math.max(1, width - 6),
+                })
+              : h(
+                  Text,
+                  { color: colors.muted },
+                  clip(
+                    "Search or /command     ·     Press / to type · X actions · , appearance",
+                    width - 6,
+                  ),
+                ),
+          ),
       h(TextLine, { text: hint, width, color: colors.muted }),
     ),
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenyokjs/devdevian-cli",
-  "version": "0.7.1-alpha.1",
+  "version": "0.7.2-alpha.1",
   "description": "Devdevian in your terminal: discussions, questions and human code reviews.",
   "type": "module",
   "bin": {