@musnows/scriverse 0.9.6 → 0.9.7

package/dist/public/ai-skill-menu.js

@@ -0,0 +1,42 @@
+export const AI_SKILL_COMMAND_OPTIONS = Object.freeze([
+  Object.freeze({
+    name: "continue-writing",
+    label: "续写正文",
+    description: "延续当前章节，并保持情节、人物与设定一致。"
+  }),
+  Object.freeze({
+    name: "polish-writing",
+    label: "润色选中文本",
+    description: "润色当前章节的精确选区，并生成可确认的替换建议。"
+  })
+]);
+
+export function findAiSkillCommand(value, cursor = String(value ?? "").length) {
+  const text = String(value ?? "");
+  const safeCursor = Math.max(0, Math.min(Number(cursor) || 0, text.length));
+  const match = text.slice(0, safeCursor).match(/(?:^|\s)(\/([^/\s]*))$/u);
+  if (!match) return null;
+  return {
+    start: safeCursor - match[1].length,
+    end: safeCursor,
+    query: match[2]
+  };
+}
+
+export function listAiSkillOptions(query = "") {
+  const keyword = String(query).trim().toLocaleLowerCase("zh-CN");
+  if (!keyword) return [...AI_SKILL_COMMAND_OPTIONS];
+  return AI_SKILL_COMMAND_OPTIONS.filter((skill) => [skill.name, skill.label]
+    .some((value) => value.toLocaleLowerCase("zh-CN").includes(keyword)));
+}
+
+export function applyAiSkillCommand(value, match, skillName) {
+  const text = String(value ?? "");
+  const command = `/${String(skillName).trim()}`;
+  const separator = /^\s/u.test(text.slice(match.end)) ? "" : " ";
+  return {
+    text: `${text.slice(0, match.start)}${command}${separator}${text.slice(match.end)}`,
+    command,
+    cursor: match.start + command.length + separator.length
+  };
+}

package/dist/public/ai-usage.d.ts

@@ -1,6 +1,7 @@
 export type AiUsageCalendarCell = {
   date: string;
   totalTokens: number;
+  outsideYear: boolean;
   future: boolean;
   week: number;
   weekday: number;
@@ -10,12 +11,14 @@ export type AiUsageCalendarCell = {
 export function formatTokenCount(value: unknown): string;
 export function formatCacheHitRate(value: unknown): string;
 export function formatEstimatedCost(value: unknown): string;
+export function usageCalendarYears(daily: Array<{ date: string; totalTokens: number }> | unknown): number[];
 export function buildUsageCalendar(
   daily: Array<{ date: string; totalTokens: number }> | unknown,
-  today?: Date,
-  weekCount?: number
+  year: number,
+  todayDateKey?: string
 ): {
   cells: AiUsageCalendarCell[];
   months: Array<{ week: number; label: string }>;
   weekCount: number;
+  year: number | null;
 };

package/dist/public/ai-usage.js

@@ -1,19 +1,23 @@
-function localDateKey(date) {
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
+const usageDateKeyPattern = /^(\d{4})-(\d{2})-(\d{2})$/u;
+
+function usageDateFromKey(value) {
+  const match = usageDateKeyPattern.exec(String(value));
+  if (!match) return null;
+  const year = Number(match[1]);
+  const month = Number(match[2]);
+  const day = Number(match[3]);
+  const date = new Date(Date.UTC(year, month - 1, day));
+  return year >= 1_000 && date.toISOString().slice(0, 10) === String(value) ? date : null;
 }
 
-function startOfLocalDay(value) {
-  const date = value instanceof Date ? new Date(value) : new Date(String(value));
-  date.setHours(0, 0, 0, 0);
-  return date;
+function usageDateKey(date) {
+  return date.toISOString().slice(0, 10);
 }
 
 export function formatTokenCount(value) {
   const count = Math.max(0, Math.round(Number(value) || 0));
   if (count < 10_000) return count.toLocaleString("zh-CN");
+  if (count >= 100_000_000) return `${(count / 100_000_000).toFixed(2)}亿`;
   return new Intl.NumberFormat("zh-CN", {
     notation: "compact",
     compactDisplay: "short",
@@ -38,26 +42,43 @@ export function formatEstimatedCost(value) {
   })}`;
 }
 
-export function buildUsageCalendar(daily, today = new Date(), weekCount = 53) {
-  const normalizedToday = startOfLocalDay(today);
-  const start = new Date(normalizedToday);
-  start.setDate(start.getDate() - start.getDay() - (Math.max(1, weekCount) - 1) * 7);
-  const usageByDate = new Map((Array.isArray(daily) ? daily : []).map((item) => [
-    String(item.date),
-    Math.max(0, Number(item.totalTokens) || 0)
-  ]));
+export function usageCalendarYears(daily) {
+  return [...new Set((Array.isArray(daily) ? daily : [])
+    .filter((item) => usageDateFromKey(item?.date) && Math.max(0, Number(item?.totalTokens) || 0) > 0)
+    .map((item) => Number(String(item.date).slice(0, 4))))]
+    .sort((left, right) => right - left);
+}
+
+export function buildUsageCalendar(daily, year, todayDateKey) {
+  const selectedYear = Number.isInteger(Number(year)) ? Number(year) : usageCalendarYears(daily)[0];
+  if (!selectedYear || selectedYear < 1_000 || selectedYear > 9_999) {
+    return { cells: [], months: [], weekCount: 0, year: null };
+  }
+  const firstDay = new Date(Date.UTC(selectedYear, 0, 1));
+  const lastDay = new Date(Date.UTC(selectedYear, 11, 31));
+  const start = new Date(firstDay);
+  start.setUTCDate(start.getUTCDate() - start.getUTCDay());
+  const end = new Date(lastDay);
+  end.setUTCDate(end.getUTCDate() + (6 - end.getUTCDay()));
+  const weekCount = Math.floor((end.getTime() - start.getTime()) / (7 * 24 * 60 * 60_000)) + 1;
+  const normalizedTodayKey = usageDateFromKey(todayDateKey) ? String(todayDateKey) : null;
+  const usageByDate = new Map((Array.isArray(daily) ? daily : [])
+    .filter((item) => usageDateFromKey(item?.date)?.getUTCFullYear() === selectedYear)
+    .map((item) => [String(item.date), Math.max(0, Number(item.totalTokens) || 0)]));
   const visibleValues = [];
   const cells = [];
-  for (let index = 0; index < Math.max(1, weekCount) * 7; index += 1) {
+  for (let index = 0; index < weekCount * 7; index += 1) {
     const date = new Date(start);
-    date.setDate(start.getDate() + index);
-    const dateKey = localDateKey(date);
-    const totalTokens = usageByDate.get(dateKey) ?? 0;
-    const future = date > normalizedToday;
-    if (!future && totalTokens > 0) visibleValues.push(totalTokens);
+    date.setUTCDate(start.getUTCDate() + index);
+    const dateKey = usageDateKey(date);
+    const outsideYear = date.getUTCFullYear() !== selectedYear;
+    const totalTokens = outsideYear ? 0 : usageByDate.get(dateKey) ?? 0;
+    const future = !outsideYear && normalizedTodayKey !== null && dateKey > normalizedTodayKey;
+    if (!outsideYear && !future && totalTokens > 0) visibleValues.push(totalTokens);
     cells.push({
       date: dateKey,
       totalTokens,
+      outsideYear,
       future,
       week: Math.floor(index / 7),
       weekday: index % 7,
@@ -66,21 +87,13 @@ export function buildUsageCalendar(daily, today = new Date(), weekCount = 53) {
   }
   const maximum = Math.max(0, ...visibleValues);
   for (const cell of cells) {
-    cell.level = cell.future || cell.totalTokens <= 0 || maximum <= 0
+    cell.level = cell.outsideYear || cell.future || cell.totalTokens <= 0 || maximum <= 0
       ? 0
       : Math.max(1, Math.min(4, Math.ceil(Math.sqrt(cell.totalTokens / maximum) * 4)));
   }
-  const months = [];
-  for (let week = 0; week < Math.max(1, weekCount); week += 1) {
-    const firstDay = cells[week * 7];
-    const date = startOfLocalDay(`${firstDay.date}T00:00:00`);
-    const previous = week > 0 ? startOfLocalDay(`${cells[(week - 1) * 7].date}T00:00:00`) : null;
-    if (week === 0 || previous?.getMonth() !== date.getMonth()) {
-      months.push({
-        week,
-        label: new Intl.DateTimeFormat("zh-CN", { month: "short" }).format(date)
-      });
-    }
-  }
-  return { cells, months, weekCount: Math.max(1, weekCount) };
+  const months = Array.from({ length: 12 }, (_, month) => ({
+    week: Math.floor((Date.UTC(selectedYear, month, 1) - start.getTime()) / (7 * 24 * 60 * 60_000)),
+    label: `${month + 1}月`
+  }));
+  return { cells, months, weekCount, year: selectedYear };
 }

package/dist/public/app.js

@@ -2,6 +2,7 @@ import { buildRelationshipGraph, createGalaxyRenderer, normalizeGalaxyFrameRate,
 import { formatDateTime, normalizeParagraphSpacing } from "/text-formatting.js?v=20260713-saved-at-seconds";
 import { renderMarkdown } from "/markdown.js?v=20260731-no-external-images-v1";
 import { findAiMention, listAiMentionOptions, mergeAiReferenceScope, userMessageMentionNames } from "/ai-mentions.js?v=20260811-user-message-mentions-v1";
+import { applyAiSkillCommand, findAiSkillCommand, listAiSkillOptions } from "/ai-skill-menu.js?v=20260830-ai-skill-slash-menu-v1";
 import {
   emptyRoleplayScenePin,
   normalizeRoleplayScenePin,
@@ -31,7 +32,7 @@ import { shouldSendAiPrompt } from "/ai-prompt-keyboard.js?v=20260713-enter-to-s
 import { estimateAiMessageTokens, formatAiMessageMeta } from "/ai-message-meta.js?v=20260814-ai-model-lock-v1";
 import { createStreamTypewriter, createStreamTypewriterSpeedController } from "/stream-typewriter.js?v=20260818-ai-agent-turn-process-v1";
 import { assertAiStreamCompleted, readAiEventStream } from "/ai-stream-protocol.js?v=20260812-ai-stream-complete-v1";
-import { buildUsageCalendar, formatCacheHitRate, formatEstimatedCost, formatTokenCount } from "/ai-usage.js?v=20260821-ai-usage-pricing-v1";
+import { buildUsageCalendar, formatCacheHitRate, formatEstimatedCost, formatTokenCount, usageCalendarYears } from "/ai-usage.js?v=20260830-ai-usage-year-v1";
 import { formatAiMessageTime } from "/ai-message-time.js?v=20260801-month-day-time";
 import { formatAiContextUsagePercent, formatAiContextUsageTooltip, mergeAiContextUsage, normalizeAiContextTokenDistribution, resolveAiContextUsage } from "/ai-context-meter.js?v=20260828-context-output-usage-v1";
 import { isPhoneClient } from "/phone-client.js?v=20260819-phone-client-v1";
@@ -1526,6 +1527,7 @@ let moduleNavExpanded = false;
 const chapterAutoSaveDelay = 800;
 const chapterLineInputRenderDelay = 32;
 let aiMentionMatch = null;
+let aiSkillMatch = null;
 let aiMentionRange = null;
 let aiMentionActiveIndex = -1;
 let settingsReturnContext = null;
@@ -2705,7 +2707,7 @@ function resetAiFeed(
   const roleplayUserName = roleplayUserCharacter?.name;
   feed.innerHTML = roleplayName
     ? `<div class="assistant-message"><span class="message-heading"><span>${esc(roleplayName)}</span></span><div class="message-body"><p>正在扮演 ${esc(roleplayName)}。${roleplayUserName ? `你将以 ${esc(roleplayUserName)} 的身份与我互动。` : "我可以通过角色卡、人物关系、知情设定和故事正文回答。"}</p></div></div>`
-    : '<div class="assistant-message"><span class="message-heading"><span>助手</span></span><div class="message-body"><p>选择章节和模型后即可开始问答；提到续写或润色时会自动加载对应 Skill，也可用 /continue-writing 或 /polish-writing 强制加载。所有引用都基于已保存正文。</p></div></div>';
+    : '<div class="assistant-message"><span class="message-heading"><span>助手</span></span><div class="message-body"><p>选择章节和模型后即可开始问答；所有引用都基于已保存正文。</p></div></div>';
 }
 
 function aiAssistantLabel(suffix = "", roleplayCharacter = state.aiRoleplayCharacter) {
@@ -5030,6 +5032,7 @@ function aiPromptTextBoundary(prompt, offset) {
 
 function hideAiMentionMenu() {
   aiMentionMatch = null;
+  aiSkillMatch = null;
   aiMentionRange = null;
   aiMentionActiveIndex = -1;
   const prompt = $("#ai-prompt");
@@ -5086,21 +5089,37 @@ function syncAiReferencesWithPrompt() {
 function updateAiMentionMenu() {
   syncAiReferencesWithPrompt();
   const prompt = $("#ai-prompt");
-  const match = findAiMention(aiPromptTextBeforeCursor());
-  if (!match) return hideAiMentionMenu();
+  const textBeforeCursor = aiPromptTextBeforeCursor();
+  const skillMatch = $("#ai-task").value === "roleplay" ? null : findAiSkillCommand(textBeforeCursor);
+  const mentionMatch = skillMatch ? null : findAiMention(textBeforeCursor);
+  if (!skillMatch && !mentionMatch) return hideAiMentionMenu();
   const selection = window.getSelection();
   if (!selection?.rangeCount || !prompt.contains(selection.anchorNode)) return hideAiMentionMenu();
-  aiMentionMatch = match;
+  aiSkillMatch = skillMatch;
+  aiMentionMatch = mentionMatch;
   aiMentionRange = selection.getRangeAt(0).cloneRange();
   const menu = $("#ai-mention-menu");
+  if (skillMatch) {
+    const options = listAiSkillOptions(skillMatch.query);
+    aiMentionActiveIndex = -1;
+    prompt.removeAttribute("aria-activedescendant");
+    menu.setAttribute("aria-label", "选择写作 Skill");
+    menu.innerHTML = options.length
+      ? options.map((item, index) => `<button id="ai-skill-option-${index}" class="ai-mention-option ai-skill-option" type="button" role="option" aria-selected="false" tabindex="-1" data-ai-skill-name="${esc(item.name)}"><small>Skill</small><span><strong>/${esc(item.name)}</strong><em>${esc(item.label)} · ${esc(item.description)}</em></span></button>`).join("")
+      : '<p class="ai-mention-empty">没有匹配的写作 Skill</p>';
+    menu.classList.remove("hidden");
+    prompt.setAttribute("aria-expanded", "true");
+    return;
+  }
   const chapters = state.work?.volumes.flatMap((volume) => volume.chapters.map((chapter) => ({
     ...chapter,
     volumeTitle: volume.title
   }))) ?? [];
-  const options = listAiMentionOptions(state.characters, state.settings, chapters, match.query)
+  const options = listAiMentionOptions(state.characters, state.settings, chapters, mentionMatch.query)
     .filter((item) => item.kind !== "context-settings" || $("#ai-task").value !== "roleplay");
   aiMentionActiveIndex = -1;
   prompt.removeAttribute("aria-activedescendant");
+  menu.setAttribute("aria-label", "引用角色、设定、章节或上下文能力");
   menu.innerHTML = options.length
     ? options.map((item, index) => `<button id="ai-mention-option-${index}" class="ai-mention-option" type="button" role="option" aria-selected="false" tabindex="-1" data-ai-reference-kind="${esc(item.kind)}" data-ai-reference-id="${esc(item.id)}" data-ai-reference-name="${esc(item.name)}"><small>${esc(item.kindLabel)}</small><strong>${esc(item.name)}</strong></button>`).join("")
     : '<p class="ai-mention-empty">没有匹配的角色、设定、章节或上下文能力</p>';
@@ -5141,6 +5160,30 @@ function selectAiMention(button) {
   hideAiMentionMenu();
 }
 
+function selectAiSkill(button) {
+  if (!aiSkillMatch || !aiMentionRange) return;
+  const prompt = $("#ai-prompt");
+  const cursorText = aiPromptTextFromRange(aiMentionRange, prompt);
+  const localSkill = findAiSkillCommand(cursorText);
+  if (!localSkill) return hideAiMentionMenu();
+  const applied = applyAiSkillCommand(cursorText, localSkill, button.dataset.aiSkillName);
+  const range = document.createRange();
+  const startBoundary = aiPromptTextBoundary(prompt, localSkill.start);
+  const endBoundary = aiPromptTextBoundary(prompt, cursorText.length);
+  range.setStart(startBoundary.node, startBoundary.offset);
+  range.setEnd(endBoundary.node, endBoundary.offset);
+  range.deleteContents();
+  const command = document.createTextNode(`${applied.command} `);
+  range.insertNode(command);
+  const selection = window.getSelection();
+  selection?.removeAllRanges();
+  range.setStartAfter(command);
+  range.collapse(true);
+  selection?.addRange(range);
+  prompt.focus();
+  hideAiMentionMenu();
+}
+
 function addSelectedLinesAsCitation() {
   if (!state.chapter || !chapterLineSelection) return;
   const selection = selectedChapterLinePayload(chapterLineSelection.start, chapterLineSelection.end);
@@ -13301,20 +13344,22 @@ async function renderPlatformAiConfig() {
 }
 
 function tokenUsageDateLabel(date) {
+  const [year, month, day] = String(date).split("-").map(Number);
   return new Intl.DateTimeFormat("zh-CN", {
     year: "numeric",
     month: "short",
     day: "numeric",
-    weekday: "short"
-  }).format(new Date(`${date}T00:00:00`));
+    weekday: "short",
+    timeZone: "UTC"
+  }).format(new Date(Date.UTC(year, month - 1, day)));
 }
 
-function tokenUsageCalendarMarkup(daily) {
-  const calendar = buildUsageCalendar(daily);
+function tokenUsageCalendarMarkup(daily, year, serverDate) {
+  const calendar = buildUsageCalendar(daily, year, serverDate);
   const cells = calendar.cells.map((cell) => {
     const label = `${tokenUsageDateLabel(cell.date)}：${Number(cell.totalTokens).toLocaleString("zh-CN")} Token`;
-    return cell.future
-      ? `<span class="usage-calendar-cell is-future" data-level="${cell.level}" role="gridcell" aria-disabled="true"></span>`
+    return cell.outsideYear || cell.future
+      ? `<span class="usage-calendar-cell ${cell.outsideYear ? "is-outside-year" : "is-future"}" data-level="${cell.level}" role="gridcell" aria-disabled="true"></span>`
       : `<button class="usage-calendar-cell" type="button" data-level="${cell.level}" data-usage-calendar-label="${esc(label)}" role="gridcell" aria-label="${esc(label)}"></button>`;
   }).join("");
   const months = calendar.months.map((month) => `<span style="grid-column:${month.week + 1}">${esc(month.label)}</span>`).join("");
@@ -13324,7 +13369,7 @@ function tokenUsageCalendarMarkup(daily) {
         <div class="usage-calendar-months" aria-hidden="true">${months}</div>
         <div class="usage-calendar-body">
           <div class="usage-calendar-weekdays" aria-hidden="true"><span>一</span><span>三</span><span>五</span></div>
-          <div class="usage-calendar-grid" role="grid" aria-label="过去 53 周每日 Token 用量">${cells}</div>
+          <div class="usage-calendar-grid" role="grid" aria-label="${calendar.year} 年每日 Token 用量">${cells}</div>
         </div>
       </div>
     </div>
@@ -13333,6 +13378,21 @@ function tokenUsageCalendarMarkup(daily) {
   <div class="usage-calendar-legend"><span>少</span>${[0, 1, 2, 3, 4].map((level) => `<i data-level="${level}" aria-hidden="true"></i>`).join("")}<span>多</span></div>`;
 }
 
+function bindUsageCalendar(root, usage) {
+  root.querySelectorAll("[data-usage-calendar-year]").forEach((select) => {
+    select.addEventListener("change", () => {
+      const section = select.closest(".usage-calendar-section");
+      const calendarHost = section?.querySelector("[data-usage-calendar-host]");
+      if (!calendarHost) return;
+      calendarHost.innerHTML = tokenUsageCalendarMarkup(usage?.daily, Number(select.value), usage?.serverDate);
+      bindUsageCalendarInteractions(calendarHost);
+      scrollUsageCalendarsToLatest(calendarHost);
+    });
+  });
+  bindUsageCalendarInteractions(root);
+  scrollUsageCalendarsToLatest(root);
+}
+
 function bindUsageCalendarInteractions(root) {
   root.querySelectorAll(".usage-calendar-widget").forEach((widget) => {
     const tooltip = widget.querySelector(".usage-calendar-tooltip");
@@ -13556,6 +13616,15 @@ function tokenUsageOverviewMarkup(usage, { title, description, showWorks = false
   const callTypeUsage = (Array.isArray(usage?.callTypes) ? usage.callTypes : [])
     .map((item) => `<span class="usage-call-type-chip"><strong>${esc(callTypeLabels[item.callType] ?? item.callType)}</strong><span>${esc(formatTokenCount(item.totalTokens))} Token · ${Number(item.requestCount || 0).toLocaleString("zh-CN")} 次</span></span>`)
     .join("");
+  const calendarYears = usageCalendarYears(usage?.daily);
+  const selectedCalendarYear = calendarYears[0] ?? null;
+  const usageTimezone = String(usage?.timezone || "服务器本地时区");
+  const calendarYearSelect = selectedCalendarYear === null
+    ? ""
+    : `<select class="usage-calendar-year-select" data-usage-calendar-year aria-label="每日用量年份">${calendarYears.map((year) => `<option value="${year}">${year} 年</option>`).join("")}</select>`;
+  const calendarMarkup = selectedCalendarYear === null
+    ? '<p class="usage-calendar-empty">尚无每日 Token 用量记录。</p>'
+    : tokenUsageCalendarMarkup(usage?.daily, selectedCalendarYear, usage?.serverDate);
   return `<section class="usage-overview" aria-labelledby="${showWorks ? "platform-usage-overview-title" : "work-usage-overview-title"}">
     <div class="config-section-header usage-overview-header"><div><h2 id="${showWorks ? "platform-usage-overview-title" : "work-usage-overview-title"}">${esc(title || "Token 用量")}</h2><p>${esc(description || "统计该范围内的全部 AI 调用。")}</p></div><button class="ghost-button usage-details-button" type="button" data-token-usage-details aria-haspopup="dialog" aria-expanded="false" aria-controls="token-usage-details-toast">详细数据</button></div>
     <div class="usage-stat-grid">
@@ -13567,8 +13636,8 @@ function tokenUsageOverviewMarkup(usage, { title, description, showWorks = false
     <p class="usage-measurement-note">${requestCount.toLocaleString("zh-CN")} 次有用量记录的调用。${esc(estimateNote)} 有 ${unpricedModelCount.toLocaleString("zh-CN")} 个模型在价格表中未找到对应价格</p>
     ${callTypeUsage ? `<div class="usage-call-types" aria-label="按调用类型区分的 Token 用量">${callTypeUsage}</div>` : ""}
     <section class="usage-calendar-section" aria-labelledby="${showWorks ? "platform-usage-calendar-title" : "work-usage-calendar-title"}">
-      <header><div><h3 id="${showWorks ? "platform-usage-calendar-title" : "work-usage-calendar-title"}">每日用量</h3><p>GitHub 风格网格展示过去 53 周；颜色越深，当天消耗越高。</p></div></header>
-      ${tokenUsageCalendarMarkup(usage?.daily)}
+      <header><div><h3 id="${showWorks ? "platform-usage-calendar-title" : "work-usage-calendar-title"}">每日用量</h3><p>GitHub 风格网格按服务器时区（${esc(usageTimezone)}）分年展示；颜色越深，当天消耗越高。</p></div>${calendarYearSelect}</header>
+      <div data-usage-calendar-host>${calendarMarkup}</div>
     </section>
     ${showWorks ? `<section class="usage-work-section" aria-labelledby="usage-work-title"><header><div><h3 id="usage-work-title">各作品用量</h3><p>按 Token 总消耗从高到低排列，包含尚未使用 AI 的作品。</p></div></header><div class="usage-work-table-scroll"><table class="usage-work-table"><thead><tr><th>作品</th><th>总消耗</th><th>输入</th><th>输出</th><th>缓存命中率</th><th>调用</th></tr></thead><tbody>${workRows || '<tr><td colspan="6">还没有作品用量记录。</td></tr>'}</tbody></table></div></section>` : ""}
   </section>`;
@@ -13577,16 +13646,14 @@ function tokenUsageOverviewMarkup(usage, { title, description, showWorks = false
 async function renderPlatformTokenUsage() {
   const host = $("#platform-usage-content");
   host.innerHTML = '<div class="empty-state">正在汇总 Token 用量……</div>';
-  const timezoneOffset = -new Date().getTimezoneOffset();
-  const usage = await api(`/api/platform/ai/usage?timezoneOffset=${timezoneOffset}`);
+  const usage = await api("/api/platform/ai/usage");
   host.innerHTML = tokenUsageOverviewMarkup(usage, {
     title: "项目累计用量",
     description: "汇总所有作品迄今产生的输入与输出 Token；缓存命中率仅基于供应商返回了缓存明细的调用。",
     showWorks: true
   });
   bindTokenUsageDetails(host, usage, "项目累计用量");
-  bindUsageCalendarInteractions(host);
-  scrollUsageCalendarsToLatest(host);
+  bindUsageCalendar(host, usage);
 }
 
 async function renderBookAiSettings() {
@@ -13606,7 +13673,7 @@ async function renderBookAiSettings() {
     moduleApi("ai-settings", `/api/works/${state.work.id}/task-defaults`),
     moduleApi("ai-settings", `/api/works/${state.work.id}/ai-settings/relationship-search-index`),
     moduleApi("ai-settings", `/api/works/${state.work.id}/ai-settings/semantic-search-index`),
-    moduleApi("ai-settings", `/api/works/${state.work.id}/ai-settings/usage?timezoneOffset=${-new Date().getTimezoneOffset()}`),
+    moduleApi("ai-settings", `/api/works/${state.work.id}/ai-settings/usage`),
     moduleApi("ai-settings", "/api/platform/ai/protocols"),
     // 可写工具开关独立于 ai-settings 存储；加载失败时仍可展示其余配置。
     api(`/api/works/${state.work.id}/ai/tools`).catch(() => null),
@@ -13681,8 +13748,7 @@ async function renderBookAiSettings() {
     if (section.querySelector("h2")?.textContent === "Agent 工具调用上限") section.id = "agent-tool-call-limit-settings";
   });
   host.insertAdjacentHTML("beforeend", `<section class="config-section"><div class="config-section-header"><div><h2>AI 可写工具</h2><p>默认全部关闭：逐项开启后，侧边栏 AI 才能在对应模块提交修改计划。计划只包含操作描述与 AI 简述；确认前系统会按当前数据库生成字段级明细（含修改前后值），执行时整体原子完成并再次校验权限、开关与目标版本，全程可在「AI 操作审批中心」追溯。AI 不能删除任何条目，也不能改写正文。</p></div><div class="card-actions"><button id="open-ai-approval-center-from-settings" class="ghost-button" type="button">打开 AI 操作审批中心</button></div></div><div class="ai-agent-tools ai-write-tools">${AI_WRITE_TOOLS_META.map((tool) => `<label><input name="ai-write-tool" type="checkbox" value="${esc(tool.id)}" ${writeToolsState?.[tool.id] === true ? "checked" : ""}><span><strong>${esc(tool.label)}</strong><small>${esc(tool.description)}</small></span></label>`).join("")}</div><p class="usage-measurement-note">${writeTools ? `当前单次审批最多 ${writeToolsMaxOperations} 个操作，可通过环境变量 AI_WRITE_PLAN_MAX_OPERATIONS 调整。` : "工具开关状态暂时无法加载，显示的勾选可能不是最新值。"}</p><div class="card-actions"><button id="save-ai-write-tools" class="ghost-button config-save-button" type="button">保存开关设置</button></div></section>`);
-  bindUsageCalendarInteractions(host);
-  scrollUsageCalendarsToLatest(host);
+  bindUsageCalendar(host, usage);
   host.querySelector('input[name="agent-tool"][value="search_story_entities"]').closest("label").insertAdjacentHTML(
     "beforebegin",
     `<label><input name="agent-tool" type="checkbox" value="grep" ${agentTools.has("grep") ? "checked" : ""}><span><strong>查询正文关键字</strong><small>从段落索引查询关键字，默认返回前 20 条完整段落和章节信息。</small></span></label>`
@@ -13693,7 +13759,7 @@ async function renderBookAiSettings() {
   );
   host.querySelector('input[name="agent-tool"][value="read_character_sections"]').closest("label").insertAdjacentHTML(
     "afterend",
-    `<label><input name="agent-tool" type="checkbox" value="semantic_search_story" ${agentTools.has("semantic_search_story") ? "checked" : ""} ${settings.semanticSearchEnabled ? "" : "disabled"}><span><strong>语义检索作品原文</strong><small>允许 Agent 显式调用 semantic_search_story；只影响保存后新建的对话，普通消息不会自动检索。</small></span></label>`
+    `<label><input name="agent-tool" type="checkbox" value="semantic_search_story" ${agentTools.has("semantic_search_story") ? "checked" : ""} ${settings.semanticSearchEnabled ? "" : "disabled"}><span><strong>语义检索作品原文（RAG）</strong><small>允许 Agent 显式调用 semantic_search_story；只影响保存后新建的对话，普通消息不会自动检索。</small></span></label>`
   );
   host.querySelector(".ai-agent-tools").insertAdjacentHTML(
     "beforeend",
@@ -20333,7 +20399,9 @@ $("#module-create-button").addEventListener("click", () => ({ drafts: openDraftD
 $("#ai-prompt").addEventListener("input", async () => {
   updateAiMentionMenu();
   setAiContextMeter(null);
-  if (!findAiMention(aiPromptTextBeforeCursor())) return;
+  const textBeforeCursor = aiPromptTextBeforeCursor();
+  if ($("#ai-task").value !== "roleplay" && findAiSkillCommand(textBeforeCursor)) return;
+  if (!findAiMention(textBeforeCursor)) return;
   try {
     await ensureAiReferencesLoaded();
     updateAiMentionMenu();
@@ -20463,6 +20531,7 @@ $("#ai-task").addEventListener("change", async (event) => {
     }
   }
   setAiContextMeter(null);
+  updateAiMentionMenu();
 });
 $("#ai-scope").addEventListener("change", (event) => {
   if (state.aiPromptSent) {
@@ -20473,6 +20542,8 @@ $("#ai-scope").addEventListener("change", (event) => {
   setAiContextMeter(null);
 });
 $("#ai-mention-menu").addEventListener("click", (event) => {
+  const skillButton = event.target.closest("[data-ai-skill-name]");
+  if (skillButton) return selectAiSkill(skillButton);
   const button = event.target.closest("[data-ai-reference-id]");
   if (button) selectAiMention(button);
 });
@@ -21016,7 +21087,8 @@ $("#ai-prompt").addEventListener("keydown", (event) => {
       const activeOption = $("#ai-mention-menu").querySelector('[role="option"][aria-selected="true"]');
       if (activeOption) {
         event.preventDefault();
-        selectAiMention(activeOption);
+        if (activeOption.dataset.aiSkillName) selectAiSkill(activeOption);
+        else selectAiMention(activeOption);
         return;
       }
     }

package/dist/public/index.html

@@ -9,7 +9,7 @@
     <script src="/theme-init.js?v=20260827-reader-prefetch-v1"></script>
     <link rel="icon" href="/icon.svg?v=20260712" type="image/svg+xml">
     <link rel="manifest" href="/site.webmanifest">
-    <link rel="stylesheet" href="/styles.css?v=20260816-task-scope-volume-collapse-v2&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v3&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=galaxy-compact-controls-v2&feature=galaxy-motion-mode-v2&feature=chapter-search-replace-v3&feature=task-auto-run-ring-center-v3&feature=character-relationship-delete-v1&feature=ai-assistant-workspace-v2&feature=mobile-module-tab-position-v1&feature=volume-detail-icon-v1&feature=editor-actions-flow-v1&feature=reader-controls-subpanel-v1&feature=reader-focus-ring-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v2&feature=ai-composer-square-controls-v2&feature=annotation-line-counts-v1&feature=chapter-comment-filters-v1&feature=line-number-gutter-fill-v1&feature=ai-relationship-roleplay-v1&feature=ai-model-picker-v1&feature=markdown-word-count-five-digit-v2&feature=ai-stream-character-count-stable-v1&feature=ai-stream-character-count-five-digit-v1&feature=annotation-marker-offset-v1&feature=mobile-ai-entry-hidden-v1&feature=phone-client-entry-v1&feature=ai-stream-idle-timeout-v1&feature=ai-user-message-width-v2&feature=ai-chat-image-attachments-v9&feature=ai-message-image-preview-v1&feature=ai-thinking-scroll-v2&feature=toast-click-dismiss-v3&feature=character-avatar-v6&feature=admin-ai-conversations-v1&feature=ai-usage-pricing-v1&feature=ai-usage-pricing-badge-v2&feature=ai-token-quota-positive-v5&feature=ai-token-usage-details-v1&feature=ai-token-usage-details-centered-v1&feature=ai-stream-connection-seconds-v1&feature=ai-token-usage-estimated-price-v1&feature=record-favorites-v1&feature=entity-detail-favorites-v1&feature=entity-pin-v1&feature=character-persona-summary-v1&feature=ai-roleplay-scene-turn-v1&feature=admin-account-identity-v2&feature=task-detail-failure-orange-v1&feature=character-card-header-alignment-v6&feature=character-card-title-fit-v2&feature=book-import-progress-v1&feature=editor-toolbar-compact-v2&feature=reader-first-frame-v1&feature=auth-compact-v2&feature=editor-preview-toggle-v2&feature=setting-title-chrome-v2&feature=entity-pin-icon-center-v1&feature=chapter-center-bottom-space-v1&feature=work-editor-preferences-v1&feature=ai-roleplay-memory-v2&feature=ai-roleplay-memory-v3&feature=ai-roleplay-memory-v5&feature=character-editor-header-actions-v1&feature=roleplay-memory-header-actions-v1&feature=roleplay-memory-header-toolbar-v1&feature=roleplay-memory-action-icons-v1&feature=roleplay-memory-action-colors-v1&feature=roleplay-memory-pin-border-v1&feature=ai-write-tools-v2&feature=ai-write-card-actions-compact-v1&feature=ai-write-plan-actions-footer-v1&feature=ai-question-actions-footer-v1&feature=ai-question-selection-highlight-v1&feature=ai-question-submit-guidance-v1&feature=ai-question-answer-limit-v1&feature=semantic-search-v6&feature=chapter-title-renumber-v1&feature=ai-writing-skills-v1&feature=remote-mcp-v1&feature=character-alias-chips-v2&feature=character-title-input-v1&feature=character-detail-value-wrap-v2">
+    <link rel="stylesheet" href="/styles.css?v=20260816-task-scope-volume-collapse-v2&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v3&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=galaxy-compact-controls-v2&feature=galaxy-motion-mode-v2&feature=chapter-search-replace-v3&feature=task-auto-run-ring-center-v3&feature=character-relationship-delete-v1&feature=ai-assistant-workspace-v2&feature=mobile-module-tab-position-v1&feature=volume-detail-icon-v1&feature=editor-actions-flow-v1&feature=reader-controls-subpanel-v1&feature=reader-focus-ring-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v2&feature=ai-composer-square-controls-v2&feature=annotation-line-counts-v1&feature=chapter-comment-filters-v1&feature=line-number-gutter-fill-v1&feature=ai-relationship-roleplay-v1&feature=ai-model-picker-v1&feature=markdown-word-count-five-digit-v2&feature=ai-stream-character-count-stable-v1&feature=ai-stream-character-count-five-digit-v1&feature=annotation-marker-offset-v1&feature=mobile-ai-entry-hidden-v1&feature=phone-client-entry-v1&feature=ai-stream-idle-timeout-v1&feature=ai-user-message-width-v2&feature=ai-chat-image-attachments-v9&feature=ai-message-image-preview-v1&feature=ai-thinking-scroll-v2&feature=toast-click-dismiss-v3&feature=character-avatar-v6&feature=admin-ai-conversations-v1&feature=ai-usage-pricing-v1&feature=ai-usage-pricing-badge-v2&feature=ai-token-quota-positive-v5&feature=ai-token-usage-details-v1&feature=ai-token-usage-details-centered-v1&feature=ai-stream-connection-seconds-v1&feature=ai-token-usage-estimated-price-v1&feature=record-favorites-v1&feature=entity-detail-favorites-v1&feature=entity-pin-v1&feature=character-persona-summary-v1&feature=ai-roleplay-scene-turn-v1&feature=admin-account-identity-v2&feature=task-detail-failure-orange-v1&feature=character-card-header-alignment-v6&feature=character-card-title-fit-v2&feature=book-import-progress-v1&feature=editor-toolbar-compact-v2&feature=reader-first-frame-v1&feature=auth-compact-v2&feature=editor-preview-toggle-v2&feature=setting-title-chrome-v2&feature=entity-pin-icon-center-v1&feature=chapter-center-bottom-space-v1&feature=work-editor-preferences-v1&feature=ai-roleplay-memory-v2&feature=ai-roleplay-memory-v3&feature=ai-roleplay-memory-v5&feature=character-editor-header-actions-v1&feature=roleplay-memory-header-actions-v1&feature=roleplay-memory-header-toolbar-v1&feature=roleplay-memory-action-icons-v1&feature=roleplay-memory-action-colors-v1&feature=roleplay-memory-pin-border-v1&feature=ai-write-tools-v2&feature=ai-write-card-actions-compact-v1&feature=ai-write-plan-actions-footer-v1&feature=ai-question-actions-footer-v1&feature=ai-question-selection-highlight-v1&feature=ai-question-submit-guidance-v1&feature=ai-question-answer-limit-v1&feature=semantic-search-v6&feature=chapter-title-renumber-v1&feature=ai-writing-skills-v1&feature=remote-mcp-v1&feature=character-alias-chips-v2&feature=character-title-input-v1&feature=character-detail-value-wrap-v2&feature=ai-settings-textarea-font-v1&feature=ai-usage-stat-display-v1&feature=ai-usage-year-v1&feature=ai-skill-slash-menu-v1">
   </head>
   <body class="auth-pending">
     <section id="auth-view" class="auth-view hidden" aria-labelledby="auth-title">
@@ -351,7 +351,7 @@
           <div id="ai-feed" class="ai-feed" role="tabpanel">
             <div class="assistant-message">
               <span>助手</span>
-              <div class="message-body"><p>选择章节和模型后即可开始问答；提到续写或润色时会自动加载对应 Skill，也可用 /continue-writing 或 /polish-writing 强制加载。所有引用都基于已保存正文。</p></div>
+              <div class="message-body"><p>选择章节和模型后即可开始问答；所有引用都基于已保存正文。</p></div>
             </div>
           </div>
         </div>
@@ -1322,6 +1322,6 @@
     </dialog>
 
     <div id="auth-loading" class="auth-loading" role="status" aria-label="正在载入工作台"></div>
-    <script type="module" src="/app.js?v=20260816-extended-thinking-effort-v1&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v2&feature=analysis-task-queue-refresh-v1&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=ai-session-id-copy-v2&feature=galaxy-motion-mode-v3&feature=galaxy-edge-label-threshold-v1&feature=calculate-time-tool-v2&feature=analysis-task-expired-toast-v1&feature=global-replace-volume-v1&feature=chapter-search-replace-v1&feature=chapter-save-toast-v1&feature=character-relationship-delete-v1&feature=character-relationship-group-v1&feature=analysis-task-stability-delay-v1&feature=ai-assistant-workspace-v2&feature=volume-detail-icon-v1&feature=volume-story-order-v1&feature=reader-manual-chapter-navigation-v1&feature=ai-message-reference-badges-v1&feature=ai-roleplay-message-reference-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v3&feature=annotation-permissions-v1&feature=annotation-line-counts-v1&feature=ai-relationship-roleplay-v1&feature=ai-roleplay-user-character-visibility-v1&feature=ai-roleplay-story-recall-v1&feature=ai-model-picker-v1&feature=ai-fork-model-unlock-v1&feature=context-percent-format-v1&feature=annotation-precise-locate-v1&feature=markdown-word-count-stable-v1&feature=ai-stream-character-count-stable-v2&feature=ai-process-empty-intermediate-v1&feature=ai-feed-scroll-follow-v1&feature=ai-message-retry-v1&feature=ai-stream-idle-timeout-v2&feature=ai-config-delete-v1&feature=ai-provider-protocol-options-v1&feature=ai-provider-thinking-type-v1&feature=ai-chat-image-attachments-v8&feature=ai-message-image-preview-v1&feature=ai-thinking-scroll-v2&feature=ai-image-conversation-model-lock-v1&feature=toast-click-dismiss-v2&feature=system-restart-dialog-delay-v1&feature=character-avatar-v6&feature=character-death-position-v1&feature=admin-ai-conversations-v1&feature=ai-usage-pricing-v1&feature=ai-usage-pricing-badge-v2&feature=ai-usage-pricing-label-v1&feature=ai-usage-token-breakdown-v1&feature=ai-usage-pricing-cache-v2&feature=ai-usage-pricing-manual-refresh-v1&feature=ai-monthly-token-quota-v1&feature=ai-provider-token-quota-v1&feature=ai-token-quota-positive-v6&feature=ai-model-thinking-label-v1&feature=ai-model-picker-focus-v1&feature=ai-provider-model-import-v1&feature=ai-assistant-brain-icon-v1&feature=ai-token-usage-details-v1&feature=ai-token-usage-details-centered-v1&feature=ai-token-usage-raw-input-v1&feature=ai-stream-connection-seconds-v1&feature=phone-client-entry-v1&feature=ai-usage-pricing-cache-v1&feature=ai-model-thinking-label-v3&feature=ai-roleplay-speaker-label-v1&feature=toast-modal-host-v1&feature=api-key-copy-existing-v1&feature=character-favorite-v1&feature=record-favorites-v1&feature=ai-token-usage-estimated-price-v1&feature=entity-detail-favorites-v1&feature=entity-pin-v1&feature=entity-pin-icon-v1&feature=roleplay-favorite-label-v1&feature=ai-roleplay-knowledge-tools-v1&feature=character-persona-summary-v1&feature=ai-roleplay-scene-turn-v2&feature=admin-account-identity-v2&feature=ai-provider-analysis-timeout-v1&feature=task-detail-failure-orange-v1&feature=book-import-progress-v1&feature=presence-multiple-users-v1&feature=ai-context-input-output-v1&feature=editor-blank-lines-preserved-v1&feature=reader-first-frame-v1&feature=vditor-lazy-load-v1&feature=ui-module-preload-v1&feature=reader-initial-prefetch-v1&feature=editor-preview-toggle-v2&feature=vditor-fullscreen-disabled-v1&feature=chapter-auto-indent-v1&feature=chapter-centered-scroll-v1&feature=work-editor-preferences-v1&feature=ai-context-output-usage-v1&feature=ai-roleplay-memory-v4&feature=ai-roleplay-memory-v5&feature=roleplay-memory-header-actions-v1&feature=roleplay-memory-header-toolbar-v1&feature=roleplay-memory-action-icons-v1&feature=roleplay-memory-action-colors-v1&feature=annotation-line-anchor-v1&feature=stable-line-ids-v1&feature=live-annotation-anchors-v1&feature=chapter-comment-filters-v1&feature=ai-write-tools-v3&feature=ai-question-option-supplement-v1&feature=ai-question-selection-highlight-v1&feature=ai-question-continuation-ui-v1&feature=ai-question-tool-result-v1&feature=ai-question-submit-guidance-v1&feature=ai-question-answer-limit-v1&feature=semantic-search-v6&feature=chapter-title-renumber-v1&feature=ai-writing-skills-v3&feature=ai-cancel-preserve-process-v2&feature=remote-mcp-v1&feature=character-alias-chips-v2&feature=character-title-input-v1&feature=character-detail-value-wrap-v2&feature=chapter-batch-editor-refresh-v1"></script>
+    <script type="module" src="/app.js?v=20260816-extended-thinking-effort-v1&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v2&feature=analysis-task-queue-refresh-v1&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=ai-session-id-copy-v2&feature=galaxy-motion-mode-v3&feature=galaxy-edge-label-threshold-v1&feature=calculate-time-tool-v2&feature=analysis-task-expired-toast-v1&feature=global-replace-volume-v1&feature=chapter-search-replace-v1&feature=chapter-save-toast-v1&feature=character-relationship-delete-v1&feature=character-relationship-group-v1&feature=analysis-task-stability-delay-v1&feature=ai-assistant-workspace-v2&feature=volume-detail-icon-v1&feature=volume-story-order-v1&feature=reader-manual-chapter-navigation-v1&feature=ai-message-reference-badges-v1&feature=ai-roleplay-message-reference-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v3&feature=annotation-permissions-v1&feature=annotation-line-counts-v1&feature=ai-relationship-roleplay-v1&feature=ai-roleplay-user-character-visibility-v1&feature=ai-roleplay-story-recall-v1&feature=ai-model-picker-v1&feature=ai-fork-model-unlock-v1&feature=context-percent-format-v1&feature=annotation-precise-locate-v1&feature=markdown-word-count-stable-v1&feature=ai-stream-character-count-stable-v2&feature=ai-process-empty-intermediate-v1&feature=ai-feed-scroll-follow-v1&feature=ai-message-retry-v1&feature=ai-stream-idle-timeout-v2&feature=ai-config-delete-v1&feature=ai-provider-protocol-options-v1&feature=ai-provider-thinking-type-v1&feature=ai-chat-image-attachments-v8&feature=ai-message-image-preview-v1&feature=ai-thinking-scroll-v2&feature=ai-image-conversation-model-lock-v1&feature=toast-click-dismiss-v2&feature=system-restart-dialog-delay-v1&feature=character-avatar-v6&feature=character-death-position-v1&feature=admin-ai-conversations-v1&feature=ai-usage-pricing-v1&feature=ai-usage-pricing-badge-v2&feature=ai-usage-pricing-label-v1&feature=ai-usage-token-breakdown-v1&feature=ai-usage-pricing-cache-v2&feature=ai-usage-pricing-manual-refresh-v1&feature=ai-monthly-token-quota-v1&feature=ai-provider-token-quota-v1&feature=ai-token-quota-positive-v6&feature=ai-model-thinking-label-v1&feature=ai-model-picker-focus-v1&feature=ai-provider-model-import-v1&feature=ai-assistant-brain-icon-v1&feature=ai-token-usage-details-v1&feature=ai-token-usage-details-centered-v1&feature=ai-token-usage-raw-input-v1&feature=ai-stream-connection-seconds-v1&feature=phone-client-entry-v1&feature=ai-usage-pricing-cache-v1&feature=ai-model-thinking-label-v3&feature=ai-roleplay-speaker-label-v1&feature=toast-modal-host-v1&feature=api-key-copy-existing-v1&feature=character-favorite-v1&feature=record-favorites-v1&feature=ai-token-usage-estimated-price-v1&feature=entity-detail-favorites-v1&feature=entity-pin-v1&feature=entity-pin-icon-v1&feature=roleplay-favorite-label-v1&feature=ai-roleplay-knowledge-tools-v1&feature=character-persona-summary-v1&feature=ai-roleplay-scene-turn-v2&feature=admin-account-identity-v2&feature=ai-provider-analysis-timeout-v1&feature=task-detail-failure-orange-v1&feature=book-import-progress-v1&feature=presence-multiple-users-v1&feature=ai-context-input-output-v1&feature=editor-blank-lines-preserved-v1&feature=reader-first-frame-v1&feature=vditor-lazy-load-v1&feature=ui-module-preload-v1&feature=reader-initial-prefetch-v1&feature=editor-preview-toggle-v2&feature=vditor-fullscreen-disabled-v1&feature=chapter-auto-indent-v1&feature=chapter-centered-scroll-v1&feature=work-editor-preferences-v1&feature=ai-context-output-usage-v1&feature=ai-roleplay-memory-v4&feature=ai-roleplay-memory-v5&feature=roleplay-memory-header-actions-v1&feature=roleplay-memory-header-toolbar-v1&feature=roleplay-memory-action-icons-v1&feature=roleplay-memory-action-colors-v1&feature=annotation-line-anchor-v1&feature=stable-line-ids-v1&feature=live-annotation-anchors-v1&feature=chapter-comment-filters-v1&feature=ai-write-tools-v3&feature=ai-question-option-supplement-v1&feature=ai-question-selection-highlight-v1&feature=ai-question-continuation-ui-v1&feature=ai-question-tool-result-v1&feature=ai-question-submit-guidance-v1&feature=ai-question-answer-limit-v1&feature=semantic-search-v6&feature=chapter-title-renumber-v1&feature=ai-writing-skills-v3&feature=ai-cancel-preserve-process-v2&feature=remote-mcp-v1&feature=character-alias-chips-v2&feature=character-title-input-v1&feature=character-detail-value-wrap-v2&feature=chapter-batch-editor-refresh-v1&feature=ai-usage-stat-display-v1&feature=ai-usage-year-v1&feature=semantic-search-rag-label-v1&feature=ai-skill-slash-menu-v1"></script>
   </body>
 </html>

package/dist/public/styles.css

@@ -697,14 +697,35 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .usage-stat > span { color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
 .usage-stat-label > span:first-child { min-width: 0; overflow: hidden; color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: .06em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
 .usage-cost-bubble { flex: 0 0 auto; max-width: 100%; padding: 6px 10px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--accent) 62%, var(--line)); border-radius: 999px; background: color-mix(in srgb, var(--accent) 22%, var(--surface)); box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent-dark); font: 700 10px/1.1 var(--font-latin), var(--font-cjk), monospace; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
-.usage-stat strong { margin: 10px 0 5px; overflow: hidden; color: var(--ink); font: 600 clamp(23px, 2.8vw, 34px)/1 var(--font-latin), ui-monospace, monospace; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
+.usage-stat strong { margin: 10px 0 5px; overflow: hidden; color: var(--ink); font: 600 clamp(21px, 2.5vw, 30px)/1 var(--font-latin), ui-monospace, monospace; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
 .usage-stat.is-primary strong { color: var(--accent-dark); }
 .usage-stat small { overflow-wrap: anywhere; color: var(--muted); font-size: 9px; line-height: 1.45; }
 .usage-measurement-note { margin: 11px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
 .usage-calendar-section, .usage-work-section { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }
 .usage-calendar-section > header, .usage-work-section > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
+.usage-calendar-section > header { align-items: flex-start; }
 .usage-calendar-section h3, .usage-work-section h3 { margin: 0 0 4px; font-size: 15px; font-weight: 650; }
 .usage-calendar-section header p, .usage-work-section header p { margin: 0; color: var(--muted); font-size: 10px; }
+.usage-calendar-year-select {
+  appearance: none;
+  -webkit-appearance: none;
+  flex: 0 0 auto;
+  min-width: 78px;
+  min-height: 30px;
+  padding: 5px 27px 5px 9px;
+  border: 1px solid var(--line);
+  border-radius: 4px;
+  background-color: var(--surface);
+  background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
+  background-position: right 13px center, right 9px center;
+  background-repeat: no-repeat;
+  background-size: 4px 4px, 4px 4px;
+  color: var(--ink);
+  font: 10px/1.2 var(--font-latin), var(--font-cjk), monospace;
+  cursor: pointer;
+}
+.usage-calendar-year-select:focus-visible { border-color: var(--accent); outline: 2px solid color-mix(in srgb, var(--accent) 18%, transparent); outline-offset: 1px; }
+.usage-calendar-empty { margin: 0; padding: 24px 18px; border: 1px dashed var(--line); border-radius: 6px; color: var(--muted); font-size: 10px; text-align: center; }
 .usage-calendar-widget { position: relative; }
 .usage-calendar-scroll { max-width: 100%; padding: 10px 12px 12px; overflow-x: auto; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
 .usage-calendar-scroll:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@@ -738,8 +759,8 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .usage-calendar-cell[data-level="2"], .usage-calendar-legend i[data-level="2"] { border-color: color-mix(in srgb, var(--accent) 46%, var(--line)); background: color-mix(in srgb, var(--accent) 42%, var(--surface)); }
 .usage-calendar-cell[data-level="3"], .usage-calendar-legend i[data-level="3"] { border-color: color-mix(in srgb, var(--accent) 72%, var(--line)); background: color-mix(in srgb, var(--accent) 70%, var(--surface)); }
 .usage-calendar-cell[data-level="4"], .usage-calendar-legend i[data-level="4"] { border-color: var(--accent-dark); background: var(--accent-dark); }
-.usage-calendar-cell.is-future { border-color: transparent; background: transparent; cursor: default; }
-.usage-calendar-cell:hover, .usage-calendar-cell:focus-visible { position: relative; z-index: 1; border-color: var(--ink); outline: 2px solid color-mix(in srgb, var(--ink) 48%, transparent); outline-offset: 1px; }
+.usage-calendar-cell.is-future, .usage-calendar-cell.is-outside-year { border-color: transparent; background: transparent; cursor: default; }
+button.usage-calendar-cell:hover, button.usage-calendar-cell:focus-visible { position: relative; z-index: 1; border-color: var(--ink); outline: 2px solid color-mix(in srgb, var(--ink) 48%, transparent); outline-offset: 1px; }
 .usage-calendar-tooltip { position: absolute; z-index: 4; width: max-content; max-width: min(280px, calc(100% - 16px)); padding: 7px 9px; border: 1px solid color-mix(in srgb, var(--ink) 24%, transparent); border-radius: 5px; background: color-mix(in srgb, var(--ink) 94%, transparent); box-shadow: 0 8px 22px rgba(0,0,0,.22); color: var(--panel); font: 10px/1.45 var(--font-latin), var(--font-cjk), monospace; overflow-wrap: anywhere; text-align: center; pointer-events: none; transform: translate(-50%, -100%); }
 .usage-calendar-tooltip[data-placement="bottom"] { transform: translateX(-50%); }
 .usage-calendar-tooltip[hidden] { display: none; }
@@ -3156,6 +3177,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .ai-mention-option:hover, .ai-mention-option:focus-visible, .ai-mention-option.is-active { background: var(--paper-deep); }
 .ai-mention-option small { color: var(--accent); font-size: 8px; }
 .ai-mention-option strong { overflow: hidden; font-size: 10px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
+.ai-skill-option > span { display: grid; gap: 2px; min-width: 0; }
+.ai-skill-option em { color: var(--muted); font-size: 9px; font-style: normal; line-height: 1.35; overflow-wrap: anywhere; }
 .ai-mention-empty { margin: 0; padding: 10px; color: var(--muted); font-size: 10px; text-align: center; }
 .ai-prompt { display: block; width: 100%; min-height: 104px; margin: 0; padding: 10px 10px 44px; overflow-y: auto; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--ink); font-size: 12px; line-height: 1.45; white-space: pre-wrap; word-break: break-word; cursor: text; }
 .ai-prompt:empty::before { color: var(--muted); content: attr(data-placeholder); pointer-events: none; }
@@ -4519,6 +4542,7 @@ body { font-size: var(--ui-font-size); }
 .eyebrow, .field-label, .dialog-header-meta, .settings-hub-card small, .book-card small, .book-info > span { font-size: calc(10px * var(--ui-font-scale)); }
 .panel-heading, .dialog-fields label, .dialog-fields .form-field-note, .appearance-grid label,
 .config-section-header p, .config-section .config-save-button { font-size: calc(11px * var(--ui-font-scale)); }
+#work-system-prompt, #remote-mcp-config { font-size: calc(11px * var(--ui-font-scale)); }
 .settings-hub-card strong, .book-info strong { font-size: calc(16px * var(--ui-font-scale)); }
 .shelf-header p, .topbar { font-size: var(--ui-font-size); }
 .appearance-grid select, .dialog-fields input, .dialog-fields textarea, .dialog-fields select { font-size: calc(13px * var(--ui-font-scale)); }
@@ -4550,6 +4574,7 @@ body { font-size: var(--ui-font-size); }
 .ai-context-warning p, .ai-context-warning button { font-size: calc(9px * var(--ai-font-scale)); }
 .prompt-options select, .ai-model-popover > label, .ai-model-option-copy strong, .ai-model-options-empty, .ai-mention-option strong, .ai-mention-empty { font-size: calc(10px * var(--ai-font-scale)); }
 .ai-mention-option small { font-size: calc(8px * var(--ai-font-scale)); }
+.ai-skill-option em { font-size: calc(9px * var(--ai-font-scale)); }
 .ai-prompt { font-size: var(--ai-font-size); }
 .ai-scene-panel label { font-size: calc(9px * var(--ai-font-scale)); }
 .ai-scene-panel input, .ai-scene-panel textarea { font-size: calc(10px * var(--ai-font-scale)); }

package/dist/version.js

@@ -1,4 +1,4 @@
-export const APP_VERSION = "0.9.6";
+export const APP_VERSION = "0.9.7";
 export const SCRIVERSE_BETA_COMMIT_ENV = "SCRIVERSE_BETA_COMMIT";
 export function resolveBetaVersionLabel(environment) {
     const commit = environment[SCRIVERSE_BETA_COMMIT_ENV]?.trim().toLocaleLowerCase() ?? "";