zevairouter 1.0.19 → 1.0.21

package/src/app/(dashboard)/dashboard/context/page.js

@@ -0,0 +1,234 @@
+"use client";
+
+import { useEffect, useState, useCallback } from "react";
+import { Card, Button, Input, Toggle, Badge, ConfirmModal } from "@/shared/components";
+
+function bytesLabel(str) {
+  const n = new TextEncoder().encode(str || "").length;
+  if (n < 1024) return `${n} B`;
+  return `${(n / 1024).toFixed(1)} KB`;
+}
+
+export default function ContextPage() {
+  const [globalEnabled, setGlobalEnabled] = useState(false);
+  const [files, setFiles] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [editing, setEditing] = useState(null); // {id?, name, content, enabled}
+  const [deleteTarget, setDeleteTarget] = useState(null);
+  const [status, setStatus] = useState({ type: "", message: "" });
+
+  const load = useCallback(async () => {
+    setLoading(true);
+    try {
+      const [sRes, fRes] = await Promise.all([
+        fetch("/api/settings", { cache: "no-store" }),
+        fetch("/api/context", { cache: "no-store" }),
+      ]);
+      const s = await sRes.json();
+      const f = await fRes.json();
+      setGlobalEnabled(!!s.contextInjectionEnabled);
+      setFiles(Array.isArray(f.files) ? f.files : []);
+    } catch (err) {
+      setStatus({ type: "error", message: "Failed to load context files." });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => { load(); }, [load]);
+
+  const toggleGlobal = async (val) => {
+    setGlobalEnabled(val);
+    try {
+      await fetch("/api/settings", {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ contextInjectionEnabled: val }),
+      });
+    } catch {
+      setGlobalEnabled(!val);
+      setStatus({ type: "error", message: "Failed to update global toggle." });
+    }
+  };
+
+  const saveEditing = async () => {
+    if (!editing?.name?.trim()) {
+      setStatus({ type: "error", message: "Name is required." });
+      return;
+    }
+    setSaving(true);
+    try {
+      if (editing.id) {
+        await fetch(`/api/context/${editing.id}`, {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ name: editing.name, content: editing.content }),
+        });
+      } else {
+        await fetch("/api/context", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ name: editing.name, content: editing.content, priority: files.length }),
+        });
+      }
+      setEditing(null);
+      await load();
+      setStatus({ type: "success", message: "Saved." });
+    } catch {
+      setStatus({ type: "error", message: "Failed to save." });
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const toggleFile = async (file, val) => {
+    setFiles((prev) => prev.map((f) => (f.id === file.id ? { ...f, enabled: val } : f)));
+    try {
+      await fetch(`/api/context/${file.id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ enabled: val }),
+      });
+    } catch {
+      await load();
+    }
+  };
+
+  const doDelete = async () => {
+    if (!deleteTarget) return;
+    try {
+      await fetch(`/api/context/${deleteTarget.id}`, { method: "DELETE" });
+      setDeleteTarget(null);
+      await load();
+    } catch {
+      setStatus({ type: "error", message: "Failed to delete." });
+    }
+  };
+
+  const enabledCount = files.filter((f) => f.enabled).length;
+  const totalBytes = files.filter((f) => f.enabled).reduce((n, f) => n + new TextEncoder().encode(f.content || "").length, 0);
+
+  return (
+    <div className="max-w-4xl mx-auto space-y-6">
+      <Card padding="md">
+        <div className="flex items-start justify-between gap-4 flex-wrap">
+          <div className="min-w-0">
+            <h1 className="text-lg font-semibold text-text-main">Context Injection</h1>
+            <p className="text-xs text-text-muted mt-1 max-w-xl">
+              Prepend your own context files (soul.md, agent.md, rules…) to the system prompt of every chat request routed through ZevaiRouter. Enabled files are injected in order, across all providers.
+            </p>
+          </div>
+          <div className="flex items-center gap-2 shrink-0">
+            <span className="text-sm text-text-muted">{globalEnabled ? "On" : "Off"}</span>
+            <Toggle checked={globalEnabled} onChange={toggleGlobal} />
+          </div>
+        </div>
+        {globalEnabled && (
+          <p className="text-[11px] text-text-muted mt-3">
+            {enabledCount} file(s) active · ~{(totalBytes / 1024).toFixed(1)} KB added to every request
+          </p>
+        )}
+      </Card>
+
+      {status.message && (
+        <div className={`text-xs px-3 py-2 rounded ${status.type === "error" ? "text-red-500 bg-red-500/10" : "text-green-600 bg-green-500/10"}`}>
+          {status.message}
+        </div>
+      )}
+
+      <div className="flex items-center justify-between">
+        <h2 className="text-sm font-semibold text-text-main">Files</h2>
+        <Button size="sm" onClick={() => setEditing({ name: "", content: "", enabled: true })}>
+          <span className="material-symbols-outlined text-[16px] mr-1">add</span>
+          Add File
+        </Button>
+      </div>
+
+      {loading ? (
+        <div className="text-sm text-text-muted">Loading…</div>
+      ) : files.length === 0 ? (
+        <Card padding="md">
+          <p className="text-sm text-text-muted">No context files yet. Click <b>Add File</b> to create one (e.g. <code>soul.md</code>).</p>
+        </Card>
+      ) : (
+        <div className="space-y-2">
+          {files.map((file) => (
+            <div key={file.id} className="flex items-start gap-3 p-4 rounded-[14px] border border-border-subtle bg-surface">
+              <div className="size-9 rounded-lg flex items-center justify-center shrink-0 bg-primary/10 text-primary">
+                <span className="material-symbols-outlined text-[18px]">description</span>
+              </div>
+              <div className="min-w-0 flex-1">
+                <div className="flex items-center gap-2 flex-wrap">
+                  <h3 className="font-semibold text-sm text-text-main">{file.name}</h3>
+                  <Badge variant="default" size="sm">{bytesLabel(file.content)}</Badge>
+                  {!file.enabled && <Badge variant="default" size="sm">disabled</Badge>}
+                </div>
+                <p className="text-xs text-text-muted mt-0.5 line-clamp-2 whitespace-pre-wrap">
+                  {file.content?.slice(0, 160) || "(empty)"}
+                </p>
+              </div>
+              <div className="flex items-center gap-2 shrink-0">
+                <Toggle checked={file.enabled} onChange={(v) => toggleFile(file, v)} size="sm" />
+                <button onClick={() => setEditing({ ...file })} className="p-1.5 rounded-lg text-text-muted hover:bg-black/5 dark:hover:bg-white/5" title="Edit">
+                  <span className="material-symbols-outlined text-[18px]">edit</span>
+                </button>
+                <button onClick={() => setDeleteTarget(file)} className="p-1.5 rounded-lg text-text-muted hover:bg-red-500/10 hover:text-red-500" title="Delete">
+                  <span className="material-symbols-outlined text-[18px]">delete</span>
+                </button>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+
+      {editing && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+          <div className="absolute inset-0 bg-black/30 backdrop-blur-sm" onClick={() => setEditing(null)} />
+          <div className="relative w-full max-w-2xl bg-surface border border-black/10 dark:border-white/10 rounded-xl shadow-2xl flex flex-col max-h-[85vh]">
+            <div className="flex items-center justify-between p-3 border-b border-black/5 dark:border-white/5">
+              <h2 className="text-base font-semibold text-text-main">{editing.id ? "Edit File" : "New Context File"}</h2>
+              <button onClick={() => setEditing(null)} className="p-1.5 rounded-lg text-text-muted hover:bg-black/5 dark:hover:bg-white/5">
+                <span className="material-symbols-outlined text-[20px]">close</span>
+              </button>
+            </div>
+            <div className="p-4 space-y-3 overflow-y-auto flex-1">
+              <div>
+                <label className="text-sm font-medium">Name</label>
+                <Input
+                  placeholder="soul.md"
+                  value={editing.name}
+                  onChange={(e) => setEditing((p) => ({ ...p, name: e.target.value }))}
+                />
+              </div>
+              <div>
+                <label className="text-sm font-medium">Content (markdown / plain text)</label>
+                <textarea
+                  className="w-full mt-1 rounded-lg border border-border bg-surface-2 p-3 font-mono text-xs text-text-main min-h-[280px] resize-y focus:outline-none focus:ring-2 focus:ring-primary/40"
+                  placeholder="You are a helpful assistant with the following persona…"
+                  value={editing.content}
+                  onChange={(e) => setEditing((p) => ({ ...p, content: e.target.value }))}
+                />
+                <p className="text-[11px] text-text-muted mt-1">{bytesLabel(editing.content)} · injected into the system prompt</p>
+              </div>
+            </div>
+            <div className="flex items-center justify-end gap-2 p-3 border-t border-black/5 dark:border-white/5">
+              <Button variant="ghost" size="sm" onClick={() => setEditing(null)}>Cancel</Button>
+              <Button size="sm" onClick={saveEditing} disabled={saving}>{saving ? "Saving…" : "Save"}</Button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      <ConfirmModal
+        isOpen={!!deleteTarget}
+        title="Delete context file?"
+        message={`"${deleteTarget?.name}" will be permanently removed.`}
+        confirmText="Delete"
+        variant="danger"
+        onConfirm={doDelete}
+        onClose={() => setDeleteTarget(null)}
+      />
+    </div>
+  );
+}

package/src/app/api/context/[id]/route.js

@@ -0,0 +1,35 @@
+import { NextResponse } from "next/server";
+import { getContextFile, updateContextFile, deleteContextFile } from "@/lib/localDb";
+
+export const dynamic = "force-dynamic";
+export const revalidate = 0;
+
+export async function PATCH(request, { params }) {
+  try {
+    const { id } = await params;
+    const existing = await getContextFile(id);
+    if (!existing) {
+      return NextResponse.json({ error: "Context file not found" }, { status: 404 });
+    }
+    const body = await request.json();
+    const updates = {};
+    if (body?.name !== undefined) updates.name = String(body.name);
+    if (body?.content !== undefined) updates.content = String(body.content);
+    if (body?.enabled !== undefined) updates.enabled = !!body.enabled;
+    if (body?.priority !== undefined) updates.priority = Number(body.priority) || 0;
+    const file = await updateContextFile(id, updates);
+    return NextResponse.json({ file });
+  } catch (error) {
+    return NextResponse.json({ error: error.message }, { status: 500 });
+  }
+}
+
+export async function DELETE(_request, { params }) {
+  try {
+    const { id } = await params;
+    await deleteContextFile(id);
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    return NextResponse.json({ error: error.message }, { status: 500 });
+  }
+}

package/src/app/api/context/route.js

@@ -0,0 +1,33 @@
+import { NextResponse } from "next/server";
+import { listContextFiles, createContextFile } from "@/lib/localDb";
+
+export const dynamic = "force-dynamic";
+export const revalidate = 0;
+
+export async function GET() {
+  try {
+    const files = await listContextFiles();
+    return NextResponse.json({ files }, { headers: { "Cache-Control": "no-store" } });
+  } catch (error) {
+    return NextResponse.json({ error: error.message }, { status: 500 });
+  }
+}
+
+export async function POST(request) {
+  try {
+    const body = await request.json();
+    const name = String(body?.name || "").trim();
+    if (!name) {
+      return NextResponse.json({ error: "Name is required" }, { status: 400 });
+    }
+    const file = await createContextFile({
+      name,
+      content: body?.content || "",
+      enabled: body?.enabled !== false,
+      priority: Number(body?.priority) || 0,
+    });
+    return NextResponse.json({ file });
+  } catch (error) {
+    return NextResponse.json({ error: error.message }, { status: 500 });
+  }
+}

package/src/app/api/providers/[id]/test/testUtils.js

@@ -261,10 +261,10 @@ async function testOAuthConnection(connection, effectiveProxy = null) {
   if (connection.provider === "autoclaw") {
     if (!connection.accessToken) return { valid: false, error: "No access token", refreshed: false };
     try {
-      const { AUTOCLAW_WALLET_ENDPOINT, buildAutoClawAuthHeaders } = await import("@/lib/autoclaw/constants");
+      const { AUTOCLAW_WALLET_ENDPOINT, buildAutoClawWalletHeaders } = await import("@/lib/autoclaw/constants");
       const res = await fetchWithConnectionProxy(
         AUTOCLAW_WALLET_ENDPOINT,
-        { method: "GET", headers: buildAutoClawAuthHeaders({ authorization: connection.accessToken }) },
+        { method: "GET", headers: buildAutoClawWalletHeaders(connection.accessToken) },
         effectiveProxy,
       );
       if (!res.ok) {

package/src/lib/autoclaw/constants.js

@@ -52,3 +52,12 @@ export function buildAutoClawAuthHeaders(extra = {}) {
     ...extra,
   };
 }
+
+// Wallet/asset endpoints authenticate via `authorization: Bearer <token>`
+// (unlike chat, which uses X-Authorization with the RAW token). This helper
+// normalizes the token (strips any existing "Bearer ") and re-applies it so
+// the balance/quota calls always send the correct shape.
+export function buildAutoClawWalletHeaders(accessToken) {
+  const raw = String(accessToken || "").replace(/^Bearer\s+/i, "");
+  return buildAutoClawAuthHeaders({ authorization: `Bearer ${raw}` });
+}

package/src/lib/db/index.js

@@ -33,6 +33,12 @@ export {
   deleteQuotaSnapshot, getCachedRemainingPercent,
 } from "./repos/quotaCacheRepo.js";
 
+// Context files (user-authored system-prompt injection)
+export {
+  listContextFiles, getEnabledContextFiles, getContextFile,
+  createContextFile, updateContextFile, deleteContextFile,
+} from "./repos/contextFilesRepo.js";
+
 // API keys
 export {
   getApiKeys, getApiKeyById, createApiKey, updateApiKey, deleteApiKey, validateApiKey,

package/src/lib/db/repos/contextFilesRepo.js

@@ -0,0 +1,95 @@
+import { v4 as uuidv4 } from "uuid";
+import { getAdapter } from "../driver.js";
+
+/**
+ * Context files repo — user-authored system-prompt files (soul.md, agent.md, …)
+ * that get injected into every chat request's system prompt.
+ *
+ * getEnabledContextFiles() runs on the hot chat path, so it's cached in-memory
+ * with a short TTL and invalidated on any write.
+ */
+
+let cache = null;
+let cacheAt = 0;
+const CACHE_TTL_MS = 5000;
+
+function invalidateCache() {
+  cache = null;
+  cacheAt = 0;
+}
+
+function rowToFile(row) {
+  if (!row) return null;
+  return {
+    id: row.id,
+    name: row.name,
+    content: row.content,
+    enabled: row.enabled === 1 || row.enabled === true,
+    priority: Number(row.priority) || 0,
+    createdAt: row.createdAt,
+    updatedAt: row.updatedAt,
+  };
+}
+
+export async function listContextFiles() {
+  const db = await getAdapter();
+  const rows = db.all(`SELECT * FROM contextFiles ORDER BY priority ASC, createdAt ASC`);
+  return rows.map(rowToFile);
+}
+
+// Hot-path read: only enabled files, ordered, cached.
+export async function getEnabledContextFiles() {
+  const now = Date.now();
+  if (cache && now - cacheAt < CACHE_TTL_MS) return cache;
+  const db = await getAdapter();
+  const rows = db.all(
+    `SELECT * FROM contextFiles WHERE enabled = 1 ORDER BY priority ASC, createdAt ASC`
+  );
+  cache = rows.map(rowToFile);
+  cacheAt = now;
+  return cache;
+}
+
+export async function getContextFile(id) {
+  const db = await getAdapter();
+  const row = db.get(`SELECT * FROM contextFiles WHERE id = ?`, [id]);
+  return rowToFile(row);
+}
+
+export async function createContextFile({ name, content = "", enabled = true, priority = 0 }) {
+  const db = await getAdapter();
+  const id = uuidv4();
+  const now = new Date().toISOString();
+  db.run(
+    `INSERT INTO contextFiles(id, name, content, enabled, priority, createdAt, updatedAt)
+     VALUES(?, ?, ?, ?, ?, ?, ?)`,
+    [id, String(name || "untitled"), String(content || ""), enabled ? 1 : 0, Number(priority) || 0, now, now]
+  );
+  invalidateCache();
+  return getContextFile(id);
+}
+
+export async function updateContextFile(id, updates = {}) {
+  const existing = await getContextFile(id);
+  if (!existing) return null;
+  const db = await getAdapter();
+  const next = {
+    name: updates.name !== undefined ? String(updates.name) : existing.name,
+    content: updates.content !== undefined ? String(updates.content) : existing.content,
+    enabled: updates.enabled !== undefined ? (updates.enabled ? 1 : 0) : (existing.enabled ? 1 : 0),
+    priority: updates.priority !== undefined ? Number(updates.priority) || 0 : existing.priority,
+  };
+  db.run(
+    `UPDATE contextFiles SET name = ?, content = ?, enabled = ?, priority = ?, updatedAt = ? WHERE id = ?`,
+    [next.name, next.content, next.enabled, next.priority, new Date().toISOString(), id]
+  );
+  invalidateCache();
+  return getContextFile(id);
+}
+
+export async function deleteContextFile(id) {
+  const db = await getAdapter();
+  db.run(`DELETE FROM contextFiles WHERE id = ?`, [id]);
+  invalidateCache();
+  return true;
+}

package/src/lib/db/repos/settingsRepo.js

@@ -36,6 +36,7 @@ const DEFAULT_SETTINGS = {
   rtkEnabled: true,
   cavemanEnabled: false,
   cavemanLevel: "full",
+  contextInjectionEnabled: false,
 };
 
 async function readRaw() {

package/src/lib/db/schema.js

@@ -163,6 +163,22 @@ export const TABLES = {
       "CREATE INDEX IF NOT EXISTS idx_qc_provider ON quotaCache(provider)",
     ],
   },
+  // User-authored context files (soul.md, agent.md, …) injected into the
+  // system prompt of every chat request. `content` is markdown/plain text.
+  contextFiles: {
+    columns: {
+      id: "TEXT PRIMARY KEY",
+      name: "TEXT NOT NULL",
+      content: "TEXT NOT NULL",
+      enabled: "INTEGER DEFAULT 1",
+      priority: "INTEGER DEFAULT 0",
+      createdAt: "TEXT NOT NULL",
+      updatedAt: "TEXT NOT NULL",
+    },
+    indexes: [
+      "CREATE INDEX IF NOT EXISTS idx_cf_enabled ON contextFiles(enabled, priority)",
+    ],
+  },
 };
 
 export function buildCreateTableSql(name, def) {

package/src/lib/localDb.js

@@ -12,6 +12,8 @@ export {
   createProxyPool, updateProxyPool, deleteProxyPool,
   saveQuotaSnapshot, getQuotaSnapshot, getAllQuotaSnapshots,
   deleteQuotaSnapshot, getCachedRemainingPercent,
+  listContextFiles, getEnabledContextFiles, getContextFile,
+  createContextFile, updateContextFile, deleteContextFile,
   getApiKeys, getApiKeyById, createApiKey, updateApiKey, deleteApiKey, validateApiKey,
   getCombos, getComboById, getComboByName,
   createCombo, updateCombo, deleteCombo,

package/src/lib/oauth/services/autoclawBulkImportManager.js

@@ -19,6 +19,7 @@ import {
   AUTOCLAW_REDIRECT_URI,
   AUTOCLAW_WALLET_ENDPOINT,
   buildAutoClawAuthHeaders,
+  buildAutoClawWalletHeaders,
 } from "../../autoclaw/constants.js";
 
 const AUTOCLAW_PROVIDER_ID = "autoclaw";
@@ -60,7 +61,7 @@ async function fetchAutoClawBalance(accessToken, proxyOptions) {
   try {
     const response = await proxyAwareFetch(
       AUTOCLAW_WALLET_ENDPOINT,
-      { method: "GET", headers: buildAutoClawAuthHeaders({ authorization: accessToken }) },
+      { method: "GET", headers: buildAutoClawWalletHeaders(accessToken) },
       proxyOptions,
     );
     if (!response.ok) return null;

package/src/shared/components/Sidebar.js

@@ -36,6 +36,7 @@ const debugItems = [
 const systemItems = [
   { href: "/dashboard/proxy-pools", label: "Proxy Pools", icon: "lan" },
   { href: "/dashboard/skills", label: "Skills", icon: "extension" },
+  { href: "/dashboard/context", label: "Context Inject", icon: "psychology" },
 ];
 
 export default function Sidebar({ onClose }) {

package/src/sse/handlers/chat.js

@@ -228,6 +228,7 @@ async function handleSingleModelChat(body, modelStr, clientRawRequest = null, re
       rtkEnabled: !!chatSettings.rtkEnabled,
       cavemanEnabled: !!chatSettings.cavemanEnabled,
       cavemanLevel: chatSettings.cavemanLevel || "full",
+      contextInjectionEnabled: !!chatSettings.contextInjectionEnabled,
       providerThinking,
       // Detect source format by endpoint + body
       sourceFormatOverride: request?.url ? detectFormatByEndpoint(new URL(request.url).pathname, body) : null,