arkaos 3.70.3 → 3.70.5

package/VERSION

@@ -1 +1 @@
-3.70.3
+3.70.5

package/dashboard/app/components/Terminal.vue

@@ -16,6 +16,7 @@ interface Props {
   session?: ReturnType<typeof useTerminalSession>
   onInputLine?: (line: string) => void
   theme?: XtermTheme
+  active?: boolean
 }
 const props = defineProps<Props>()
 
@@ -58,12 +59,23 @@ onMounted(async () => {
   t.loadAddon(new WebLinksAddon())
   t.loadAddon(searchAddon)
   t.open(container.value)
-  fitAddon.fit()
 
   term.value = t
   fit.value = fitAddon
   search.value = searchAddon
 
+  // v3.70.5 — wait for paint so the container has its final width
+  // before fit() reads it. Without this, fit() ran with a 0x0 box on
+  // first mount and shells started at the default 80 cols, leaving
+  // empty space on the right of the canvas.
+  await nextTick()
+  await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()))
+  try {
+    fitAddon.fit()
+  } catch (_e) {
+    // dom layout not ready — ResizeObserver below will recover
+  }
+
   await session.open()
 
   unsubscribeOutput = session.onOutput((chunk) => {
@@ -123,11 +135,17 @@ onMounted(async () => {
     session.sendInput(data)
   })
 
-  // Initial size sync once the WS is open.
+  // Initial size sync once the WS is open. v3.70.5 — fit *again* on
+  // open because the layout might have changed during the WS round-
+  // trip (sidebar collapse, tab switch, etc.).
   watch(session.status, (s) => {
     if (s === 'open') {
-      const { cols, rows } = t
-      session.sendResize(cols, rows)
+      requestAnimationFrame(() => {
+        try {
+          fitAddon.fit()
+        } catch (_e) { /* layout not ready */ }
+        session.sendResize(t.cols, t.rows)
+      })
     }
   }, { immediate: true })
 
@@ -140,8 +158,33 @@ onMounted(async () => {
     }
   })
   resizeObserver.observe(container.value)
+
+  // v3.70.5 — refit when this tab becomes the active one. v-show keeps
+  // inactive tabs mounted with display:none, where ResizeObserver
+  // doesn't fire. Switching back requires an explicit refit.
+  watch(() => props.active, (isActive) => {
+    if (!isActive || !term.value || !fit.value) return
+    nextTick(() => {
+      requestAnimationFrame(() => {
+        try {
+          fit.value?.fit()
+          session.sendResize(term.value!.cols, term.value!.rows)
+        } catch (_e) { /* layout not ready */ }
+      })
+    })
+  })
 })
 
+function refit() {
+  if (!term.value || !fit.value) return
+  try {
+    fit.value.fit()
+    session.sendResize(term.value.cols, term.value.rows)
+  } catch (_e) {
+    // layout not ready
+  }
+}
+
 onBeforeUnmount(async () => {
   unsubscribeOutput?.()
   resizeObserver?.disconnect()
@@ -157,6 +200,7 @@ defineExpose({
   status: session.status,
   error: session.error,
   meta: session.meta,
+  refit,
 })
 </script>
 
@@ -180,7 +224,7 @@ defineExpose({
       </span>
       <span v-else class="text-muted">closed</span>
     </div>
-    <div ref="container" class="absolute inset-0 p-2" />
+    <div ref="container" class="absolute inset-0" />
   </div>
 </template>
 
@@ -188,7 +232,7 @@ defineExpose({
 :deep(.xterm) {
   height: 100%;
   width: 100%;
-  padding: 4px;
+  padding: 8px 12px;
 }
 :deep(.xterm-viewport) {
   background-color: transparent !important;

package/dashboard/app/pages/terminal.vue

@@ -112,6 +112,20 @@ function pickFromSearch(cmd: string) {
   searchOpen.value = false
 }
 
+// v3.70.4 — inline filter for the side panel.
+const sidebarFilter = ref('')
+
+const visibleHistory = computed(() => {
+  const q = sidebarFilter.value.trim().toLowerCase()
+  const filtered = history.value.filter((e) => isPlausibleCommand(e.cmd))
+  if (!q) return filtered
+  return filtered.filter((e) => e.cmd.toLowerCase().includes(q))
+})
+
+function sendToActive(cmd: string) {
+  activeTab.value?.session.sendInput(cmd)
+}
+
 function searchKeydown(e: KeyboardEvent) {
   const total = searchResults.value.length
   if (total === 0) return
@@ -307,6 +321,7 @@ const showHistory = ref(false)
             v-show="activeId === tab.id"
             :session="tab.session"
             :on-input-line="recordCommand"
+            :active="activeId === tab.id"
             class="absolute inset-0"
           />
         </template>
@@ -319,24 +334,92 @@ const showHistory = ref(false)
       </div>
       <aside
         v-if="showHistory"
-        class="w-72 shrink-0 rounded-lg border border-default bg-elevated/10 overflow-hidden flex flex-col"
+        class="w-80 shrink-0 rounded-lg border border-default bg-elevated/10 overflow-hidden flex flex-col"
       >
-        <div class="px-3 py-2 border-b border-default text-xs uppercase tracking-wide text-muted">
-          Command history
+        <div class="px-3 py-2.5 border-b border-default flex items-center gap-2">
+          <UIcon name="i-lucide-history" class="size-4 text-muted shrink-0" />
+          <span class="text-sm font-semibold">History</span>
+          <UBadge :label="String(visibleHistory.length)" size="xs" variant="subtle" />
+          <div class="ml-auto flex items-center gap-1">
+            <UButton
+              size="xs"
+              variant="ghost"
+              icon="i-lucide-search"
+              title="Open full search (⌃R)"
+              @click="openSearch"
+            />
+            <UButton
+              v-if="history.length > 0"
+              size="xs"
+              variant="ghost"
+              color="error"
+              icon="i-lucide-trash-2"
+              title="Clear all"
+              @click="clearHistory"
+            />
+            <UButton
+              size="xs"
+              variant="ghost"
+              icon="i-lucide-x"
+              title="Close panel"
+              @click="showHistory = false"
+            />
+          </div>
+        </div>
+
+        <div class="px-3 py-2 border-b border-default">
+          <UInput
+            v-model="sidebarFilter"
+            size="xs"
+            placeholder="Filter…"
+            icon="i-lucide-search"
+            class="w-full"
+          />
         </div>
-        <div class="flex-1 overflow-auto text-xs font-mono">
-          <button
-            v-for="(entry, i) in history"
-            :key="i"
-            class="w-full text-left px-3 py-1.5 hover:bg-default/40 truncate"
-            :title="entry.cmd"
-            @click="activeTab?.session.sendInput(entry.cmd)"
+
+        <div class="flex-1 overflow-y-auto">
+          <div
+            v-if="history.length === 0"
+            class="p-6 text-center text-xs text-muted"
+          >
+            <UIcon name="i-lucide-terminal" class="size-6 mx-auto mb-2 opacity-50" />
+            <p>No commands yet.</p>
+          </div>
+          <div
+            v-else-if="visibleHistory.length === 0"
+            class="p-6 text-center text-xs text-muted"
           >
-            {{ entry.cmd }}
-          </button>
-          <div v-if="history.length === 0" class="px-3 py-4 text-muted text-center">
-            No commands yet
+            No matches for
+            <span class="font-mono text-default">{{ sidebarFilter }}</span>.
           </div>
+          <ul v-else class="divide-y divide-default">
+            <li
+              v-for="entry in visibleHistory"
+              :key="entry.ts"
+              class="group px-3 py-1.5 hover:bg-elevated/40 cursor-pointer flex items-center gap-2"
+              :title="`${entry.cmd} — ${relativeTime(entry.ts)}`"
+              @click="sendToActive(entry.cmd)"
+            >
+              <UIcon
+                name="i-lucide-chevron-right"
+                class="size-3 shrink-0 text-muted group-hover:text-primary"
+              />
+              <span class="flex-1 min-w-0 font-mono text-xs truncate">
+                {{ entry.cmd }}
+              </span>
+              <span class="text-[10px] text-muted shrink-0 tabular-nums opacity-0 group-hover:opacity-100 transition-opacity">
+                {{ relativeTime(entry.ts) }}
+              </span>
+              <UIcon
+                name="i-lucide-corner-down-left"
+                class="size-3 shrink-0 text-muted opacity-0 group-hover:opacity-100 transition-opacity"
+              />
+            </li>
+          </ul>
+        </div>
+
+        <div class="px-3 py-2 border-t border-default text-[10px] text-muted">
+          Click a command to send it to the active session.
         </div>
       </aside>
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arkaos",
-  "version": "3.70.3",
+  "version": "3.70.5",
   "description": "The Operating System for AI Agent Teams",
   "type": "module",
   "bin": {

package/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "arkaos-core"
-version = "3.70.3"
+version = "3.70.5"
 description = "Core engine for ArkaOS — The Operating System for AI Agent Teams"
 readme = "README.md"
 license = {text = "MIT"}