farming-code 2.2.12 → 2.2.13

package/dist/index.html

@@ -15,7 +15,7 @@
     <link rel="apple-touch-icon" sizes="180x180" href="/farming/farming-2/app-icon-v2-180.png" />
     <link rel="manifest" href="/farming/farming-2/site.webmanifest" />
     <title>Farming 2</title>
-    <script type="module" crossorigin src="/farming/assets/index-CUFPJoa5.js"></script>
+    <script type="module" crossorigin src="/farming/assets/index-CYZKdoqi.js"></script>
     <link rel="modulepreload" crossorigin href="/farming/assets/chunk-DECur_0Z.js">
     <link rel="modulepreload" crossorigin href="/farming/assets/preload-helper-mJowh_hw.js">
     <link rel="modulepreload" crossorigin href="/farming/assets/jsx-runtime-BthL93pI.js">

package/frontend/skins/crt/app.js

@@ -2209,9 +2209,10 @@ function normalizeSessionViewPayload(payload, fallbackAgent = null) {
   };
 }
 
-function createCrtTerminalReplication(agentId) {
+function createCrtTerminalReplication(agentId, { initialFocusPending = false } = {}) {
   return {
     agentId,
+    initialFocusPending,
     lastResizeCols: null,
     lastResizeRows: null,
     pendingFitResize: null,
@@ -2230,6 +2231,26 @@ function createCrtTerminalReplication(agentId) {
   };
 }
 
+function settleInitialCrtTerminalFocus(replication, terminalInstance = terminal) {
+  if (!replication || replication.disposed || !replication.initialFocusPending) return false;
+  replication.initialFocusPending = false;
+
+  const modal = document.getElementById('session-modal');
+  if (!modal || !modal.classList.contains('active') || !terminalInstance) return false;
+
+  const activeElement = document.activeElement;
+  if (activeElement?.matches?.('#terminal-output .xterm-helper-textarea')) return true;
+  if (
+    activeElement
+    && modal.contains(activeElement)
+    && activeElement.matches('button, input, textarea, select, [contenteditable="true"]')
+  ) return false;
+  if (hasAnySelection()) return false;
+
+  terminalInstance.focus?.();
+  return document.activeElement?.matches?.('#terminal-output .xterm-helper-textarea') === true;
+}
+
 function installCrtTerminalTestApi() {
   if (
     typeof window === 'undefined' ||
@@ -2251,6 +2272,7 @@ function installCrtTerminalTestApi() {
         writeInProgress: replication.writeInProgress,
         checkpointInFlight: replication.checkpointInFlight,
         checkpointInstallInProgress: replication.installInProgress,
+        initialFocusPending: replication.initialFocusPending,
         pendingFitResize: replication.pendingFitResize,
         fitResizeTimerPending: replication.fitResizeTimer !== null
       };
@@ -2393,6 +2415,7 @@ function finishCrtTerminalReplay(replication = crtTerminalReplication) {
     if (!crtTerminalReplication || crtTerminalReplication !== replication || replication.disposed) return;
     document.getElementById('terminal-output')?.classList.remove('crt-terminal-checkpoint-installing');
     sendSessionResize(replication.agentId);
+    settleInitialCrtTerminalFocus(replication);
   });
 }
 
@@ -6890,37 +6913,28 @@ function renderStructuredTranscript(transcript, force = false) {
   if (!force && updatedAt && updatedAt === structuredSessionRenderedAt) return;
   const nearBottom = container.scrollHeight - container.scrollTop - container.clientHeight < 80;
   if (!nearBottom && focusedAgentId) saveCrtStructuredReadingAnchor(focusedAgentId);
-  const transcriptNode = document.createElement('div');
-  transcriptNode.className = 'crt-structured-transcript';
   const turns = structuredTranscriptTurns(transcript);
 
-  if (!turns.length) {
-    const empty = document.createElement('div');
-    empty.className = 'crt-structured-empty';
-    empty.textContent = 'No conversation yet.';
-    transcriptNode.appendChild(empty);
-  } else {
-    turns.forEach((turn) => {
-      const section = document.createElement('section');
-      section.className = 'crt-structured-turn';
-      section.dataset.readingAnchorId = String(turn.id || `${turn.userMessage || ''}\n${turn.finalMessage || ''}`.slice(0, 160));
-      if (turn.userMessage) {
-        const user = document.createElement('p');
-        user.className = 'crt-structured-message user';
-        user.textContent = turn.userMessage;
-        section.appendChild(user);
-      }
-      if (turn.finalMessage) {
-        const assistant = document.createElement('p');
-        assistant.className = 'crt-structured-message assistant';
-        assistant.textContent = turn.finalMessage;
-        section.appendChild(assistant);
-      }
-      transcriptNode.appendChild(section);
-    });
+  const markdownRenderer = typeof window !== 'undefined' ? window.FarmingCrtMarkdownRenderer : null;
+  if (!markdownRenderer || typeof markdownRenderer.render !== 'function') {
+    const errorNode = document.createElement('div');
+    errorNode.className = 'crt-structured-error';
+    errorNode.textContent = 'Markdown renderer unavailable. Rebuild Farming and reload CRT.';
+    container.replaceChildren(errorNode);
+    structuredSessionRenderedAt = updatedAt;
+    return;
+  }
+  try {
+    markdownRenderer.render(container, turns);
+  } catch (error) {
+    if (typeof markdownRenderer.unmount === 'function') markdownRenderer.unmount(container);
+    const errorNode = document.createElement('div');
+    errorNode.className = 'crt-structured-error';
+    errorNode.textContent = error && error.message ? error.message : 'Failed to render Markdown transcript';
+    container.replaceChildren(errorNode);
+    structuredSessionRenderedAt = updatedAt;
+    return;
   }
-
-  container.replaceChildren(transcriptNode);
   structuredSessionRenderedAt = updatedAt;
   if (!focusedAgentId || !restoreCrtStructuredReadingAnchor(focusedAgentId)) {
     if (force || nearBottom) container.scrollTop = container.scrollHeight;
@@ -7203,7 +7217,12 @@ function teardownSessionSurface() {
   disposeCrtTerminalReplication();
   disposeTerminal();
   setStructuredComposerActive(false);
-  document.getElementById('terminal-output')?.classList.remove('crt-structured-session');
+  const transcriptContainer = document.getElementById('terminal-output');
+  const markdownRenderer = typeof window !== 'undefined' ? window.FarmingCrtMarkdownRenderer : null;
+  if (transcriptContainer && markdownRenderer && typeof markdownRenderer.unmount === 'function') {
+    markdownRenderer.unmount(transcriptContainer);
+  }
+  transcriptContainer?.classList.remove('crt-structured-session');
   if (SESSION_MODAL_BRIDGE && SESSION_MODAL_BRIDGE.resetTerminalShell) {
     SESSION_MODAL_BRIDGE.resetTerminalShell(document);
     return;
@@ -7305,7 +7324,9 @@ async function openSession(agentId) {
 
   disposeTerminal();
   disposeCrtTerminalReplication();
-  crtTerminalReplication = createCrtTerminalReplication(agentId);
+  crtTerminalReplication = createCrtTerminalReplication(agentId, {
+    initialFocusPending: interactiveTerminal,
+  });
   let mountedTerminal = null;
   try {
     mountedTerminal = SESSION_MODAL_BRIDGE && SESSION_MODAL_BRIDGE.mountTerminal
@@ -7326,7 +7347,7 @@ async function openSession(agentId) {
           sendSessionResize(agentId);
         },
         hasSelection: hasAnySelection,
-        focusTerminal: focusSessionTerminal,
+        focusTerminal: () => terminalBundle.terminal?.focus?.(),
         isSessionActive: () => runtime ? runtime.isCurrentSession(agentId, sessionToken) : focusedAgentId === agentId,
         afterFit: () => {
           if (runtime && !runtime.isCurrentSession(agentId, sessionToken)) return;

package/frontend/skins/crt/index.html

@@ -7,6 +7,8 @@
     <link rel="icon" type="image/svg+xml" href="assets/branding/farming-crt-icon.svg">
     <link rel="stylesheet" href="../vendor/xterm/xterm.css">
     <link rel="stylesheet" href="styles/effects.css">
+    <link rel="stylesheet" href="crt-markdown-renderer.css">
+    <link rel="stylesheet" href="styles/markdown.css">
     <style>
         * {
             margin: 0;
@@ -196,7 +198,7 @@
             justify-content: space-between;
             gap: 8px;
             min-height: 11px;
-            font-size: 9px;
+            font-size: 10px;
             line-height: 1;
             letter-spacing: 0.12em;
             opacity: 0.62;
@@ -242,8 +244,8 @@
             gap: 6px;
             flex: 0 0 auto;
             min-width: 0;
-            font-size: 11px;
-            line-height: 1.28;
+            font-size: 12px;
+            line-height: 1.3;
         }
 
         .agent-chat-preview-line::before {
@@ -261,7 +263,7 @@
 
         .agent-chat-preview-role {
             padding-top: 1px;
-            font-size: 9px;
+            font-size: 10px;
             letter-spacing: 0.08em;
             opacity: 0.56;
         }
@@ -293,7 +295,7 @@
 
         .agent-chat-preview-empty {
             padding: 7px 0 3px;
-            font-size: 10px;
+            font-size: 11px;
             letter-spacing: 0.08em;
             opacity: 0.58;
         }
@@ -415,6 +417,8 @@
             flex-wrap: nowrap;
             flex-shrink: 0;
             min-width: 0;
+            font-size: 14px;
+            line-height: 18px;
         }
 
         .modal-header span {
@@ -440,18 +444,18 @@
 
         #farming-crt .session-header-actions > .kill-btn,
         #farming-crt .session-header-actions > .close-btn {
-            height: 38px;
+            height: 34px;
             margin-left: 0;
-            padding: 0 14px;
-            font-size: 16px;
+            padding: 0 12px;
+            font-size: 14px;
             line-height: 1;
         }
 
         #farming-crt .crt-runtime-control {
             display: inline-flex;
             align-items: stretch;
-            height: 38px;
-            min-height: 38px;
+            height: 34px;
+            min-height: 34px;
             margin: 0;
             overflow: hidden;
             border: 1px solid var(--crt-phosphor, #00cc66);
@@ -461,7 +465,7 @@
                 0 0 7px rgba(0, 255, 102, 0.24),
                 inset 0 0 7px rgba(0, 255, 102, 0.08);
             font-family: var(--crt-font, 'Courier New', monospace);
-            font-size: 16px;
+            font-size: 14px;
             line-height: 1;
             white-space: nowrap;
             text-shadow: none;
@@ -483,7 +487,7 @@
         }
 
         #farming-crt .crt-runtime-control button {
-            width: 46px;
+            width: 42px;
             padding: 0;
             color: var(--crt-phosphor, #00cc66);
             background: #030806;
@@ -514,7 +518,7 @@
         }
 
         #farming-crt .crt-command-shortcut {
-            padding: 0 15px;
+            padding: 0 12px;
             color: var(--crt-phosphor-bright, #55f59b);
             background: #030806;
             font-size: inherit;
@@ -624,11 +628,14 @@
         .terminal.crt-structured-session {
             display: block;
             overflow-y: auto;
-            padding: 18px 22px;
+            padding: 14px 20px;
             scrollbar-gutter: stable;
             scrollbar-width: thin;
             scrollbar-color: rgba(12, 204, 104, 0.46) transparent;
             outline: none;
+            font-family: var(--crt-terminal-font);
+            font-size: var(--crt-chat-font-size);
+            line-height: var(--crt-chat-line-height);
         }
 
         .terminal.crt-structured-session::-webkit-scrollbar {
@@ -658,7 +665,7 @@
 
         .crt-structured-transcript {
             display: grid;
-            gap: 18px;
+            gap: 14px;
             position: relative;
             z-index: 1;
             white-space: pre-wrap;
@@ -667,15 +674,17 @@
 
         .crt-structured-turn {
             display: grid;
-            gap: 8px;
-            padding-bottom: 18px;
+            gap: 6px;
+            padding-bottom: 14px;
             border-bottom: 1px solid rgba(0, 255, 0, 0.22);
         }
 
         .crt-structured-message {
             margin: 0;
             color: #00cc66;
-            line-height: 1.55;
+            font-family: var(--crt-terminal-font);
+            font-size: var(--crt-chat-font-size);
+            line-height: var(--crt-chat-line-height);
         }
 
         .crt-structured-message.user {
@@ -686,7 +695,9 @@
             display: block;
             margin-bottom: 5px;
             color: #00ff00;
-            font-size: 11px;
+            font-family: var(--crt-font);
+            font-size: var(--crt-meta-font-size);
+            line-height: 1;
         }
 
         .crt-structured-message.user::before { content: "[USER]"; }
@@ -704,12 +715,15 @@
         .crt-structured-composer {
             display: none;
             grid-template-columns: 1fr auto;
-            gap: 10px;
+            gap: 8px;
             align-items: end;
             flex: 0 0 auto;
-            padding: 10px;
+            padding: 8px 10px;
             border-top: 1px solid #00ff00;
             background: #07110b;
+            font-family: var(--crt-terminal-font);
+            font-size: var(--crt-chat-font-size);
+            line-height: var(--crt-chat-line-height);
         }
 
         .crt-structured-composer.active {
@@ -802,7 +816,7 @@
             display: block;
             margin: 3px 0 0;
             color: #7d9b86;
-            font-size: 11px;
+            font-size: var(--crt-meta-font-size);
         }
 
         .crt-structured-menu-item small {
@@ -828,7 +842,7 @@
             align-items: center;
             gap: 8px;
             color: #72f7c1;
-            font-size: 11px;
+            font-size: var(--crt-meta-font-size);
         }
 
         .crt-structured-attachment button {
@@ -852,8 +866,8 @@
         .crt-structured-composer textarea {
             width: 100%;
             min-width: 0;
-            min-height: 48px;
-            max-height: 168px;
+            min-height: 40px;
+            max-height: 140px;
             resize: none;
             padding: 0;
             border: 0;
@@ -861,7 +875,7 @@
             color: #72f7c1;
             background: transparent;
             font: inherit;
-            line-height: 1.4;
+            line-height: var(--crt-chat-line-height);
             overflow-y: hidden;
         }
 
@@ -879,9 +893,9 @@
         }
 
         #farming-crt #crt-structured-send {
-            min-width: 132px;
-            min-height: 34px;
-            margin: 0 0 7px;
+            min-width: 120px;
+            min-height: 32px;
+            margin: 0 0 5px;
             padding: 5px 12px;
             border: 1px solid #00ff00;
             border-radius: 0;
@@ -925,7 +939,8 @@
         .crt-structured-composer-status {
             grid-column: 1 / -1;
             color: #7d9b86;
-            font-size: 11px;
+            font-size: var(--crt-meta-font-size);
+            line-height: 16px;
         }
 
         .crt-structured-composer-status::after {
@@ -952,7 +967,7 @@
         .crt-structured-composer-usage {
             margin-left: auto;
             color: #7d9b86;
-            font-size: 11px;
+            font-size: var(--crt-meta-font-size);
         }
 
         .crt-structured-file-input {
@@ -1996,6 +2011,7 @@
     <script src="shared/session-bridge.js"></script>
     <script src="shared/session-modal-bridge.js"></script>
     <script type="module" src="shared/ghostty-loader.js"></script>
+    <script src="crt-markdown-renderer.js"></script>
     <script src="effects.js"></script>
     <script src="app.js"></script>
 </body>

package/frontend/skins/crt/styles/markdown.css

@@ -0,0 +1,251 @@
+#farming-crt .crt-markdown {
+    min-width: 0;
+    color: inherit;
+    font-family: var(--crt-terminal-font);
+    font-size: var(--crt-chat-font-size);
+    line-height: var(--crt-chat-line-height);
+    white-space: normal;
+    overflow-wrap: anywhere;
+}
+
+#farming-crt .crt-markdown > :first-child {
+    margin-top: 0;
+}
+
+#farming-crt .crt-markdown > :last-child {
+    margin-bottom: 0;
+}
+
+#farming-crt .crt-markdown p,
+#farming-crt .crt-markdown ul,
+#farming-crt .crt-markdown ol,
+#farming-crt .crt-markdown pre,
+#farming-crt .crt-markdown blockquote,
+#farming-crt .crt-markdown table,
+#farming-crt .crt-markdown hr {
+    margin: 0 0 8px;
+}
+
+#farming-crt .crt-markdown h1,
+#farming-crt .crt-markdown h2,
+#farming-crt .crt-markdown h3,
+#farming-crt .crt-markdown h4,
+#farming-crt .crt-markdown h5,
+#farming-crt .crt-markdown h6 {
+    margin: 14px 0 7px;
+    color: #55f59b;
+    font-family: inherit;
+    font-weight: 700;
+    line-height: 1.25;
+}
+
+#farming-crt .crt-markdown h1 {
+    font-size: 20px;
+}
+
+#farming-crt .crt-markdown h2 {
+    font-size: 18px;
+}
+
+#farming-crt .crt-markdown h3 {
+    font-size: 16px;
+}
+
+#farming-crt .crt-markdown h4,
+#farming-crt .crt-markdown h5,
+#farming-crt .crt-markdown h6 {
+    font-size: 14px;
+}
+
+#farming-crt .crt-markdown ul,
+#farming-crt .crt-markdown ol {
+    padding-left: 1.55em;
+}
+
+#farming-crt .crt-markdown li + li {
+    margin-top: 3px;
+}
+
+#farming-crt .crt-markdown a {
+    color: #72d7ff;
+    text-decoration: underline;
+    text-underline-offset: 0.18em;
+}
+
+#farming-crt .crt-markdown blockquote {
+    padding-left: 0.9em;
+    border-left: 2px solid rgba(85, 245, 155, 0.55);
+    color: #9fcab2;
+}
+
+#farming-crt .crt-markdown :not(pre) > code {
+    padding: 0.08em 0.32em;
+    border: 1px solid rgba(85, 245, 155, 0.28);
+    background: rgba(0, 255, 102, 0.07);
+    color: #f0c36e;
+    font-family: inherit;
+    font-size: 0.92em;
+    line-height: inherit;
+}
+
+#farming-crt .crt-markdown pre {
+    max-width: 100%;
+    padding: 8px 10px;
+    overflow: auto;
+    border: 1px solid rgba(85, 245, 155, 0.3);
+    background: rgba(0, 12, 7, 0.72);
+    color: #b9e6cb;
+    white-space: pre;
+    font-size: 13px;
+    line-height: 19px;
+    text-shadow: none;
+}
+
+#farming-crt .crt-markdown pre code {
+    padding: 0;
+    border: 0;
+    background: transparent;
+    color: inherit;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+}
+
+#farming-crt .crt-markdown table {
+    display: block;
+    max-width: 100%;
+    overflow: auto;
+    border-collapse: collapse;
+    white-space: normal;
+    font-size: 13px;
+    line-height: 18px;
+}
+
+#farming-crt .crt-markdown th,
+#farming-crt .crt-markdown td {
+    padding: 4px 8px;
+    border: 1px solid rgba(85, 245, 155, 0.3);
+    text-align: left;
+}
+
+#farming-crt .crt-markdown th {
+    color: #55f59b;
+}
+
+#farming-crt .crt-markdown img {
+    max-width: 100%;
+    height: auto;
+}
+
+#farming-crt .crt-markdown hr {
+    border: 0;
+    border-top: 1px solid rgba(85, 245, 155, 0.35);
+}
+
+#farming-crt .crt-markdown .katex {
+    color: #b9e6cb;
+    text-shadow: none;
+}
+
+#farming-crt .crt-markdown .katex-display {
+    max-width: 100%;
+    margin: 0 0 0.9em;
+    padding: 0.25em 0;
+    overflow-x: auto;
+    overflow-y: hidden;
+}
+
+#farming-crt .crt-markdown-mermaid {
+    min-height: 72px;
+    margin: 0 0 0.9em;
+    padding: 12px 14px;
+    overflow: auto;
+    border: 1px solid rgba(85, 245, 155, 0.3);
+    background: rgba(0, 12, 7, 0.72);
+    text-shadow: none;
+}
+
+#farming-crt .crt-markdown-mermaid-loading {
+    color: #7d9b86;
+}
+
+#farming-crt .crt-markdown-mermaid-canvas {
+    min-width: max-content;
+}
+
+#farming-crt .crt-markdown-mermaid-canvas svg {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    margin: 0 auto;
+}
+
+#farming-crt .crt-markdown-mermaid.error {
+    border-color: rgba(255, 107, 107, 0.55);
+}
+
+#farming-crt .crt-markdown-mermaid.error figcaption {
+    margin-bottom: 0.55em;
+    color: #ff6b6b;
+}
+
+#farming-crt .crt-markdown-mermaid-error {
+    color: #ffa198;
+    white-space: pre-wrap;
+}
+
+#farming-crt .crt-markdown-mermaid-fallback {
+    margin-bottom: 0;
+}
+
+#farming-crt .crt-markdown .hljs-comment,
+#farming-crt .crt-markdown .hljs-quote {
+    color: #7d9b86;
+}
+
+#farming-crt .crt-markdown .hljs-keyword,
+#farming-crt .crt-markdown .hljs-selector-tag,
+#farming-crt .crt-markdown .hljs-literal,
+#farming-crt .crt-markdown .hljs-section,
+#farming-crt .crt-markdown .hljs-link {
+    color: #ff7b72;
+}
+
+#farming-crt .crt-markdown .hljs-string,
+#farming-crt .crt-markdown .hljs-regexp,
+#farming-crt .crt-markdown .hljs-addition,
+#farming-crt .crt-markdown .hljs-attribute,
+#farming-crt .crt-markdown .hljs-meta .hljs-string {
+    color: #a5d6ff;
+}
+
+#farming-crt .crt-markdown .hljs-number,
+#farming-crt .crt-markdown .hljs-symbol,
+#farming-crt .crt-markdown .hljs-bullet,
+#farming-crt .crt-markdown .hljs-variable,
+#farming-crt .crt-markdown .hljs-template-variable {
+    color: #79c0ff;
+}
+
+#farming-crt .crt-markdown .hljs-title,
+#farming-crt .crt-markdown .hljs-title.class_,
+#farming-crt .crt-markdown .hljs-title.function_ {
+    color: #d2a8ff;
+}
+
+#farming-crt .crt-markdown .hljs-attr,
+#farming-crt .crt-markdown .hljs-property,
+#farming-crt .crt-markdown .hljs-name,
+#farming-crt .crt-markdown .hljs-tag {
+    color: #7ee787;
+}
+
+#farming-crt .crt-markdown .hljs-built_in,
+#farming-crt .crt-markdown .hljs-type,
+#farming-crt .crt-markdown .hljs-meta {
+    color: #ffa657;
+}
+
+#farming-crt .crt-markdown .hljs-deletion {
+    color: #ffa198;
+}

package/frontend/skins/crt/styles/monochrome-green.css

@@ -17,6 +17,9 @@
     --crt-border: rgba(12, 204, 104, 0.76);
     --crt-font: "Departure Mono CRT", "Sarasa Mono SC", "PingFang SC", "Hiragino Sans GB", "Noto Sans Mono CJK SC", "Microsoft YaHei UI", monospace;
     --crt-terminal-font: "JetBrains Mono", "SF Mono", Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Sarasa Mono SC", "PingFang SC", "Hiragino Sans GB", "Noto Sans Mono CJK SC", "Microsoft YaHei UI", monospace;
+    --crt-chat-font-size: 14px;
+    --crt-chat-line-height: 20px;
+    --crt-meta-font-size: 12px;
     color: var(--crt-phosphor);
     background: var(--crt-background);
     border-color: var(--crt-phosphor);
@@ -330,17 +333,25 @@
 
 #farming-crt .agent-header {
     color: var(--crt-phosphor-bright);
+    font-size: 14px;
+    line-height: 18px;
     letter-spacing: 0.015em;
 }
 
+#farming-crt .sidebar-item {
+    font-size: 14px;
+}
+
 #farming-crt .agent-output {
     font-family: var(--crt-terminal-font);
     font-size: 12px;
     line-height: 1.28;
     letter-spacing: 0;
-    text-shadow:
-        0 0 1px currentColor,
-        0 0 3px rgba(12, 204, 104, 0.22);
+    text-shadow: none;
+}
+
+#farming-crt .agent-chat-preview-text {
+    text-shadow: none;
 }
 
 #farming-crt :where(.key-hint, .agent-item .key-hint, .workspace-history-badge, .input-dialog-content button:not(.workspace-history-item):not(.secondary), .close-btn) {