dsh-plugin-deck-studio 0.2.12 → 0.2.13

package/client.js

@@ -5,8 +5,8 @@
  * 数据全部由宿主半聚合好（浏览器半只做展示，不重算业务口径）。
  *
  * 形态：主区「Deck 工作台」面板（iframe 复用 /api/deck-studio.app?embed=1）。
- * 启动后自动打开（零点击进入），左侧 foote 只保留一个「Deckline」入口用于重新打开；
- * 不再注册右侧 dockkit 观测标签页（F-63：入口太多且丑）。
+ * 启动后自动打开（零点击进入），侧栏只保留一个带图标的「Deckline」面板入口（与其它插件同形态）；
+ * 不再注册右侧 dockkit 观测标签页（F-63：入口太多且丑），也不再占用侧栏脚部按钮。
  * 宿主没有 layout 主区面板契约时降级为 main 面板 + sidebar.panellist。
  *
  * Chatbox 说明（ADR-0006 D1）：对话入口就是 DSH 原生 Chat——选择
@@ -235,9 +235,34 @@ div[data-sidebar-collapsed]{grid-template-columns:0px minmax(0px,1fr) 0px!import
       );
     }
 
-    /** 侧栏 glyph（降级 panellist / footer 用）。 */
-    function DeckGlyph() {
-      return h("span", { style: { fontSize: 13 } }, "▦");
+    /** 侧栏图标（panellist 行用）：叠卡片 + 星芒，单色 currentColor，跟随主题深浅色。 */
+    function DeckGlyph({ size }) {
+      const edge = size || 16;
+      return h("svg", {
+        width: edge,
+        height: edge,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        "aria-hidden": "true",
+        style: { display: "block" },
+      },
+        h("rect", {
+          x: 4.8, y: 2.4, width: 8.2, height: 6.2, rx: 1.5,
+          stroke: "currentColor", strokeWidth: 1.2, opacity: 0.55,
+        }),
+        h("rect", {
+          x: 2.4, y: 5.2, width: 9.2, height: 6.8, rx: 1.6,
+          stroke: "currentColor", strokeWidth: 1.35,
+        }),
+        h("path", {
+          d: "M4.6 7.6h4.6M4.6 9.6h3",
+          stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round",
+        }),
+        h("path", {
+          d: "M12.5 9.9l.45 1.15 1.15.45-1.15.45-.45 1.15-.45-1.15-1.15-.45 1.15-.45z",
+          fill: "currentColor",
+        }),
+      );
     }
 
     function MainPanel() {
@@ -535,17 +560,16 @@ div[data-sidebar-collapsed]{grid-template-columns:0px minmax(0px,1fr) 0px!import
           return () => window.clearTimeout(timer);
         }, "deck-studio: auto-open workbench");
 
-        // 唯一入口：侧栏脚部一个「Deckline」按钮（重新打开工作台）；→ 对话用工作台里的「← 回到对话」。
+        // 唯一入口：侧栏面板行「Deckline」（与 plugins / schedules 等插件同一种形态，带图标）；
+        // → 对话用工作台里的「← 回到对话」。
         if (hasRightbar) {
-          ctx.effect(
-            () => ctx.slots.inject("sidebar.footer.action", () =>
-              ctx.slots.register({ name: "sidebar.footer.action", id: `${PLUGIN_ID}-workbench` }, (props) => {
-                const button = h("button", { onClick: openWorkbench, title: "打开 Deck 工作台（对话在 DSH 原生 Chat）", style: { cursor: "pointer" } },
-                  h("span", { style: { fontSize: 13 } }, "▤"), props?.wide ? h("span", { style: { marginLeft: 4 } }, "Deckline") : null);
-                return button;
-              })),
-            "deck-studio: workbench footer button",
-          );
+          if (layout?.selectPanel) {
+            ctx.effect(
+              () => ctx.slots.inject("sidebar.panellist", () =>
+                ctx.slots.register({ name: "sidebar.panellist", id: WORKBENCH_KEY, order: 46, label: () => "Deckline" }, DeckGlyph)),
+              "deck-studio: workbench sidebar entry",
+            );
+          }
           ctx.logger?.info?.("deck-studio client: workbench-only mode");
         } else {
           ctx.effect(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-plugin-deck-studio",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "description": "Deckline：DSH 的 image deck / PPT 工作台插件——原生 Chat + 整页图片 deck 工作区 + 设计风格库；用对话做 PPT、按页出图、版本可追踪、导出 PDF/PPTX。",
   "icon": "assets/icon.svg",
   "homepage": "https://github.com/yuna78/dsh-deck-studio#readme",

package/seeds/docs/install.en.md

@@ -43,7 +43,7 @@ node -v && pnpm -v && dsh --version
 dsh --profile deckline --from-default-profile web
 
 # 2) install the plugin; dsh plugin add adds the bundle to the profile and enables it
-dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.12
+dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.13
 ```
 
 > Do not skip step 1: the `deckline` profile is **never created automatically**. Running
@@ -181,7 +181,7 @@ From zero to 13090, run these three commands in order (options for steps 1–2 a
 dsh --profile deckline --from-default-profile web
 
 # 2) install the plugin (adds it to that profile and enables it)
-dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.12
+dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.13
 
 # 3) start
 dsh --profile deckline --port 13090

package/seeds/docs/install.md

@@ -45,7 +45,7 @@ node -v && pnpm -v && dsh --version
 dsh --profile deckline --from-default-profile web
 
 # 2) 装插件；dsh plugin add 会自动把组合包加入 profile 并默认启用
-dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.12
+dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.13
 ```
 
 > 第 1 步不能省：`deckline` profile **不会**被自动创建。跳过第 1 步直接 `dsh --profile deckline --port 13090`，
@@ -54,7 +54,7 @@ dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.12
 
 > 国内网络直连 `registry.npmjs.org` 可能很慢（20 MB 包实测约 19 KB/s，要十几分钟）。换镜像会快很多：
 > ```sh
-> npm_config_registry=https://registry.npmmirror.com dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.12
+> npm_config_registry=https://registry.npmmirror.com dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.13
 > ```
 > 或一次性 `npm config set registry https://registry.npmmirror.com`。
 
@@ -75,7 +75,7 @@ DSH 目前没有官方插件市场，市场是「索引源」模式：添加下
    https://raw.githubusercontent.com/yuna78/dsh-deck-studio/main/market-index.json
    ```
 
-3. 搜索 `Deckline` 或 `PPT` → **安装**，会安装 `dsh-plugin-deck-studio@0.2.12`（索引里声明了国内镜像 registry）。
+3. 搜索 `Deckline` 或 `PPT` → **安装**，会安装 `dsh-plugin-deck-studio@0.2.13`（索引里声明了国内镜像 registry）。
 4. 之后同 A 的第 3 步启动。
 
 索引文件就是仓库根目录的 [`market-index.json`](../market-index.json)（格式 1），新版本发布后更新版本号即可。
@@ -210,7 +210,7 @@ profile "deckline" does not exist
 dsh --profile deckline --from-default-profile web
 
 # 2) 装插件（自动加进该 profile 并启用）
-dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.12
+dsh plugin --profile deckline add dsh-plugin-deck-studio@0.2.13
 
 # 3) 启动
 dsh --profile deckline --port 13090

package/ui/workbench.css

@@ -238,6 +238,44 @@ body.resizing{user-select:none;cursor:col-resize}
 .hn-label{flex:1}
 .home-nav-item em{font-style:normal;font-size:10px;color:#93a0a3;background:#fffdf8;border:1px solid var(--line);border-radius:9px;padding:0 5px}
 .home-nav-item.active em{color:var(--teal);border-color:#bfe0dc}
+/* F-193/F-194：左栏「关于」单入口（版本 chip + 有新版小圆点） */
+.home-nav-sep{height:1px;background:var(--line);margin:10px 4px 0}
+.hn-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent)}
+.hn-dot[hidden]{display:none}
+/* F-194：「关于」单页——从上到下：作者 → 公众号 → 版本 → 开源 → 其他项目 */
+.about-stack{display:flex;flex-direction:column;gap:12px;max-width:880px}
+.about-card{border:1px solid var(--line);background:#fffdf8;border-radius:10px;padding:16px 18px;min-width:0}
+.about-card h3{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 8px;font-family:"Noto Serif SC",Georgia,serif;font-size:16px;color:var(--ink)}
+.about-role{font-family:Inter,-apple-system,sans-serif;font-size:10.5px;font-weight:400;color:#93a0a3;letter-spacing:.02em}
+.about-hero{display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#fffdf8 0%,#faf5e9 100%)}
+.about-profile{display:flex;gap:14px;align-items:center;min-width:0}
+.about-wechat{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:13px}
+.about-wechat-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
+.about-wechat b{font-size:13px;color:var(--teal);line-height:1.5}
+.about-wechat .eyebrow{color:#93a0a3}
+.about-wechat .about-hint{margin:2px 0 0}
+.about-wechat .about-qr{flex:0 0 auto;width:104px;max-width:104px;border-radius:7px}
+.about-avatar{flex:0 0 auto;width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:"Noto Serif SC",Georgia,serif;font-size:24px;color:#fffdf8;background:linear-gradient(145deg,#0e5563,#08343d);box-shadow:inset 0 0 0 1px #ffffff22}
+.about-profile-body{min-width:0;max-width:560px}
+.about-desc{margin:0 0 8px;color:#5d7276;font-size:12px;line-height:1.65}
+.about-line{margin:0 0 4px;color:#728086;font-size:11.5px}
+.about-line b{color:var(--teal)}
+.about-line code{font-size:11px;color:#5d7276;background:#f3efe4;border:1px solid var(--line);border-radius:5px;padding:1px 5px}
+.about-hint{margin:8px 0 0;color:#93a0a3;font-size:10.5px;line-height:1.6;word-break:break-word}
+.about-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
+.about-actions .btn{font-size:11px}
+.about-state{margin:8px 0 0;color:var(--gold)}
+.about-qr{display:block;width:140px;max-width:140px;aspect-ratio:1;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}
+.about-qr-empty{display:flex;align-items:center;justify-content:center;width:140px;aspect-ratio:1;color:#93a0a3;font-size:11px;border:1px dashed var(--line);border-radius:8px;background:#f8f5ed;text-align:center;padding:8px}
+.about-project-list{list-style:none;margin:2px 0 0;padding:0}
+.about-project-row{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}
+.about-project-row:first-child{border-top:0;padding-top:2px}
+.about-project-main{flex:1;min-width:0}
+.about-project-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.about-project-head b{font-size:13px;color:var(--ink)}
+.about-badge{flex:0 0 auto;font-size:10px;color:var(--teal);background:#e2f1ef;border:1px solid #bfe0dc;border-radius:9px;padding:1px 7px}
+.about-project-row .about-desc{margin:4px 0 0}
+.about-project-row .btn{flex:0 0 auto}
 .home-main{padding:26px 32px;overflow-y:auto;min-width:0}
 .home-greet{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}
 .home-greet h1{margin:5px 0 4px;font-family:"Noto Serif SC",Georgia,serif;font-size:30px;color:var(--ink);letter-spacing:.01em}

package/ui/workbench.html

@@ -134,6 +134,11 @@
       <button class="home-nav-item" data-section="resources"><span class="hn-icon">◇</span><span class="hn-label">资源库</span><em id="navCountResources">0</em></button>
       <button class="home-nav-item" data-section="conversations"><span class="hn-icon">☰</span><span class="hn-label">Conversations</span><em id="navCountConvs">0</em></button>
       <button class="home-nav-item" data-section="manual"><span class="hn-icon">?</span><span class="hn-label">使用手册</span></button>
+      <!-- F-193/F-194：关于只留一页入口；版本 chip + 有新版小圆点仍常驻，升级入口不藏在顶栏图标里 -->
+      <div class="home-nav-sep" aria-hidden="true"></div>
+      <button class="home-nav-item" data-section="about" id="aboutNavBtn" title="关于 Deckline：版本 / 公众号 / 开源地址 / 其他项目">
+        <span class="hn-icon">☺</span><span class="hn-label">关于</span><em id="navUpdateVer">—</em><i class="hn-dot" id="navUpdateDot" hidden></i>
+      </button>
     </nav>
   </aside>
   <main class="home-main">
@@ -1449,8 +1454,8 @@ async function copyDataDirDiagnostics() {
 
 /* ---------------- 首页（左侧导航 + 右侧分区 blocks） ---------------- */
 
-const HOME_SECTIONS = ["decks", "designs", "resources", "conversations", "manual"];
-const HOME_TITLES = { decks: "Decks", designs: "Designs", resources: "资源库", conversations: "Conversations" };
+const HOME_SECTIONS = ["decks", "designs", "resources", "conversations", "manual", "about"];
+const HOME_TITLES = { decks: "Decks", designs: "Designs", resources: "资源库", conversations: "Conversations", manual: "使用手册", about: "关于" };
 
 function homeDateText() {
   const now = new Date();
@@ -1531,6 +1536,7 @@ function renderHome() {
     resources: `${resources.length} 个资源（logo / 素材）；点开预览。`,
     conversations: `${sessions.length} 个历史会话；点一个继续聊。`,
     manual: "从新建到导出：截图 + 步骤；找不到就直接在 Chat 里问。",
+    about: "作者 / 公众号 / 版本更新 / 开源地址 / 其他项目，都在这一页。",
   }[section];
   getEl("homeGreetSub").textContent = greet;
 
@@ -1550,8 +1556,22 @@ function renderHome() {
     if (STATE.manualDoc) openManualDoc(box, STATE.manualDoc);
     else renderManualHome(box);
   }
+  else if (section === "about") {
+    box.innerHTML = renderHomeAbout(resources);
+    paintUpdate(); // 版本 chip / 更新状态在关于页也要跟着顶栏走（F-193）
+  }
   else box.innerHTML = renderHomeConversations(sessions, bindings);
 
+  // F-193：「关于」分区里的按钮（检查更新 / 外链）——外链直接开新标签。
+  box.querySelectorAll("[data-about-check]").forEach((node) => node.addEventListener("click", () => checkPluginUpdate()));
+  box.querySelectorAll("[data-about-external]").forEach((node) => node.addEventListener("click", () => {
+    const links = aboutLinks();
+    const kind = node.dataset.aboutExternal;
+    if (kind === "repo") openExternalUrl(links.repo, "还没拿到仓库地址");
+    else if (kind === "issues") openExternalUrl(links.issues, "还没拿到提建议地址");
+    else if (kind === "profile") openExternalUrl(links.profile, "还没拿到 GitHub 主页地址");
+  }));
+
   box.querySelectorAll("[data-home-deck]").forEach((node) => node.addEventListener("click", async () => {
     const deckId = node.dataset.homeDeck;
     // 先等 deck 切完（iframe 里的 Chat 也要加载完），再选默认会话——否则 postMessage 发早了会落到旧会话。
@@ -1711,6 +1731,90 @@ function renderHomeResources(resources) {
       </button>`).join("")}</div>`;
 }
 
+/* ---------------- F-193 / F-194：首页「关于」单页（作者 → 公众号 → 版本 → 开源 → 其他项目） ---------------- */
+
+/** 公众号二维码从资源库现取（个人二维码不进仓库）；拿不到就降级成说明，不显示破图。 */
+function aboutWechatQr(resources = []) {
+  return resources.find((resource) => /二维码|qr|微信|wechat/i.test(`${resource?.name || ""} ${resource?.description || ""} ${resource?.url || ""}`)) || null;
+}
+
+function renderHomeAbout(resources = []) {
+  const links = aboutLinks();
+  const qr = aboutWechatQr(resources);
+  const versionLine = UPDATE.current ? `v${UPDATE.current}` : "读取中…";
+  const installNote = UPDATE.installMode === "linked"
+    ? "本机是开发链接安装（link:/file:）：更新走仓库，界面不执行 pnpm。"
+    : UPDATE.installMode === "npm"
+      ? "npm 安装：有新版可以在这里直接更新，重启 DSH 生效。"
+      : "没识别出安装方式时，可手动 dsh plugin add。";
+  const repoShort = links.repo.replace(/^https?:\/\//, "");
+  const projectRows = [
+    { name: "Deckline · dsh-deck-studio", badge: "本插件", external: "repo", desc: "DSH 的 image deck / PPT 工作台：故事线、逐页 prompt、AI 出图与版本留存、风格库、导出 PDF/PPTX。" },
+  ];
+  if (links.profile) {
+    projectRows.push({
+      name: `GitHub @${links.profile.split("/").pop()}`,
+      badge: "全部项目",
+      external: "profile",
+      desc: "我的开源主页：插件、实验和工具会陆续挂在这里。",
+    });
+  }
+  return `<div class="section-head"><h2>关于</h2><span class="small">作者 · 公众号 · 版本更新 · 开源</span></div>
+  <div class="about-stack">
+    <section class="about-card about-hero">
+      <div class="about-profile">
+        <div class="about-avatar" aria-hidden="true">Y</div>
+        <div class="about-profile-body">
+          <h3>${esc(ABOUT.author)}<span class="about-role">${esc(ABOUT.role)}</span></h3>
+          <p class="about-desc">${esc(ABOUT.intro)}</p>
+        </div>
+      </div>
+      <div class="about-wechat">
+        <div class="about-wechat-text">
+          <div class="eyebrow">微信公众号</div>
+          <b>${esc(ABOUT.account)}</b>
+          <p class="about-hint">${qr ? "扫码关注 / 加我微信" : `把二维码图片放进数据目录的 <code>resources/</code>（资源库），这里会自动显示。`}</p>
+        </div>
+        ${qr
+          ? `<img class="about-qr" src="${esc(qr.url)}" alt="${esc(qr.name || "公众号二维码")}" loading="lazy">`
+          : `<div class="about-qr about-qr-empty">二维码未收录</div>`}
+      </div>
+    </section>
+
+    <section class="about-card">
+      <h3>版本与更新</h3>
+      <p class="about-line">当前版本 <b>${esc(versionLine)}</b></p>
+      <p class="about-desc">${esc(installNote)}</p>
+      <div class="about-actions">
+        <button class="btn" data-about-check>检查新版本</button>
+      </div>
+      <p class="small about-state" data-about-state></p>
+    </section>
+    <section class="about-card">
+      <h3>开源地址与反馈</h3>
+      <p class="about-line"><code>${esc(repoShort)}</code></p>
+      <p class="about-desc">用着不对、想要什么功能，直接提 issue；仓库里能看到版本记录与路线。</p>
+      <div class="about-actions">
+        <button class="btn ghost" data-about-external="repo">仓库地址</button>
+        <button class="btn alt" data-about-external="issues">提交建议 / 问题</button>
+      </div>
+    </section>
+    <section class="about-card">
+      <h3>其他开源项目</h3>
+      <ul class="about-project-list">${projectRows.map((row) => `
+        <li class="about-project-row">
+          <div class="about-project-main">
+            <div class="about-project-head"><b>${esc(row.name)}</b><span class="about-badge">${esc(row.badge)}</span></div>
+            <p class="about-desc">${esc(row.desc)}</p>
+          </div>
+          <button class="btn ghost" data-about-external="${esc(row.external)}">打开</button>
+        </li>`).join("")}
+      </ul>
+      <p class="about-hint">最新列表以 GitHub 主页为准；想第一时间看到更新，关注公众号「${esc(ABOUT.account)}」。</p>
+    </section>
+  </div>`;
+}
+
 function renderHomeConversations(sessions, bindings = []) {
   const bound = new Map((bindings || []).map((binding) => [binding.sessionId, binding]));
   const targetLabel = (binding) => {
@@ -1813,19 +1917,55 @@ function dlToast(text, ms = 4200) {
 /** F-188：更新状态（版本 / 安装方式 / 仓库链接）由 workbench payload 带下来。 */
 const UPDATE = { current: "", latest: "", hasUpdate: false, installMode: "", repo: "", suggest: "", note: "" };
 
+/** F-193：左栏「关于」分组用的作者 / 公众号信息；仓库链接优先用包里的 repository，兜底写死公开地址。 */
+const ABOUT = {
+  author: "Yuna",
+  role: "Deckline 作者",
+  account: "Yuna 的 AI 修炼手册",
+  intro: "把 AI 落到工作现场：用对话把分享、培训、汇报做成整页图片 deck。",
+  fallbackRepo: "https://github.com/yuna78/dsh-deck-studio",
+};
+
+function aboutLinks() {
+  const repo = UPDATE.repo || ABOUT.fallbackRepo;
+  const issues = UPDATE.suggest || UPDATE.issues || `${repo.replace(/\/+$/, "")}/issues/new/choose`;
+  const profile = repo.replace(/^https?:\/\/(?:www\.)?github\.com\/([^/]+).*$/i, "https://github.com/$1");
+  return { repo, issues, profile: profile === repo ? "" : profile };
+}
+
+/** 外链统一走这里：拿不到地址时给 toast，不让按钮静默没反应。 */
+function openExternalUrl(url, missingMessage) {
+  if (!url) {
+    dlToast(missingMessage || "链接还没拿到：插件包或运行环境里没有配置地址", 5000);
+    return;
+  }
+  window.open(url, "_blank", "noopener");
+}
+
 function paintUpdate() {
   const ver = getEl("updateVer");
   if (ver) ver.textContent = UPDATE.current ? `v${UPDATE.current}` : "—";
   const dot = getEl("updateDot");
   if (dot) dot.hidden = !UPDATE.hasUpdate;
+  const title = UPDATE.hasUpdate
+    ? `有新版 v${UPDATE.latest}（当前 v${UPDATE.current}）`
+    : UPDATE.installMode === "linked"
+      ? "本机是开发链接安装：更新走 git pull"
+      : "检查更新";
   const btn = getEl("updateBtn");
-  if (btn) {
-    btn.title = UPDATE.hasUpdate
-      ? `有新版 v${UPDATE.latest}（当前 v${UPDATE.current}）`
-      : UPDATE.installMode === "linked"
-        ? "本机是开发链接安装：更新走 git pull"
-        : "检查更新";
-  }
+  if (btn) btn.title = title;
+  // F-193：左栏「检查新版本」与顶栏 ↻ 共用同一份状态（版本 chip + 有新版小圆点）
+  const navVer = getEl("navUpdateVer");
+  if (navVer) navVer.textContent = UPDATE.current ? `v${UPDATE.current}` : "—";
+  const navDot = getEl("navUpdateDot");
+  if (navDot) navDot.hidden = !UPDATE.hasUpdate;
+  const aboutNavBtn = getEl("aboutNavBtn");
+  if (aboutNavBtn) aboutNavBtn.title = UPDATE.hasUpdate ? `关于 Deckline · ${title}` : "关于 Deckline：版本 / 公众号 / 开源地址 / 其他项目";
+  const aboutState = document.querySelectorAll("[data-about-state]");
+  aboutState.forEach((node) => {
+    // 只在「有新版」时占用这行；「当前版本」上面已经写过了，别重复。
+    node.textContent = UPDATE.hasUpdate ? `发现新版 v${UPDATE.latest}（当前 v${UPDATE.current}）` : "";
+  });
 }
 
 function absorbUpdate(payload) {
@@ -5636,7 +5776,7 @@ function backToManual(box) {
     getEl("workspaceView").style.display = "grid";
     switchChatToBoundSession().catch(() => {});
   } else {
-    const match = location.hash.match(/^#\/home\/(decks|designs|resources|conversations|manual)/);
+    const match = location.hash.match(/^#\/home\/(decks|designs|resources|conversations|manual|about)/);
     STATE.homeSection = match ? match[1] : "decks";
     showHome();
   }