minecodex 2.0.55 → 2.1.1

package/apps/dashboard/index.html

@@ -26,7 +26,9 @@
           </div>
       </div>
       <header class="page-header">
-        <h1><span class="brand-icon" aria-hidden="true"></span><span class="brand-name">MineCodex</span></h1>
+        <div class="hero-grid" aria-hidden="true"></div>
+        <p class="hero-eyebrow"><span class="brand-icon" aria-hidden="true"></span><span id="hero-eyebrow-text"></span></p>
+        <h1 class="brand-name">MineCodex</h1>
         <p id="brand-slogan" class="brand-slogan"></p>
         <p id="brand-description" class="brand-description"></p>
       </header>
@@ -41,8 +43,30 @@
         </button>
       </section>
 
+      <section id="feature-showcase" class="showcase" aria-roledescription="carousel" hidden>
+        <div class="showcase-media" data-state="loading">
+          <img class="showcase-poster" alt="" hidden>
+          <video class="showcase-video" muted playsinline preload="metadata" hidden></video>
+          <p class="showcase-state"></p>
+        </div>
+        <div class="showcase-info">
+          <p class="showcase-count"></p>
+          <h2 class="showcase-name"></h2>
+          <dl class="showcase-details"></dl>
+          <div class="showcase-controls">
+            <button class="icon-button" data-showcase="prev" type="button"><span class="ui-icon chevron-left-icon" aria-hidden="true"></span></button>
+            <button class="icon-button" data-showcase="toggle" type="button"><span class="ui-icon pause-icon" aria-hidden="true"></span></button>
+            <button class="icon-button" data-showcase="next" type="button"><span class="ui-icon chevron-right-icon" aria-hidden="true"></span></button>
+          </div>
+        </div>
+        <div class="showcase-progress" aria-hidden="true"></div>
+      </section>
+
       <section aria-labelledby="plugins-heading">
-        <h2 id="plugins-heading" class="sr-only">Your extensions</h2>
+        <div class="section-heading">
+          <h2 id="plugins-heading">Your extensions</h2>
+          <p id="plugins-hint"></p>
+        </div>
         <span id="save-state" class="sr-only" aria-live="polite"></span>
 
         <div id="plugin-list" class="plugin-list" aria-busy="true">

package/apps/dashboard/styles.css

@@ -68,6 +68,7 @@ body {
 /* 官方页面强制设置 body 背景；内容面拥有控制台自身的明暗色板。 */
 .dashboard-surface {
   min-height: 100vh;
+  overflow-x: clip;
   background-color: var(--canvas);
 }
 
@@ -93,22 +94,26 @@ button:focus-visible, input:focus-visible + .switch-track {
   align-items: center;
 }
 
-.page-header { flex-direction: column; gap: 10px; margin: 40px 0 64px; text-align: center; }
+/* 品牌区：巨型像素字标为主视觉，像素网格只作背景纹理。 */
+.page-header { position: relative; isolation: isolate; flex-direction: column; margin: 16px 0 56px; padding: 32px 0 8px; text-align: center; }
 h1, h2, h3, p { margin: 0; }
-h1 { display: flex; flex-direction: column; align-items: center; gap: 20px; font-size: clamp(28px, 5.3vw, 64px); line-height: 1.3; font-weight: 700; }
+.hero-grid {
+  position: absolute; z-index: -1; top: -56px; bottom: -24px; left: 50%; width: 100vw; transform: translateX(-50%);
+  background-image: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);
+  background-size: 32px 32px; background-position: center top;
+  mask-image: radial-gradient(ellipse 46% 62% at 50% 42%, #000 30%, transparent 78%);
+  -webkit-mask-image: radial-gradient(ellipse 46% 62% at 50% 42%, #000 30%, transparent 78%);
+}
+.hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 10px; border: 1px solid var(--border-heavy); border-radius: 999px; background: var(--surface); color: var(--ink-secondary); font-size: 13px; line-height: 20px; }
 .brand-name {
-  font-family:"Silkscreen", monospace; font-weight:700; letter-spacing:-.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(--word-depth);
+  margin-top: 24px; font-family: "Silkscreen", monospace; font-size: clamp(40px, 12.8vw, 152px); line-height: 1; font-weight: 700; letter-spacing: -.07em; white-space: nowrap;
+  color: var(--word-face); -webkit-text-stroke: max(1px, .012em) var(--word-edge);
+  text-shadow: .016em .016em 0 var(--word-edge), .032em .032em 0 var(--word-edge), .048em .048em 0 var(--word-edge), .064em .064em 0 var(--word-edge), .08em .08em 0 var(--word-depth);
 }
-.brand-slogan { margin-top: 12px; font-size: 22px; line-height: 1.5; }
-.brand-description { max-width:600px; color: var(--ink-secondary); font-size: 16px; line-height: 1.6; }
+.brand-slogan { margin-top: 32px; font-size: 30px; line-height: 1.3; font-weight: 600; letter-spacing: -.02em; }
+.brand-description { max-width: 600px; margin-top: 12px; color: var(--ink-secondary); font-size: 16px; line-height: 1.6; }
 .brand-icon {
-  display: inline-block;
-  width: 64px;
-  height: 64px;
-  flex: 0 0 64px;
-  background: var(--ink);
+  display: inline-block; width: 20px; height: 20px; flex: 0 0 20px; 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;
 }
@@ -119,6 +124,10 @@ h1 { display: flex; flex-direction: column; align-items: center; gap: 20px; font
 .refresh-icon { --icon: url("/assets/refresh-cw.svg"); }
 .info-icon { --icon: url("/assets/info.svg"); }
 .alert-icon { --icon: url("/assets/triangle-alert.svg"); }
+.play-icon { --icon: url("/assets/play.svg"); }
+.pause-icon { --icon: url("/assets/pause.svg"); }
+.chevron-left-icon { --icon: url("/assets/chevron-left.svg"); }
+.chevron-right-icon { --icon: url("/assets/chevron-right.svg"); }
 .theme-toggle { display:flex; }
 .theme-toggle button, .language-button { display:grid; place-items:center; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--ink-secondary); cursor:pointer; }
 .theme-toggle button:hover, .language-button:hover { color:var(--ink); background:color-mix(in srgb,var(--ink) 5%,transparent); }
@@ -175,7 +184,7 @@ h2 { font-size: 14px; font-weight: 620; }
 .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: var(--shadow); }
+.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); }
 .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; flex: none; }
 .plugin-icon img { display: block; width: 24px; height: 24px; object-fit: contain; opacity: 0.75; }
@@ -242,11 +251,9 @@ h2 { font-size: 14px; font-weight: 620; }
 @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; }
-  h1 { gap: 16px; }
-  .brand-slogan { font-size:20px; }
-  .brand-description { font-size:15px; }
-  .brand-icon { width: 48px; height: 48px; flex-basis: 48px; }
-  .page-header { margin: 32px 0 48px; }
+  .brand-slogan { margin-top: 24px; font-size: 22px; }
+  .brand-description { font-size: 15px; }
+  .page-header { margin: 8px 0 40px; padding-top: 24px; }
   .header-actions .button { padding: 6px 9px; font-size: 12px; }
   .plugin-list { grid-template-columns: 1fr; }
   .plugin-card { min-height: 204px; }
@@ -306,24 +313,36 @@ h2 { font-size: 14px; font-weight: 620; }
   :root { --mcx-codex-corner-shape: superellipse(1.5); --mcx-radius-2xl: 24px; }
 }
 
-/* 弱化只作用于其他卡片，不拦截指针，也不改变网格几何。 */
-.plugin-card { position:relative; transition:opacity 160ms ease; }
-.plugin-list.has-preview .plugin-card:not(.is-previewing) { opacity:.5; }
-.plugin-card.is-previewing { z-index:3; }
-.preview-entry { position:absolute; inset:0; padding:0; border:0; border-radius:inherit; background:transparent; cursor:pointer; }
-.feature-preview { position:fixed; visibility:hidden; z-index:4; padding:20px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--border-heavy); border-radius:var(--card-radius); color:var(--ink); background:var(--surface-elevated); box-shadow:0 8px 28px #00000024; animation:preview-enter 160ms ease-out; }
-.preview-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
-.preview-title { font-size:16px; font-weight:600; line-height:1.5; }
-.preview-close { flex:none; }
-.preview-details { margin:0; }
-.preview-details dt { margin-top:14px; color:var(--ink-tertiary); font-size:11px; line-height:1.6; }
-.preview-details dd { margin:3px 0 0; color:var(--ink-secondary); font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
-.preview-resource-state { margin-top:16px; color:var(--ink-tertiary); font-size:11px; line-height:1.6; }
-.preview-poster, .preview-video { display:block; width:100%; max-height:260px; object-fit:contain; border-radius:10px; }
-.preview-media:empty { display:none; }
-.feature-preview.is-media-only { padding:0; overflow:hidden; }
-.is-media-only .preview-heading, .is-media-only .preview-details, .is-media-only .preview-resource-state { display:none; }
-.is-media-only .preview-video { border-radius:0; }
-.toast { z-index:6; }
-@keyframes preview-enter { from { opacity:0; } to { opacity:1; } }
-@media (prefers-reduced-motion:reduce) { .feature-preview { animation:none; } }
+/* 功能演示轮播：左侧真实录屏，右侧说明；卡片点击只切换演示，不改变开关。 */
+.showcase { scroll-margin-top: 32px; display: grid; grid-template-columns: minmax(0, 3fr) minmax(260px, 2fr); gap: 20px 32px; margin-bottom: 56px; padding: 24px; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); }
+.showcase-media { box-shadow: var(--shadow); position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 14px; background: var(--surface-muted); }
+.showcase-video, .showcase-poster { grid-area: 1 / 1; width: 100%; height: 100%; object-fit: contain; }
+.showcase-state { grid-area: 1 / 1; color: var(--ink-tertiary); font-size: 13px; }
+.showcase-state:empty { display: none; }
+.showcase-info { display: flex; flex-direction: column; min-width: 0; padding: 8px 0; }
+.showcase-count { color: var(--ink-tertiary); font-size: 12px; line-height: 1.5; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
+.showcase-name { margin-top: 8px; font-size: 24px; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; }
+.showcase-details { margin: 20px 0 0; }
+.showcase-details dt { margin-top: 16px; color: var(--ink-tertiary); font-size: 12px; line-height: 1.5; }
+.showcase-details dt:first-child { margin-top: 0; }
+.showcase-details dd { margin: 4px 0 0; color: var(--ink-secondary); font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
+.showcase-controls { display: flex; gap: 8px; margin-top: auto; padding-top: 24px; }
+.icon-button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--border-heavy); border-radius: 50%; background: var(--surface); color: var(--ink-secondary); cursor: pointer; transition: transform 140ms var(--ease-out); }
+.icon-button:active:not(:disabled) { transform: scale(0.94); }
+.icon-button:disabled { cursor: default; opacity: .4; }
+.showcase-progress { grid-column: 1 / -1; display: flex; gap: 4px; }
+.showcase-segment { flex: 1; height: 3px; overflow: hidden; border-radius: 999px; background: var(--border-heavy); }
+.showcase-fill { display: block; height: 100%; background: var(--ink); transform: scaleX(0); transform-origin: left; }
+.showcase-segment.is-done .showcase-fill { opacity: .35; }
+@media (hover: hover) and (pointer: fine) { .icon-button:hover:not(:disabled) { color: var(--ink); background: var(--surface-muted); } }
+
+.section-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 20px; }
+.section-heading h2 { font-size: 20px; line-height: 1.4; font-weight: 600; }
+.section-heading p { color: var(--ink-tertiary); font-size: 13px; line-height: 1.5; }
+
+.plugin-card { position: relative; transition: border-color 160ms var(--ease-out); }
+.showcase-entry { position: absolute; inset: 0; padding: 0; border: 0; border-radius: inherit; background: transparent; cursor: pointer; }
+.showcase-entry:focus-visible { box-shadow: var(--focus); }
+.toast { z-index: 6; }
+@media (max-width: 860px) { .showcase { grid-template-columns: 1fr; } .showcase-info { padding: 0; } }
+@media (max-width: 600px) { .showcase { scroll-margin-top: 24px; padding: 16px; margin-bottom: 40px; } .showcase-name { font-size: 20px; } }

package/assets/readme/hero-dark.svg

@@ -0,0 +1,50 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="1200" height="440" viewBox="0 0 1200 440" role="img" aria-labelledby="t d">
+  <title id="t">MineCodex：让 Codex 更顺手</title>
+  <desc id="d">像素字标 MineCodex，副标题“让 Codex 更顺手”。13 项按需开启的 Codex Desktop 交互增强，支持 macOS 与 Windows。</desc>
+  <defs>
+    <clipPath id="frame"><rect width="1200" height="440" rx="24"/></clipPath>
+    <pattern id="grid" width="32" height="32" patternUnits="userSpaceOnUse" x="8" y="12">
+      <path d="M32 0H0V32" fill="none" stroke="#ffffff15" stroke-width="2"/>
+    </pattern>
+    <radialGradient id="fade" cx="50%" cy="46%" r="50%" gradientTransform="translate(.5 .46) scale(1 .78) translate(-.5 -.46)">
+      <stop offset=".3" stop-color="#fff"/><stop offset=".92" stop-color="#fff" stop-opacity="0"/>
+    </radialGradient>
+    <mask id="grid-mask"><rect width="1200" height="440" fill="url(#fade)"/></mask>
+    <path id="word" d="M144.9 252V169.5H177.9V186H210.9V169.5H243.9V252H210.9V219H177.9V252ZM267.7 252V169.5H300.7V252ZM324.4 252V169.5H357.4V186H373.9V202.5H390.4V169.5H423.4V252H390.4V235.5H373.9V219H357.4V252ZM447.2 252V169.5H513.2V186H480.2V202.5H513.2V219H480.2V235.5H513.2V252ZM553.5 252V235.5H537V186H553.5V169.5H603V186H619.5V202.5H586.5V186H570V235.5H586.5V219H619.5V235.5H603V252ZM659.7 252V235.5H643.2V186H659.7V169.5H709.2V186H725.7V235.5H709.2V252ZM676.2 234.8H692.7V186.7H676.2ZM749.5 252V169.5H815.5V186H832V235.5H815.5V252ZM782.5 235.5H798.3V186H782.5ZM855.8 252V169.5H921.8V186H888.8V202.5H921.8V219H888.8V235.5H921.8V252ZM945.5 252V235.5H962V219H978.5V202.5H962V186H945.5V169.5H978.5V186H1011.5V169.5H1044.5V186H1028V202.5H1011.5V219H1028V235.5H1044.5V252H1011.5V235.5H978.5V252Z"/>
+  </defs>
+
+  <g clip-path="url(#frame)">
+    <rect width="1200" height="440" fill="#181818"/>
+    <!-- 像素网格：只作背景纹理，向四周淡出 -->
+    <rect width="1200" height="440" fill="url(#grid)" mask="url(#grid-mask)"/>
+  </g>
+  <rect x=".5" y=".5" width="1199" height="439" rx="23.5" fill="none" stroke="#ffffff15"/>
+
+  <!-- 标签胶囊 -->
+  <g transform="translate(442.0 44)">
+    <rect width="316" height="40" rx="20" fill="#181818" stroke="#ffffff28"/>
+    <!-- MineCodex brand start -->
+    <g transform="translate(16 8)" color="#fafafa" fill="none">
+  <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>
+    </g>
+    <!-- MineCodex brand end -->
+    <text x="50" y="26.5" font-family="-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, sans-serif" font-size="18" fill="#ffffffa6">Codex 增强工具箱 · 13 项</text>
+  </g>
+
+  <!-- 像素字标：阶梯描边与深度阴影 -->
+  <g>
+    <use href="#word" x="10.56" y="10.56" fill="#000000"/>
+    <use href="#word" x="8.45" y="8.45" fill="#080808"/>
+    <use href="#word" x="6.34" y="6.34" fill="#080808"/>
+    <use href="#word" x="4.22" y="4.22" fill="#080808"/>
+    <use href="#word" x="2.11" y="2.11" fill="#080808"/>
+    <use href="#word" fill="#ffffff" stroke="#080808" stroke-width="3" stroke-linejoin="miter" paint-order="stroke"/>
+  </g>
+
+  <text x="600.0" y="338" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, sans-serif" font-size="40" font-weight="600" letter-spacing="-0.6" fill="#ffffff">让 Codex 更顺手</text>
+  <text x="600.0" y="384" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, sans-serif" font-size="20" fill="#ffffffa6">按需开启的交互增强 · 本地运行 · macOS / Windows</text>
+</svg>

package/assets/readme/hero.svg

@@ -1,93 +1,50 @@
-<svg xmlns="http://www.w3.org/2000/svg"
-     width="1200" height="400" viewBox="0 0 1200 400"
-     role="img" aria-labelledby="hero-title hero-desc">
-  <title id="hero-title">MineCodex</title>
-  <desc id="hero-desc">MineCodex 给 Codex Desktop 增加轻量、本地优先的插件：模型滑条、笔记与图片库。</desc>
-
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="1200" height="440" viewBox="0 0 1200 440" role="img" aria-labelledby="t d">
+  <title id="t">MineCodex：让 Codex 更顺手</title>
+  <desc id="d">像素字标 MineCodex，副标题“让 Codex 更顺手”。13 项按需开启的 Codex Desktop 交互增强，支持 macOS 与 Windows。</desc>
   <defs>
-    <style>
-      .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
-      .sans { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif; }
-    </style>
-    <filter id="card-shadow" x="-8%" y="-8%" width="116%" height="120%">
-      <feDropShadow dx="0" dy="6" stdDeviation="12" flood-color="#000000" flood-opacity="0.04"/>
-      <feDropShadow dx="0" dy="1" stdDeviation="2" flood-color="#000000" flood-opacity="0.03"/>
-    </filter>
-    <filter id="terminal-shadow" x="-4%" y="-8%" width="108%" height="124%">
-      <feDropShadow dx="0" dy="2" stdDeviation="4" flood-color="#000000" flood-opacity="0.03"/>
-    </filter>
+    <clipPath id="frame"><rect width="1200" height="440" rx="24"/></clipPath>
+    <pattern id="grid" width="32" height="32" patternUnits="userSpaceOnUse" x="8" y="12">
+      <path d="M32 0H0V32" fill="none" stroke="#0d0d0d13" stroke-width="2"/>
+    </pattern>
+    <radialGradient id="fade" cx="50%" cy="46%" r="50%" gradientTransform="translate(.5 .46) scale(1 .78) translate(-.5 -.46)">
+      <stop offset=".3" stop-color="#fff"/><stop offset=".92" stop-color="#fff" stop-opacity="0"/>
+    </radialGradient>
+    <mask id="grid-mask"><rect width="1200" height="440" fill="url(#fade)"/></mask>
+    <path id="word" d="M144.9 252V169.5H177.9V186H210.9V169.5H243.9V252H210.9V219H177.9V252ZM267.7 252V169.5H300.7V252ZM324.4 252V169.5H357.4V186H373.9V202.5H390.4V169.5H423.4V252H390.4V235.5H373.9V219H357.4V252ZM447.2 252V169.5H513.2V186H480.2V202.5H513.2V219H480.2V235.5H513.2V252ZM553.5 252V235.5H537V186H553.5V169.5H603V186H619.5V202.5H586.5V186H570V235.5H586.5V219H619.5V235.5H603V252ZM659.7 252V235.5H643.2V186H659.7V169.5H709.2V186H725.7V235.5H709.2V252ZM676.2 234.8H692.7V186.7H676.2ZM749.5 252V169.5H815.5V186H832V235.5H815.5V252ZM782.5 235.5H798.3V186H782.5ZM855.8 252V169.5H921.8V186H888.8V202.5H921.8V219H888.8V235.5H921.8V252ZM945.5 252V235.5H962V219H978.5V202.5H962V186H945.5V169.5H978.5V186H1011.5V169.5H1044.5V186H1028V202.5H1011.5V219H1028V235.5H1044.5V252H1011.5V235.5H978.5V252Z"/>
   </defs>
 
-  <!-- Page background: Codex light theme surface -->
-  <rect width="1200" height="400" rx="24" fill="#f7f7f7"/>
+  <g clip-path="url(#frame)">
+    <rect width="1200" height="440" fill="#ffffff"/>
+    <!-- 像素网格：只作背景纹理，向四周淡出 -->
+    <rect width="1200" height="440" fill="url(#grid)" mask="url(#grid-mask)"/>
+  </g>
+  <rect x=".5" y=".5" width="1199" height="439" rx="23.5" fill="none" stroke="#0d0d0d13"/>
 
-  <!-- Left: Title block -->
-  <g transform="translate(64 84)">
-    <text class="mono" x="0" y="14" font-size="13" font-weight="600" letter-spacing="2.5" fill="#0169cc">CODEX DESKTOP PLUGINS · macOS</text>
-<!-- MineCodex brand start -->
-    <g transform="translate(0 23) scale(2.333333)" color="#0d0d0d" fill="none">
+  <!-- 标签胶囊 -->
+  <g transform="translate(442.0 44)">
+    <rect width="316" height="40" rx="20" fill="#ffffff" stroke="#0d0d0d1c"/>
+    <!-- MineCodex brand start -->
+    <g transform="translate(16 8)" color="#0d0d0d" fill="none">
   <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>
     </g>
     <!-- MineCodex brand end -->
-    <text class="sans" x="72" y="68" font-size="56" font-weight="700" letter-spacing="-0.5" fill="#0d0d0d">MineCodex</text>
-    <text class="sans" x="0" y="112" font-size="21" font-weight="400" fill="rgba(13,13,13,0.68)">给 Codex Desktop 增加轻量、本地优先的插件</text>
-
-    <!-- Install command pill -->
-    <g transform="translate(0 148)" filter="url(#terminal-shadow)">
-      <rect x="0" y="0" width="432" height="52" rx="14" fill="#ffffff" stroke="rgba(13,13,13,0.1)"/>
-      <circle cx="24" cy="26" r="4.5" fill="rgba(13,13,13,0.28)"/>
-      <text class="mono" x="42" y="32" font-size="17" font-weight="500" fill="#0d0d0d">npm install -g minecodex</text>
-    </g>
-
-    <text class="mono" x="0" y="234" font-size="14" fill="rgba(13,13,13,0.45)">Node 22.5+ · npm 包 · MIT License</text>
+    <text x="50" y="26.5" font-family="-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, sans-serif" font-size="18" fill="#0d0d0da6">Codex 增强工具箱 · 13 项</text>
   </g>
 
-  <!-- Right: Three capability cards -->
-  <g transform="translate(572 74)" filter="url(#card-shadow)">
-    <!-- Card 1: Model Slider -->
-    <g transform="translate(0 0)">
-      <rect x="0" y="0" width="172" height="252" rx="20" fill="#ffffff" stroke="rgba(13,13,13,0.09)"/>
-      <!-- Icon well -->
-      <rect x="50" y="28" width="72" height="72" rx="20" fill="#0d0d0d"/>
-      <g transform="translate(69.2 47.2) scale(1.4)" fill="none" stroke="#ffffff" stroke-width="1.43" 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"/>
-      </g>
-      <text class="sans" x="86" y="146" font-size="19" font-weight="600" text-anchor="middle" fill="#0d0d0d">Model Slider</text>
-      <text class="sans" x="86" y="176" font-size="14" text-anchor="middle" fill="rgba(13,13,13,0.68)">更清晰顺滑的模型选择</text>
-      <text class="mono" x="86" y="212" font-size="12" letter-spacing="1.5" text-anchor="middle" fill="rgba(13,13,13,0.45)">MODEL PICKER</text>
-    </g>
-
-    <!-- Card 2: Notes -->
-    <g transform="translate(196 0)">
-      <rect x="0" y="0" width="172" height="252" rx="20" fill="#ffffff" stroke="rgba(13,13,13,0.09)"/>
-      <rect x="50" y="28" width="72" height="72" rx="20" fill="#0d0d0d"/>
-      <g transform="translate(68 46) scale(1.5)" fill="none" stroke="#ffffff" stroke-width="1.333" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z"/>
-        <path d="M15 3v5a1 1 0 0 0 1 1h5"/>
-      </g>
-      <text class="sans" x="86" y="146" font-size="19" font-weight="600" text-anchor="middle" fill="#0d0d0d">Notes</text>
-      <text class="sans" x="86" y="176" font-size="14" text-anchor="middle" fill="rgba(13,13,13,0.68)">跨会话管理待办与提示词</text>
-      <text class="mono" x="86" y="212" font-size="12" letter-spacing="1.5" text-anchor="middle" fill="rgba(13,13,13,0.45)">TOOLBAR</text>
-    </g>
-
-    <!-- Card 3: Images -->
-    <g transform="translate(392 0)">
-      <rect x="0" y="0" width="172" height="252" rx="20" fill="#ffffff" stroke="rgba(13,13,13,0.09)"/>
-      <rect x="50" y="28" width="72" height="72" rx="20" fill="#0d0d0d"/>
-      <g transform="translate(68 46) scale(1.5)" fill="none" stroke="#ffffff" stroke-width="1.333" stroke-linecap="round" stroke-linejoin="round">
-        <rect x="3" y="3" width="18" height="18" rx="2"/>
-        <circle cx="9" cy="9" r="2"/>
-        <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/>
-      </g>
-      <text class="sans" x="86" y="146" font-size="19" font-weight="600" text-anchor="middle" fill="#0d0d0d">Images</text>
-      <text class="sans" x="86" y="176" font-size="14" text-anchor="middle" fill="rgba(13,13,13,0.68)">集中浏览生成图片与来源</text>
-      <text class="mono" x="86" y="212" font-size="12" letter-spacing="1.5" text-anchor="middle" fill="rgba(13,13,13,0.45)">LIBRARY</text>
-    </g>
+  <!-- 像素字标：阶梯描边与深度阴影 -->
+  <g>
+    <use href="#word" x="10.56" y="10.56" fill="#a3a3a3"/>
+    <use href="#word" x="8.45" y="8.45" fill="#0d0d0d"/>
+    <use href="#word" x="6.34" y="6.34" fill="#0d0d0d"/>
+    <use href="#word" x="4.22" y="4.22" fill="#0d0d0d"/>
+    <use href="#word" x="2.11" y="2.11" fill="#0d0d0d"/>
+    <use href="#word" fill="#f7f7f7" stroke="#0d0d0d" stroke-width="3" stroke-linejoin="miter" paint-order="stroke"/>
   </g>
+
+  <text x="600.0" y="338" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, sans-serif" font-size="40" font-weight="600" letter-spacing="-0.6" fill="#0d0d0d">让 Codex 更顺手</text>
+  <text x="600.0" y="384" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, sans-serif" font-size="20" fill="#0d0d0da6">按需开启的交互增强 · 本地运行 · macOS / Windows</text>
 </svg>

package/features/images/src/adapters/codex/rspack-modules.mjs

@@ -10,6 +10,7 @@ export async function createRspackImageModules(registry) {
   const bind = (entry, pattern, role) => binding(entry, required(entry.source, pattern, role));
   const ref = '[\\w$]+(?:\\.[\\w$]+)+';
   const renderRef = (props) => new RegExp(`\\.jsx\\)\\((${ref}),\\{${props}`);
+  const declares = name => source => declaresRspackExport(source, name);
   const masonry = module(source => source.includes('Loading library') && source.includes('animate:'), 'image masonry');
   const React = binding(masonry, required(masonry.source, /\(0,([\w$]+)\.useRef\)/, 'React'));
   const roots = registry.entries.filter(entry => /\.createRoot=/.test(entry.source));
@@ -23,7 +24,7 @@ export async function createRspackImageModules(registry) {
       const toolbar = module(source => source.includes('libraryNext.selection.more'), 'selection toolbar');
       const selection = module(source => source.includes('default:e.MoveLibraryItemsDialog'), 'Library actions');
       const checkbox = module(source => source.includes('onCheckedChange:') && source.includes('viewMode:') && source.includes('cursor-interaction') && source.includes('data-library-selection'), 'image checkbox');
-      const menu = module(source => source.includes('getGeneratedImageContextMenuItems:()=>'), 'image actions');
+      const menu = module(declares('getGeneratedImageContextMenuItems'), 'image actions');
       const favorite = module(source => source.includes('target_ref:') && source.includes('showToast:'), 'Library favorite');
       const favoriteItem = module(source => source.includes('library.favorites.add') && source.includes('assets:') && source.includes('surface:"grid"'), 'favorite icon');
       const dialogs = await registry.lazy(toolbar, 'ConfirmLibraryItemsDialog');
@@ -47,8 +48,8 @@ export async function createRspackImageModules(registry) {
       const sourceImage = module(source => source.includes('shouldLoadFileDataUrl:') && source.includes('loadTiming:') && source.includes('downloadSrc:'), 'image resolver');
       const layout = module(source => source.includes('actionIndicator:') && /documentHeader:[\w$]+,header:[\w$]+,overlayHeader:/.test(source), 'image card');
       const range = module(source => source.includes('orderedIds:') && source.includes('extendRange:') && source.length < 1000, 'range selection');
-      const uploadModule = module(source => source.includes('uploadChatGptConversationFile:()=>'), 'Library upload');
-      const openModule = module(source => source.includes('openImagePreview:()=>'), 'image preview');
+      const uploadModule = module(declares('uploadChatGptConversationFile'), 'Library upload');
+      const openModule = module(declares('openImagePreview'), 'image preview');
       const toolbarClass = required(toolbar.source, /className:"(Toolbar-[\w-]+)"/, 'toolbar class');
       const toolbarPositionClass = `${required(toolbar.source, /"(Container-[\w-]+)"/, 'toolbar container')} fixed`;
       return {
@@ -110,6 +111,11 @@ export async function createRspackImageModules(registry) {
   return {navigation:async()=>({React,ReactDOM}),gallery,canvas};
 }
 
+// 按导出声明识别模块，排除只调用该导出的消费方。rspack 具名导出有两种登记形式：
+// getter `d(t,{name:()=>x})`，以及 26.1103 起出现的直接函数值 `d(t,{},{name:function…})`。
+export function declaresRspackExport(source, name) {
+  return new RegExp(`[{,]${name}:(?:\\(\\)=>|(?:async )?function\\b)`).test(source);
+}
 
 export function discoverRspackPreviewBindings(source) {
   const ref = '[\\w$]+\\.[\\w$]+';

package/features/images/src/library-prompt-source.mjs

@@ -1,4 +1,4 @@
-import {createRspackImageModules,discoverRspackPreviewBindings} from './adapters/codex/rspack-modules.mjs';
+import {createRspackImageModules,declaresRspackExport,discoverRspackPreviewBindings} from "./adapters/codex/rspack-modules.mjs";
 import { findCodexModule, codexModuleRegistry } from '../../../packages/codex-adapter/src/renderer/modules.mjs';
 import { createCloudImageActions } from "./frontend/cloud-image-actions.mjs";
 import { createImageSourcesAdapter } from "./adapters/codex/image-sources.mjs";
@@ -13,7 +13,7 @@ import { promptResolverSource } from "./adapters/codex/prompt-resolver-source.mj
 export async function createPageScriptSource() {
   const source=await readFile(new URL("./library-prompt-page.mjs",import.meta.url),"utf8");
   const promptGlyphSource=await readFile(new URL("./assets/prompts-menu.svg",import.meta.url),"utf8");
-  const functions={findCodexModule,codexModuleRegistry,createRspackImageModules,discoverRspackPreviewBindings,discoverImageCanvasComponents,createCloudImageActions,createImageSourcesAdapter,discoverImageActionBinding,discoverFilePreviewComposerBindings,createNativeImageModules,createNativeImageSource,installLocalImageSource,createLibraryApi,createLibraryViewerAdapter};
+  const functions={findCodexModule,codexModuleRegistry,createRspackImageModules,declaresRspackExport,discoverRspackPreviewBindings,discoverImageCanvasComponents,createCloudImageActions,createImageSourcesAdapter,discoverImageActionBinding,discoverFilePreviewComposerBindings,createNativeImageModules,createNativeImageSource,installLocalImageSource,createLibraryApi,createLibraryViewerAdapter};
   const declarations=Object.entries(functions).map(([name,fn])=>`const ${name}=${fn.toString()};`).join("\n");
   return `${declarations}\nconst promptGlyphSource=${JSON.stringify(promptGlyphSource)};\nconst promptFromConversation=${promptResolverSource()};\n${source}`;
 }

package/features/notes/codex-feature.json

@@ -12,6 +12,7 @@
   },
   "surfaceUrl": "http://127.0.0.1:47832/",
   "healthUrl": "http://127.0.0.1:47832/api/health",
+  "runtimePortEnvironment": "CODEX_NOTES_PORT",
   "entry": {
     "kind": "page-script",
     "script": "src/frontend/entry.mjs",

package/features/quick-chat/src/adapters/codex/renderer.mjs

@@ -41,7 +41,9 @@ export function createQuickChatAdapter(codex) {
     // 发送确认回调写入新记录；拒绝发送不会写入。记录身份只映射为窗口内序号。
     if (receipt && !receipts.has(receipt)) receipts.set(receipt, nextReceipt++);
     const frame = surface.closest('[role="dialog"]');
-    const background = frame && [...frame.children].find(node => codex.props(node, props => props.asChild === true && typeof props.unstyled === "boolean", 8));
+    const wrapper = frame && [...frame.children].find(node => codex.props(node, props => props.asChild === true && typeof props.unstyled === "boolean", 8));
+    // 新构建的包装层为 display:contents，没有盒子可绘制背景；改用其内层的实际平面。
+    const background = wrapper && wrapper.getClientRects().length === 0 ? wrapper.firstElementChild : wrapper;
     const project = [...surface.querySelectorAll('[data-composer-rail-item] button')].find(button =>
       codex.props(button, props => props.variant === "composer" && typeof props.onProjectChange === "function"));
     const projectRail = project?.closest('[data-composer-rail-item]') ?? null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minecodex",
-  "version": "2.0.55",
+  "version": "2.1.1",
   "description": "Lightweight, local-first plugins for the Codex desktop app.",
   "license": "MIT",
   "type": "module",
@@ -28,7 +28,6 @@
     "features/notes/vendor/phosphor-LICENSE",
     "features/notes/codex-feature.json",
     "features/images/src",
-    "features/images/web",
     "features/images/codex-feature.json",
     "features/session-status/src",
     "features/session-status/codex-feature.json",
@@ -66,6 +65,7 @@
     "assets/brand/minecodex-icon-selected.svg",
     "assets/brand/references/lucide-LICENSE.txt",
     "assets/readme/hero.svg",
+    "assets/readme/hero-dark.svg",
     "packages/ui/assets",
     "features/markdown-reading/src",
     "features/markdown-reading/codex-feature.json",
@@ -96,7 +96,7 @@
   },
   "scripts": {
     "start": "node packages/cli/bin/mcx.mjs serve",
-    "test": "node --test packages/cli/test/*.test.mjs packages/runtime-host/test/*.test.mjs features/model-slider/test/*.test.mjs features/notes/test/*.test.mjs features/images/test/*.test.mjs features/session-status/test/*.test.mjs features/usage-meter/test/*.test.mjs apps/dashboard/test/*.test.mjs features/unread-inbox/test/*.test.mjs features/quick-chat/test/*.test.mjs features/composer-expand/test/*.test.mjs features/sidebar-focus/test/*.test.mjs features/sites/test/*.test.mjs packages/ui/test/*.test.mjs packages/codex-adapter/test/*.test.mjs features/markdown-reading/test/*.test.mjs features/file-navigation/test/*.test.mjs features/files-auto-refresh/test/*.test.mjs packages/plugin/test/*.test.mjs features/mermaid-diagrams/test/*.test.mjs",
+    "test": "node --test packages/cli/test/*.test.mjs packages/runtime-host/test/*.test.mjs features/model-slider/test/*.test.mjs features/notes/test/*.test.mjs features/images/test/*.test.mjs features/session-status/test/*.test.mjs features/usage-meter/test/*.test.mjs apps/dashboard/test/*.test.mjs features/quick-chat/test/*.test.mjs features/composer-expand/test/*.test.mjs features/sidebar-focus/test/*.test.mjs features/sites/test/*.test.mjs packages/ui/test/*.test.mjs packages/codex-adapter/test/*.test.mjs features/markdown-reading/test/*.test.mjs features/file-navigation/test/*.test.mjs features/files-auto-refresh/test/*.test.mjs packages/plugin/test/*.test.mjs features/mermaid-diagrams/test/*.test.mjs scripts/record-previews/test/*.test.mjs",
     "test:cli": "node --test packages/cli/test/*.test.mjs",
     "test:runtime": "node --test packages/runtime-host/test/*.test.mjs",
     "check": "node scripts/check-syntax.mjs",

package/packages/cli/src/config.mjs

@@ -42,9 +42,8 @@ export function normalizeConfig(value = {}) {
     ...(value.features && typeof value.features === "object" ? value.features : {}),
     ...normalizeFeatures(value.features),
   };
-  // 暂停的 Task 通知不继承旧配置，也不再提供开启入口。
+  // 已移除的功能不继承旧配置中的开关。
   delete features["unread-inbox"];
-  // 已移除的额度推广隐藏功能不继承旧启用项。
   delete features["hide-upsell-banner"];
   // 清理已退役的独立 Quick Chat 修复开关。
   delete features["quick-chat-repair"];

package/packages/cli/src/control-server.mjs

@@ -15,7 +15,7 @@ import { createDataTransfer, MAX_TRANSFER_BYTES } from "./data-transfer/service.
 const packageRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../../..");
 const packageMetadata = JSON.parse(await readFile(path.join(packageRoot, "package.json"), "utf8"));
 const MAX_BODY_BYTES = 64 * 1024;
-const DASHBOARD_FEATURE_ORDER = ["model-slider", "notes", "usage-meter", "session-status", "markdown-reading", "mermaid-diagrams", "file-navigation", "files-auto-refresh", "images", "sites", "quick-chat", "composer-expand", "sidebar-focus"];
+const DASHBOARD_FEATURE_ORDER = ["model-slider", "notes", "usage-meter", "session-status", "markdown-reading", "mermaid-diagrams", "file-navigation", "quick-chat", "composer-expand", "sidebar-focus", "files-auto-refresh", "images", "sites"];
 const CONTENT_TYPES = new Map([
   [".css", "text/css; charset=utf-8"],
   [".html", "text/html; charset=utf-8"],