arkaos 3.70.2 → 3.70.4

package/VERSION

@@ -1 +1 @@
-3.70.2
+3.70.4

package/dashboard/app/components/Terminal.vue

@@ -72,20 +72,53 @@ onMounted(async () => {
   })
 
   // PR99c v3.69.0 — line-buffer for command history without server-
-  // side audit. Captures only printable chars up to Enter; ignores
-  // arrow keys, ctrl combos, escape sequences.
+  // side audit. Captures only printable chars up to Enter.
+  // v3.70.3 — proper ANSI ESC-sequence skipper so arrow keys / cursor
+  // queries / function keys never leak into the history. The state
+  // machine handles `\x1b[...<final>` (CSI) and `\x1bO<char>` (SS3).
   let lineBuf = ''
+  let escState: 'none' | 'esc' | 'csi' | 'ss3' = 'none'
   t.onData((data) => {
     for (const ch of data) {
+      if (escState === 'esc') {
+        if (ch === '[') escState = 'csi'
+        else if (ch === 'O') escState = 'ss3'
+        else escState = 'none' // unknown ESC sequence, drop just this byte
+        continue
+      }
+      if (escState === 'csi') {
+        // Final byte of a CSI is in 0x40-0x7E (@A..Z[\]^_`a..z{|}~)
+        if (ch >= '@' && ch <= '~') escState = 'none'
+        continue
+      }
+      if (escState === 'ss3') {
+        // SS3 is ESC O <one-char>
+        escState = 'none'
+        continue
+      }
+      if (ch === '\x1b') {
+        escState = 'esc'
+        continue
+      }
       if (ch === '\r' || ch === '\n') {
         const cmd = lineBuf.trim()
         if (cmd) props.onInputLine?.(cmd)
         lineBuf = ''
-      } else if (ch === '\x7f' || ch === '\b') {
+        continue
+      }
+      if (ch === '\x7f' || ch === '\b') {
         lineBuf = lineBuf.slice(0, -1)
-      } else if (ch >= ' ' && ch < '\x7f') {
+        continue
+      }
+      if (ch === '\x03' || ch === '\x15') {
+        // Ctrl-C or Ctrl-U — operator abandoned the line
+        lineBuf = ''
+        continue
+      }
+      if (ch >= ' ' && ch <= '~') {
         lineBuf += ch
       }
+      // any other control byte is silently dropped
     }
     session.sendInput(data)
   })

package/dashboard/app/pages/terminal.vue

@@ -29,11 +29,28 @@ interface HistoryEntry {
   cmd: string
 }
 
+// v3.70.3 — sanitise legacy entries polluted by ANSI ESC sequences
+// that leaked through the v3.69.0 line-buffer before the proper
+// state-machine filter landed.
+function isPlausibleCommand(cmd: string): boolean {
+  if (!cmd || cmd.length < 2) return false
+  // Reject anything that looks like a CSI/SS3 remnant
+  if (/^\[?\?/.test(cmd)) return false
+  if (/\[[\d;?]*[A-Za-z~]/.test(cmd)) return false
+  // Reject anything starting with `[` followed by digits or letter — ESC remnant
+  if (/^\[[\dA-Za-z]/.test(cmd)) return false
+  // Must contain at least one alphanumeric — pure punctuation is suspect
+  if (!/[A-Za-z0-9]/.test(cmd)) return false
+  return true
+}
+
 function loadHistory(): HistoryEntry[] {
   if (typeof localStorage === 'undefined') return []
   try {
     const raw = localStorage.getItem(HISTORY_KEY)
-    return raw ? (JSON.parse(raw) as HistoryEntry[]) : []
+    if (!raw) return []
+    const parsed = JSON.parse(raw) as HistoryEntry[]
+    return parsed.filter((e) => e && typeof e.cmd === 'string' && isPlausibleCommand(e.cmd))
   } catch {
     return []
   }
@@ -41,9 +58,18 @@ function loadHistory(): HistoryEntry[] {
 
 const history = ref<HistoryEntry[]>(loadHistory())
 
+function clearHistory() {
+  history.value = []
+  try {
+    localStorage.removeItem(HISTORY_KEY)
+  } catch {
+    // ignore
+  }
+}
+
 function recordCommand(cmd: string) {
   const trimmed = cmd.trim()
-  if (!trimmed || trimmed.length < 2) return
+  if (!isPlausibleCommand(trimmed)) return
   history.value.unshift({ ts: Date.now(), cmd: trimmed })
   if (history.value.length > HISTORY_MAX) {
     history.value = history.value.slice(0, HISTORY_MAX)
@@ -57,9 +83,11 @@ function recordCommand(cmd: string) {
 }
 
 // PR99d v3.70.0 — theme picker + Ctrl+R history search.
+// v3.70.3 — proper command palette UX (keyboard nav, selected row).
 const { themeName, setTheme, options: themeOptions } = useTerminalThemes()
 const searchOpen = ref(false)
 const searchQuery = ref('')
+const searchSelectedIdx = ref(0)
 
 const searchResults = computed(() => {
   const q = searchQuery.value.trim().toLowerCase()
@@ -69,9 +97,14 @@ const searchResults = computed(() => {
     .slice(0, 30)
 })
 
+watch(searchResults, () => {
+  searchSelectedIdx.value = 0
+})
+
 function openSearch() {
   searchOpen.value = true
   searchQuery.value = ''
+  searchSelectedIdx.value = 0
 }
 
 function pickFromSearch(cmd: string) {
@@ -79,6 +112,44 @@ 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
+  if (e.key === 'ArrowDown') {
+    e.preventDefault()
+    searchSelectedIdx.value = (searchSelectedIdx.value + 1) % total
+  } else if (e.key === 'ArrowUp') {
+    e.preventDefault()
+    searchSelectedIdx.value = (searchSelectedIdx.value - 1 + total) % total
+  } else if (e.key === 'Enter') {
+    e.preventDefault()
+    const chosen = searchResults.value[searchSelectedIdx.value]
+    if (chosen) pickFromSearch(chosen.cmd)
+  }
+}
+
+function relativeTime(ts: number): string {
+  const diff = (Date.now() - ts) / 1000
+  if (diff < 60) return 'just now'
+  if (diff < 3600) return `${Math.floor(diff / 60)}m ago`
+  if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`
+  return `${Math.floor(diff / 86400)}d ago`
+}
+
 const editingTabId = ref<string | null>(null)
 const renameDraft = ref('')
 
@@ -262,24 +333,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="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="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-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>
@@ -289,33 +428,111 @@ const showHistory = ref(false)
       History stays in this browser only. Ctrl+R to search history.
     </footer>
 
-    <UModal v-model:open="searchOpen" :title="`Search history (${history.length})`">
-      <template #body>
-        <div class="space-y-2">
-          <UInput
-            v-model="searchQuery"
-            placeholder="type to filter…"
-            autofocus
-            icon="i-lucide-search"
-            @keydown.enter="searchResults[0] && pickFromSearch(searchResults[0].cmd)"
-          />
-          <div class="max-h-80 overflow-y-auto rounded-md border border-default divide-y divide-default">
-            <button
-              v-for="(entry, i) in searchResults"
-              :key="i"
-              class="w-full text-left px-3 py-2 text-sm font-mono hover:bg-elevated/40 truncate"
-              @click="pickFromSearch(entry.cmd)"
+    <UModal
+      v-model:open="searchOpen"
+      :ui="{ content: 'max-w-2xl' }"
+    >
+      <template #content>
+        <UCard :ui="{ body: 'p-0', header: 'px-4 py-3', footer: 'px-4 py-2.5' }">
+          <template #header>
+            <div class="flex items-center gap-3">
+              <UIcon name="i-lucide-history" class="size-5 text-muted shrink-0" />
+              <UInput
+                v-model="searchQuery"
+                placeholder="Filter command history…"
+                size="lg"
+                autofocus
+                :ui="{ root: 'flex-1', base: 'border-0 shadow-none ring-0 focus:ring-0 px-0' }"
+                @keydown="searchKeydown"
+              />
+              <span class="text-xs text-muted shrink-0 tabular-nums">
+                {{ searchResults.length }} / {{ history.length }}
+              </span>
+              <kbd class="px-1.5 py-0.5 rounded bg-elevated/50 text-xs font-mono text-muted shrink-0">
+                esc
+              </kbd>
+            </div>
+          </template>
+
+          <div class="max-h-[60vh] overflow-y-auto">
+            <div
+              v-if="history.length === 0"
+              class="p-10 text-center text-sm text-muted"
+            >
+              <UIcon name="i-lucide-terminal" class="size-8 mx-auto mb-3 opacity-50" />
+              <p>No commands yet.</p>
+              <p class="text-xs mt-1">
+                Run something in the terminal — it'll show up here.
+              </p>
+            </div>
+            <div
+              v-else-if="searchResults.length === 0"
+              class="p-10 text-center text-sm text-muted"
             >
-              {{ entry.cmd }}
-            </button>
-            <div v-if="searchResults.length === 0" class="px-3 py-4 text-muted text-center text-sm">
-              No matches
+              No match for
+              <span class="font-mono text-default">{{ searchQuery }}</span>.
             </div>
+            <ul v-else class="divide-y divide-default">
+              <li
+                v-for="(entry, i) in searchResults"
+                :key="entry.ts"
+                class="px-4 py-2 cursor-pointer transition-colors flex items-center gap-3"
+                :class="i === searchSelectedIdx
+                  ? 'bg-primary/10 border-l-2 border-primary pl-[14px]'
+                  : 'hover:bg-elevated/40 border-l-2 border-transparent'"
+                @click="pickFromSearch(entry.cmd)"
+                @mouseenter="searchSelectedIdx = i"
+              >
+                <UIcon
+                  name="i-lucide-chevron-right"
+                  class="size-3.5 shrink-0"
+                  :class="i === searchSelectedIdx ? 'text-primary' : 'text-muted'"
+                />
+                <span class="flex-1 min-w-0 font-mono text-sm truncate">
+                  {{ entry.cmd }}
+                </span>
+                <span class="text-xs text-muted shrink-0 tabular-nums">
+                  {{ relativeTime(entry.ts) }}
+                </span>
+                <kbd
+                  v-if="i === searchSelectedIdx"
+                  class="px-1.5 py-0.5 rounded bg-primary/20 text-[10px] font-mono text-primary shrink-0"
+                >
+                  ↵ send
+                </kbd>
+              </li>
+            </ul>
           </div>
-          <p class="text-xs text-muted">
-            Enter sends the top match to the active session.
-          </p>
-        </div>
+
+          <template #footer>
+            <div class="text-xs text-muted flex items-center gap-4">
+              <span class="flex items-center gap-1">
+                <kbd class="px-1.5 py-0.5 rounded bg-elevated/50 font-mono">↑</kbd>
+                <kbd class="px-1.5 py-0.5 rounded bg-elevated/50 font-mono">↓</kbd>
+                navigate
+              </span>
+              <span class="flex items-center gap-1">
+                <kbd class="px-1.5 py-0.5 rounded bg-elevated/50 font-mono">↵</kbd>
+                send to active session
+              </span>
+              <span class="flex items-center gap-1">
+                <kbd class="px-1.5 py-0.5 rounded bg-elevated/50 font-mono">esc</kbd>
+                close
+              </span>
+              <UButton
+                v-if="history.length > 0"
+                size="xs"
+                variant="ghost"
+                color="error"
+                icon="i-lucide-trash-2"
+                class="ml-auto"
+                @click="clearHistory"
+              >
+                Clear all
+              </UButton>
+            </div>
+          </template>
+        </UCard>
       </template>
     </UModal>
       </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arkaos",
-  "version": "3.70.2",
+  "version": "3.70.4",
   "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.2"
+version = "3.70.4"
 description = "Core engine for ArkaOS — The Operating System for AI Agent Teams"
 readme = "README.md"
 license = {text = "MIT"}