jinzd-ai-cli 0.1.73 → 0.1.74

package/dist/{chunk-ABXJS3XB.js → chunk-37AZXVX2.js}

@@ -16,7 +16,7 @@ import {
   SUBAGENT_MAX_ROUNDS_LIMIT,
   VERSION,
   runTestsTool
-} from "./chunk-FEYESHOP.js";
+} from "./chunk-WRFXLV34.js";
 
 // src/config/config-manager.ts
 import { readFileSync, writeFileSync, existsSync, mkdirSync } from "fs";

package/dist/{chunk-FEYESHOP.js → chunk-WRFXLV34.js}

@@ -8,7 +8,7 @@ import { platform } from "os";
 import chalk from "chalk";
 
 // src/core/constants.ts
-var VERSION = "0.1.73";
+var VERSION = "0.1.74";
 var APP_NAME = "ai-cli";
 var CONFIG_DIR_NAME = ".aicli";
 var CONFIG_FILE_NAME = "config.json";

package/dist/index.js

@@ -34,7 +34,7 @@ import {
   theme,
   truncateOutput,
   undoStack
-} from "./chunk-ABXJS3XB.js";
+} from "./chunk-37AZXVX2.js";
 import {
   AGENTIC_BEHAVIOR_GUIDELINE,
   AUTHOR,
@@ -54,7 +54,7 @@ import {
   REPO_URL,
   SKILLS_DIR_NAME,
   VERSION
-} from "./chunk-FEYESHOP.js";
+} from "./chunk-WRFXLV34.js";
 
 // src/index.ts
 import { program } from "commander";
@@ -1903,7 +1903,7 @@ ${hint}` : "")
       description: "Run project tests and show structured report",
       usage: "/test [command|filter]",
       async execute(args, _ctx) {
-        const { executeTests } = await import("./run-tests-MYRF47LA.js");
+        const { executeTests } = await import("./run-tests-IJDQJJ3N.js");
         const argStr = args.join(" ").trim();
         let testArgs = {};
         if (argStr) {
@@ -5290,7 +5290,7 @@ program.command("web").description("Start Web UI server with browser-based chat
     console.error("Error: Invalid port number. Must be between 1 and 65535.");
     process.exit(1);
   }
-  const { startWebServer } = await import("./server-AAP2OMDQ.js");
+  const { startWebServer } = await import("./server-4LKAYB5Y.js");
   await startWebServer({ port, host: options.host });
 });
 program.command("sessions").description("List recent conversation sessions").action(async () => {

package/dist/{run-tests-MYRF47LA.js → run-tests-IJDQJJ3N.js}

@@ -2,7 +2,7 @@
 import {
   executeTests,
   runTestsTool
-} from "./chunk-FEYESHOP.js";
+} from "./chunk-WRFXLV34.js";
 export {
   executeTests,
   runTestsTool

package/dist/{server-AAP2OMDQ.js → server-4LKAYB5Y.js}

@@ -21,7 +21,7 @@ import {
   runHook,
   spawnAgentContext,
   truncateOutput
-} from "./chunk-ABXJS3XB.js";
+} from "./chunk-37AZXVX2.js";
 import {
   AGENTIC_BEHAVIOR_GUIDELINE,
   DEFAULT_MAX_TOKENS,
@@ -32,7 +32,7 @@ import {
   PLAN_MODE_SYSTEM_ADDON,
   SKILLS_DIR_NAME,
   VERSION
-} from "./chunk-FEYESHOP.js";
+} from "./chunk-WRFXLV34.js";
 
 // src/web/server.ts
 import express from "express";

package/dist/web/client/app.js

@@ -139,20 +139,22 @@ function handleResponseDone(msg) {
 }
 
 function handleToolCallStart(msg) {
-  const levelClass = msg.dangerLevel === 'destructive' ? 'alert-error'
-    : msg.dangerLevel === 'write' ? 'alert-warning' : 'alert-info';
+  const levelBorder = msg.dangerLevel === 'destructive' ? 'tool-border-destructive'
+    : msg.dangerLevel === 'write' ? 'tool-border-write' : 'tool-border-safe';
   const levelIcon = msg.dangerLevel === 'destructive' ? '⚠'
     : msg.dangerLevel === 'write' ? '✎' : '⚙';
+  const levelBadge = msg.dangerLevel === 'destructive' ? 'badge-error'
+    : msg.dangerLevel === 'write' ? 'badge-warning' : 'badge-info';
 
   const el = document.createElement('div');
   el.id = `tool-${msg.callId}`;
-  el.className = `tool-card alert ${levelClass} flex-col items-start my-1`;
+  el.className = `tool-card ${levelBorder} my-1`;
   el.innerHTML = `
-    <div class="flex items-center gap-2 w-full">
-      <span class="font-bold">${levelIcon} ${escapeHtml(msg.toolName)}</span>
-      <span class="badge badge-ghost badge-sm">${msg.round}/${msg.totalRounds}</span>
+    <div class="flex items-center gap-2 w-full mb-1">
+      <span class="badge ${levelBadge} badge-sm gap-1">${levelIcon} ${escapeHtml(msg.toolName)}</span>
+      <span class="text-xs opacity-50">${msg.round}/${msg.totalRounds}</span>
     </div>
-    <div class="tool-args opacity-70 w-full">${formatToolArgs(msg.args)}</div>
+    <div class="tool-args w-full">${formatToolArgs(msg.args)}</div>
   `;
   messagesEl.appendChild(el);
   scrollToBottom();
@@ -172,14 +174,17 @@ function handleToolCallResult(msg) {
 function handleConfirmRequest(msg) {
   const isDestructive = msg.dangerLevel === 'destructive';
   const el = document.createElement('div');
-  el.className = `alert ${isDestructive ? 'alert-error' : 'alert-warning'} flex-col items-start my-1`;
+  el.className = `confirm-card ${isDestructive ? 'tool-border-destructive' : 'tool-border-write'} my-1`;
   el.setAttribute('data-request-id', msg.requestId);
   el.innerHTML = `
-    <div class="font-bold text-sm">${isDestructive ? '⚠ DESTRUCTIVE' : '✎ Write'}: ${escapeHtml(msg.toolName)}</div>
+    <div class="flex items-center gap-2 mb-2">
+      <span class="badge ${isDestructive ? 'badge-error' : 'badge-warning'} badge-sm">${isDestructive ? '⚠ DESTRUCTIVE' : '✎ Write'}</span>
+      <span class="text-sm font-semibold">${escapeHtml(msg.toolName)}</span>
+    </div>
     ${msg.diff ? `<div class="confirm-diff w-full">${escapeHtml(msg.diff)}</div>` : ''}
-    <div class="flex gap-2 mt-1">
-      <button class="btn btn-success btn-sm" onclick="respondConfirm('${msg.requestId}', true)">✓ Approve</button>
-      <button class="btn btn-error btn-sm" onclick="respondConfirm('${msg.requestId}', false)">✗ Deny</button>
+    <div class="flex gap-2 mt-2">
+      <button class="btn btn-success btn-sm btn-outline" onclick="respondConfirm('${msg.requestId}', true)">✓ Approve</button>
+      <button class="btn btn-error btn-sm btn-outline" onclick="respondConfirm('${msg.requestId}', false)">✗ Deny</button>
     </div>
   `;
   messagesEl.appendChild(el);
@@ -188,7 +193,7 @@ function handleConfirmRequest(msg) {
 
 function handleBatchConfirmRequest(msg) {
   const el = document.createElement('div');
-  el.className = 'alert alert-warning flex-col items-start my-1 batch-confirm';
+  el.className = 'confirm-card tool-border-write my-1 batch-confirm';
   el.setAttribute('data-request-id', msg.requestId);
 
   const fileListHtml = msg.files.map(f => `
@@ -199,11 +204,14 @@ function handleBatchConfirmRequest(msg) {
   `).join('');
 
   el.innerHTML = `
-    <div class="font-bold text-sm">✎ Batch file writes (${msg.files.length} files)</div>
+    <div class="flex items-center gap-2 mb-2">
+      <span class="badge badge-warning badge-sm">✎ Batch writes</span>
+      <span class="text-sm">${msg.files.length} files</span>
+    </div>
     <div class="w-full my-1">${fileListHtml}</div>
-    <div class="flex gap-2 mt-1">
-      <button class="btn btn-success btn-sm" onclick="respondBatchConfirm('${msg.requestId}', this)">✓ Approve Selected</button>
-      <button class="btn btn-error btn-sm" onclick="respondBatchDeny('${msg.requestId}', this)">✗ Reject All</button>
+    <div class="flex gap-2 mt-2">
+      <button class="btn btn-success btn-sm btn-outline" onclick="respondBatchConfirm('${msg.requestId}', this)">✓ Approve Selected</button>
+      <button class="btn btn-error btn-sm btn-outline" onclick="respondBatchDeny('${msg.requestId}', this)">✗ Reject All</button>
     </div>
   `;
   messagesEl.appendChild(el);
@@ -212,10 +220,13 @@ function handleBatchConfirmRequest(msg) {
 
 function handleAskUserRequest(msg) {
   const el = document.createElement('div');
-  el.className = 'alert alert-info flex-col items-start my-1';
+  el.className = 'confirm-card tool-border-safe my-1';
   el.innerHTML = `
-    <div class="font-bold text-sm">❓ ${escapeHtml(msg.question)}</div>
-    <div class="flex gap-2 w-full mt-1">
+    <div class="flex items-center gap-2 mb-2">
+      <span class="badge badge-info badge-sm">❓ Question</span>
+    </div>
+    <div class="text-sm mb-2">${escapeHtml(msg.question)}</div>
+    <div class="flex gap-2 w-full">
       <input type="text" id="ask-input-${msg.requestId}"
         class="input input-sm input-bordered flex-1"
         placeholder="Your answer..."
@@ -287,8 +298,8 @@ window.respondConfirm = function(requestId, approved) {
   send({ type: 'confirm_response', requestId, approved });
   const el = document.querySelector(`[data-request-id="${requestId}"]`);
   if (el) {
-    el.className = `alert ${approved ? 'alert-success' : 'alert-error'} my-1`;
-    el.innerHTML = `<span class="text-sm">${approved ? '✓ Approved' : '✗ Denied'}</span>`;
+    el.className = `confirm-card ${approved ? 'tool-border-safe' : 'tool-border-destructive'} my-1 opacity-60`;
+    el.innerHTML = `<span class="text-sm ${approved ? 'text-success' : 'text-error'}">${approved ? '✓ Approved' : '✗ Denied'}</span>`;
   }
 };
 
@@ -305,24 +316,24 @@ window.respondBatchConfirm = function(requestId, btn) {
   } else {
     send({ type: 'batch_confirm_response', requestId, decision: selected });
   }
-  dialog.className = 'alert alert-success my-1';
-  dialog.innerHTML = `<span class="text-sm">✓ Approved ${selected.length}/${checks.length} files</span>`;
+  dialog.className = 'confirm-card tool-border-safe my-1 opacity-60';
+  dialog.innerHTML = `<span class="text-sm text-success">✓ Approved ${selected.length}/${checks.length} files</span>`;
 };
 
 window.respondBatchDeny = function(requestId, btn) {
   send({ type: 'batch_confirm_response', requestId, decision: 'none' });
   const dialog = btn.closest('.batch-confirm');
-  dialog.className = 'alert alert-error my-1';
-  dialog.innerHTML = `<span class="text-sm">✗ All rejected</span>`;
+  dialog.className = 'confirm-card tool-border-destructive my-1 opacity-60';
+  dialog.innerHTML = `<span class="text-sm text-error">✗ All rejected</span>`;
 };
 
 window.respondAskUser = function(requestId) {
   const input = document.getElementById(`ask-input-${requestId}`);
   const answer = input ? input.value : '';
   send({ type: 'ask_user_response', requestId, answer: answer || null });
-  const dialog = input?.closest('.alert');
+  const dialog = input?.closest('.confirm-card');
   if (dialog) {
-    dialog.className = 'alert my-1 opacity-60';
+    dialog.className = 'confirm-card tool-border-safe my-1 opacity-60';
     dialog.innerHTML = `<span class="text-sm">↪ ${escapeHtml(answer || '(cancelled)')}</span>`;
   }
 };
@@ -360,8 +371,8 @@ function addInfoMessage(text) {
 
 function addErrorMessage(text) {
   const el = document.createElement('div');
-  el.className = 'alert alert-error text-sm my-1';
-  el.innerHTML = `<span>${escapeHtml(text)}</span>`;
+  el.className = 'error-message my-1';
+  el.innerHTML = `<span class="text-error text-sm">⚠ ${escapeHtml(text)}</span>`;
   messagesEl.appendChild(el);
   scrollToBottom();
 }

package/dist/web/client/style.css

@@ -110,16 +110,25 @@
   50% { opacity: 0; }
 }
 
-/* ── Tool call cards ────────────────────────────────── */
+/* ── Tool call cards (base-colored with left border) ── */
 .tool-card {
+  background: oklch(var(--b2));
+  border-radius: 0.5rem;
+  padding: 0.75rem 1rem;
   font-size: 0.85rem;
+  border-left: 3px solid transparent;
 }
+.tool-border-safe { border-left-color: oklch(var(--in)); }
+.tool-border-write { border-left-color: oklch(var(--wa)); }
+.tool-border-destructive { border-left-color: oklch(var(--er)); }
+
 .tool-card .tool-args {
   white-space: pre-wrap;
   max-height: 100px;
   overflow-y: auto;
   font-size: 0.8rem;
-  opacity: 0.7;
+  opacity: 0.65;
+  line-height: 1.5;
 }
 .tool-card .tool-result-content {
   white-space: pre-wrap;
@@ -128,12 +137,20 @@
   font-size: 0.8rem;
 }
 
-/* ── Confirm dialog ─────────────────────────────────── */
+/* ── Confirm / ask-user card ────────────────────────── */
+.confirm-card {
+  background: oklch(var(--b2));
+  border-radius: 0.5rem;
+  padding: 0.75rem 1rem;
+  border-left: 3px solid transparent;
+}
+
 .confirm-diff {
   background: oklch(var(--b3));
+  color: oklch(var(--bc));
   padding: 0.5rem;
   border-radius: 0.375rem;
-  font-family: 'Fira Code', 'Consolas', monospace;
+  font-family: 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;
   font-size: 0.78rem;
   white-space: pre-wrap;
   max-height: 200px;
@@ -141,6 +158,14 @@
   margin-bottom: 0.5rem;
 }
 
+/* ── Error message ──────────────────────────────────── */
+.error-message {
+  background: oklch(var(--er) / 0.1);
+  border-left: 3px solid oklch(var(--er));
+  border-radius: 0.5rem;
+  padding: 0.5rem 1rem;
+}
+
 /* ── Thinking block ─────────────────────────────────── */
 .thinking-block summary {
   cursor: pointer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jinzd-ai-cli",
-  "version": "0.1.73",
+  "version": "0.1.74",
   "description": "Cross-platform REPL-style AI CLI with multi-provider support",
   "type": "module",
   "main": "./dist/index.js",