@qlingzzy/qling 1.0.0 → 1.1.1

package/dist/dashboard/client.js

@@ -0,0 +1,305 @@
+const ACTIVE = new Set(["running", "blocked", "queued", "paused"]);
+let snapshot = null;
+let selectedId = "";
+let selectedKind = "";
+let kindFilter = "all";
+let statusFilter = "all";
+let search = "";
+let etag = "";
+let activeRequest = null;
+let refreshTimer = null;
+let retryDelay = 3000;
+let toastTimer = null;
+function byId(id) {
+    const node = document.getElementById(id);
+    if (!node)
+        throw new Error(`dashboard element missing: ${id}`);
+    return node;
+}
+function node(tag, className, text) {
+    const el = document.createElement(tag);
+    if (className)
+        el.className = className;
+    if (text !== undefined)
+        el.textContent = text;
+    return el;
+}
+function formatTime(value) {
+    if (!value)
+        return "—";
+    return new Intl.DateTimeFormat("zh-CN", {
+        hour: "2-digit", minute: "2-digit", second: "2-digit",
+    }).format(value);
+}
+function relativeTime(value) {
+    if (!value)
+        return "—";
+    const seconds = Math.max(0, Math.floor((Date.now() - value) / 1000));
+    if (seconds < 60)
+        return `${seconds}s 前`;
+    if (seconds < 3600)
+        return `${Math.floor(seconds / 60)}m 前`;
+    if (seconds < 86400)
+        return `${Math.floor(seconds / 3600)}h 前`;
+    return `${Math.floor(seconds / 86400)}d 前`;
+}
+function statusLabel(status) {
+    return { running: "运行中", queued: "等待", blocked: "阻塞", paused: "暂停", succeeded: "完成", failed: "失败", canceled: "取消" }[status] ?? status;
+}
+function kindLabel(kind) {
+    return { mission: "MISSION", loop: "LOOP", workflow: "WORKFLOW" }[kind] ?? kind;
+}
+function filteredTasks() {
+    if (!snapshot)
+        return [];
+    const query = search.toLowerCase();
+    return snapshot.tasks.filter((task) => {
+        if (kindFilter !== "all" && task.kind !== kindFilter)
+            return false;
+        if (statusFilter === "active" && !ACTIVE.has(task.status))
+            return false;
+        if (statusFilter === "failed" && task.status !== "failed")
+            return false;
+        return !query || `${task.title} ${task.description} ${task.id} ${task.sessionId ?? ""}`.toLowerCase().includes(query);
+    });
+}
+function renderSummary() {
+    if (!snapshot)
+        return;
+    byId("summary-total").textContent = String(snapshot.summary.total);
+    byId("summary-running").textContent = String(snapshot.summary.running);
+    byId("summary-queued").textContent = String(snapshot.summary.queued + snapshot.summary.paused);
+    byId("summary-blocked").textContent = String(snapshot.summary.blocked);
+    byId("summary-failed").textContent = String(snapshot.summary.failed);
+    byId("updated-at").textContent = `同步于 ${formatTime(snapshot.generatedAt)}`;
+    byId("source-label").textContent = snapshot.runtime.daemonHealthy ? "DAEMON" : "LOCAL";
+    byId("runtime-label").textContent = snapshot.runtime.ready ? "运行时就绪" : "等待运行时";
+    byId("runtime-signal").classList.toggle("ready", snapshot.runtime.ready);
+    byId("permission-label").textContent = `权限 ${snapshot.runtime.permissionMode}`;
+}
+function renderTasks() {
+    const list = byId("task-list");
+    list.replaceChildren();
+    list.classList.remove("skeleton-stack");
+    list.setAttribute("aria-busy", "false");
+    const tasks = filteredTasks();
+    byId("visible-count").textContent = `${tasks.length} 项`;
+    if (tasks.length === 0) {
+        list.append(node("div", "empty-copy", "当前筛选下没有任务。可在 TUI 使用 /mission 或 /loop 创建。"));
+        return;
+    }
+    for (const task of tasks) {
+        const row = node("button", `task-row${task.id === selectedId ? " selected" : ""}`);
+        row.type = "button";
+        row.dataset.taskId = task.id;
+        row.dataset.taskKind = task.kind;
+        row.setAttribute("aria-pressed", String(task.id === selectedId));
+        const line = node("span", `status-line ${task.status}`);
+        line.setAttribute("aria-hidden", "true");
+        const copy = node("span", "task-copy");
+        const meta = node("span", "task-meta");
+        meta.append(node("span", "", kindLabel(task.kind)), node("span", "", statusLabel(task.status)), node("span", "", task.source.toUpperCase()));
+        copy.append(meta, node("span", "task-title", task.title), node("span", "task-description", task.description || "无补充说明"));
+        row.append(line, copy, node("time", "task-time", relativeTime(task.updatedAt)));
+        row.addEventListener("click", () => void selectTask(task));
+        list.append(row);
+    }
+}
+function renderActivity() {
+    const list = byId("activity-list");
+    list.replaceChildren();
+    const activity = snapshot?.activity ?? [];
+    if (activity.length === 0) {
+        list.append(node("li", "muted", "暂无本地活动指标"));
+        return;
+    }
+    for (const event of activity) {
+        const item = node("li");
+        item.append(node("time", "", formatTime(event.ts)), node("span", "activity-type", event.type), node("span", "", summarizeData(event.data)));
+        list.append(item);
+    }
+    byId("activity-boundary").textContent = snapshot?.boundary.activityTruncated ? "已按 1 MiB 边界截断" : `最近 ${activity.length} 条`;
+}
+function summarizeData(data) {
+    return Object.entries(data).slice(0, 4).map(([key, value]) => `${key}=${String(value).slice(0, 60)}`).join(" · ") || "本地事件";
+}
+async function selectTask(task) {
+    selectedId = task.id;
+    selectedKind = task.kind;
+    renderTasks();
+    const pane = byId("detail-pane");
+    pane.classList.add("open");
+    const empty = byId("detail-empty");
+    const content = byId("detail-content");
+    empty.hidden = true;
+    content.hidden = false;
+    content.replaceChildren(node("p", "muted", "正在读取本地详情…"));
+    try {
+        const response = await fetch(`/api/tasks/${encodeURIComponent(task.kind)}/${encodeURIComponent(task.id)}`);
+        if (!response.ok)
+            throw new Error(`详情请求失败 (${response.status})`);
+        renderDetail(await response.json());
+    }
+    catch (error) {
+        content.replaceChildren(node("p", "error-copy", error instanceof Error ? error.message : String(error)));
+    }
+}
+function renderDetail(detail) {
+    const task = detail.task;
+    const content = byId("detail-content");
+    content.replaceChildren();
+    const close = node("button", "icon-button detail-close", "关闭");
+    close.type = "button";
+    close.addEventListener("click", () => byId("detail-pane").classList.remove("open"));
+    content.append(close);
+    content.append(node("p", "detail-kicker", `${kindLabel(task.kind)} / ${statusLabel(task.status)} / ${task.source.toUpperCase()}`));
+    const title = node("h2", "detail-title", task.title);
+    content.append(title, node("p", "detail-description", task.description || "无补充说明"));
+    const stats = node("div", "detail-grid");
+    const values = [
+        ["更新时间", formatTime(task.updatedAt)],
+        ["会话", task.sessionId ?? "—"],
+        ["工具调用", String(task.progress?.toolCalls ?? "—")],
+        ["轮次", String(task.progress?.turns ?? "—")],
+        ["Token", String(task.progress?.tokens ?? "—")],
+        ["下次运行", formatTime(task.nextRunAt)],
+    ];
+    for (const [label, value] of values) {
+        const stat = node("div", "detail-stat");
+        stat.append(node("span", "", label), node("strong", "", value));
+        stats.append(stat);
+    }
+    content.append(stats);
+    if (task.error)
+        content.append(node("p", "error-copy", `${task.error.code ? `[${task.error.code}] ` : ""}${task.error.message}`));
+    const actions = node("div", "detail-actions");
+    for (const action of task.actions) {
+        const button = node("button", `action-button ${action === "resume" || action === "retry" ? "primary" : action === "cancel" ? "danger" : ""}`, actionLabel(action));
+        button.type = "button";
+        button.addEventListener("click", () => void runAction(button, task, action));
+        actions.append(button);
+    }
+    if (task.actions.length)
+        content.append(actions);
+    const events = node("ol", "event-log");
+    for (const event of detail.events.slice(-30).reverse()) {
+        const item = node("li");
+        item.append(node("time", "", formatTime(Number(event.timestamp))), node("span", "", eventMessage(event)));
+        events.append(item);
+    }
+    if (detail.events.length)
+        content.append(node("p", "detail-kicker", "RECENT LOG"), events);
+}
+function eventMessage(event) {
+    const data = event.data && typeof event.data === "object" ? event.data : {};
+    return String(data.message ?? data.reason ?? data.action ?? event.type ?? "事件");
+}
+function actionLabel(action) {
+    return { pause: "暂停", resume: "恢复", cancel: "取消", retry: "重新执行" }[action] ?? action;
+}
+async function runAction(button, task, action) {
+    button.disabled = true;
+    const previous = button.textContent;
+    button.textContent = "处理中…";
+    try {
+        const response = await fetch(`/api/tasks/${encodeURIComponent(task.kind)}/${encodeURIComponent(task.id)}/${encodeURIComponent(action)}`, { method: "POST" });
+        const body = await response.json();
+        if (!response.ok)
+            throw new Error(body.message ?? `操作失败 (${response.status})`);
+        showToast(body.message ?? "操作已完成");
+        etag = "";
+        await refreshSnapshot(true);
+        const current = snapshot?.tasks.find((item) => item.id === selectedId && item.kind === selectedKind);
+        if (current)
+            await selectTask(current);
+    }
+    catch (error) {
+        showToast(error instanceof Error ? error.message : String(error), true);
+    }
+    finally {
+        button.disabled = false;
+        button.textContent = previous;
+    }
+}
+function showToast(message, error = false) {
+    const toast = byId("toast");
+    toast.textContent = message;
+    toast.classList.toggle("error", error);
+    toast.hidden = false;
+    if (toastTimer !== null)
+        window.clearTimeout(toastTimer);
+    toastTimer = window.setTimeout(() => { toast.hidden = true; }, 3200);
+}
+async function refreshSnapshot(force = false) {
+    if (document.hidden && !force)
+        return;
+    activeRequest?.abort();
+    activeRequest = new AbortController();
+    try {
+        const headers = {};
+        if (etag && !force)
+            headers["If-None-Match"] = etag;
+        const response = await fetch("/api/dashboard/snapshot", { headers, signal: activeRequest.signal });
+        if (response.status === 304) {
+            retryDelay = 3000;
+            scheduleRefresh();
+            return;
+        }
+        if (!response.ok)
+            throw new Error(`快照请求失败 (${response.status})`);
+        etag = response.headers.get("etag") ?? "";
+        snapshot = await response.json();
+        renderSummary();
+        renderTasks();
+        renderActivity();
+        retryDelay = 3000;
+        scheduleRefresh();
+    }
+    catch (error) {
+        if (error instanceof DOMException && error.name === "AbortError")
+            return;
+        byId("runtime-label").textContent = "连接中断";
+        showToast(error instanceof Error ? error.message : String(error), true);
+        retryDelay = Math.min(30000, retryDelay * 2);
+        scheduleRefresh();
+    }
+}
+function scheduleRefresh() {
+    if (refreshTimer !== null)
+        window.clearTimeout(refreshTimer);
+    if (!document.hidden)
+        refreshTimer = window.setTimeout(() => void refreshSnapshot(), retryDelay);
+}
+function bindFilters() {
+    byId("task-search").addEventListener("input", (event) => {
+        search = event.target.value.trim();
+        renderTasks();
+    });
+    document.querySelectorAll("[data-filter-kind]").forEach((button) => button.addEventListener("click", () => {
+        kindFilter = button.dataset.filterKind ?? "all";
+        document.querySelectorAll("[data-filter-kind]").forEach((item) => item.classList.toggle("active", item === button));
+        renderTasks();
+    }));
+    document.querySelectorAll("[data-filter-status]").forEach((button) => button.addEventListener("click", () => {
+        statusFilter = button.dataset.filterStatus ?? "active";
+        document.querySelectorAll("[data-filter-status]").forEach((item) => item.classList.toggle("active", item === button));
+        renderTasks();
+    }));
+}
+byId("refresh-button").addEventListener("click", () => void refreshSnapshot(true));
+document.addEventListener("visibilitychange", () => {
+    if (document.hidden) {
+        if (refreshTimer !== null)
+            window.clearTimeout(refreshTimer);
+        activeRequest?.abort();
+    }
+    else
+        void refreshSnapshot(true);
+});
+document.addEventListener("keydown", (event) => {
+    if (event.key === "Escape")
+        byId("detail-pane").classList.remove("open");
+});
+bindFilters();
+void refreshSnapshot(true);
+export {};

package/dist/dashboard/model.d.ts

@@ -0,0 +1,13 @@
+import type { LocalSessionTask } from "../session-task-report.js";
+import type { Mission, MissionStatus } from "../mission/types.js";
+import type { WorkflowCheckpoint } from "../workflow-types.js";
+import type { DashboardTask, DashboardTaskAction } from "./types.js";
+export declare function getMissionActions(status: MissionStatus, daemonHealthy: boolean): DashboardTaskAction[];
+export declare function buildDashboardTasks(options: {
+    missions: Mission[];
+    loops: LocalSessionTask[];
+    workflow: WorkflowCheckpoint | null;
+    daemonHealthy: boolean;
+    now?: number;
+}): DashboardTask[];
+//# sourceMappingURL=model.d.ts.map

package/dist/dashboard/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/dashboard/model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EAEpB,MAAM,YAAY,CAAC;AAiBpB,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,aAAa,EACrB,aAAa,EAAE,OAAO,GACrB,mBAAmB,EAAE,CASvB;AA+ED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE;IAC3C,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,aAAa,EAAE,CAYlB"}

package/dist/dashboard/model.js

@@ -0,0 +1,112 @@
+const ACTIVE_RANK = {
+    running: 0,
+    blocked: 1,
+    queued: 2,
+    paused: 3,
+    failed: 10,
+    canceled: 11,
+    succeeded: 12,
+};
+function summarize(value, limit = 240) {
+    const text = String(value ?? "").replace(/\s+/g, " ").trim();
+    return text.length <= limit ? text : `${text.slice(0, limit - 1)}…`;
+}
+export function getMissionActions(status, daemonHealthy) {
+    if (status === "running" || status === "blocked" || status === "queued") {
+        return ["pause", "cancel"];
+    }
+    if (status === "paused")
+        return ["resume", "cancel"];
+    if (daemonHealthy && ["succeeded", "failed", "canceled"].includes(status)) {
+        return ["retry"];
+    }
+    return [];
+}
+function missionTask(mission, daemonHealthy) {
+    return {
+        id: mission.id,
+        kind: "mission",
+        title: summarize(mission.name, 100) || "未命名使命",
+        description: summarize(mission.description),
+        status: mission.status,
+        rawStatus: mission.status,
+        source: daemonHealthy ? "daemon" : "local",
+        sessionId: mission.sessionId,
+        createdAt: mission.createdAt,
+        updatedAt: mission.updatedAt,
+        startedAt: mission.metrics.startTime,
+        endedAt: mission.metrics.endTime,
+        progress: {
+            turns: mission.metrics.totalTurns,
+            tokens: mission.metrics.totalTokens,
+            toolCalls: mission.metrics.totalToolCalls,
+        },
+        error: mission.error
+            ? { code: mission.error.code, message: summarize(mission.error.message, 300) }
+            : undefined,
+        actions: getMissionActions(mission.status, daemonHealthy),
+    };
+}
+function loopStatus(status) {
+    if (status === "active")
+        return "queued";
+    if (status === "completed")
+        return "succeeded";
+    return status;
+}
+function loopTask(task) {
+    const status = loopStatus(task.status);
+    return {
+        id: task.id,
+        kind: "loop",
+        title: summarize(task.prompt, 100) || "循环任务",
+        description: `每 ${Math.max(1, Math.round(task.intervalMs / 1000))} 秒执行 · ${task.mode}`,
+        status,
+        rawStatus: task.status,
+        source: task.runner === "daemon" ? "daemon" : "session",
+        sessionId: task.sessionId,
+        createdAt: task.createdAt,
+        updatedAt: task.updatedAt,
+        startedAt: task.lastRunAt,
+        nextRunAt: task.nextRunAt,
+        actions: status === "queued" || status === "running" ? ["cancel"] : [],
+    };
+}
+function workflowTask(checkpoint) {
+    const status = checkpoint.status === "completed"
+        ? "succeeded"
+        : checkpoint.status === "awaiting_approval"
+            ? "blocked"
+            : checkpoint.status;
+    return {
+        id: checkpoint.runId,
+        kind: "workflow",
+        title: `Workflow · ${summarize(checkpoint.currentState, 80)}`,
+        description: summarize(checkpoint.workflowDefinition?.description ?? checkpoint.workflowId),
+        status,
+        rawStatus: checkpoint.status,
+        source: "local",
+        sessionId: checkpoint.sessionId,
+        createdAt: checkpoint.history[0]?.timestamp ?? checkpoint.updatedAt,
+        updatedAt: checkpoint.updatedAt,
+        progress: { toolCalls: checkpoint.completedToolResults.length },
+        error: checkpoint.error
+            ? { message: summarize(checkpoint.error.message, 300) }
+            : undefined,
+        actions: [],
+    };
+}
+export function buildDashboardTasks(options) {
+    const tasks = [
+        ...options.missions.map((mission) => missionTask(mission, options.daemonHealthy)),
+        ...options.loops.map(loopTask),
+        ...(options.workflow ? [workflowTask(options.workflow)] : []),
+    ];
+    return tasks.sort((a, b) => {
+        const rank = ACTIVE_RANK[a.status] - ACTIVE_RANK[b.status];
+        if (rank !== 0)
+            return rank;
+        const updated = b.updatedAt - a.updatedAt;
+        return updated !== 0 ? updated : a.id.localeCompare(b.id);
+    });
+}

package/dist/dashboard/page.d.ts

@@ -0,0 +1,3 @@
+export declare const DASHBOARD_HTML = "<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <meta name=\"color-scheme\" content=\"dark\">\n  <title>\u8F7B\u7075 \u00B7 \u4EFB\u52A1\u5DE5\u4F5C\u53F0</title>\n  <link rel=\"stylesheet\" href=\"/assets/dashboard.css\">\n</head>\n<body>\n  <div class=\"shell\">\n    <header class=\"topbar\">\n      <div class=\"brand-block\">\n        <span class=\"brand-mark\" aria-hidden=\"true\">QL</span>\n        <div><p class=\"eyebrow\">LOCAL AGENT CONTROL</p><h1>\u8F7B\u7075\u4EFB\u52A1\u5DE5\u4F5C\u53F0</h1></div>\n      </div>\n      <div class=\"runtime-strip\" aria-live=\"polite\">\n        <span class=\"signal\" id=\"runtime-signal\"></span>\n        <span id=\"runtime-label\">\u6B63\u5728\u8FDE\u63A5\u672C\u5730\u8FD0\u884C\u65F6</span>\n        <span class=\"divider\"></span>\n        <span id=\"source-label\">LOCAL</span>\n        <button class=\"icon-button\" id=\"refresh-button\" type=\"button\">\u5237\u65B0</button>\n      </div>\n    </header>\n\n    <section class=\"summary-band\" aria-label=\"\u4EFB\u52A1\u6458\u8981\">\n      <div class=\"summary-lead\"><span>\u5F53\u524D\u6001\u52BF</span><strong id=\"summary-total\">\u2014</strong></div>\n      <div class=\"summary-item\"><span>\u8FD0\u884C</span><strong id=\"summary-running\">\u2014</strong></div>\n      <div class=\"summary-item\"><span>\u7B49\u5F85</span><strong id=\"summary-queued\">\u2014</strong></div>\n      <div class=\"summary-item\"><span>\u963B\u585E</span><strong id=\"summary-blocked\">\u2014</strong></div>\n      <div class=\"summary-item\"><span>\u5931\u8D25</span><strong id=\"summary-failed\">\u2014</strong></div>\n      <time id=\"updated-at\">\u5C1A\u672A\u540C\u6B65</time>\n    </section>\n\n    <main class=\"workbench\">\n      <section class=\"task-rail\" aria-labelledby=\"task-heading\">\n        <div class=\"section-heading\">\n          <div><p class=\"eyebrow\">TASK RAIL</p><h2 id=\"task-heading\">\u4EFB\u52A1\u8F68\u9053</h2></div>\n          <span id=\"visible-count\">0 \u9879</span>\n        </div>\n        <label class=\"search-box\">\n          <span aria-hidden=\"true\">\u2315</span>\n          <input id=\"task-search\" type=\"search\" placeholder=\"\u641C\u7D22\u4EFB\u52A1\u3001\u4F1A\u8BDD\u6216\u72B6\u6001\" autocomplete=\"off\">\n        </label>\n        <div class=\"filter-row\" id=\"kind-filters\" aria-label=\"\u4EFB\u52A1\u7C7B\u578B\u7B5B\u9009\">\n          <button class=\"filter active\" data-filter-kind=\"all\" type=\"button\">\u5168\u90E8</button>\n          <button class=\"filter\" data-filter-kind=\"mission\" type=\"button\">\u4F7F\u547D</button>\n          <button class=\"filter\" data-filter-kind=\"loop\" type=\"button\">\u5FAA\u73AF</button>\n          <button class=\"filter\" data-filter-kind=\"workflow\" type=\"button\">\u5DE5\u4F5C\u6D41</button>\n        </div>\n        <div class=\"filter-row\" id=\"status-filters\" aria-label=\"\u4EFB\u52A1\u72B6\u6001\u7B5B\u9009\">\n          <button class=\"filter active\" data-filter-status=\"all\" type=\"button\">\u6D3B\u8DC3\u4F18\u5148</button>\n          <button class=\"filter\" data-filter-status=\"active\" type=\"button\">\u4EC5\u6D3B\u8DC3</button>\n          <button class=\"filter\" data-filter-status=\"failed\" type=\"button\">\u4EC5\u5931\u8D25</button>\n        </div>\n        <div class=\"task-list skeleton-stack\" id=\"task-list\" aria-live=\"polite\" aria-busy=\"true\">\n          <div class=\"skeleton\"></div><div class=\"skeleton\"></div><div class=\"skeleton\"></div>\n        </div>\n      </section>\n\n      <aside class=\"detail-pane\" id=\"detail-pane\" aria-label=\"\u4EFB\u52A1\u8BE6\u60C5\">\n        <div class=\"detail-empty\" id=\"detail-empty\">\n          <span class=\"crosshair\" aria-hidden=\"true\">\uFF0B</span>\n          <h2 id=\"detail-heading\">\u9009\u62E9\u4E00\u9879\u4EFB\u52A1</h2>\n          <p>\u67E5\u770B\u6267\u884C\u6765\u6E90\u3001\u8FDB\u5EA6\u3001\u65E5\u5FD7\u548C\u5F53\u524D\u53EF\u7528\u64CD\u4F5C\u3002</p>\n        </div>\n        <div class=\"detail-content\" id=\"detail-content\" hidden></div>\n      </aside>\n    </main>\n\n    <section class=\"activity-panel\" aria-labelledby=\"activity-heading\">\n      <div class=\"section-heading\"><div><p class=\"eyebrow\">RECENT SIGNALS</p><h2 id=\"activity-heading\">\u6700\u8FD1\u6D3B\u52A8</h2></div><span id=\"activity-boundary\">\u6700\u591A 20 \u6761</span></div>\n      <ol id=\"activity-list\" class=\"activity-list\"><li class=\"muted\">\u7B49\u5F85\u672C\u5730\u6307\u6807\u2026</li></ol>\n    </section>\n\n    <footer class=\"boundary-bar\">\n      <span>\u4EC5\u76D1\u542C 127.0.0.1</span><span>\u4EFB\u52A1\u6B63\u6587\u4E0D\u5916\u4F20</span><span id=\"permission-label\">\u6743\u9650 \u2014</span>\n    </footer>\n  </div>\n  <div id=\"toast\" class=\"toast\" role=\"status\" aria-live=\"polite\" hidden></div>\n  <script type=\"module\" src=\"/assets/dashboard.js\"></script>\n</body>\n</html>";
+export declare const DASHBOARD_CSS = "\n:root {\n  --ink: #dce8e2; --muted: #81928b; --dim: #53635d;\n  --ground: #0b100e; --surface: #111815; --raised: #17201c;\n  --line: #28372f; --line-strong: #3b5046; --accent: #63d5a2;\n  --running: #63d5a2; --queued: #d6b865; --blocked: #df9665;\n  --failed: #e27676; --paused: #8ca7d8; --radius: 3px;\n}\n* { box-sizing: border-box; }\nbody { margin: 0; min-height: 100vh; color: var(--ink); background: var(--ground); font-family: \"Aptos\", \"Microsoft YaHei UI\", sans-serif; }\nbody::before { content: \"\"; position: fixed; inset: 0; pointer-events: none; opacity: .25; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent 72%); }\nbutton, input { font: inherit; }\nbutton { color: inherit; }\n.shell { position: relative; width: min(1540px, 100%); margin: 0 auto; padding: clamp(18px, 3vw, 42px); }\n.topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--line-strong); }\n.brand-block { display: flex; align-items: center; gap: 14px; }\n.brand-mark { display: grid; place-items: center; width: 44px; aspect-ratio: 1; border: 1px solid var(--accent); color: var(--accent); font: 700 13px/1 \"Cascadia Code\", monospace; letter-spacing: .12em; transform: rotate(-3deg); }\n.eyebrow { margin: 0 0 4px; color: var(--accent); font: 600 10px/1.2 \"Cascadia Code\", monospace; letter-spacing: .2em; }\nh1, h2, p { margin-top: 0; }\nh1 { margin-bottom: 0; font-size: clamp(22px, 3vw, 34px); font-weight: 650; letter-spacing: -.04em; }\nh2 { margin-bottom: 0; font-size: 18px; font-weight: 620; }\n.runtime-strip { display: flex; align-items: center; gap: 10px; color: var(--muted); font: 12px \"Cascadia Code\", monospace; }\n.signal { width: 8px; height: 8px; border-radius: 50%; background: var(--queued); box-shadow: 0 0 0 4px color-mix(in srgb, var(--queued) 14%, transparent); }\n.signal.ready { background: var(--running); box-shadow: 0 0 0 4px color-mix(in srgb, var(--running) 14%, transparent); }\n.divider { width: 1px; height: 18px; background: var(--line-strong); }\n.icon-button, .filter, .action-button { border: 1px solid var(--line-strong); border-radius: var(--radius); background: transparent; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }\n.icon-button { padding: 7px 11px; }\n.icon-button:hover, .filter:hover, .action-button:hover { border-color: var(--accent); }\n.icon-button:active, .action-button:active { transform: translateY(1px); }\nbutton:focus-visible, input:focus-visible, .task-row:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n.summary-band { display: grid; grid-template-columns: minmax(180px, 1.3fr) repeat(4, minmax(90px, .55fr)) minmax(170px, 1fr); border-bottom: 1px solid var(--line); }\n.summary-band > * { min-height: 88px; padding: 20px 18px; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; }\n.summary-band > *:last-child { border-right: 0; }\n.summary-band span, .summary-band time { color: var(--muted); font: 11px \"Cascadia Code\", monospace; }\n.summary-band strong { margin-top: 5px; font: 650 26px \"Cascadia Code\", monospace; }\n.summary-lead { background: var(--accent); color: #092016; }\n.summary-lead span { color: #244d3b; }\n.summary-band time { align-items: flex-end; text-align: right; }\n.workbench { display: grid; grid-template-columns: minmax(360px, .9fr) minmax(500px, 1.35fr); min-height: 560px; border-bottom: 1px solid var(--line-strong); }\n.task-rail { padding: 28px 26px 28px 0; border-right: 1px solid var(--line-strong); }\n.detail-pane { position: relative; padding: 32px 0 32px 34px; min-width: 0; }\n.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }\n.section-heading > span { color: var(--muted); font: 11px \"Cascadia Code\", monospace; }\n.search-box { height: 42px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid var(--line-strong); background: var(--surface); }\n.search-box span { color: var(--accent); font-size: 20px; }\n.search-box input { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; }\n.search-box input::placeholder { color: var(--dim); }\n.filter-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }\n.filter { padding: 6px 10px; color: var(--muted); font-size: 11px; }\n.filter.active { color: #092016; border-color: var(--accent); background: var(--accent); }\n.task-list { display: grid; gap: 1px; margin-top: 18px; background: var(--line); border: 1px solid var(--line); max-height: 620px; overflow: auto; }\n.task-row { position: relative; display: grid; grid-template-columns: 7px 1fr auto; gap: 13px; width: 100%; padding: 16px 14px 15px 0; border: 0; text-align: left; background: var(--surface); cursor: pointer; }\n.task-row:hover, .task-row.selected { background: var(--raised); }\n.task-row.selected::after { content: \"\"; position: absolute; inset: 0; border: 1px solid var(--accent); pointer-events: none; }\n.status-line { width: 3px; height: 100%; justify-self: center; background: var(--dim); }\n.status-line.running { background: var(--running); } .status-line.queued { background: var(--queued); } .status-line.blocked { background: var(--blocked); } .status-line.failed { background: var(--failed); } .status-line.paused { background: var(--paused); }\n.task-copy { min-width: 0; }\n.task-meta { display: flex; gap: 8px; margin-bottom: 7px; color: var(--muted); font: 10px \"Cascadia Code\", monospace; text-transform: uppercase; letter-spacing: .08em; }\n.task-title { display: block; margin-bottom: 6px; overflow: hidden; color: var(--ink); font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }\n.task-description { display: block; overflow: hidden; color: var(--muted); font-size: 12px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }\n.task-time { color: var(--dim); font: 10px \"Cascadia Code\", monospace; white-space: nowrap; }\n.detail-empty { min-height: 420px; display: grid; place-content: center; justify-items: center; text-align: center; color: var(--muted); }\n.detail-empty p { max-width: 300px; margin-top: 10px; line-height: 1.6; }\n.crosshair { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 20px; border: 1px dashed var(--line-strong); color: var(--accent); font: 28px \"Cascadia Code\", monospace; }\n.detail-content { position: relative; animation: reveal .28s cubic-bezier(.22,1,.36,1); }\n.detail-close { position: absolute; top: 0; right: 0; }\n@keyframes reveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }\n.detail-kicker { color: var(--accent); font: 11px \"Cascadia Code\", monospace; text-transform: uppercase; letter-spacing: .12em; }\n.detail-title { max-width: 760px; margin: 10px 0 14px; font-size: clamp(25px, 3vw, 40px); line-height: 1.05; letter-spacing: -.04em; }\n.detail-description { max-width: 760px; color: var(--muted); line-height: 1.7; }\n.detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin: 28px 0; border-block: 1px solid var(--line); }\n.detail-stat { padding: 16px 12px 16px 0; }\n.detail-stat span { display: block; color: var(--dim); font: 10px \"Cascadia Code\", monospace; text-transform: uppercase; }\n.detail-stat strong { display: block; margin-top: 7px; font: 600 14px \"Cascadia Code\", monospace; }\n.detail-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }\n.action-button { padding: 9px 14px; }\n.action-button.primary { color: #092016; border-color: var(--accent); background: var(--accent); }\n.action-button.danger { color: var(--failed); border-color: color-mix(in srgb, var(--failed) 65%, var(--line)); }\n.event-log { display: grid; gap: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }\n.event-log li { display: grid; grid-template-columns: 90px 1fr; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }\n.event-log time { color: var(--dim); font: 10px \"Cascadia Code\", monospace; }\n.activity-panel { padding: 28px 0; }\n.activity-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 28px; padding: 0; list-style: none; }\n.activity-list li { display: grid; grid-template-columns: 88px 110px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }\n.activity-list time, .activity-type { color: var(--dim); font: 10px \"Cascadia Code\", monospace; }\n.boundary-bar { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-top: 18px; border-top: 1px solid var(--line-strong); color: var(--dim); font: 10px \"Cascadia Code\", monospace; text-transform: uppercase; letter-spacing: .08em; }\n.boundary-bar span::before { content: \"\u25A1\"; margin-right: 7px; color: var(--accent); }\n.skeleton-stack { background: transparent; border: 0; }\n.skeleton { height: 78px; margin-bottom: 1px; background: linear-gradient(90deg, var(--surface), var(--raised), var(--surface)); background-size: 200% 100%; animation: scan 1.4s linear infinite; }\n@keyframes scan { to { background-position: -200% 0; } }\n.muted, .empty-copy { color: var(--muted); }\n.empty-copy { padding: 34px 20px; text-align: center; background: var(--surface); }\n.error-copy { color: var(--failed); }\n.toast { position: fixed; right: 24px; bottom: 24px; z-index: 10; max-width: min(420px, calc(100vw - 32px)); padding: 13px 16px; border: 1px solid var(--line-strong); background: var(--raised); box-shadow: 0 16px 50px #0008; font-size: 13px; }\n.toast.error { border-color: var(--failed); }\n@media (max-width: 880px) {\n  .shell { padding: 18px; }\n  .topbar { align-items: flex-start; }\n  .runtime-strip { flex-wrap: wrap; justify-content: flex-end; }\n  .summary-band { grid-template-columns: repeat(3, 1fr); }\n  .summary-band > * { min-height: 68px; padding: 13px; }\n  .summary-band time { align-items: flex-start; text-align: left; }\n  .workbench { display: block; }\n  .task-rail { padding-right: 0; border-right: 0; }\n  .detail-pane { position: fixed; inset: auto 0 0; z-index: 8; max-height: 78vh; padding: 24px 20px; overflow: auto; border-top: 1px solid var(--accent); background: var(--ground); transform: translateY(105%); transition: transform .28s cubic-bezier(.22,1,.36,1); }\n  .detail-pane.open { transform: none; }\n  .detail-empty { display: none; }\n  .detail-grid { grid-template-columns: repeat(2, 1fr); }\n  .activity-list { grid-template-columns: 1fr; }\n}\n@media (max-width: 560px) {\n  .brand-mark { width: 38px; }\n  .runtime-strip .divider, #source-label { display: none; }\n  .summary-band { grid-template-columns: repeat(2, 1fr); }\n  .summary-lead { grid-column: span 2; }\n  .summary-band time { grid-column: span 2; }\n  .task-rail { padding-top: 22px; }\n  .activity-list li { grid-template-columns: 72px 88px 1fr; }\n}\n@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }\n";
+//# sourceMappingURL=page.d.ts.map

package/dist/dashboard/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/dashboard/page.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,k7JAkFnB,CAAC;AAET,eAAO,MAAM,aAAa,8iWAwHzB,CAAC"}