npm - agent-devkit - Versions diffs - 0.3.2 → 0.3.3 - Mend

agent-devkit 0.3.2 → 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5351) hide show

package/runtime/vendor/plugins/open-design/_official/examples/flowai-live-dashboard-template/SKILL.md DELETED Viewed

@@ -1,87 +0,0 @@
----
-name: flowai-live-dashboard-template
-description: |
-  Team-management dashboard skill in the FlowAI aesthetic — three tabs
-  (Team Members, Team Details, Activity Log), KPI stat row, member table,
-  role distribution bar chart, online presence and activity sparklines,
-  and a top-contributors panel, all in a single self-contained HTML file
-  with light/dark theming, hoverable chart tooltips, click-to-zoom panels,
-  and CSV export. Use when the brief asks for a team / workspace admin
-  dashboard, an interactive admin dashboard with charts, or names FlowAI.
-triggers:
-  - "flowai dashboard"
-  - "team dashboard"
-  - "team management dashboard"
-  - "interactive admin dashboard"
-  - "workspace admin dashboard"
-  - "团队管理后台"
-  - "可交互后台"
-od:
-  mode: prototype
-  platform: desktop
-  scenario: operations
-  preview:
-    type: html
-    entry: index.html
-    reload: debounce-100
-  design_system:
-    requires: true
-    sections: [color, typography, layout, components]
-  craft:
-    requires: [state-coverage, accessibility-baseline]
-  example_prompt: "Create a FlowAI-style team management dashboard with Team Members, Team Details and Activity Log tabs, KPI cards, a member table with status badges, a role-distribution bar chart, an online-presence sparkline, top contributors, light/dark mode, and CSV export."
----
-# FlowAI Dashboard Skill
-Produce a single-screen, multi-tab team management dashboard inspired by the
-FlowAI aesthetic. The output is a self-contained HTML file (no external runtime
-dependencies) with built-in interactions: tab switching, an animated bar chart,
-hover tooltips on charts, click-to-zoom panels, dark mode toggle, and CSV
-export of the visible team table.
-## Resource map
-```
-flowai-live-dashboard-template/
-├── SKILL.md
-├── assets/
-│   └── template.html          # reference seed used as the starting structure
-├── references/
-│   └── checklist.md           # P0/P1/P2 quality gates
-└── example.html               # complete hand-built sample (gallery preview)
-```
-## Workflow
-1. **Read the active DESIGN.md** (injected above). Map color, typography,
-   spacing, and component styling tokens to the CSS variables used by
-   `assets/template.html`. Do not invent new tokens.
-2. Start from `assets/template.html`; never generate the shell from blank.
-3. Keep three tabs: `Team Members`, `Team Details`, `Activity Log`. Tabs must
-   actually switch and only one view is visible at a time.
-4. Generate plausible, specific sample data (real-looking names, IDs, roles,
-   departments, dates, percentages). No `Member A / Metric B` placeholders.
-5. Required interactions:
-   - tab switching with hash sync (`#members | #details | #activity`)
-   - role bar chart animates with easing on first reveal of the details tab
-   - chart hover tooltips with precise label + value
-   - click any panel/card to zoom; click again or press Esc to restore
-   - dark mode toggle that re-derives chart colors from CSS variables
-   - "Export CSV" button that exports every row currently in the team table,
-     including the `Workflow` column
-6. Run through `references/checklist.md` before final output.
-## Output contract
-Emit one short orientation sentence, then the artifact:
-```xml
-<artifact identifier="flowai-team-dashboard" type="text/html" title="FlowAI Team Dashboard">
-<!doctype html>
-<html>...</html>
-</artifact>
-```
-The artifact must render correctly when opened directly from disk with no
-build step and no network access.

package/runtime/vendor/plugins/open-design/_official/examples/flowai-live-dashboard-template/assets/template.html DELETED Viewed

@@ -1,387 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>FlowAI Team Dashboard Template</title>
-  <style>
-    :root {
-      --bg: #d9d9de;
-      --app: #f8f8fa;
-      --panel: #fff;
-      --line: #e9e9ed;
-      --text: #1f2128;
-      --muted: #8b8f9a;
-      --hover: #f3f4f7;
-      --accent: #1f2937;
-      --chart-stroke: #1f2937;
-      --chart-fill: rgba(31, 41, 55, 0.16);
-      --chart-axis: #6b7280;
-      --chart-bar-label: #677084;
-      --chart-bar-value: #1f2937;
-    }
-    body.dark {
-      --bg: #0f1218;
-      --app: #171b23;
-      --panel: #1d2430;
-      --line: #2c3442;
-      --text: #ecf0f7;
-      --muted: #9aa3b6;
-      --hover: #242c3a;
-      --accent: #ecf0f7;
-      --chart-stroke: #ecf0f7;
-      --chart-fill: rgba(236, 240, 247, 0.18);
-      --chart-axis: #9aa3b6;
-      --chart-bar-label: #9aa3b6;
-      --chart-bar-value: #ecf0f7;
-    }
-    * { box-sizing: border-box; }
-    body {
-      margin: 0;
-      font-family: Inter, system-ui, sans-serif;
-      background: linear-gradient(180deg, var(--bg), var(--bg));
-      color: var(--text);
-      padding: 22px;
-    }
-    .shell { max-width: 1320px; margin: 0 auto; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: var(--panel); }
-    .top { height: 48px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; padding: 0 12px; background: var(--app); }
-    .top button, .chip { border: 1px solid var(--line); background: var(--panel); color: var(--text); border-radius: 8px; height: 30px; padding: 0 10px; cursor: pointer; }
-    .top .actions { display: flex; gap: 6px; }
-    .wrap { padding: 12px; display: grid; gap: 10px; }
-    .tabs { display: flex; gap: 6px; flex-wrap: wrap; }
-    .tab { padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; background: var(--panel); color: var(--muted); }
-    .tab.active { color: var(--text); background: var(--hover); }
-    .stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
-    .card, .panel { border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
-    .card { padding: 10px; cursor: zoom-in; }
-    .card .k { color: var(--muted); font-size: 11px; }
-    .card .v { font-size: 28px; font-weight: 650; margin-top: 4px; }
-    .grid { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; }
-    .panel { padding: 10px; cursor: zoom-in; }
-    .panel-title { margin-bottom: 8px; font-size: 12px; color: var(--muted); }
-    .table-wrap { overflow-x: auto; }
-    .table { width: 100%; border-collapse: collapse; font-size: 12px; min-width: 480px; }
-    .table th, .table td { border-bottom: 1px solid var(--line); padding: 8px; text-align: left; }
-    .badge { border: 1px solid var(--line); border-radius: 99px; padding: 2px 8px; font-size: 11px; }
-    .canvas { width: 100%; height: 180px; border: 1px solid var(--line); border-radius: 8px; background: var(--app); display: block; }
-    .avatars { display: grid; gap: 7px; }
-    .who { display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); border-radius: 8px; padding: 8px; }
-    .name { display: flex; align-items: center; gap: 8px; }
-    .av { width: 22px; height: 22px; border-radius: 50%; background: #ced4e6; color: #202431; display: grid; place-items: center; font-size: 11px; font-weight: 700; }
-    .view { display: none; }
-    .view.active { display: block; }
-    .zoomed { position: fixed !important; inset: 8vh 8vw !important; z-index: 99; overflow: auto; cursor: zoom-out; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25); }
-    .backdrop { position: fixed; inset: 0; background: rgba(10, 12, 18, 0.55); z-index: 98; }
-    .tooltip { position: fixed; z-index: 120; pointer-events: none; border: 1px solid var(--line); background: var(--panel); color: var(--text); border-radius: 8px; font-size: 11px; padding: 6px 8px; opacity: 0; transition: opacity 0.12s ease; }
-    .tooltip.show { opacity: 1; }
-    @media (max-width: 1300px) {
-      .grid { grid-template-columns: 1fr; }
-      .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-    }
-    @media (max-width: 720px) {
-      body { padding: 12px; }
-      .stats { grid-template-columns: 1fr; }
-      .tabs { gap: 4px; }
-      .tab { flex: 1 1 auto; text-align: center; }
-      .table { font-size: 11px; }
-    }
-  </style>
-</head>
-<body>
-  <div class="shell">
-    <div class="top">
-      <b>FlowAI · Team Dashboard</b>
-      <div class="actions">
-        <button id="themeBtn" type="button" aria-label="Toggle theme">Theme</button>
-        <button id="exportBtn" type="button">Export CSV</button>
-      </div>
-    </div>
-    <div class="wrap">
-      <div class="tabs" role="tablist">
-        <button class="tab active" data-view="members" role="tab" aria-selected="true">Team Members</button>
-        <button class="tab" data-view="details" role="tab" aria-selected="false">Team Details</button>
-        <button class="tab" data-view="activity" role="tab" aria-selected="false">Activity Log</button>
-      </div>
-      <div class="stats">
-        <div class="card zoomable"><div class="k">Total Members</div><div class="v">35</div></div>
-        <div class="card zoomable"><div class="k">Active Now</div><div class="v">15</div></div>
-        <div class="card zoomable"><div class="k">Runs Today</div><div class="v">4,210</div></div>
-        <div class="card zoomable"><div class="k">Success Rate</div><div class="v">98.6%</div></div>
-      </div>
-      <section id="members" class="view active">
-        <div class="grid">
-          <div class="panel zoomable">
-            <div class="table-wrap">
-              <table class="table" id="teamTable">
-                <thead>
-                  <tr><th>Name</th><th>Role</th><th>Status</th><th>Workflow</th></tr>
-                </thead>
-                <tbody>
-                  <tr><td>Alexander Montgomery</td><td>Editor</td><td><span class="badge">Active</span></td><td>33%</td></tr>
-                  <tr><td>Nathaniel Richardson</td><td>Owner</td><td><span class="badge">Active</span></td><td>24%</td></tr>
-                  <tr><td>Theodore Whitmore</td><td>Editor</td><td><span class="badge">Pending</span></td><td>--</td></tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-          <div class="panel zoomable">
-            <div class="panel-title">Online Presence</div>
-            <canvas id="presenceChart" class="canvas" width="360" height="180"></canvas>
-          </div>
-        </div>
-      </section>
-      <section id="details" class="view">
-        <div class="grid">
-          <div class="panel zoomable">
-            <div class="panel-title">Role Distribution</div>
-            <canvas id="roleChart" class="canvas" width="680" height="180"></canvas>
-          </div>
-          <div class="panel zoomable">
-            <div class="panel-title">Top Contributors</div>
-            <div class="avatars">
-              <div class="who"><div class="name"><span class="av">WP</span>William Prescott</div><b>28</b></div>
-              <div class="who"><div class="name"><span class="av">EK</span>Edward Kensington</div><b>24</b></div>
-              <div class="who"><div class="name"><span class="av">OR</span>Oliver Remington</div><b>19</b></div>
-            </div>
-          </div>
-        </div>
-      </section>
-      <section id="activity" class="view">
-        <div class="grid">
-          <div class="panel zoomable">
-            <div class="panel-title">Activity Trend</div>
-            <canvas id="riskChart" class="canvas" width="680" height="180"></canvas>
-          </div>
-          <div class="panel zoomable">
-            <div class="panel-title">Risk Radar</div>
-            <div class="avatars">
-              <div class="who">5 Failed Logins</div>
-              <div class="who">API key Age Exceeded Policy</div>
-              <div class="who">SSO Scope Changed</div>
-            </div>
-          </div>
-        </div>
-      </section>
-    </div>
-  </div>
-  <div id="tt" class="tooltip" role="status" aria-live="polite"></div>
-  <script>
-    const charts = {
-      presence: { id: "presenceChart", labels: ["04-25","04-26","04-27","04-28","04-29","04-30","05-01","05-02"], values: [8,11,9,12,14,13,15,12] },
-      risk:     { id: "riskChart",     labels: ["04-26","04-27","04-28","04-29","04-30","05-01","05-02"],         values: [7,10,6,8,11,9,5] },
-      role:     { id: "roleChart",     labels: ["Owner","Admin","Editor","Viewer","Devops"],                       values: [3,14,37,34,6], colors: ["#fac6cd","#d7e5ff","#89b5ff","#c8ccff","#f0dbff"] }
-    };
-    const pts = {};
-    const tt = document.getElementById("tt");
-    let detailsAnimated = false;
-    function chartColors() {
-      const cs = getComputedStyle(document.body);
-      return {
-        stroke: cs.getPropertyValue("--chart-stroke").trim() || "#1f2937",
-        fill:   cs.getPropertyValue("--chart-fill").trim()   || "rgba(31,41,55,.16)",
-        axis:   cs.getPropertyValue("--chart-axis").trim()   || "#6b7280",
-        barLabel: cs.getPropertyValue("--chart-bar-label").trim() || "#677084",
-        barValue: cs.getPropertyValue("--chart-bar-value").trim() || "#1f2937"
-      };
-    }
-    function spark(cfg) {
-      const c = document.getElementById(cfg.id);
-      if (!c) return;
-      const ctx = c.getContext("2d"), w = c.width, h = c.height;
-      const cc = chartColors();
-      const min = Math.min(...cfg.values), max = Math.max(...cfg.values), pad = 18;
-      ctx.clearRect(0, 0, w, h);
-      ctx.beginPath();
-      pts[cfg.id] = [];
-      cfg.values.forEach((v, i) => {
-        const x = pad + (i / (cfg.values.length - 1)) * (w - pad * 2);
-        const y = h - pad - ((v - min) / Math.max(max - min, 1)) * (h - pad * 2);
-        pts[cfg.id].push({ x, y, label: cfg.labels[i], value: v });
-        if (!i) ctx.moveTo(x, y); else ctx.lineTo(x, y);
-      });
-      ctx.strokeStyle = cc.stroke;
-      ctx.lineWidth = 2;
-      ctx.stroke();
-      ctx.lineTo(w - pad, h - pad);
-      ctx.lineTo(pad, h - pad);
-      ctx.closePath();
-      ctx.fillStyle = cc.fill;
-      ctx.fill();
-      pts[cfg.id].forEach((p) => {
-        ctx.beginPath();
-        ctx.arc(p.x, p.y, 2.5, 0, Math.PI * 2);
-        ctx.fillStyle = cc.stroke;
-        ctx.fill();
-        ctx.fillStyle = cc.axis;
-        ctx.font = "10px Inter";
-        ctx.fillText(String(p.value), p.x - 8, p.y - 8);
-      });
-    }
-    function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }
-    function drawBars(progress) {
-      const c = document.getElementById(charts.role.id);
-      if (!c) return;
-      const ctx = c.getContext("2d"), w = c.width, h = c.height;
-      const cc = chartColors();
-      const vals = charts.role.values, labels = charts.role.labels, colors = charts.role.colors, max = Math.max(...vals);
-      const x0 = 28, y0 = 142, bw = 88, gap = 20;
-      ctx.clearRect(0, 0, w, h);
-      pts[c.id] = [];
-      vals.forEach((v, i) => {
-        const hh = (v / max) * 100 * progress;
-        const x = x0 + i * (bw + gap);
-        const cv = Math.round(v * progress);
-        ctx.fillStyle = colors[i];
-        ctx.beginPath();
-        if (typeof ctx.roundRect === "function") ctx.roundRect(x, y0 - hh, bw, hh, 8);
-        else ctx.rect(x, y0 - hh, bw, hh);
-        ctx.fill();
-        ctx.fillStyle = cc.barLabel;
-        ctx.font = "11px Inter";
-        ctx.fillText(labels[i], x + 8, 165);
-        ctx.fillStyle = cc.barValue;
-        ctx.fillText(cv + "%", x + 27, y0 - hh - 8);
-        pts[c.id].push({ x: x + bw / 2, y: y0 - hh, label: labels[i], value: v + "%" });
-      });
-    }
-    function animateBars() {
-      const dur = 800, start = performance.now();
-      function frame(ts) {
-        const p = easeOutCubic(Math.min((ts - start) / dur, 1));
-        drawBars(p);
-        if (p < 1) requestAnimationFrame(frame);
-      }
-      requestAnimationFrame(frame);
-    }
-    function redrawAll() {
-      spark(charts.presence);
-      spark(charts.risk);
-      if (detailsAnimated) drawBars(1);
-    }
-    function showTip(txt, x, y) {
-      tt.textContent = txt;
-      const pad = 12;
-      const tw = tt.offsetWidth || 120, th = tt.offsetHeight || 24;
-      let left = x + 10, top = y + 10;
-      if (left + tw + pad > window.innerWidth)  left = x - tw - 10;
-      if (top  + th + pad > window.innerHeight) top  = y - th - 10;
-      tt.style.left = left + "px";
-      tt.style.top  = top  + "px";
-      tt.classList.add("show");
-    }
-    function hideTip() { tt.classList.remove("show"); }
-    function bindTooltip(id) {
-      const c = document.getElementById(id);
-      if (!c) return;
-      c.addEventListener("mousemove", (e) => {
-        const p = pts[id] || [];
-        if (!p.length) return;
-        const r = c.getBoundingClientRect();
-        const x = (e.clientX - r.left) * (c.width / r.width);
-        const y = (e.clientY - r.top)  * (c.height / r.height);
-        let hit = null, d = 999;
-        p.forEach((pt) => {
-          const dd = Math.hypot(pt.x - x, pt.y - y);
-          if (dd < d) { d = dd; hit = pt; }
-        });
-        if (hit && d < 20) showTip(`${hit.label} · ${hit.value}`, e.clientX, e.clientY);
-        else hideTip();
-      });
-      c.addEventListener("mouseleave", hideTip);
-    }
-    function setView(v) {
-      document.querySelectorAll(".view").forEach((el) => el.classList.remove("active"));
-      const target = document.getElementById(v);
-      if (target) target.classList.add("active");
-      document.querySelectorAll(".tab").forEach((t) => {
-        const on = t.dataset.view === v;
-        t.classList.toggle("active", on);
-        t.setAttribute("aria-selected", on ? "true" : "false");
-      });
-      if (window.location.hash !== "#" + v) {
-        history.replaceState(null, "", "#" + v);
-      }
-      if (v === "details") {
-        if (!detailsAnimated) { animateBars(); detailsAnimated = true; }
-        else drawBars(1);
-      }
-    }
-    function bindZoom() {
-      let zoomed = null;
-      function unzoom() {
-        if (zoomed) zoomed.classList.remove("zoomed");
-        document.querySelector(".backdrop")?.remove();
-        zoomed = null;
-      }
-      document.querySelectorAll(".zoomable").forEach((el) => {
-        el.addEventListener("click", (e) => {
-          if (e.target.closest("button, input, select, a")) return;
-          if (zoomed === el) { unzoom(); return; }
-          unzoom();
-          const b = document.createElement("div");
-          b.className = "backdrop";
-          b.onclick = unzoom;
-          document.body.appendChild(b);
-          el.classList.add("zoomed");
-          zoomed = el;
-        });
-      });
-      document.addEventListener("keydown", (e) => { if (e.key === "Escape") unzoom(); });
-    }
-    function exportCsv() {
-      const table = document.getElementById("teamTable");
-      if (!table) return;
-      const rows = [];
-      const headerCells = table.querySelectorAll("thead th");
-      rows.push([...headerCells].map((th) => th.textContent.trim()));
-      table.querySelectorAll("tbody tr").forEach((tr) => {
-        rows.push([...tr.querySelectorAll("td")].map((td) => td.innerText.trim().replace(/\s+/g, " ")));
-      });
-      const csv = rows
-        .map((r) => r.map((c) => `"${String(c).replace(/"/g, '""')}"`).join(","))
-        .join("\n");
-      const blob = new Blob([csv], { type: "text/csv;charset=utf-8" });
-      const a = document.createElement("a");
-      a.href = URL.createObjectURL(blob);
-      a.download = "flowai-team.csv";
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-      URL.revokeObjectURL(a.href);
-    }
-    document.querySelectorAll(".tab").forEach((t) => t.addEventListener("click", () => setView(t.dataset.view)));
-    document.getElementById("themeBtn").onclick = () => {
-      document.body.classList.toggle("dark");
-      redrawAll();
-    };
-    document.getElementById("exportBtn").onclick = exportCsv;
-    spark(charts.presence);
-    spark(charts.risk);
-    bindTooltip("presenceChart");
-    bindTooltip("riskChart");
-    bindTooltip("roleChart");
-    bindZoom();
-    const initial = (window.location.hash || "#members").slice(1);
-    setView(["members", "details", "activity"].includes(initial) ? initial : "members");
-  </script>
-</body>
-</html>

package/runtime/vendor/plugins/open-design/_official/examples/flowai-live-dashboard-template/example.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>FlowAI Team Dashboard Example</title>
-  <style>html,body{margin:0;height:100%}iframe{width:100%;height:100%;border:0}</style>
-</head>
-<body>
-  <!-- default showcase sample for template submission -->
-  <iframe src="./assets/template.html" title="FlowAI Team Dashboard Example"></iframe>
-</body>
-</html>

package/runtime/vendor/plugins/open-design/_official/examples/flowai-live-dashboard-template/open-design.json DELETED Viewed

@@ -1,133 +0,0 @@
-{
-  "$schema": "https://open-design.ai/schemas/plugin.v1.json",
-  "specVersion": "1.0.0",
-  "name": "example-flowai-live-dashboard-template",
-  "title": "Flowai Live Dashboard Template",
-  "title_i18n": {
-    "zh-CN": "Flowai 实时仪表板模板",
-    "zh-TW": "Flowai 即時儀表板範本",
-    "ja": "Flowai ライブダッシュボードテンプレート",
-    "ko": "Flowai 라이브 대시보드 템플릿",
-    "de": "Flowai Live-Dashboard-Vorlage",
-    "fr": "Modèle de tableau de bord en direct Flowai",
-    "ru": "Шаблон панели управления Flowai Live",
-    "es": "Plantilla de panel en vivo Flowai",
-    "pt-BR": "Template de painel ao vivo Flowai",
-    "it": "Template dashboard live Flowai",
-    "vi": "Mẫu bảng điều khiển trực tiếp Flowai",
-    "pl": "Szablon panelu na żywo Flowai",
-    "id": "Template dasbor langsung Flowai",
-    "nl": "Flowai live dashboardsjabloon",
-    "ar": "قالب لوحة تحكم Flowai المباشرة",
-    "tr": "Flowai canlı gösterge paneli şablonu",
-    "uk": "Шаблон панелі керування Flowai Live",
-    "en": "Flowai Live Dashboard Template"
-  },
-  "version": "0.1.0",
-  "description": "Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity sparklines, and a top-contributors panel, all in a single self-contained HTML file with light/dark theming, hoverable chart tooltips, click-to-zoom panels, and CSV export. Use when the brief asks for a team / workspace admin dashboard, an interactive admin dashboard with charts, or names FlowAI.",
-  "description_i18n": {
-    "zh-CN": "FlowAI 风格的团队管理仪表板，包含三个标签页（团队成员、团队详情、活动日志）、KPI 统计行、成员表格、角色分布条形图、在线状态和活动趋势图、顶级贡献者面板，支持亮暗主题切换、图表悬停提示、面板点击缩放和 CSV 导出功能。",
-    "zh-TW": "FlowAI 風格的團隊管理儀表板，包含三個分頁（團隊成員、團隊詳情、活動記錄）、KPI 統計列、成員表格、角色分佈長條圖、線上狀態和活動趨勢圖、頂級貢獻者面板，支援亮暗主題切換、圖表懸停提示、面板點擊縮放和 CSV 匯出功能。",
-    "ja": "FlowAI スタイルのチーム管理ダッシュボード。3つのタブ（チームメンバー、チーム詳細、アクティビティログ）、KPI統計行、メンバーテーブル、役割分布バーチャート、オンライン状態とアクティビティのスパークライン、トップ貢献者パネルを搭載。ライト/ダークテーマ、チャートツールチップ、パネルのクリック拡大、CSV エクスポートに対応。",
-    "ko": "FlowAI 스타일의 팀 관리 대시보드. 3개 탭(팀 멤버, 팀 상세정보, 활동 로그), KPI 통계 행, 멤버 테이블, 역할 분포 막대 차트, 온라인 현황 및 활동 스파크라인, 상위 기여자 패널 포함. 라이트/다크 테마, 차트 툴팁, 클릭 확대, CSV 내보내기 지원.",
-    "de": "Team-Management-Dashboard im FlowAI-Design mit drei Tabs (Teammitglieder, Teamdetails, Aktivitätsprotokoll), KPI-Statistikzeile, Mitgliedertabelle, Rollenverteilungs-Balkendiagramm, Online-Präsenz- und Aktivitäts-Sparklines sowie Top-Mitarbeiter-Panel. Unterstützt Hell-/Dunkel-Modus, Chart-Tooltips, Zoom-Funktion und CSV-Export.",
-    "fr": "Tableau de bord de gestion d'équipe dans l'esthétique FlowAI avec trois onglets (Membres de l'équipe, Détails de l'équipe, Journal d'activité), ligne de statistiques KPI, tableau des membres, graphique à barres de répartition des rôles, sparklines de présence en ligne et d'activité, et panneau des principaux contributeurs. Supporte les thèmes clair/sombre, info-bulles, zoom et export CSV.",
-    "ru": "Панель управления командой в стиле FlowAI с тремя вкладками (Участники команды, Детали команды, Журнал активности), строкой статистики KPI, таблицей участников, диаграммой распределения ролей, графиками присутствия и активности, панелью топ-участников. Поддерживает светлую/тёмную тему, всплывающие подсказки, масштабирование и экспорт CSV.",
-    "es": "Panel de gestión de equipos con estética FlowAI que incluye tres pestañas (Miembros del equipo, Detalles del equipo, Registro de actividad), fila de estadísticas KPI, tabla de miembros, gráfico de barras de distribución de roles, minigráficos de presencia en línea y actividad, y panel de principales contribuyentes. Compatible con tema claro/oscuro, tooltips, zoom y exportación CSV.",
-    "pt-BR": "Painel de gerenciamento de equipe na estética FlowAI com três abas (Membros da equipe, Detalhes da equipe, Registro de atividades), linha de estatísticas KPI, tabela de membros, gráfico de barras de distribuição de funções, sparklines de presença online e atividade, e painel de principais contribuidores. Suporta tema claro/escuro, tooltips, zoom e exportação CSV.",
-    "it": "Dashboard di gestione team in stile FlowAI con tre schede (Membri del team, Dettagli team, Registro attività), riga statistiche KPI, tabella membri, grafico a barre di distribuzione ruoli, sparkline di presenza online e attività, e pannello top contributori. Supporta tema chiaro/scuro, tooltip grafici, zoom e esportazione CSV.",
-    "vi": "Bảng điều khiển quản lý nhóm theo phong cách FlowAI với ba tab (Thành viên nhóm, Chi tiết nhóm, Nhật ký hoạt động), hàng thống kê KPI, bảng thành viên, biểu đồ cột phân bố vai trò, biểu đồ sparkline hiện diện trực tuyến và hoạt động, cùng bảng người đóng góp hàng đầu. Hỗ trợ chế độ sáng/tối, tooltip biểu đồ, phóng to và xuất CSV.",
-    "pl": "Panel zarządzania zespołem w estetyce FlowAI z trzema zakładkami (Członkowie zespołu, Szczegóły zespołu, Dziennik aktywności), wierszem statystyk KPI, tabelą członków, wykresem słupkowym podziału ról, wykresami sparkline obecności online i aktywności oraz panelem najlepszych współtwórców. Obsługuje motyw jasny/ciemny, podpowiedzi wykresów, powiększanie i eksport CSV.",
-    "id": "Dasbor manajemen tim dengan estetika FlowAI mencakup tiga tab (Anggota Tim, Detail Tim, Log Aktivitas), baris statistik KPI, tabel anggota, grafik batang distribusi peran, sparkline kehadiran online dan aktivitas, serta panel kontributor teratas. Mendukung tema terang/gelap, tooltip grafik, zoom, dan ekspor CSV.",
-    "nl": "Teambeheerdashboard in FlowAI-stijl met drie tabbladen (Teamleden, Teamdetails, Activiteitenlog), KPI-statistiekrij, ledentabel, staafdiagram rolenverdeling, sparklines voor online aanwezigheid en activiteit, en toppbijdragers-panel. Ondersteunt licht/donker thema, grafiektooltips, klikzoom en CSV-export.",
-    "ar": "لوحة تحكم لإدارة الفريق بأسلوب FlowAI تتضمن ثلاث علامات تبويب (أعضاء الفريق، تفاصيل الفريق، سجل النشاط)، صف إحصائيات KPI، جدول الأعضاء، مخطط شريطي لتوزيع الأدوار، رسوم بيانية للحضور والنشاط عبر الإنترنت، ولوحة أفضل المساهمين. يدعم السمة الفاتحة/الداكنة، تلميحات الرسوم البيانية، التكبير وتصدير CSV.",
-    "tr": "FlowAI estetiğinde ekip yönetimi panosu; üç sekme (Ekip Üyeleri, Ekip Detayları, Etkinlik Günlüğü), KPI istatistik satırı, üye tablosu, rol dağılımı çubuk grafiği, çevrimiçi durum ve etkinlik sparkline'ları ile en iyi katkıda bulunanlar paneli içerir. Açık/koyu tema, grafik araç ipuçları, tıklayarak yakınlaştırma ve CSV dışa aktarma desteği.",
-    "uk": "Панель управління командою в естетиці FlowAI з трьома вкладками (Члени команди, Деталі команди, Журнал активності), рядком статистики KPI, таблицею учасників, стовпчиковою діаграмою розподілу ролей, графіками присутності та активності, панеллю топ-учасників. Підтримує світлу/темну тему, підказки графіків, масштабування та експорт CSV.",
-    "en": "Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity sparklines, and a top-contributors panel, all in a single self-contained HTML file with light/dark theming, hoverable chart tooltips, click-to-zoom panels, and CSV export. Use when the brief asks for a team / workspace admin dashboard, an interactive admin dashboard with charts, or names FlowAI."
-  },
-  "license": "MIT",
-  "author": {
-    "name": "Open Design",
-    "url": "https://github.com/nexu-io"
-  },
-  "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/flowai-live-dashboard-template",
-  "tags": [
-    "example",
-    "first-party",
-    "prototype",
-    "operations",
-    "web",
-    "desktop",
-    "flowai-dashboard",
-    "team-dashboard",
-    "team-management-dashboard",
-    "interactive-admin-dashboard",
-    "workspace-admin-dashboard",
-    "untitled"
-  ],
-  "compat": {
-    "agentSkills": [
-      {
-        "path": "./SKILL.md"
-      }
-    ]
-  },
-  "od": {
-    "kind": "scenario",
-    "taskKind": "new-generation",
-    "mode": "prototype",
-    "platform": "desktop",
-    "scenario": "operations",
-    "surface": "web",
-    "preview": {
-      "type": "html",
-      "entry": "./example.html"
-    },
-    "useCase": {
-      "query": {
-        "en": "Create a FlowAI-style team management dashboard with Team Members, Team Details and Activity Log tabs, KPI cards, a member table with status badges, a role-distribution bar chart, an online-presence sparkline, top contributors, light/dark mode, and CSV export.",
-        "zh-CN": "使用这个插件完成以下任务：Create a FlowAI-style team management dashboard with Team Members, Team Details and Activity Log tabs, KPI cards, a member table with status badges, a role-distribution bar chart, an online-presence sparkline, top contributors, light/dark mode, and CSV export."
-      },
-      "exampleOutputs": [
-        {
-          "path": "./example.html",
-          "title": "Flowai Live Dashboard Template"
-        }
-      ]
-    },
-    "context": {
-      "skills": [
-        {
-          "path": "./SKILL.md"
-        }
-      ],
-      "designSystem": {
-        "primary": true
-      },
-      "craft": [
-        "state-coverage",
-        "accessibility-baseline"
-      ],
-      "assets": [
-        "./example.html",
-        "./assets/template.html",
-        "./references/checklist.md"
-      ]
-    },
-    "pipeline": {
-      "stages": [
-        {
-          "id": "generate",
-          "atoms": [
-            "file-write",
-            "live-artifact"
-          ]
-        }
-      ]
-    },
-    "capabilities": [
-      "prompt:inject",
-      "fs:write"
-    ]
-  }
-}

package/runtime/vendor/plugins/open-design/_official/examples/flowai-live-dashboard-template/references/checklist.md DELETED Viewed

@@ -1,35 +0,0 @@
-# Checklist
-## P0
-- `assets/template.html` exists and opens directly from disk in a browser.
-- `example.html` is a complete, hand-built sample with real labels, names, and values.
-- Skill frontmatter is `od.mode: prototype`, `od.scenario: operations`,
-  `od.preview.type: html`, `od.design_system.requires: true`.
-- All three tabs (`Team Members`, `Team Details`, `Activity Log`) switch
-  correctly; only one view is visible at a time.
-- Role bar chart animates with easing on first reveal of the details tab.
-- Chart hover tooltips show precise label and value.
-- Panels/cards zoom in/out via click; clicking the backdrop or pressing
-  Esc restores the layout.
-- Dark mode toggle works and chart strokes/labels remain legible (chart
-  colors are re-derived from CSS variables on toggle, not baked in).
-- No external avatar / photo CDN dependencies; avatars are inline SVG or
-  initial badges.
-## P1
-- "Export CSV" exports every row currently rendered in the team table,
-  including the `Workflow` column (driven by the table DOM, not a hardcoded
-  fixture).
-- Layout collapses gracefully on narrow viewports: under 1300px the main
-  grid stacks to a single column and stat cards fall back to two columns;
-  under 720px stat cards stack to one column and tabs wrap.
-- Colors and spacing inherit from root tokens / CSS variables; no
-  hardcoded hex values inside chart drawing code.
-## P2
-- Tooltip avoids viewport edge clipping.
-- Chart values animate smoothly on re-render after a theme switch.
-- Tab state is reflected in the URL hash and survives a refresh.