jinzd-ai-cli 0.1.93 → 0.1.95

package/dist/{chunk-BZVXXYAB.js → chunk-KKNZPNLC.js}

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

package/dist/{chunk-HLMYGNCU.js → chunk-R2NPYF4C.js}

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

package/dist/index.js

@@ -35,7 +35,7 @@ import {
   theme,
   truncateOutput,
   undoStack
-} from "./chunk-HLMYGNCU.js";
+} from "./chunk-R2NPYF4C.js";
 import {
   AGENTIC_BEHAVIOR_GUIDELINE,
   AUTHOR,
@@ -55,7 +55,7 @@ import {
   REPO_URL,
   SKILLS_DIR_NAME,
   VERSION
-} from "./chunk-BZVXXYAB.js";
+} from "./chunk-KKNZPNLC.js";
 
 // src/index.ts
 import { program } from "commander";
@@ -1904,7 +1904,7 @@ ${hint}` : "")
       description: "Run project tests and show structured report",
       usage: "/test [command|filter]",
       async execute(args, _ctx) {
-        const { executeTests } = await import("./run-tests-X5ZA6FTL.js");
+        const { executeTests } = await import("./run-tests-LYE22U6B.js");
         const argStr = args.join(" ").trim();
         let testArgs = {};
         if (argStr) {
@@ -5292,7 +5292,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-G4DGAXKU.js");
+  const { startWebServer } = await import("./server-YI4KLT7T.js");
   await startWebServer({ port, host: options.host });
 });
 program.command("sessions").description("List recent conversation sessions").action(async () => {

package/dist/{run-tests-X5ZA6FTL.js → run-tests-LYE22U6B.js}

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

package/dist/{server-G4DGAXKU.js → server-YI4KLT7T.js}

@@ -23,7 +23,7 @@ import {
   setupProxy,
   spawnAgentContext,
   truncateOutput
-} from "./chunk-HLMYGNCU.js";
+} from "./chunk-R2NPYF4C.js";
 import {
   AGENTIC_BEHAVIOR_GUIDELINE,
   CONTEXT_FILE_CANDIDATES,
@@ -35,7 +35,7 @@ import {
   PLAN_MODE_SYSTEM_ADDON,
   SKILLS_DIR_NAME,
   VERSION
-} from "./chunk-BZVXXYAB.js";
+} from "./chunk-KKNZPNLC.js";
 
 // src/web/server.ts
 import express from "express";
@@ -524,6 +524,10 @@ var SessionHandler = class {
     if (this.abortController) this.abortController.abort();
     for (const resolve3 of this.pendingAskUser.values()) resolve3(null);
     this.pendingAskUser.clear();
+    this.saveIfNeeded();
+  }
+  /** Save session only if it exists and has messages (never persist empty "Untitled" sessions). */
+  saveIfNeeded() {
     if (this.sessions.current && this.sessions.current.messages.length > 0) {
       this.sessions.save();
     }
@@ -580,7 +584,9 @@ var SessionHandler = class {
       this.send({ type: "error", message });
     } finally {
       this.processing = false;
+      this.saveIfNeeded();
       this.sendStatus();
+      this.sendSessionList();
     }
   }
   async handleChatSimple(provider, messages) {
@@ -873,10 +879,12 @@ ${summaryResult.content}`,
         break;
       }
       case "clear":
+        this.saveIfNeeded();
         this.sessions.createSession(this.currentProvider, this.currentModel);
         this.sessionTokenUsage = { inputTokens: 0, outputTokens: 0 };
         this.send({ type: "info", message: "Conversation cleared." });
         this.sendStatus();
+        this.sendSessionList();
         break;
       case "compact":
         await this.compactSession(args.join(" ") || void 0);
@@ -919,7 +927,7 @@ Tokens: in=${this.sessionTokenUsage.inputTokens} out=${this.sessionTokenUsage.ou
       case "session": {
         const sub = args[0];
         if (sub === "new") {
-          this.sessions.save();
+          this.saveIfNeeded();
           this.sessions.createSession(this.currentProvider, this.currentModel);
           this.sessionTokenUsage = { inputTokens: 0, outputTokens: 0 };
           this.send({ type: "info", message: "New session created." });
@@ -927,7 +935,7 @@ Tokens: in=${this.sessionTokenUsage.inputTokens} out=${this.sessionTokenUsage.ou
           this.sendSessionList();
         } else if (sub === "load" && args[1]) {
           const targetId = args[1];
-          this.sessions.save();
+          this.saveIfNeeded();
           const list = this.sessions.listSessions();
           const found = list.find((s) => s.id.startsWith(targetId));
           if (found) {
@@ -997,6 +1005,9 @@ Tokens: in=${this.sessionTokenUsage.inputTokens} out=${this.sessionTokenUsage.ou
             "  /cost                \u2014 Show cumulative token usage",
             "  /tools               \u2014 Show tools, MCP servers & skills in sidebar",
             "  /export [md|json]    \u2014 Export conversation as Markdown or JSON",
+            "  /skill               \u2014 List available skills",
+            "  /skill <name>        \u2014 Activate a skill",
+            "  /skill off           \u2014 Deactivate current skill",
             "  /memory              \u2014 Show persistent memory contents",
             "  /memory add <text>   \u2014 Add entry to persistent memory",
             "  /memory clear        \u2014 Clear persistent memory",
@@ -1045,6 +1056,49 @@ Tokens: in=${this.sessionTokenUsage.inputTokens} out=${this.sessionTokenUsage.ou
         }
         break;
       }
+      case "skill": {
+        const sub = args[0];
+        if (!this.skillManager) {
+          this.send({ type: "error", message: "Skill system not available." });
+          break;
+        }
+        if (!sub || sub === "list") {
+          const skills = this.skillManager.listSkills();
+          const active = this.skillManager.getActive();
+          if (skills.length === 0) {
+            this.send({ type: "info", message: "No skills available. Add .md files to ~/.aicli/skills/" });
+          } else {
+            const lines = skills.map((s) => {
+              const isActive = active?.meta.name === s.meta.name;
+              const marker = isActive ? " \u2705 (active)" : "";
+              return `  ${s.meta.name}${marker} \u2014 ${s.meta.description || "(no description)"}`;
+            });
+            this.send({ type: "info", message: `\u{1F4DA} Skills:
+${lines.join("\n")}` });
+          }
+        } else if (sub === "off") {
+          this.skillManager.deactivate();
+          this.send({ type: "info", message: "\u{1F50C} Skill deactivated." });
+          this.sendToolsList();
+          this.sendStatus();
+        } else if (sub === "reload") {
+          this.skillManager.loadSkills();
+          this.send({ type: "info", message: `\u{1F504} Reloaded ${this.skillManager.listSkills().length} skill(s).` });
+          this.sendToolsList();
+        } else {
+          const activated = this.skillManager.activate(sub);
+          if (activated) {
+            this.send({ type: "info", message: `\u2705 Skill activated: ${activated.meta.name}
+${activated.meta.description || ""}` });
+            this.sendToolsList();
+            this.sendStatus();
+          } else {
+            const available = this.skillManager.listSkills().map((s) => s.meta.name).join(", ");
+            this.send({ type: "error", message: `Skill "${sub}" not found. Available: ${available}` });
+          }
+        }
+        break;
+      }
       default:
         this.send({ type: "error", message: `Unknown command: /${name}. Type /help for available commands.` });
     }

package/dist/web/client/icon.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect width="512" height="512" rx="96" fill="#1d232a"/>
+  <g transform="translate(256,240)">
+    <!-- Head -->
+    <rect x="-120" y="-100" width="240" height="180" rx="32" fill="#6419e6"/>
+    <!-- Eyes -->
+    <circle cx="-50" cy="-20" r="28" fill="#fff"/>
+    <circle cx="50" cy="-20" r="28" fill="#fff"/>
+    <circle cx="-50" cy="-20" r="14" fill="#1d232a"/>
+    <circle cx="50" cy="-20" r="14" fill="#1d232a"/>
+    <!-- Mouth -->
+    <rect x="-40" y="30" width="80" height="12" rx="6" fill="#fff" opacity="0.8"/>
+    <!-- Antenna -->
+    <line x1="0" y1="-100" x2="0" y2="-140" stroke="#6419e6" stroke-width="8" stroke-linecap="round"/>
+    <circle cx="0" cy="-148" r="12" fill="#a855f7"/>
+    <!-- Ears -->
+    <rect x="-140" y="-60" width="24" height="60" rx="12" fill="#a855f7"/>
+    <rect x="116" y="-60" width="24" height="60" rx="12" fill="#a855f7"/>
+  </g>
+  <!-- Text -->
+  <text x="256" y="420" text-anchor="middle" fill="#fff" font-family="system-ui,sans-serif" font-weight="700" font-size="72">ai-cli</text>
+</svg>

package/dist/web/client/index.html

@@ -4,6 +4,14 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>ai-cli Web UI</title>
+  <!-- PWA -->
+  <link rel="manifest" href="manifest.json">
+  <meta name="theme-color" content="#6419e6">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <link rel="apple-touch-icon" href="icon-192.png">
+  <link rel="icon" type="image/svg+xml" href="icon.svg">
+  <link rel="icon" type="image/png" sizes="192x192" href="icon-192.png">
   <!-- Tailwind CSS + DaisyUI (CDN) -->
   <link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.23/dist/full.min.css" rel="stylesheet">
   <script src="https://cdn.tailwindcss.com"></script>
@@ -49,7 +57,7 @@
     <div class="flex flex-1 overflow-hidden">
 
       <!-- Sidebar -->
-      <aside id="sidebar" class="sidebar bg-base-200 border-r border-base-content/10 flex flex-col w-64 flex-shrink-0 overflow-hidden transition-all duration-200">
+      <aside id="sidebar" class="sidebar bg-base-200 border-r border-base-content/10 flex flex-col w-72 flex-shrink-0 overflow-hidden transition-all duration-200">
         <!-- Sidebar tabs -->
         <div class="flex border-b border-base-content/10 flex-shrink-0">
           <button class="sidebar-tab active flex-1 text-xs font-semibold py-2 px-1 text-center" data-tab="sessions">📋 Sessions</button>
@@ -59,9 +67,9 @@
         <!-- Sessions tab -->
         <div id="tab-sessions" class="sidebar-tab-content flex flex-col flex-1 overflow-hidden">
           <div class="p-2 border-b border-base-content/10 flex items-center justify-between gap-1">
-            <input id="session-search" type="text" class="input input-xs input-bordered flex-1" placeholder="Search sessions...">
+            <input id="session-search" type="text" class="input input-xs input-bordered flex-1 min-w-0" placeholder="Search...">
             <button id="btn-batch-select" class="btn btn-xs btn-ghost flex-shrink-0" title="Select multiple" onclick="toggleBatchSelect()">☑</button>
-            <button id="btn-new-session" class="btn btn-xs btn-primary btn-outline flex-shrink-0" title="New session">+ New</button>
+            <button id="btn-new-session" class="btn btn-xs btn-primary btn-outline flex-shrink-0 whitespace-nowrap" title="New session">+ New</button>
           </div>
           <!-- Batch action bar (hidden by default) -->
           <div id="batch-bar" class="hidden px-2 py-1 border-b border-base-content/10 flex items-center gap-1 bg-base-300 text-xs">
@@ -187,5 +195,10 @@
   </dialog>
 
   <script src="app.js"></script>
+  <script>
+    if ('serviceWorker' in navigator) {
+      navigator.serviceWorker.register('sw.js').catch(() => {});
+    }
+  </script>
 </body>
 </html>

package/dist/web/client/manifest.json

@@ -0,0 +1,15 @@
+{
+  "name": "ai-cli Web UI",
+  "short_name": "ai-cli",
+  "description": "Cross-platform AI chat assistant with agentic tool calling",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#1d232a",
+  "theme_color": "#6419e6",
+  "orientation": "any",
+  "icons": [
+    { "src": "icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "icon-512.png", "sizes": "512x512", "type": "image/png" },
+    { "src": "icon.svg", "sizes": "any", "type": "image/svg+xml" }
+  ]
+}

package/dist/web/client/style.css

@@ -562,7 +562,7 @@
 /* ── Responsive ─────────────────────────────────────── */
 @media (max-width: 768px) {
   .sidebar { width: 0; padding: 0; border: none; }
-  .sidebar.sidebar-open { width: 16rem; position: absolute; z-index: 20; height: calc(100vh - 3.5rem); top: 3.5rem; }
+  .sidebar.sidebar-open { width: 18rem; position: absolute; z-index: 20; height: calc(100vh - 3.5rem); top: 3.5rem; }
 }
 @media (max-width: 640px) {
   .navbar-start .select { width: 6rem; font-size: 0.75rem; }

package/dist/web/client/sw.js

@@ -0,0 +1,83 @@
+/**
+ * ai-cli PWA Service Worker
+ * Caches app shell (HTML/CSS/JS/icons) for fast startup.
+ * API calls and WebSocket are always network-first.
+ */
+
+const CACHE_NAME = 'aicli-v1';
+
+// App shell — files needed for offline-capable startup
+const APP_SHELL = [
+  '/',
+  '/index.html',
+  '/style.css',
+  '/app.js',
+  '/manifest.json',
+  '/icon.svg',
+  '/icon-192.png',
+  '/icon-512.png',
+];
+
+// CDN resources to cache on first use
+const CDN_CACHE = [
+  'cdn.jsdelivr.net',
+  'cdn.tailwindcss.com',
+];
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME)
+      .then(cache => cache.addAll(APP_SHELL))
+      .then(() => self.skipWaiting())
+  );
+});
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then(keys =>
+      Promise.all(keys
+        .filter(k => k !== CACHE_NAME)
+        .map(k => caches.delete(k))
+      )
+    ).then(() => self.clients.claim())
+  );
+});
+
+self.addEventListener('fetch', (event) => {
+  const url = new URL(event.request.url);
+
+  // Never cache API calls or WebSocket upgrades
+  if (url.pathname.startsWith('/api/') || event.request.headers.get('upgrade') === 'websocket') {
+    return;
+  }
+
+  // CDN resources: cache-first (they're versioned by URL)
+  if (CDN_CACHE.some(host => url.hostname.includes(host))) {
+    event.respondWith(
+      caches.match(event.request).then(cached => {
+        if (cached) return cached;
+        return fetch(event.request).then(response => {
+          if (response.ok) {
+            const clone = response.clone();
+            caches.open(CACHE_NAME).then(cache => cache.put(event.request, clone));
+          }
+          return response;
+        });
+      })
+    );
+    return;
+  }
+
+  // App shell: network-first with cache fallback (always get latest from server)
+  event.respondWith(
+    fetch(event.request)
+      .then(response => {
+        if (response.ok) {
+          const clone = response.clone();
+          caches.open(CACHE_NAME).then(cache => cache.put(event.request, clone));
+        }
+        return response;
+      })
+      .catch(() => caches.match(event.request))
+  );
+});

package/package.json

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