@7n/tauri-components 0.11.2 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## [0.13.0] - 2026-07-20
+
+### Added
+
+- AgentDialog.vue: мітка агент·модель над кожною відповіддю в чаті — фіксується на request(), не змінюється для наступних respond() у тій самій розмові (перемикання агента/тіру діє лише на нову сесію)
+
+### Fixed
+
+- useAcpAgent(): перемикання agent у picker більше не лишає modelTier зі значенням попереднього агента (напр. cursor's AVG="Grok 4.5" після переключення на pi, де тірів взагалі нема) — тепер watch(agentKind) перерезолвлює modelTier під новий агент
+
+## [0.12.0] - 2026-07-20
+
+### Added
+
+- Storybook (Vue3 + Vite) для компонентів `npm/src/components/` — конфіг у
+`npm/.storybook/`, по одному `*.stories.js` на компонент (`BaseDialog`,
+`DialogActions`, `StatePill`, `RequestView`, `AgentDialog`, `AuditDialog`), і
+named vitest-проєкт `"storybook"` (`@storybook/addon-vitest`, browser mode,
+Playwright Chromium) поряд з canonical `"unit"`-проєктом у `npm/vitest.config.mjs`
+— вмикає окремий вимір покриття `Vue (Storybook)` через `@7n/test coverage`.
+
+### Changed
+
+- docs(changelog): додано change-файл для поточних змін у npm workspace
+- chore(lint): дозаповнено cspell-словник, авто-fix markdownlint у docs/
+
 ## [0.11.2] - 2026-07-19
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@7n/tauri-components",
-  "version": "0.11.2",
+  "version": "0.13.0",
   "type": "module",
   "description": "Shared LLM agent engine + Vue/Quasar UI for Tauri apps (chat, journal, trust-tier approval).",
   "license": "MIT",
@@ -63,6 +63,9 @@
     "@storybook/addon-vitest": "^10.5.2",
     "@storybook/vue3-vite": "^10.5.2",
     "@vitejs/plugin-vue": "^6.0.8",
+    "@vitest/browser": "^4.1.10",
+    "@vitest/browser-playwright": "^4.1.10",
+    "playwright": "^1.61.1",
     "storybook": "^10.5.2"
   }
 }

package/src/components/AgentDialog.vue

@@ -29,7 +29,10 @@
     <div v-if="turns.length" ref="logEl" class="chat-log">
       <template v-for="(turn, i) in turns" :key="i">
         <div v-if="turn.role === 'user'" class="chat-user">{{ turn.text }}</div>
-        <RequestView v-else :result="turn.result" />
+        <template v-else>
+          <div class="chat-model-label">{{ turn.agentLabel }}</div>
+          <RequestView :result="turn.result" />
+        </template>
       </template>
       <div v-if="running" class="chat-thinking"><q-spinner-dots size="18px" /> думаю…</div>
     </div>
@@ -85,6 +88,21 @@ const turns = ref([])
 const requestId = ref(null)
 const logEl = ref(null)
 const showConfig = ref(false)
+// Latched at the start of a conversation (request()) and reused for every
+// respond() in it: resuming a session keeps talking to whichever agent/tier
+// spawned it — changing the dropdowns mid-conversation only takes effect on
+// the NEXT fresh request(), so re-reading agentKind/modelTier live at every
+// send() would mislabel turns with a model that isn't actually answering.
+const activeAgentLabel = ref('')
+
+/**
+ * Human-readable "agent · tier" for whichever preset is currently selected.
+ * @returns {string} label
+ */
+function currentAgentLabel() {
+  const tier = availableTiers.value.find(t => t.id === modelTier.value)
+  return `${agentKind.value} · ${tier?.label ?? modelTier.value}`
+}
 
 // Labels shift once a conversation is under way (fresh request → follow-up).
 const inputLabel = computed(() => (turns.value.length ? 'Повідомлення' : 'Prompt'))
@@ -115,7 +133,7 @@ async function scrollToEnd() {
  */
 function apply(outcome) {
   if (outcome.requestId) requestId.value = outcome.requestId
-  turns.value.push({ role: 'agent', result: outcome })
+  turns.value.push({ role: 'agent', result: outcome, agentLabel: activeAgentLabel.value })
   if (outcome.actions?.some(action => action.envelope?.ok)) emit('ran')
   scrollToEnd()
 }
@@ -131,6 +149,10 @@ async function send() {
   scrollToEnd()
   running.value = true
   try {
+    // Only a fresh request() actually spawns with the currently-selected
+    // agent/tier — a respond() keeps talking to whatever the conversation
+    // already started with, so the label must not move mid-conversation.
+    if (!requestId.value) activeAgentLabel.value = currentAgentLabel()
     apply(await (requestId.value ? respond(requestId.value, text) : request(text)))
   } catch (error) {
     $q.notify({ type: 'negative', message: String(error?.message ?? error) })
@@ -162,6 +184,15 @@ async function send() {
   line-height: 1.45;
 }
 
+.chat-model-label {
+  align-self: flex-start;
+  font-size: 11px;
+  opacity: 0.6;
+  text-transform: uppercase;
+  letter-spacing: 0.02em;
+  margin-bottom: -4px;
+}
+
 .chat-thinking {
   display: flex;
   align-items: center;

package/src/components/docs/AgentDialog.md

@@ -3,7 +3,7 @@ type: Vue Component
 title: AgentDialog.vue
 resource: npm/src/components/AgentDialog.vue
 docgen:
-  crc: aa14e51b
+  crc: 9f725385
   model: omlx/gemma-4-e4b-it-OptiQ-4bit
 ---
 

package/src/vue/docs/use-acp-agent.md

@@ -3,7 +3,7 @@ type: JS Module
 title: use-acp-agent.js
 resource: npm/src/vue/use-acp-agent.js
 docgen:
-  crc: 0477b0ca
+  crc: e5d5b271
   model: omlx/gemma-4-e4b-it-OptiQ-4bit
   score: 100
   issues: judge:inaccurate:0.97

package/src/vue/use-acp-agent.js

@@ -1,4 +1,4 @@
-import { computed, ref } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { acpConfig, startAcpMcpBridge } from '../core/acp-agent.js'
 import { createAcpAgentKit } from '../core/acp-kit.js'
 import { createTauriJournalStore } from './journal-store-tauri.js'
@@ -47,6 +47,16 @@ export function useAcpAgent({
   const journal = createTauriJournalStore()
   const kit = createAcpAgentKit({ catalog, journal, transport, actorTiers })
 
+  // Tiers are per-agent presets (see `agents[kind].tiers` above) — a tier id
+  // picked for the PREVIOUS agent (e.g. cursor's "AVG" = Grok 4.5) doesn't
+  // necessarily exist for the newly selected one (pi has no tiers at all), so
+  // switching agentKind must re-resolve modelTier instead of leaving it
+  // pointing at a tier the UI can no longer show a matching label for.
+  watch(agentKind, kind => {
+    const tiers = agents[kind]?.tiers ?? {}
+    modelTier.value = defaultTier in tiers ? defaultTier : (Object.keys(tiers)[0] ?? '')
+  })
+
   /**
    * Read the per-machine default agent (`ACP_DEFAULT_AGENT`) and start the
    * domain MCP bridge. Call once before the first `request()` — mirrors