@lazyingart/agintiflow 0.20.186 → 0.20.188

package/README.md

@@ -85,11 +85,12 @@ aginti init --template aaps
 aginti init --template supervision
 ```
 
-On first interactive use, AgInTiFlow opens an auth wizard if no main model key is found. Pick DeepSeek, OpenAI, Qwen, or Venice, paste the key, and it saves to the ignored project-local `.aginti/.env` file with restricted permissions. You can rerun setup any time:
+On first interactive use, AgInTiFlow opens an auth wizard if no main model key is found. Pick DeepSeek, OpenAI, OpenRouter, Qwen, or Venice, paste the key, and it saves to the ignored project-local `.aginti/.env` file with restricted permissions. You can rerun setup any time:
 
 ```bash
 aginti auth
 aginti auth deepseek
+aginti auth openrouter
 aginti auth venice
 aginti login grsai
 ```
@@ -99,6 +100,7 @@ Provider signup and key pages:
 | Provider | Register / key page | API base URL used by AgInTiFlow |
 | --- | --- | --- |
 | DeepSeek | [https://platform.deepseek.com/api_keys](https://platform.deepseek.com/api_keys) | `https://api.deepseek.com` |
+| OpenRouter | [https://openrouter.ai/settings/keys](https://openrouter.ai/settings/keys) | `https://openrouter.ai/api/v1` |
 | Venice | [https://venice.ai/settings/api](https://venice.ai/settings/api) | `https://api.venice.ai/api/v1` |
 | OpenAI | [https://platform.openai.com/api-keys](https://platform.openai.com/api-keys) | `https://api.openai.com/v1` |
 | Qwen / DashScope | [https://bailian.console.aliyun.com/](https://bailian.console.aliyun.com/) | `https://dashscope-intl.aliyuncs.com/compatible-mode/v1` |
@@ -273,6 +275,7 @@ Useful selectors:
 ```
 
 Venice routes can be used for optional uncensored or less restricted creative work. DeepSeek remains the economic default for normal engineering workflows. See [docs/model-selection.md](docs/model-selection.md) and [references/venice-model-reference.md](references/venice-model-reference.md).
+OpenRouter is available as a first-class OpenAI-compatible provider with one key and company-grouped model buckets such as OpenRouter OpenAI, Anthropic, Google, DeepSeek, Qwen, Meta, Mistral, Moonshot, and xAI.
 
 ## AAPS And Large Workflows
 
@@ -348,6 +351,9 @@ Common environment variables:
 ```bash
 DEEPSEEK_API_KEY=...
 OPENAI_API_KEY=...
+OPENROUTER_API_KEY=...
+OPENROUTER_BASE_URL=https://openrouter.ai/api/v1
+OPENROUTER_MODEL=openrouter/auto
 QWEN_API_KEY=...
 VENICE_API_KEY=...
 GRSAI_API_KEY=...
@@ -365,6 +371,7 @@ Project-local keys:
 ```bash
 aginti init
 printf '%s' "$DEEPSEEK_API_KEY" | aginti keys set deepseek --stdin
+printf '%s' "$OPENROUTER_API_KEY" | aginti keys set openrouter --stdin
 printf '%s' "$VENICE_API_KEY" | aginti keys set venice --stdin
 ```
 

package/docs/model-selection.md

@@ -25,6 +25,8 @@ aginti --list-routes
 
 # one-shot overrides
 aginti --route-model deepseek-v4-flash --main-model deepseek-v4-pro "fix this project"
+aginti --provider openrouter --model openrouter/auto --routing manual "try a gateway route"
+aginti --provider openrouter --model anthropic/claude-sonnet-4.6 --routing manual "draft a design review"
 aginti --provider venice --model venice-uncensored-1-2 --routing manual "draft a note"
 aginti --spare-provider openai --spare-model gpt-5.4 --spare-reasoning medium "review this design"
 aginti --allow-wrappers --wrapper codex --wrapper-model gpt-5.5 "patch this bug"
@@ -63,6 +65,13 @@ Provider families:
 | DeepSeek | `deepseek-v4-flash`, `deepseek-v4-pro` |
 | Venice | `venice-uncensored-1-2`, `venice-uncensored`, `gemma-4-uncensored` |
 | OpenAI | `gpt-5.5`, `gpt-5.4`, `gpt-5.4-mini`, `gpt-5.3-codex`, `gpt-5.3-codex-spark`, `gpt-5.2`; each has low/medium/high/xhigh reasoning |
+| OpenRouter | `openrouter/auto`, `openrouter/pareto-code`, `openrouter/free` |
+| OpenRouter OpenAI | `openai/gpt-5.5`, `openai/gpt-5.4`, `openai/gpt-5.4-mini`, `openai/gpt-4o` |
+| OpenRouter Anthropic | Claude routes such as `anthropic/claude-sonnet-4.6`, `anthropic/claude-opus-4.7`, `anthropic/claude-opus-4.8-fast` |
+| OpenRouter Google | Gemini/Gemma routes such as `google/gemini-3.5-flash`, `google/gemini-3.1-flash-lite`, `google/gemma-4-31b-it` |
+| OpenRouter DeepSeek | `deepseek/deepseek-v4-flash`, `deepseek/deepseek-v4-pro`, `deepseek/deepseek-r1-0528` |
+| OpenRouter Qwen | Qwen routes such as `qwen/qwen3.7-max`, `qwen/qwen3.6-flash`, `qwen/qwen3.6-plus` |
+| OpenRouter Meta/Mistral/Moonshot/xAI | `meta-llama/llama-4-maverick`, `mistralai/mistral-medium-3-5`, `moonshotai/kimi-k2.6`, `x-ai/grok-4.3` |
 | Venice GPT | GPT-family Venice routes such as `openai-gpt-55`, `openai-gpt-54`, `openai-gpt-54-mini`, `openai-gpt-53-codex`, `openai-gpt-52` |
 | Venice Gemma | Gemma instruct routes such as `google-gemma-4-31b-it`, `google-gemma-4-26b-a4b-it`, `google-gemma-3-27b-it` |
 | Venice Claude | Claude Sonnet/Opus routes such as `claude-sonnet-4-6`, `claude-opus-4-7`, `claude-opus-4-6` |
@@ -96,6 +105,16 @@ It keeps smart routing enabled. If the Venice key is missing, run `/auth venice`
 | --- | --- | --- |
 | `deepseek` | DeepSeek | Default route/main because V4 Flash and V4 Pro are cheap and strong. |
 | `openai` | OpenAI | Spare/frontier checks, Codex-family work, and explicit manual routes. |
+| `openrouter` | OpenRouter | OpenAI-compatible gateway with auto/free/code routers. |
+| `openrouter-openai` | OpenRouter | OpenAI-family models through OpenRouter. |
+| `openrouter-anthropic` | OpenRouter | Claude-family models through OpenRouter. |
+| `openrouter-google` | OpenRouter | Gemini/Gemma models through OpenRouter. |
+| `openrouter-deepseek` | OpenRouter | DeepSeek models through OpenRouter. |
+| `openrouter-qwen` | OpenRouter | Qwen models through OpenRouter. |
+| `openrouter-meta` | OpenRouter | Meta Llama models through OpenRouter. |
+| `openrouter-mistral` | OpenRouter | Mistral models through OpenRouter. |
+| `openrouter-moonshot` | OpenRouter | Moonshot/Kimi models through OpenRouter. |
+| `openrouter-xai` | OpenRouter | xAI Grok models through OpenRouter. |
 | `qwen` | Qwen | Chinese and general-purpose OpenAI-compatible tasks. |
 | `venice` | Venice | Venice-native text shortcuts: Venice 1.2, Venice 1.1, and Gemma 4 Uncensored. |
 | `venice-gpt` | Venice | GPT-family models through Venice. |
@@ -118,8 +137,10 @@ Keys are set per project and stored only in ignored `.aginti/.env`:
 
 ```bash
 aginti auth
+aginti auth openrouter
 aginti auth venice
 aginti keys status
+printf '%s' "$OPENROUTER_API_KEY" | aginti keys set openrouter --stdin
 printf '%s' "$VENICE_API_KEY" | aginti keys set venice --stdin
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazyingart/agintiflow",
-  "version": "0.20.186",
+  "version": "0.20.188",
   "type": "module",
   "description": "AgInTiFlow is a project-aware agent workspace for hybrid wet-dry R&D, hardware-aware intelligence, software automation, and industrial workflows.",
   "license": "Apache-2.0",

package/public/app.js

@@ -820,6 +820,7 @@ const ariaLabelNodes = [...document.querySelectorAll("[data-i18n-aria-label]")];
 
 const defaults = {
   openai: "gpt-5.4-mini",
+  openrouter: "openrouter/auto",
   deepseek: "deepseek-v4-flash",
   qwen: "qwen-plus",
   venice: "venice-uncensored-1-2",
@@ -983,6 +984,7 @@ function renderKeyStatus(status = lastKeyStatus) {
   if (!status) return;
   const providers = [
     ["OpenAI", status.openai],
+    ["OpenRouter", status.openrouter],
     ["DeepSeek", status.deepseek],
     ["Qwen", status.qwen],
     ["Venice", status.venice],
@@ -1009,7 +1011,7 @@ function renderKeyStatus(status = lastKeyStatus) {
       })
     );
   }
-  if (setupCardEl) setupCardEl.hidden = Boolean(status.openai || status.deepseek || status.qwen || status.venice);
+  if (setupCardEl) setupCardEl.hidden = Boolean(status.openai || status.openrouter || status.deepseek || status.qwen || status.venice);
 }
 
 function renderProjectStatus(info = projectInfo) {
@@ -1251,6 +1253,37 @@ function workspaceFilesByLane() {
   return groups;
 }
 
+function buildWorkspaceFolderTree(files = []) {
+  const root = { name: "", path: "", dirs: new Map(), files: [] };
+  for (const file of files) {
+    const parts = String(file.path || "")
+      .split("/")
+      .filter(Boolean);
+    if (!parts.length) continue;
+    const fileName = parts.pop();
+    let node = root;
+    let currentPath = "";
+    for (const part of parts) {
+      currentPath = currentPath ? `${currentPath}/${part}` : part;
+      if (!node.dirs.has(part)) node.dirs.set(part, { name: part, path: currentPath, dirs: new Map(), files: [] });
+      node = node.dirs.get(part);
+    }
+    node.files.push({ ...file, name: file.name || fileName });
+  }
+  return root;
+}
+
+function workspaceFolderCount(node) {
+  if (!node) return 0;
+  let count = node.files?.length || 0;
+  for (const child of node.dirs?.values?.() || []) count += workspaceFolderCount(child);
+  return count;
+}
+
+function sortWorkspaceFiles(left, right) {
+  return String(left.path || "").localeCompare(String(right.path || ""));
+}
+
 function workspaceActiveFile() {
   return workspaceBrowser.files.find((file) => file.path === workspaceBrowser.activePath) || null;
 }
@@ -1279,12 +1312,18 @@ function renderWorkspaceExplorer() {
   const activeLane = workspaceBrowser.activeLane || "all";
   const warnings = workspaceBrowser.warnings?.length ? ` · ${workspaceBrowser.warnings.length} warning(s)` : "";
   const truncated = workspaceBrowser.truncated ? " · truncated" : "";
-  const status = workspaceBrowser.loading
-    ? "Loading workspace..."
-    : workspaceBrowser.error
-      ? `Workspace unavailable: ${workspaceBrowser.error}`
-      : `${workspaceBrowser.files.length} files · ${workspaceBrowser.root || workspaceRoot()}${warnings}${truncated}`;
-  workspaceBrowserStatusEl.textContent = status;
+  if (workspaceBrowser.loading) {
+    workspaceBrowserStatusEl.textContent = "Loading workspace...";
+  } else if (workspaceBrowser.error) {
+    workspaceBrowserStatusEl.textContent = `Workspace unavailable: ${workspaceBrowser.error}`;
+  } else {
+    workspaceBrowserStatusEl.innerHTML = `
+      <span class="workspace-status-chip">${workspaceBrowser.files.length} files</span>
+      <span class="workspace-status-chip">${escapeHtml(activeLane)}</span>
+      <code class="workspace-root-path">${escapeHtml(workspaceBrowser.root || workspaceRoot())}</code>
+      ${warnings || truncated ? `<span class="workspace-status-warn">${escapeHtml(`${warnings}${truncated}`.replace(/^ · /, ""))}</span>` : ""}
+    `;
+  }
 
   workspaceLanesEl.innerHTML = WORKSPACE_LANES.map((lane) => {
     const count = groups[lane.id]?.length || 0;
@@ -1302,34 +1341,69 @@ function renderWorkspaceExplorer() {
     `;
   }).join("");
 
-  const visibleFiles = (groups[activeLane] || []).slice().sort((left, right) => left.path.localeCompare(right.path));
+  const visibleFiles = (groups[activeLane] || []).slice().sort(sortWorkspaceFiles);
   if (!visibleFiles.length) {
     workspaceTreeEl.innerHTML = `<p class="subtle workspace-empty">No files in this category.</p>`;
     return;
   }
 
-  workspaceTreeEl.innerHTML = visibleFiles
-    .map((file) => {
-      const lane = inferWorkspaceLane(file);
-      const active = file.path === workspaceBrowser.activePath;
-      const meta = [lane, formatBytes(file.size), file.binary ? "binary" : "text"].join(" · ");
-      return `
-        <button
-          type="button"
-          class="workspace-file-row"
-          data-workspace-file="${escapeHtml(file.path)}"
-          data-selected="${active}"
-          draggable="true"
-        >
-          <span class="workspace-file-main">
-            <strong>${escapeHtml(workspaceBaseName(file.path))}</strong>
-            <small>${escapeHtml(workspaceDir(file.path) || ".")}</small>
-          </span>
-          <span class="workspace-file-meta">${escapeHtml(meta)}</span>
-        </button>
-      `;
-    })
-    .join("");
+  const tree = buildWorkspaceFolderTree(visibleFiles);
+  workspaceTreeEl.innerHTML = `
+    <div class="workspace-tree-toolbar">
+      <span>${escapeHtml(WORKSPACE_LANES.find((lane) => lane.id === activeLane)?.label || "Files")}</span>
+      <strong>${visibleFiles.length}</strong>
+    </div>
+    <div class="workspace-folder-root">
+      ${renderWorkspaceFolderNode(tree, 0)}
+    </div>
+  `;
+}
+
+function renderWorkspaceFileNode(file, depth = 0) {
+  const lane = inferWorkspaceLane(file);
+  const active = file.path === workspaceBrowser.activePath;
+  const meta = [lane, formatBytes(file.size), file.binary ? "binary" : "text"].join(" · ");
+  return `
+    <button
+      type="button"
+      class="workspace-file-row workspace-tree-file"
+      data-workspace-file="${escapeHtml(file.path)}"
+      data-selected="${active}"
+      draggable="true"
+      style="--depth: ${depth};"
+    >
+      <span class="workspace-file-icon" aria-hidden="true">${file.binary ? "bin" : "txt"}</span>
+      <span class="workspace-file-main">
+        <strong>${escapeHtml(workspaceBaseName(file.path))}</strong>
+        <small>${escapeHtml(workspaceDir(file.path) || ".")}</small>
+      </span>
+      <span class="workspace-file-meta">${escapeHtml(meta)}</span>
+    </button>
+  `;
+}
+
+function renderWorkspaceFolderNode(node, depth = 0) {
+  const dirs = [...(node.dirs?.values?.() || [])].sort((left, right) => left.name.localeCompare(right.name));
+  const files = (node.files || []).slice().sort(sortWorkspaceFiles);
+  const children = [
+    ...dirs.map((child) => renderWorkspaceFolderNode(child, depth + 1)),
+    ...files.map((file) => renderWorkspaceFileNode(file, depth)),
+  ].join("");
+  if (depth === 0) return children;
+  const activeInside = workspaceBrowser.activePath && workspaceBrowser.activePath.startsWith(`${node.path}/`);
+  const open = depth <= 2 || activeInside;
+  return `
+    <details class="workspace-folder" ${open ? "open" : ""} style="--depth: ${Math.max(depth - 1, 0)};">
+      <summary>
+        <span class="workspace-folder-icon" aria-hidden="true">&gt;</span>
+        <span class="workspace-folder-name">${escapeHtml(node.name)}</span>
+        <small>${workspaceFolderCount(node)}</small>
+      </summary>
+      <div class="workspace-folder-children">
+        ${children}
+      </div>
+    </details>
+  `;
 }
 
 function renderWorkspaceWorkbench() {
@@ -1539,6 +1613,7 @@ function fieldValue(field) {
 const providerLabels = {
   deepseek: "DeepSeek",
   openai: "OpenAI",
+  openrouter: "OpenRouter",
   qwen: "Qwen",
   venice: "Venice",
   mock: "Mock local",
@@ -1562,14 +1637,14 @@ function setChoiceOptions(select, options, selectedValue = "", fallbackValue = "
 }
 
 function configuredTextProviders({ includeMock = true } = {}) {
-  const base = ["deepseek", "openai", "qwen", "venice"];
+  const base = ["deepseek", "openai", "openrouter", "qwen", "venice"];
   if (includeMock) base.push("mock");
   if (Object.keys(modelCatalog || {}).length === 0) return base;
   return base.filter((provider) => provider === "mock" || Array.isArray(modelCatalog[provider]));
 }
 
 function refreshProviderDropdowns() {
-  setChoiceOptions(setupProviderField, ["deepseek", "openai", "qwen", "venice", "grsai"], setupProviderField?.value || "deepseek", "deepseek");
+  setChoiceOptions(setupProviderField, ["deepseek", "openai", "openrouter", "qwen", "venice", "grsai"], setupProviderField?.value || "deepseek", "deepseek");
   setChoiceOptions(providerField, configuredTextProviders({ includeMock: true }), providerField?.value || "deepseek", "deepseek");
   setChoiceOptions(routeProviderField, configuredTextProviders({ includeMock: true }), routeProviderField?.value || "deepseek", "deepseek");
   setChoiceOptions(mainProviderField, configuredTextProviders({ includeMock: false }), mainProviderField?.value || "deepseek", "deepseek");
@@ -3802,7 +3877,13 @@ deleteSessionButton.addEventListener("click", () => {
 });
 
 providerField.addEventListener("change", () => {
-  if (providerField.value === "mock" || providerField.value === "venice" || providerField.value === "openai" || providerField.value === "qwen") {
+  if (
+    providerField.value === "mock" ||
+    providerField.value === "venice" ||
+    providerField.value === "openai" ||
+    providerField.value === "openrouter" ||
+    providerField.value === "qwen"
+  ) {
     routingModeField.value = "manual";
   }
 
@@ -4136,6 +4217,7 @@ async function loadConfig() {
   taskProfiles = data.taskProfiles || [];
   projectInfo = data.project || null;
   defaults.openai = data.defaults?.openai?.model || defaults.openai;
+  defaults.openrouter = data.defaults?.openrouter?.model || defaults.openrouter;
   defaults.qwen = data.defaults?.qwen?.model || defaults.qwen;
   defaults.venice = data.defaults?.venice?.model || defaults.venice;
   defaults.deepseek = routingPresets.fast?.model || data.defaults?.deepseek?.model || defaults.deepseek;

package/public/index.html

@@ -65,10 +65,10 @@
           <div>
             <strong data-i18n="setupTitle">Provider setup</strong>
             <p class="subtle" data-i18n="setupHelp">
-              DeepSeek/OpenAI/Qwen/Venice keys are missing. Use mock mode, export an env var, or save a project-local key.
+              DeepSeek/OpenAI/OpenRouter/Qwen/Venice keys are missing. Use mock mode, export an env var, or save a project-local key.
             </p>
             <p class="subtle" data-i18n="setupEnvHelp">
-              Env vars: DEEPSEEK_API_KEY, OPENAI_API_KEY, QWEN_API_KEY, VENICE_API_KEY, or LLM_API_KEY. Mock mode remains available for local tests.
+              Env vars: DEEPSEEK_API_KEY, OPENAI_API_KEY, OPENROUTER_API_KEY, QWEN_API_KEY, VENICE_API_KEY, or LLM_API_KEY. Mock mode remains available for local tests.
             </p>
             <p class="subtle key-links">
               <span data-i18n="setupKeyLinksLabel">Get keys:</span>
@@ -76,6 +76,8 @@
               <span aria-hidden="true">·</span>
               <a href="https://platform.openai.com/api-keys" target="_blank" rel="noreferrer" data-i18n="openaiKeyLink">OpenAI API keys</a>
               <span aria-hidden="true">·</span>
+              <a href="https://openrouter.ai/settings/keys" target="_blank" rel="noreferrer">OpenRouter API keys</a>
+              <span aria-hidden="true">·</span>
               <a href="https://venice.ai" target="_blank" rel="noreferrer">Venice API</a>
             </p>
           </div>
@@ -85,6 +87,7 @@
               <select id="setup-provider">
                 <option value="deepseek">DeepSeek</option>
                 <option value="openai">OpenAI</option>
+                <option value="openrouter">OpenRouter</option>
                 <option value="qwen">Qwen</option>
                 <option value="venice">Venice</option>
                 <option value="grsai">GRS AI image</option>
@@ -132,6 +135,7 @@
             <select id="provider" name="provider">
               <option value="deepseek">DeepSeek</option>
               <option value="openai">OpenAI</option>
+              <option value="openrouter">OpenRouter</option>
               <option value="qwen">Qwen</option>
               <option value="venice">Venice</option>
               <option value="mock" data-i18n="mockProviderOption">Mock local</option>
@@ -414,6 +418,7 @@
               <select id="routeProvider" name="routeProvider">
                 <option value="deepseek">DeepSeek</option>
                 <option value="openai">OpenAI</option>
+                <option value="openrouter">OpenRouter</option>
                 <option value="qwen">Qwen</option>
                 <option value="venice">Venice</option>
                 <option value="mock">Mock</option>
@@ -427,6 +432,7 @@
               <select id="mainProvider" name="mainProvider">
                 <option value="deepseek">DeepSeek</option>
                 <option value="openai">OpenAI</option>
+                <option value="openrouter">OpenRouter</option>
                 <option value="qwen">Qwen</option>
                 <option value="venice">Venice</option>
               </select>
@@ -438,6 +444,7 @@
               <span>Spare</span>
               <select id="spareProvider" name="spareProvider">
                 <option value="openai">OpenAI</option>
+                <option value="openrouter">OpenRouter</option>
                 <option value="deepseek">DeepSeek</option>
                 <option value="qwen">Qwen</option>
                 <option value="venice">Venice</option>

package/public/styles.css

@@ -959,10 +959,43 @@ button.danger {
 }
 
 .workspace-browser-status {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 7px;
   line-height: 1.35;
   overflow-wrap: anywhere;
 }
 
+.workspace-status-chip {
+  padding: 4px 8px;
+  border: 1px solid rgba(15, 118, 110, 0.16);
+  border-radius: 999px;
+  background: rgba(255, 253, 250, 0.86);
+  color: var(--ink);
+  font-size: 0.76rem;
+  font-weight: 700;
+  text-transform: capitalize;
+}
+
+.workspace-root-path {
+  min-width: 0;
+  max-width: 100%;
+  padding: 5px 8px;
+  border: 1px solid rgba(15, 118, 110, 0.14);
+  border-radius: 10px;
+  background: rgba(13, 148, 136, 0.07);
+  color: #155e75;
+  font-family: "IBM Plex Mono", "SFMono-Regular", monospace;
+  font-size: 0.76rem;
+  overflow-wrap: anywhere;
+}
+
+.workspace-status-warn {
+  color: #b45309;
+  font-size: 0.76rem;
+}
+
 .workspace-lanes {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
@@ -995,11 +1028,105 @@ button.danger {
 }
 
 .workspace-tree {
-  display: grid;
-  gap: 7px;
   max-height: 440px;
   overflow: auto;
-  padding-right: 2px;
+  padding: 8px;
+  border: 1px solid rgba(15, 118, 110, 0.12);
+  border-radius: 16px;
+  background:
+    linear-gradient(180deg, rgba(255, 253, 250, 0.88), rgba(240, 253, 250, 0.58)),
+    rgba(255, 255, 255, 0.72);
+}
+
+.workspace-tree-toolbar {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+  margin: -8px -8px 8px;
+  padding: 8px 10px;
+  border-bottom: 1px solid rgba(15, 118, 110, 0.1);
+  background: rgba(255, 253, 250, 0.95);
+  color: var(--muted);
+  font-size: 0.78rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+.workspace-tree-toolbar strong {
+  color: var(--accent);
+}
+
+.workspace-folder-root,
+.workspace-folder-children {
+  display: grid;
+  gap: 4px;
+}
+
+.workspace-folder {
+  margin-left: calc(var(--depth, 0) * 12px);
+}
+
+.workspace-folder summary {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  min-height: 32px;
+  padding: 6px 8px;
+  border: 1px solid transparent;
+  border-radius: 11px;
+  color: var(--ink);
+  cursor: pointer;
+  list-style: none;
+  user-select: none;
+}
+
+.workspace-folder summary::-webkit-details-marker {
+  display: none;
+}
+
+.workspace-folder summary:hover {
+  border-color: rgba(15, 118, 110, 0.16);
+  background: rgba(240, 253, 250, 0.72);
+}
+
+.workspace-folder-icon {
+  display: inline-grid;
+  place-items: center;
+  width: 18px;
+  height: 18px;
+  border: 1px solid rgba(15, 118, 110, 0.18);
+  border-radius: 6px;
+  color: var(--accent);
+  font-family: "IBM Plex Mono", "SFMono-Regular", monospace;
+  font-size: 0.68rem;
+  transition: transform 0.16s ease;
+}
+
+.workspace-folder[open] > summary .workspace-folder-icon {
+  transform: rotate(90deg);
+}
+
+.workspace-folder-name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 750;
+}
+
+.workspace-folder summary small {
+  margin-left: auto;
+  color: var(--muted);
+  font-size: 0.72rem;
+}
+
+.workspace-folder-children {
+  margin-top: 4px;
 }
 
 .workspace-empty {
@@ -1011,18 +1138,23 @@ button.danger {
 
 .workspace-file-row {
   display: grid;
-  grid-template-columns: minmax(0, 1fr);
-  gap: 3px;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 6px 8px;
+  align-items: center;
   width: 100%;
-  padding: 10px 11px;
+  padding: 8px 10px;
   border: 1px solid rgba(217, 119, 6, 0.16);
-  border-radius: 14px;
+  border-radius: 12px;
   background: rgba(255, 253, 250, 0.72);
   color: var(--ink);
   cursor: pointer;
   text-align: left;
 }
 
+.workspace-tree-file {
+  margin-left: calc(var(--depth, 0) * 12px);
+}
+
 .workspace-file-row:hover {
   border-color: rgba(15, 118, 110, 0.34);
   background: rgba(240, 253, 250, 0.72);
@@ -1030,10 +1162,24 @@ button.danger {
 
 .workspace-file-row[data-selected="true"] {
   border-color: rgba(15, 118, 110, 0.58);
-  background: linear-gradient(135deg, rgba(15, 118, 110, 0.18), rgba(255, 255, 255, 0.92));
+  background: linear-gradient(135deg, rgba(15, 118, 110, 0.22), rgba(255, 255, 255, 0.96));
   box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.1);
 }
 
+.workspace-file-icon {
+  display: inline-grid;
+  place-items: center;
+  width: 30px;
+  height: 24px;
+  border-radius: 8px;
+  background: rgba(15, 118, 110, 0.09);
+  color: #155e75;
+  font-family: "IBM Plex Mono", "SFMono-Regular", monospace;
+  font-size: 0.62rem;
+  font-weight: 800;
+  text-transform: uppercase;
+}
+
 .workspace-file-main {
   display: grid;
   gap: 1px;
@@ -1050,6 +1196,7 @@ button.danger {
 
 .workspace-file-main small,
 .workspace-file-meta {
+  grid-column: 2;
   color: var(--muted);
   font-size: 0.76rem;
 }

package/references/agintiflow-npm-publication-memory.md

@@ -10,6 +10,28 @@ This note records the working publication route for AgInTiFlow so future release
 
 Latest verified release:
 
+- Version: `0.20.187`
+- Commit: `9339b2e`
+- GitHub Actions run: `https://github.com/lazyingart/AgInTiFlow/actions/runs/26701125864`
+- Workflow result: success
+- npm registry check: `npm view @lazyingart/agintiflow version dist-tags.latest --registry=https://registry.npmjs.org` returned `0.20.187`.
+- Installed verification: `npm install -g @lazyingart/agintiflow@0.20.187` then `aginti --version` returned `0.20.187`.
+- Webapp verification: `aginti webapp restart --port 3210` then `curl -fsS http://127.0.0.1:3210/health` returned `version":"0.20.187"` from the global npm package path.
+- Workspace explorer verification: `POST /api/workspace/snapshot` returned no `.aginti/`, `.aginti-work/`, `.sessions/`, or `.env` entries for the project root.
+
+Previous verified release:
+
+- Version: `0.20.186`
+- Commit: `f32a748`
+- GitHub Actions run: `https://github.com/lazyingart/AgInTiFlow/actions/runs/26700782132`
+- Workflow result: success
+- npm registry check: `npm view @lazyingart/agintiflow version dist-tags.latest --registry=https://registry.npmjs.org` returned `0.20.186`.
+- Installed verification: `npm install -g @lazyingart/agintiflow@0.20.186` then `aginti --version` returned `0.20.186`.
+- Webapp verification: `aginti webapp restart --port 3210` then `curl -fsS http://127.0.0.1:3210/health` returned `version":"0.20.186"` from the global npm package path.
+- Direct image CLI verification: `aginti image --json --dry-run --format svg` returned `requestedFormat:"svg"`, `actualFormat:"png"`, and a clear raster PNG fallback notice.
+
+Previous verified release:
+
 - Version: `0.20.185`
 - Commit: `58d6087`
 - GitHub Actions run: `https://github.com/lazyingart/AgInTiFlow/actions/runs/26700387931`