minecodex 2.0.4 → 2.0.6

package/apps/dashboard/assets/terrain.js

@@ -0,0 +1,89 @@
+// 纯装饰字符地形；不读取会话数据，也不参与界面交互。
+const canvas = document.querySelector('#agent-world');
+const context = canvas.getContext('2d');
+const reduced = matchMedia('(prefers-reduced-motion: reduce)');
+const points = [];
+const agents = [];
+const heightAt = (x, z) => {
+  const ridge = Math.sin(x * .16 + Math.cos(z * .13)) * 2.4 + Math.cos(z * .21) * 1.8;
+  const island = Math.max(0, 1 - Math.hypot(x / 31, z / 26));
+  return Math.max(-1, Math.floor(island * 9 + ridge - 2));
+};
+for (let z = -28; z <= 28; z++) {
+  for (let x = -32; x <= 32; x++) {
+    const y = heightAt(x, z);
+    if (x * x / 1100 + z * z / 850 > 1.15) continue;
+    const path = Math.abs(z - Math.round(Math.sin(x * .12) * 9)) < 1;
+    points.push({ x, y, z, glyph: y < 0 ? '~' : path ? ':' : y > 5 ? '#' : '+', kind: path ? 'path' : 'land' });
+    // 用垂直字符层显示台阶断面，保留体素地形的厚度。
+    const bottom = Math.min(heightAt(x + 1, z), heightAt(x, z + 1));
+    for (let h = bottom + 1; h < y; h++) points.push({ x, y: h, z, glyph: '|', kind: 'side' });
+  }
+}
+for (const [x, z, label] of [[-20, -9, '>_'], [20, 9, '{ }'], [-8, 20, 'git'], [10, -20, '</>'], [-23, 15, '[AI]'], [24, -12, '$']]) {
+  const base = heightAt(x, z);
+  for (let y = base + 1; y <= base + 5; y++) points.push({ x, y, z, glyph: y === base + 5 ? '[]' : '|', kind: 'node' });
+  agents.push({ x, y: base + 7, z, glyph: label, kind: 'node' });
+}
+let width = 0, height = 0, frame = 0, angle = .65, last = 0;
+let dark = false;
+function resize() {
+  width = innerWidth;
+  height = innerHeight;
+  const ratio = Math.min(devicePixelRatio || 1, 2);
+  canvas.width = Math.round(width * ratio);
+  canvas.height = Math.round(height * ratio);
+  context.setTransform(ratio, 0, 0, ratio, 0, 0);
+  draw();
+}
+function draw() {
+  if (!context || !width) return;
+  context.clearRect(0, 0, width, height);
+  const scale = Math.max(width / 62, height / 42);
+  const sin = Math.sin(angle), cos = Math.cos(angle);
+  const project = (point) => {
+    const x = point.x * cos - point.z * sin;
+    const depth = point.x * sin + point.z * cos;
+    return { ...point, sx: width / 2 + x * scale, sy: height * .58 + (depth * .48 - point.y * .95) * scale, depth };
+  };
+  const visible = [...points, ...agents].map(project).sort((a, b) => a.depth - b.depth);
+  const fontSize = Math.max(10, Math.min(14, scale * .52));
+  context.font = `${fontSize}px ui-monospace, SFMono-Regular, Consolas, monospace`;
+  context.textAlign = 'center';
+  // 同一字符格只保留前景点，避免山体投影堆叠成杂乱笔画。
+  const cells = new Map();
+  for (const point of visible) cells.set(`${Math.round(point.sx / (fontSize * .7))}:${Math.round(point.sy / fontSize)}`, point);
+  for (const p of cells.values()) {
+    if (p.sx < -30 || p.sx > width + 30 || p.sy < -20 || p.sy > height + 20) continue;
+    const alpha = p.kind === 'node' ? .48 : p.kind === 'path' ? .34 : p.kind === 'side' ? .14 : .22;
+    context.fillStyle = dark ? `rgba(112,166,245,${alpha})` : `rgba(52,101,174,${alpha})`;
+    context.fillText(p.glyph, p.sx, p.sy);
+  }
+}
+function tick(time) {
+  if (time - last >= 50) {
+    if (last) angle = (angle + Math.min(time - last, 100) * Math.PI * 2 / 240000) % (Math.PI * 2);
+    last = time;
+    draw();
+  }
+  frame = requestAnimationFrame(tick);
+}
+function syncMotion() {
+  cancelAnimationFrame(frame);
+  last = 0;
+  if (!document.hidden && !reduced.matches) frame = requestAnimationFrame(tick);
+  else draw();
+}
+function syncTheme() {
+  dark = document.documentElement.dataset.theme === 'dark';
+  draw();
+}
+new MutationObserver(syncTheme).observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] });
+addEventListener('resize', resize);
+document.addEventListener('visibilitychange', syncMotion);
+reduced.addEventListener('change', syncMotion);
+addEventListener('pagehide', () => cancelAnimationFrame(frame));
+addEventListener('pageshow', syncMotion);
+syncTheme();
+resize();
+syncMotion();

package/apps/dashboard/assets/triangle-alert.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" />
+  <path d="M12 9v4" />
+  <path d="M12 17h.01" />
+</svg>

package/apps/dashboard/favicon.svg

@@ -1,18 +1,13 @@
-<!-- @license lucide-static v1.30.0 - ISC -->
-<svg
-  class="lucide lucide-sparkles"
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z" />
-  <path d="M20 2v4" />
-  <path d="M22 4h-4" />
-  <circle cx="4" cy="20" r="2" />
+<!-- Generated by scripts/build-brand-icons.mjs from assets/brand/minecodex-icon.svg. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" aria-labelledby="minecodex-title">
+  <style>
+    :root { color: #0d0d0d; }
+    @media (prefers-color-scheme: dark) { :root { color: #fafafa; } }
+  </style>
+  <title id="minecodex-title">MineCodex</title>
+  <desc>Codex 原生六瓣外圈与实心镐子，象征受 Minecraft 启发的 Codex 工具项目。</desc>
+  <path id="codex-outline" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.3316 2.03768C11.1644 1.54688 13.0268 2.04668 14.356 3.20174C16.0859 2.86512 17.9511 3.36418 19.2935 4.70663C20.6356 6.04882 21.1326 7.91288 20.7964 9.64217C21.9527 10.9716 22.4534 12.8349 21.9625 14.6685C21.4711 16.5025 20.1051 17.8657 18.439 18.439C17.8658 20.1047 16.503 21.47 14.6695 21.9615C12.8356 22.4528 10.9727 21.9519 9.64312 20.7955C7.91371 21.1319 6.04993 20.635 4.70757 19.2926C3.36558 17.9505 2.86659 16.0866 3.20269 14.357C2.04693 13.0273 1.54757 11.1638 2.03863 9.33065C2.52997 7.49759 3.89436 6.13282 5.56011 5.55917C6.13382 3.8935 7.49837 2.52891 9.3316 2.03768ZM13.2623 4.63534C12.3606 3.80149 11.067 3.4361 9.79742 3.77596C8.52745 4.11626 7.58924 5.0796 7.22515 6.25253C7.08145 6.71575 6.71753 7.07928 6.25445 7.22323C5.08133 7.58702 4.11844 8.52622 3.77789 9.79647C3.43759 11.0667 3.80148 12.3606 4.63531 13.2623C4.96467 13.6184 5.09776 14.1154 4.99078 14.5885C4.71939 15.7864 5.05109 17.0891 5.98101 18.0191C6.91085 18.949 8.21345 19.2801 9.41168 19.0084L9.58941 18.9791C9.94695 18.9432 10.3065 19.0397 10.5982 19.2496L10.7378 19.3639L10.9117 19.5142C11.8015 20.2407 13.0127 20.5413 14.2037 20.2223C15.4733 19.8818 16.4111 18.9191 16.775 17.7457C16.9189 17.2824 17.2832 16.9186 17.7466 16.775L17.9634 16.6998C19.0376 16.2923 19.9051 15.3936 20.2242 14.2027C20.5641 12.9328 20.1989 11.6385 19.3648 10.7369C19.0353 10.3806 18.9021 9.88399 19.0093 9.41073L19.0533 9.18514C19.2372 8.0514 18.8917 6.85176 18.0201 5.98006C17.0901 5.05003 15.7865 4.71826 14.5884 4.98983C14.1153 5.09712 13.6186 4.96467 13.2623 4.63534Z"/>
+  <g id="pickaxe" transform="translate(6.24 6.24) scale(.48)" fill="currentColor">
+    <path d="M15.686 4.314 16.3 3.7a1 1 0 0 1 1.4 0l2.6 2.6a1 1 0 0 1 0 1.4l-.614.614a12.501 12.501 0 0 1 1.356 10.225 1 1 0 0 1-1.751-.119 22 22 0 0 0-3.393-6.319l-.198.199a1 1 0 0 1-1.4 0l-.219.169L6.619 20.38a1 1 0 1 1-3-3l7.912-7.912.169.232a1 1 0 0 1 0-1.4l.198-.197A22 22 0 0 0 5.58 4.71a1 1 0 0 1-.119-1.752 12.5 12.5 0 0 1 10.225 1.356Z"/>
+  </g>
 </svg>

package/apps/dashboard/index.html

@@ -5,25 +5,36 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="color-scheme" content="light dark">
     <title>MineCodex</title>
-    <link rel="icon" href="/favicon.svg?v=0.1.0" type="image/svg+xml">
-    <link rel="stylesheet" href="/styles.css?v=0.1.0">
-    <script type="module" src="/app.js?v=0.1.0"></script>
+    <link rel="icon" href="/favicon.svg?v=minecodex-1" type="image/svg+xml">
+    <link rel="stylesheet" href="/styles.css?v=mcx-block-1">
+    <script type="module" src="/app.js?v=mcx-block-1"></script>
+    <script type="module" src="/assets/terrain.js"></script>
   </head>
   <body>
+    <canvas id="agent-world" aria-hidden="true"></canvas>
     <main class="shell">
       <header class="page-header">
         <div>
-          <h1>MineCodex</h1>
-          <p id="subtitle" class="subtitle">Personal plugins for Codex</p>
+          <h1><span class="brand-icon" aria-hidden="true"></span><span class="brand-name">MineCodex</span></h1>
         </div>
+        <div class="header-actions">
+          <div class="theme-toggle" role="group" aria-label="Appearance">
+            <span class="theme-selection" aria-hidden="true"></span>
+            <button data-theme-choice="light" type="button" aria-label="Light appearance" aria-pressed="false"><span class="ui-icon sun-icon" aria-hidden="true"></span></button>
+            <button data-theme-choice="dark" type="button" aria-label="Dark appearance" aria-pressed="false"><span class="ui-icon moon-icon" aria-hidden="true"></span></button>
+          </div>
+        </div>
+      </header>
+      <div class="overview">
         <div class="runtime-state" aria-live="polite">
           <span id="runtime-dot" class="status-dot" aria-hidden="true"></span>
           <span id="runtime-label">Connecting…</span>
         </div>
-      </header>
+      </div>
 
       <section id="restart-notice" class="restart-notice" hidden aria-live="polite">
-        <div>
+        <span class="notice-icon ui-icon info-icon" aria-hidden="true"></span>
+        <div class="notice-copy">
           <h2 id="restart-title">Restart Codex to apply changes</h2>
           <p id="restart-copy">Your plugin choices are saved. Restart when you are ready.</p>
         </div>
@@ -33,13 +44,8 @@
       </section>
 
       <section aria-labelledby="plugins-heading">
-        <div class="section-heading">
-          <div>
-            <h2 id="plugins-heading">Plugins</h2>
-            <p id="plugins-copy">Choose which enhancements appear in Codex.</p>
-          </div>
-          <span id="save-state" class="save-state" aria-live="polite"></span>
-        </div>
+        <h2 id="plugins-heading" class="sr-only">Your extensions</h2>
+        <span id="save-state" class="sr-only" aria-live="polite"></span>
 
         <div id="plugin-list" class="plugin-list" aria-busy="true">
           <div class="plugin-skeleton"></div>
@@ -48,7 +54,8 @@
         </div>
 
         <div id="load-error" class="error-state" hidden role="alert">
-          <div>
+          <span class="notice-icon ui-icon alert-icon" aria-hidden="true"></span>
+          <div class="notice-copy">
             <strong id="error-title">Couldn’t load MineCodex</strong>
             <p id="error-copy">Check that the background service is running.</p>
           </div>
@@ -59,11 +66,10 @@
       <footer class="diagnostics">
         <dl>
           <div><dt id="version-label">Version</dt><dd id="version-value">—</dd></div>
-          <div><dt id="install-label">Installation</dt><dd>~/Library/Application Support/MineCodex</dd></div>
-          <div><dt id="host-label">RuntimeHost</dt><dd id="host-value">—</dd></div>
         </dl>
-        <button id="update-button" class="button quiet" type="button">Check for updates</button>
+        <button id="update-button" class="button quiet" type="button"><span class="ui-icon refresh-icon" aria-hidden="true"></span><span class="button-label">Check for updates</span></button>
       </footer>
+      <p id="update-result" class="update-result" role="status" hidden></p>
     </main>
     <div id="toast" class="toast" hidden role="status" aria-live="polite"></div>
   </body>