@7n/tauri-components 0.13.11 → 0.15.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [0.15.0] - 2026-07-21
+
+### Changed
+
+- Storybook доведено до канону (rules-lang-js 0.12.0): динамічний viteFinal (VueMacros-стійкий, `empty-vite.config.js`-обхід), msw-storybook-addon + mswLoader, canonical `scripts.storybook`, devDeps governance (msw@2.11.3/msw-storybook-addon@2.0.5 пін у npm/, build-тулінг у корені), CI (setup-playwright-chromium + lint-storybook.yml). Кастомний Material Symbols iconSet/iconMapFn (sym_o_/r_/s_) збережено — легітимна локальна особливість пакета.
+
+## [0.14.0] - 2026-07-21
+
+### Added
+
+- AgentDialog: інкрементальний стрімінг відповіді (текст/tool-call з'являються по мірі надходження session/update-чанків, а не лише після завершення всього ходу). AuditDialog: коректно показує нативні ACP permission-request поряд з MCP tool-call approval в одному списку.
+
 ## [0.13.11] - 2026-07-21
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@7n/tauri-components",
-  "version": "0.13.11",
+  "version": "0.15.0",
   "type": "module",
   "description": "Shared LLM agent engine + Vue/Quasar UI for Tauri apps (chat, journal, trust-tier approval).",
   "license": "MIT",
@@ -73,14 +73,18 @@
     "bun": ">=1.3",
     "node": ">=24"
   },
+  "scripts": {
+    "storybook": "storybook dev -p 6006 --no-open"
+  },
   "devDependencies": {
-    "@quasar/extras": "^2.0.2",
-    "@storybook/addon-vitest": "^10.5.3",
     "@storybook/vue3-vite": "^10.5.3",
-    "@vitejs/plugin-vue": "^6.0.8",
-    "@vitest/browser": "^4.1.10",
-    "@vitest/browser-playwright": "^4.1.10",
-    "playwright": "^1.61.1",
+    "msw": "2.11.3",
+    "msw-storybook-addon": "2.0.5",
     "storybook": "^10.5.3"
+  },
+  "msw": {
+    "workerDirectory": [
+      ".storybook/public"
+    ]
   }
 }

package/src/components/AgentDialog.vue

@@ -142,12 +142,14 @@ async function scrollToEnd() {
 }
 
 /**
- * Append an agent turn, latch the conversation id, refresh the graph on writes.
+ * Fill in the live turn with the final result, latch the conversation id,
+ * refresh the graph on writes.
  * @param {object} outcome structured result from request/respond
+ * @param {object} turn the live turn pushed at the start of send(), updated in place
  */
-function apply(outcome) {
+function apply(outcome, turn) {
   if (outcome.requestId) requestId.value = outcome.requestId
-  turns.value.push({ role: 'agent', result: outcome, agentLabel: activeAgentLabel.value })
+  turn.result = outcome
   if (outcome.actions?.some(action => action.envelope?.ok)) emit('ran')
   scrollToEnd()
 }
@@ -202,17 +204,33 @@ async function send() {
   }
   prompt.value = ''
   turns.value.push({ role: 'user', text })
+  // 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()
+    activeSpawnKey.value = currentSpawnKey()
+  }
+  // Pushed before the call resolves and updated in place as session/update
+  // chunks stream in (onChunk below), so the reply grows live instead of
+  // only appearing once the whole turn finishes.
+  const liveTurn = {
+    role: 'agent',
+    agentLabel: activeAgentLabel.value,
+    result: { status: 'running', summary: '', actions: [], question: null, pendingApproval: null }
+  }
+  turns.value.push(liveTurn)
   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()
-      activeSpawnKey.value = currentSpawnKey()
+    const onChunk = ({ text: liveText, actions }) => {
+      liveTurn.result = { ...liveTurn.result, summary: liveText, actions }
+      scrollToEnd()
     }
-    apply(await (requestId.value ? respond(requestId.value, payload) : request(payload)))
+    const outcome = await (requestId.value
+      ? respond(requestId.value, payload, { onChunk })
+      : request(payload, { onChunk }))
+    apply(outcome, liveTurn)
   } catch (error) {
     $q.notify({ type: 'negative', message: String(error?.message ?? error) })
   } finally {

package/src/components/AuditDialog.vue

@@ -25,7 +25,11 @@
       <div v-if="expandedId === rec.id" class="audit-body">
         <RequestView @respond="msg => onRespond(rec, msg)" :result="rec" :busy="busyId === rec.id" />
         <div v-if="rec.status === 'needs_approval' && rec.pendingApproval" class="audit-approval">
-          <div class="audit-pending">
+          <div v-if="rec.pendingApproval.kind === 'acp'" class="audit-pending">
+            Permission request:
+            <code>{{ rec.pendingApproval.toolCall?.title ?? rec.pendingApproval.toolCall?.toolCallId }}</code>
+          </div>
+          <div v-else class="audit-pending">
             Approve action: <code>{{ rec.pendingApproval.tool }}({{ JSON.stringify(rec.pendingApproval.input) }})</code>
           </div>
           <div class="row q-gutter-sm">

package/src/components/docs/AgentDialog.md

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

package/src/components/docs/AuditDialog.md

@@ -3,7 +3,7 @@ type: Vue Component
 title: AuditDialog.vue
 resource: npm/src/components/AuditDialog.vue
 docgen:
-  crc: 8c440daf
+  crc: c716181c
   model: omlx/gemma-4-e4b-it-OptiQ-4bit
 ---
 

package/src/core/acp-agent.js

@@ -101,7 +101,7 @@ function applySessionUpdate(state, update) {
  * @param {object} params turn parameters
  * @param {string} params.sessionKey handle from `createAcpSession`
  * @param {string} params.text prompt text for this turn
- * @param {(update: object) => void} [params.onChunk] optional live callback for each raw session/update (UI streaming)
+ * @param {(snapshot: {text: string, actions: {tool: string, input: object, envelope: object|null}[]}) => void} [params.onChunk] optional live callback with the turn's accumulated text/tool-calls so far, fired on every session/update (UI streaming)
  * @returns {Promise<{content: string, steps: number, trace: object[], messages: object[], stopped?: string}>} runAgent()-shaped result
  */
 export async function runAcpTurn({ sessionKey, text, onChunk }) {
@@ -110,7 +110,7 @@ export async function runAcpTurn({ sessionKey, text, onChunk }) {
   const unlisten = await listen('acp://session-update', event => {
     if (event.payload?.sessionKey !== sessionKey) return
     applySessionUpdate(state, event.payload.update)
-    onChunk?.(event.payload.update)
+    onChunk?.({ text: state.text, actions: state.calls.values().toArray() })
   })
 
   try {

package/src/core/acp-kit.js

@@ -175,10 +175,10 @@ export function createAcpAgentKit({
     /**
      * Start a new ACP-backed request: spawns the agent session and runs the
      * first prompt turn.
-     * @param {{intent: string, agent: object}} opts `agent` is passed straight to `createAcpSession` (agentKind/command/args/env/cwd/…)
+     * @param {{intent: string, agent: object, onChunk?: (snapshot: {text: string, actions: object[]}) => void}} opts `agent` is passed straight to `createAcpSession` (agentKind/command/args/env/cwd/…); `onChunk` streams live text/tool-calls as the turn runs
      * @returns {Promise<object>} structured result envelope
      */
-    async request({ intent, agent }) {
+    async request({ intent, agent, onChunk }) {
       await ensureListening()
       const id = await journal.create({ intent, actor: AGENT_ACTOR })
       await journal.update(id, { status: 'running' })
@@ -191,15 +191,15 @@ export function createAcpAgentKit({
       activeSessionKey = session.sessionKey
       activeRequestId = id
       await journal.update(id, { acp: { agentKind: session.agentKind, sessionKey: session.sessionKey } })
-      return runAndJournal(id, [], deps.runAcpTurn({ sessionKey: activeSessionKey, text: intent }))
+      return runAndJournal(id, [], deps.runAcpTurn({ sessionKey: activeSessionKey, text: intent, onChunk }))
     },
 
     /**
      * Continue the active session with a follow-up message.
-     * @param {{requestId: string, message: string}} opts resume parameters
+     * @param {{requestId: string, message: string, onChunk?: (snapshot: {text: string, actions: object[]}) => void}} opts resume parameters; `onChunk` streams live text/tool-calls as the turn runs
      * @returns {Promise<object>} updated result envelope
      */
-    async respond({ requestId, message }) {
+    async respond({ requestId, message, onChunk }) {
       if (!activeSessionKey) {
         return {
           requestId,
@@ -228,7 +228,7 @@ export function createAcpAgentKit({
       return runAndJournal(
         requestId,
         record.actions ?? [],
-        deps.runAcpTurn({ sessionKey: activeSessionKey, text: message })
+        deps.runAcpTurn({ sessionKey: activeSessionKey, text: message, onChunk })
       )
     },
 

package/src/core/docs/acp-agent.md

@@ -3,7 +3,7 @@ type: JS Module
 title: acp-agent.js
 resource: npm/src/core/acp-agent.js
 docgen:
-  crc: a9f48a2c
+  crc: 8fd9fdb8
   model: omlx/gemma-4-e4b-it-OptiQ-4bit
   score: 100
   issues: judge:inaccurate:0.98

package/src/core/docs/acp-kit.md

@@ -3,7 +3,7 @@ type: JS Module
 title: acp-kit.js
 resource: npm/src/core/acp-kit.js
 docgen:
-  crc: e42fda83
+  crc: 0c38d95b
   model: omlx/gemma-4-e4b-it-OptiQ-4bit
   score: 100
   judgeModel: openai-codex/gpt-5.4-mini

package/src/core/scope.js

@@ -22,7 +22,7 @@ export function classify(catalog, actorTiers, actor, toolName) {
   const tiers = actorTiers ?? DEFAULT_ACTOR_TIERS
   const tool = getTool(catalog, toolName)
   if (!tool) return 'deny'
-  const rank = TIER_RANK[tool.tier] ?? Number.POSITIVE_INFINITY
+  const rank = TIER_RANK[tool.tier] ?? Infinity
   const max = tiers[actor?.kind] ?? 0
   if (rank <= max) return 'allow'
   if (tool.tier === 'destructive' && actor?.kind === 'agent') return 'approval'

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: e5d5b271
+  crc: 42706f67
   model: omlx/gemma-4-e4b-it-OptiQ-4bit
   score: 100
   issues: judge:inaccurate:0.97

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

@@ -114,14 +114,20 @@ export function useAcpAgent({
     journal,
     /**
      * @param {string} intent user prompt
-     * @param {{modelTier?: string}} [opts] per-call overrides
+     * @param {{modelTier?: string, onChunk?: (snapshot: {text: string, actions: object[]}) => void}} [opts] per-call overrides; `onChunk` streams live text/tool-calls as the turn runs
      * @returns {Promise<object>} structured result envelope
      */
     request: (intent, opts = {}) => {
       if (opts.modelTier) modelTier.value = opts.modelTier
-      return kit.request({ intent, agent: resolveSpawnArgs() })
+      return kit.request({ intent, agent: resolveSpawnArgs(), onChunk: opts.onChunk })
     },
-    respond: (requestId, message) => kit.respond({ requestId, message }),
+    /**
+     * @param {string} requestId journal record id from a prior request()/respond()
+     * @param {string} message follow-up user message
+     * @param {{onChunk?: (snapshot: {text: string, actions: object[]}) => void}} [opts] `onChunk` streams live text/tool-calls as the turn runs
+     * @returns {Promise<object>} updated result envelope
+     */
+    respond: (requestId, message, opts = {}) => kit.respond({ requestId, message, onChunk: opts.onChunk }),
     approve: (requestId, approve) => kit.approve({ requestId, approve })
   }
 }