@danieltmn/tamnora 0.24.1 → 0.25.0

package/harness/packages/server/public/appearance.js

@@ -12,10 +12,14 @@ export const THEMES = [
   { id: 'solarized-dark', label: 'Solarized oscuro', scheme: 'dark', metaColor: '#002b36' },
   { id: 'bosque', label: 'Bosque', scheme: 'light', metaColor: '#f2f4ec' },
   { id: 'vino', label: 'Vino', scheme: 'light', metaColor: '#f7eeee' },
+  { id: 'arena', label: 'Arena', scheme: 'light', metaColor: '#f6efdd' },
+  { id: 'hielo', label: 'Hielo', scheme: 'light', metaColor: '#edf3f7' },
   { id: 'vercel', label: 'Vercel', scheme: 'dark', metaColor: '#000000' },
   { id: 'dark-plus', label: 'Dark+', scheme: 'dark', metaColor: '#1e1e1e' },
   { id: 'github', label: 'GitHub', scheme: 'light', metaColor: '#ffffff' },
   { id: 'github-dark', label: 'GitHub oscuro', scheme: 'dark', metaColor: '#0d1117' },
+  { id: 'mocha', label: 'Mocha', scheme: 'dark', metaColor: '#211912' },
+  { id: 'ebano', label: 'Ébano', scheme: 'dark', metaColor: '#14191f' },
 ];
 
 export const FONT_PRESETS = [

package/harness/packages/server/public/boot.js

@@ -0,0 +1,49 @@
+(function () {
+  var root = document.documentElement;
+  var THEMES = ['paper', 'dark', 'midnight', 'nord', 'dracula', 'solarized', 'solarized-dark', 'bosque', 'vino', 'arena', 'hielo', 'vercel', 'dark-plus', 'github', 'github-dark', 'mocha', 'ebano'];
+  var DARK = ['dark', 'midnight', 'nord', 'dracula', 'solarized-dark', 'vercel', 'dark-plus', 'github-dark', 'mocha', 'ebano'];
+  var appearance = null;
+  try {
+    appearance = JSON.parse(localStorage.getItem('tamnora-console-appearance') || 'null');
+  } catch {
+    appearance = null;
+  }
+  var theme = appearance && appearance.theme;
+  if (!theme) {
+    try {
+      theme = localStorage.getItem('tamnora-console-theme');
+    } catch {
+      theme = null;
+    }
+  }
+  if (theme === 'light') theme = 'paper';
+  if (THEMES.indexOf(theme) < 0) {
+    theme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'paper';
+  }
+  root.dataset.theme = theme;
+  root.dataset.scheme = DARK.indexOf(theme) >= 0 ? 'dark' : 'light';
+  // La consola resuelve el acceso con /api/auth/me; mientras tanto, oculta.
+  root.dataset.auth = 'pending';
+  if (!appearance) return;
+  if (appearance.fontCss) {
+    root.style.setProperty('--sans', appearance.fontCss.sans);
+    root.style.setProperty('--serif', appearance.fontCss.serif);
+    root.style.setProperty('--mono', appearance.fontCss.mono);
+    root.style.setProperty('--font', 'var(--sans)');
+  }
+  var href = appearance.google ? 'https://fonts.googleapis.com/css2?' + appearance.google + '&display=swap' : null;
+  var flink = document.getElementById('tamnora-fonts');
+  if (!href) {
+    if (flink) flink.remove();
+  } else if (!flink) {
+    flink = document.createElement('link');
+    flink.rel = 'stylesheet';
+    flink.id = 'tamnora-fonts';
+    flink.href = href;
+    document.head.appendChild(flink);
+  } else if (flink.getAttribute('href') !== href) {
+    flink.setAttribute('href', href);
+  }
+  if (appearance.chatFont) root.style.setProperty('--chat-font', appearance.chatFont + 'px');
+  if (appearance.scale) root.style.zoom = String(appearance.scale);
+})();

package/harness/packages/server/public/chat.js

@@ -103,6 +103,16 @@ export const panesEl = $('#panes');
 export const tabbarEl = $('#tabbar');
 export const chatForm = $('#chat-form');
 export const chatInput = $('#chat-input');
+
+/**
+ * Ajusta el alto del textarea al contenido: crece hacia arriba a medida que se
+ * escribe, hasta el `max-height` del CSS (donde pasa a scrollear por dentro).
+ * Hay que llamarlo tambien al vaciarlo por codigo, o quedaria alto y vacio.
+ */
+export function autoGrowChatInput() {
+  chatInput.style.height = 'auto';
+  chatInput.style.height = `${chatInput.scrollHeight}px`;
+}
 export const submitBtn = chatForm.querySelector('button[type="submit"]');
 export const stopBtn = $('#stop-btn');
 export const interruptBtn = $('#interrupt-btn');
@@ -305,6 +315,7 @@ export async function regenerate(message) {
   await api(`/api/sessions/${id}/truncate`, { method: 'POST', body: { fromId: lastUser.id } }).catch(() => {});
   await reloadPane(id);
   chatInput.value = userText(lastUser.content);
+  autoGrowChatInput();
   await sendMessage();
 }
 
@@ -338,6 +349,7 @@ export async function undoTurn(message) {
 
 export function editMessage(message) {  const id = messageId(message);
   chatInput.value = message.textEl.textContent;
+  autoGrowChatInput();
   chatInput.focus();
   state.pendingEdit = id ? { fromId: id } : null;
 }
@@ -753,6 +765,7 @@ export function addContinueButton(turn, data) {
   btn.addEventListener('click', () => {
     if (state.panes.get(turn.sessionKey)?.working) return;
     chatInput.value = 'Continuá donde quedaste.';
+    autoGrowChatInput();
     sendMessage();
   });
   turn.assistant().tools.appendChild(btn);
@@ -1195,6 +1208,7 @@ export async function sendMessage() {
     chatInput.value = '';
     state.attachments = [];
     renderAttachments();
+    autoGrowChatInput();
     if (command) runShell(command);
     return;
   }
@@ -1224,6 +1238,7 @@ export async function sendMessage() {
     chatInput.value = '';
     state.attachments = [];
     renderAttachments();
+    autoGrowChatInput();
     syncInterruptBtn();
     return;
   }
@@ -1240,6 +1255,7 @@ export async function sendMessage() {
   chatInput.value = '';
   state.attachments = [];
   renderAttachments();
+  autoGrowChatInput();
   await startTurn(state.sessionId, activePane, input, images);
 }
 
@@ -1275,6 +1291,7 @@ export function sendInterrupt() {
   chatInput.value = '';
   state.attachments = [];
   renderAttachments();
+  autoGrowChatInput();
   syncInterruptBtn();
   interruptAndSend(state.sessionId, input, images);
 }