minecodex 2.0.5 → 2.0.6

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>

package/apps/dashboard/styles.css

@@ -1,57 +1,81 @@
+@font-face {
+  font-family: "Silkscreen";
+  src: url("/assets/silkscreen.ttf?v=bold") format("truetype");
+  font-weight: 700;
+  font-display: swap;
+}
+
 :root {
   color-scheme: light;
-  --canvas: oklch(0.982 0.002 260);
+  --canvas: #edf1f7;
   --surface: oklch(1 0 0);
   --surface-muted: oklch(0.962 0.004 260);
   --ink: oklch(0.235 0.012 260);
   --ink-secondary: oklch(0.43 0.012 260);
   --ink-tertiary: oklch(0.52 0.012 260);
-  --border: oklch(0.89 0.006 260);
+  --border: #d7dfe9;
   --border-heavy: oklch(0.8 0.008 260);
-  --accent: oklch(0.58 0.19 255);
-  --accent-hover: oklch(0.53 0.2 255);
-  --accent-soft: oklch(0.95 0.03 255);
-  --success: oklch(0.56 0.15 150);
+  --accent: #3478d4;
+  --accent-hover: #2463b8;
+  --accent-soft: #e8f0fc;
+  --success: #3478d4;
   --warning: oklch(0.61 0.14 70);
   --danger: oklch(0.56 0.2 27);
   --shadow: 0 1px 2px color-mix(in oklch, var(--ink) 7%, transparent), 0 8px 28px color-mix(in oklch, var(--ink) 5%, transparent);
   --focus: 0 0 0 3px color-mix(in oklch, var(--accent) 28%, transparent);
+  --card-radius: 8px;
+  --grid-gap: 16px;
+  --card-padding: 24px;
+  --grid-line: #44668d08;
+  --block-shadow: #cbd5e3;
+  --word-face: #e8effa;
+  --word-edge: #263b57;
+  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
+:root[data-theme="dark"] {
     color-scheme: dark;
-    --canvas: oklch(0.17 0.008 260);
-    --surface: oklch(0.215 0.009 260);
-    --surface-muted: oklch(0.25 0.01 260);
+    --canvas: #101722;
+    --surface: #1b2533;
+    --surface-muted: #253246;
     --ink: oklch(0.94 0.006 260);
     --ink-secondary: oklch(0.76 0.008 260);
     --ink-tertiary: oklch(0.67 0.008 260);
-    --border: oklch(0.32 0.01 260);
+    --border: #334359;
     --border-heavy: oklch(0.41 0.012 260);
-    --accent: oklch(0.7 0.16 255);
-    --accent-hover: oklch(0.75 0.14 255);
-    --accent-soft: oklch(0.27 0.04 255);
-    --success: oklch(0.7 0.14 150);
+    --accent: #71a8f3;
+    --accent-hover: #8dbaff;
+    --accent-soft: #203653;
+    --success: #71a8f3;
     --warning: oklch(0.74 0.13 75);
     --danger: oklch(0.72 0.16 27);
+    --grid-line: #b9d4ff06;
+    --block-shadow: #080e17;
+    --word-face: #d3e3f8;
+    --word-edge: #060d18;
     --shadow: 0 1px 2px oklch(0 0 0 / 0.3), 0 12px 34px oklch(0 0 0 / 0.24);
-  }
-  .plugin-icon img { filter: invert(1); }
 }
 
+:root[data-theme="dark"] .plugin-icon img { filter: invert(1); }
+
 * { box-sizing: border-box; }
 
 body {
   min-width: 320px;
+  min-height: 100vh;
   margin: 0;
-  background: var(--canvas);
+  background-color: var(--canvas);
+  background-image: radial-gradient(ellipse at 50% 0%, var(--accent-soft), transparent 75%);
+  background-repeat: no-repeat;
+  background-attachment: fixed;
   color: var(--ink);
-  font-size: 13px;
+  font-size: 14px;
   -webkit-font-smoothing: antialiased;
 }
 
+#agent-world { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
+
 button, input { font: inherit; }
 
 button:focus-visible, input:focus-visible + .switch-track {
@@ -60,12 +84,14 @@ button:focus-visible, input:focus-visible + .switch-track {
 }
 
 .shell {
-  width: min(100% - 40px, 880px);
+  position: relative;
+  z-index: 1;
+  width: min(100% - 40px, 1064px);
   margin: 0 auto;
-  padding: 42px 0 32px;
+  padding: 48px 0 32px;
 }
 
-.page-header, .section-heading, .restart-notice, .diagnostics, .plugin-card {
+.page-header, .restart-notice, .diagnostics, .plugin-card {
   display: flex;
   align-items: center;
 }
@@ -73,20 +99,53 @@ button:focus-visible, input:focus-visible + .switch-track {
 .page-header {
   justify-content: space-between;
   gap: 24px;
-  margin-bottom: 28px;
+  margin-bottom: 32px;
+  padding-bottom: 28px;
+  border-bottom: 2px solid var(--border);
+}
+
+h1, h2, h3, p { margin: 0; }
+h1 { display: flex; align-items: center; gap: 22px; font-size: clamp(36px, 5.3vw, 64px); line-height: 1.2; font-weight: 400; }
+.brand-name {
+  font-family: "Silkscreen", monospace;
+  font-weight: 700;
+  letter-spacing: -0.07em;
+  color: var(--word-face);
+  -webkit-text-stroke: 1px var(--word-edge);
+  text-shadow: 1px 1px 0 var(--word-edge), 2px 2px 0 var(--word-edge), 3px 3px 0 var(--word-edge), 4px 4px 0 var(--word-edge), 5px 5px 0 var(--block-shadow);
+}
+.brand-icon {
+  display: inline-block;
+  width: 76px;
+  height: 76px;
+  flex: 0 0 76px;
+  background: var(--ink);
+  mask: url("/favicon.svg?v=minecodex-1") center / contain no-repeat;
+  -webkit-mask: url("/favicon.svg?v=minecodex-1") center / contain no-repeat;
 }
 
-h1, h2, p { margin: 0; }
-h1 { font-size: 20px; font-weight: 650; letter-spacing: -0.015em; }
+.ui-icon { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; mask: var(--icon) center / contain no-repeat; }
+.sun-icon { --icon: url("/assets/sun.svg"); }
+.moon-icon { --icon: url("/assets/moon.svg"); }
+.refresh-icon { --icon: url("/assets/refresh-cw.svg"); }
+.info-icon { --icon: url("/assets/info.svg"); }
+.alert-icon { --icon: url("/assets/triangle-alert.svg"); }
+.theme-toggle { position: relative; display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: var(--surface-muted); box-shadow: inset 0 0 0 1px var(--border); }
+.theme-toggle button { position: relative; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ink-secondary); cursor: pointer; }
+.theme-toggle button[aria-pressed="true"] { color: var(--ink); }
+.theme-selection { position: absolute; inset: 4px auto auto 4px; width: 32px; height: 32px; border-radius: 50%; background: var(--surface); box-shadow: 0 1px 3px #0002; transition: transform 180ms var(--ease-out); }
+:root[data-theme="dark"] .theme-selection { transform: translateX(36px); }
+
 h2 { font-size: 14px; font-weight: 620; }
 
-.subtitle, #plugins-copy, .restart-notice p, .plugin-description, .error-state p {
+.restart-notice p, .plugin-description, .error-state p {
   color: var(--ink-secondary);
   line-height: 1.5;
   text-wrap: pretty;
 }
 
-.subtitle { margin-top: 4px; }
+.overview { margin: 0 0 32px; }
+.header-actions { flex-shrink: 0; }
 
 .runtime-state, .plugin-state {
   display: inline-flex;
@@ -94,12 +153,13 @@ h2 { font-size: 14px; font-weight: 620; }
   gap: 7px;
   color: var(--ink-secondary);
   font-size: 12px;
-  white-space: nowrap;
+  line-height: 1.5;
 }
 
 .status-dot {
-  width: 7px;
-  height: 7px;
+  width: 6px;
+  height: 6px;
+  flex: 0 0 6px;
   border-radius: 50%;
   background: var(--ink-tertiary);
   box-shadow: 0 0 0 3px color-mix(in oklch, var(--ink-tertiary) 12%, transparent);
@@ -110,152 +170,55 @@ h2 { font-size: 14px; font-weight: 620; }
 .status-dot.is-failed { background: var(--danger); box-shadow: 0 0 0 3px color-mix(in oklch, var(--danger) 14%, transparent); }
 .status-dot.is-stopped { background: var(--ink-tertiary); box-shadow: 0 0 0 3px color-mix(in oklch, var(--ink-tertiary) 12%, transparent); }
 
-.restart-notice {
-  justify-content: space-between;
-  gap: 24px;
-  margin-bottom: 28px;
-  padding: 14px 16px;
-  border: 1px solid color-mix(in oklch, var(--accent) 22%, var(--border));
-  border-radius: 12px;
-  background: var(--accent-soft);
-  animation: notice-in 180ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-.restart-notice p { margin-top: 3px; }
-
-.section-heading {
-  justify-content: space-between;
-  gap: 20px;
-  margin-bottom: 12px;
-}
-
-.section-heading h2 { margin-bottom: 3px; }
-.save-state { min-height: 18px; color: var(--ink-tertiary); font-size: 12px; }
-
-.plugin-list {
-  overflow: hidden;
-  border: 1px solid var(--border);
-  border-radius: 14px;
-  background: var(--surface);
-  box-shadow: var(--shadow);
-}
-
-.plugin-card {
-  min-height: 106px;
-  gap: 14px;
-  padding: 18px;
-}
-
-.plugin-card + .plugin-card { border-top: 1px solid var(--border); }
-
-.plugin-icon {
-  display: grid;
-  width: 34px;
-  height: 34px;
-  flex: 0 0 34px;
-  place-items: center;
-  border-radius: 9px;
-  background: var(--surface-muted);
-  color: var(--ink-secondary);
-}
-
-.plugin-icon img { width: 18px; height: 18px; opacity: 0.78; }
-.plugin-copy { min-width: 0; flex: 1; }
-.plugin-title-line { display: flex; align-items: baseline; gap: 8px; }
-.plugin-name { font-size: 14px; font-weight: 620; }
-.plugin-version { color: var(--ink-tertiary); font-size: 11px; }
-.plugin-description { max-width: 66ch; margin-top: 5px; }
-
-.plugin-control {
-  display: flex;
-  min-width: 138px;
-  flex: 0 0 138px;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 9px;
-}
-
-.switch { position: relative; display: inline-flex; cursor: pointer; }
-.switch input {
-  position: absolute;
-  z-index: 1;
-  inset: 0;
-  width: 36px;
-  height: 21px;
-  margin: 0;
-  cursor: pointer;
-  opacity: 0;
-}
-.switch-track {
-  position: relative;
-  pointer-events: none;
-  width: 36px;
-  height: 21px;
-  border: 1px solid var(--border-heavy);
-  border-radius: 999px;
-  background: var(--surface-muted);
-  transition: background 170ms ease-out, border-color 170ms ease-out;
-}
-.switch-track::after {
-  content: "";
-  position: absolute;
-  top: 2px;
-  left: 2px;
-  width: 15px;
-  height: 15px;
-  border-radius: 50%;
-  background: var(--surface);
-  box-shadow: 0 1px 3px oklch(0 0 0 / 0.25);
-  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
-}
+.restart-notice, .error-state { display: flex; align-items: center; gap: 16px; padding: 20px; border: 1px solid var(--border); border-radius: var(--card-radius); background: var(--surface); box-shadow: 0 3px 0 var(--block-shadow); }
+.restart-notice { margin-bottom: 24px; border-left: 4px solid var(--accent); }
+.notice-copy { flex: 1; min-width: 0; }
+.notice-copy h2, .notice-copy strong { font-size: 14px; font-weight: 600; }
+.notice-copy p { margin-top: 5px; font-size: 13px; line-height: 1.6; }
+.notice-icon { width: 22px; height: 22px; flex-basis: 22px; color: var(--accent); }
+.error-state { border-left: 4px solid var(--danger); }
+.error-state .notice-icon { color: var(--danger); }
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
+.plugin-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
+.plugin-card { display: flex; flex-direction: column; align-items: stretch; min-width: 0; min-height: 216px; padding: var(--card-padding); border: 1px solid var(--border); border-radius: var(--card-radius); background: var(--surface); box-shadow: 0 3px 0 var(--block-shadow); }
+.plugin-topline { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
+.plugin-icon { display: grid; place-items: center; width: 28px; height: 28px; }
+.plugin-icon img { width: 24px; height: 24px; opacity: 0.75; }
+.plugin-copy { flex: 1; }
+.plugin-name { font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -0.01em; }
+.plugin-description { margin-top: 8px; font-size: 14px; line-height: 1.65; }
+.plugin-state { margin-top: 16px; font-size: 13px; }
+.plugin-card:has(input:focus-visible) { border-color: var(--accent); }
+.switch { position: relative; display: inline-flex; align-items: center; min-height: 32px; cursor: pointer; }
+.switch input { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; opacity: 0; }
+.switch-track { position: relative; pointer-events: none; width: 36px; height: 21px; border: 1px solid var(--border-heavy); border-radius: 999px; background: var(--surface-muted); transition: opacity 160ms var(--ease-out); }
+.switch-track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 15px; height: 15px; border-radius: 50%; background: white; box-shadow: 0 1px 3px #0004; transition: transform 180ms var(--ease-out); }
 .switch input:checked + .switch-track { border-color: var(--accent); background: var(--accent); }
 .switch input:checked + .switch-track::after { transform: translateX(15px); }
 .switch input:disabled + .switch-track { cursor: wait; opacity: 0.58; }
-
-.button {
-  min-height: 32px;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  padding: 6px 12px;
-  cursor: pointer;
-  font-weight: 560;
-  transition: background 160ms ease-out, border-color 160ms ease-out, transform 80ms ease-out;
-}
-.button:active { transform: translateY(1px); }
+.button { min-height: 32px; border: 1px solid transparent; border-radius: 6px; padding: 6px 12px; cursor: pointer; font-weight: 400; transition: transform 140ms var(--ease-out); }
+.button:active:not(:disabled) { transform: scale(0.97); }
 .button:disabled { cursor: wait; opacity: 0.62; }
-.button.primary { background: var(--accent); color: white; }
-.button.primary:hover:not(:disabled) { background: var(--accent-hover); }
+.button.primary { background: var(--ink); color: var(--surface); box-shadow: 0 2px 0 var(--block-shadow); }
 .button.secondary { border-color: var(--border-heavy); background: var(--surface); color: var(--ink); }
-.button.secondary:hover:not(:disabled), .button.quiet:hover:not(:disabled) { background: var(--surface-muted); }
 .button.quiet { border-color: transparent; background: transparent; color: var(--ink-secondary); }
-
-.plugin-skeleton {
-  height: 106px;
-  background: linear-gradient(90deg, transparent, color-mix(in oklch, var(--ink) 5%, transparent), transparent);
-  background-size: 220% 100%;
-  animation: skeleton 1.2s linear infinite;
+.plugin-skeleton { height: 216px; border: 1px solid var(--border); border-radius: var(--card-radius); background: var(--surface); }
+@media (hover: hover) and (pointer: fine) {
+  .button.primary:hover:not(:disabled) { opacity: 0.88; }
+  .button.secondary:hover:not(:disabled), .button.quiet:hover:not(:disabled) { background: var(--surface-muted); }
+  .switch:hover .switch-track { opacity: 0.85; }
 }
-.plugin-skeleton + .plugin-skeleton { border-top: 1px solid var(--border); }
-
-.error-state {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 20px;
-  padding: 18px;
-  border: 1px solid color-mix(in oklch, var(--danger) 30%, var(--border));
-  border-radius: 12px;
-  background: color-mix(in oklch, var(--danger) 7%, var(--surface));
-}
-.error-state p { margin-top: 4px; }
 
 .diagnostics {
-  justify-content: space-between;
-  gap: 24px;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  gap: 16px;
   margin-top: 26px;
   padding-top: 18px;
   border-top: 1px solid var(--border);
 }
+.diagnostics .button { display: inline-flex; align-items: center; gap: 7px; font-weight: 400; }
+.diagnostics .ui-icon { width: 15px; height: 15px; flex-basis: 15px; }
 .diagnostics dl { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 0; }
 .diagnostics dl div { display: flex; gap: 6px; }
 .diagnostics dt { color: var(--ink-tertiary); }
@@ -263,33 +226,36 @@ h2 { font-size: 14px; font-weight: 620; }
 
 .toast {
   position: fixed;
+  z-index: 2;
   right: 20px;
   bottom: 20px;
   max-width: min(360px, calc(100vw - 40px));
   border: 1px solid var(--border-heavy);
-  border-radius: 10px;
-  padding: 10px 12px;
+  border-radius: var(--card-radius);
+  border-left: 4px solid var(--danger);
+  padding: 16px 20px;
+  line-height: 1.6;
   background: var(--surface);
   box-shadow: var(--shadow);
 }
 
 [hidden] { display: none !important; }
 
-@keyframes notice-in { from { opacity: 0; transform: translateY(-4px); } }
-@keyframes skeleton { to { background-position: -220% 0; } }
-
-@media (max-width: 640px) {
-  .shell { width: min(100% - 24px, 880px); padding-top: 26px; }
-  .page-header { align-items: flex-start; }
-  .restart-notice, .diagnostics { align-items: stretch; flex-direction: column; }
-  .restart-notice .button { width: 100%; }
-  .plugin-card { align-items: flex-start; flex-wrap: wrap; }
-  .plugin-copy { flex-basis: calc(100% - 48px); }
-  .plugin-control { width: 100%; min-width: 0; flex: 1 0 100%; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; padding-left: 48px; }
-  .plugin-control .switch { flex: 0 0 auto; }
-  .plugin-control .plugin-state { min-width: 0; align-items: flex-start; white-space: normal; line-height: 1.4; }
-  .plugin-control .plugin-state .status-dot { flex: 0 0 auto; margin-top: 5px; }
-  .diagnostics .button { align-self: flex-start; }
+.update-result { margin-top: 12px; color: var(--ink-secondary); font-size: 12px; line-height: 1.6; }
+:root[data-input="keyboard"] *, :root[data-input="keyboard"] *::after { transition: none !important; }
+@media (max-width: 960px) { .plugin-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
+@media (max-width: 600px) {
+  .shell { width: calc(100% - 32px); padding-top: 28px; }
+  .page-header { align-items: flex-start; gap: 12px; }
+  h1 { font-size: clamp(24px, 6vw, 36px); gap: 12px; }
+  .brand-icon { width: 48px; height: 48px; flex-basis: 48px; }
+  .page-header { flex-wrap: wrap; align-items: center; padding-bottom: 24px; }
+  .header-actions .button { padding: 6px 9px; font-size: 12px; }
+  .plugin-list { grid-template-columns: 1fr; }
+  .plugin-card { min-height: 204px; }
+  .restart-notice, .error-state { flex-wrap: wrap; gap: 12px; }
+  .restart-notice .button, .error-state .button { margin-left: 34px; }
+  .diagnostics { gap: 12px; }
 }
 
 @media (prefers-reduced-motion: reduce) {

package/assets/brand/README.md

@@ -0,0 +1,19 @@
+# MineCodex 图标
+
+`minecodex-icon.svg` 是透明底、单色的可编辑矢量图标，使用 `viewBox="0 0 24 24"` 和 `currentColor`。外圈与镐子分别位于 `codex-outline`、`pickaxe`，可单独编辑。`minecodex-icon.png` 是 512×512 透明底预览；`minecodex-icon-preview.png` 展示已选实心版的明暗主题及 16/24/32/48px 尺寸。当前主文件为实心版；`minecodex-icon-filled.svg` 是实心版副本，`minecodex-icon-outline.svg` 保留上一版空心设计。
+
+## 设计与来源
+
+- 外圈完整保留 Codex 原生六瓣 SVG 路径，移除原来的终端符号。
+- 空心版镐子复用原生资源中的 Lucide pickaxe；实心版依据同一轮廓合并为单一闭合填充路径，无内部描边。Minecraft 灵感由镐子语义表达。
+- 内部镐子以 `translate(6.24 6.24) scale(.48)` 居中。空心版描边宽度为 `2.65`，变换后为 `1.272`；实心版只使用 `fill`。原生外圈路径保持不变。
+- 来源为本机 `/Applications/ChatGPT.app/Contents/Resources/app.asar`，版本 **26.930.21537**；原始文件为 `webview/assets/codex_new-f14177b03534.svg` 与 `webview/assets/pickaxe-b4cdf185b279.svg`。
+- 原始 SVG 保留在 `references/`，Lucide 许可保留在 `references/lucide-LICENSE.txt`。Codex 外圈属于 OpenAI 原生品牌素材，Lucide 许可仅覆盖镐子。
+
+推荐展示尺寸为 24px 及以上；16px 可保持整体轮廓，但镐子的内部细节会减少。颜色继承使用环境的 `color`；独立打开时默认黑色，白色版本可设置根 SVG 的 `color="#fff"`。
+
+## 应用与维护
+
+`minecodex-icon.svg` 是唯一可编辑的生产源；运行 `npm run build:icons` 生成明暗 SVG、Dashboard favicon 和 README 顶部标识。`minecodex-icon-light.svg` 用于浅色背景，`minecodex-icon-dark.svg` 用于深色背景。Dashboard 标题通过 favicon 的 CSS mask 消费同一几何，颜色继承页面文字色。主题 SVG 与生产源、Lucide 许可、README 展示图均进入 npm 发布名单。
+
+历史空心版和 PNG 对比图仅用于设计参考，不进入 npm 发布包。macOS 后台服务 1.0.1 已接入 ICNS 图标；`minecodex-service-icon.svg` 为同一几何配浅色圆角底板的原生图标源，更新遵循原生服务文档的注销、替换和重新注册流程。

package/assets/brand/minecodex-icon-dark.svg

@@ -0,0 +1,9 @@
+<!-- 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" color="#fafafa" fill="none" role="img" aria-labelledby="minecodex-title">
+  <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/assets/brand/minecodex-icon-light.svg

@@ -0,0 +1,9 @@
+<!-- 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" color="#0d0d0d" fill="none" role="img" aria-labelledby="minecodex-title">
+  <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/assets/brand/minecodex-icon.svg

@@ -0,0 +1,8 @@
+<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">
+  <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>