@waterwx/dsh-novel-forge 1.7.2 → 1.8.0

package/src/author-assets.ts

@@ -0,0 +1,166 @@
+/**
+ * 作者资产库/总数据（跨书）— 按作者维度聚合的可复用资产。
+ * 与书架同惯例持久化到 ~/.dsh/dsh-novel-forge-author-assets.json。
+ * 提供读取/持久化/新增或更新/删除，以及「导入默认」：把书架书的写作资产/角色 + 
+ * 内置全局库（题材/反AI规则/风格模板/推进模式）批量沉淀成资产条目（默认库）。
+ */
+
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs'
+import { homedir } from 'node:os'
+import { join } from 'node:path'
+import { randomBytes } from 'node:crypto'
+import type { AuthorAssetLibrary, AuthorStyleAsset, GenreNode, AntiAiRule, StyleTemplate, ProgressionMode } from './protocol.ts'
+import { BUILTIN_ANTI_AI_RULES, BUILTIN_GENRE_LIBRARY, BUILTIN_PROGRESSION_MODES, BUILTIN_STYLE_TEMPLATES } from './assets.ts'
+import { loadBookshelf } from './bookshelf.ts'
+import { loadProject } from './engine.ts'
+
+/** 作者资产库配置文件路径。 */
+export function authorAssetsFile(): string {
+  return join(homedir(), '.dsh', 'dsh-novel-forge-author-assets.json')
+}
+
+/** 默认空资产库。 */
+function defaultLibrary(): AuthorAssetLibrary {
+  return { version: 1, items: [] }
+}
+
+/** 读取作者资产库（不存在/损坏则返回空库，不抛错）。 */
+export function loadAuthorAssets(): AuthorAssetLibrary {
+  const file = authorAssetsFile()
+  if (!existsSync(file)) return defaultLibrary()
+  try {
+    let raw = readFileSync(file, 'utf8')
+    if (raw.charCodeAt(0) === 0xFEFF) raw = raw.slice(1)
+    const parsed = JSON.parse(raw) as Partial<AuthorAssetLibrary>
+    if (!Array.isArray(parsed.items)) return defaultLibrary()
+    return { version: 1, items: parsed.items }
+  } catch {
+    return defaultLibrary()
+  }
+}
+
+/** 持久化作者资产库。 */
+export function saveAuthorAssets(library: AuthorAssetLibrary): void {
+  const file = authorAssetsFile()
+  mkdirSync(join(homedir(), '.dsh'), { recursive: true })
+  writeFileSync(file, JSON.stringify(library, null, 2), 'utf8')
+}
+
+/** 新建一条资产（自动生成 id 与时间戳）。 */
+export function createAuthorAsset(input: Omit<AuthorStyleAsset, 'id' | 'createdAt' | 'updatedAt'>): AuthorStyleAsset {
+  const now = new Date().toISOString()
+  const asset: AuthorStyleAsset = {
+    ...input,
+    id: 'aa-' + Date.now().toString(36) + '-' + randomBytes(3).toString('hex'),
+    sourceBooks: input.sourceBooks ?? [],
+    tags: input.tags ?? [],
+    createdAt: now,
+    updatedAt: now,
+  }
+  const library = loadAuthorAssets()
+  library.items.push(asset)
+  saveAuthorAssets(library)
+  return asset
+}
+
+/** 按 id 更新一条资产；不存在则追加。 */
+export function upsertAuthorAsset(input: AuthorStyleAsset): AuthorAssetLibrary {
+  const library = loadAuthorAssets()
+  const idx = library.items.findIndex(a => a.id === input.id)
+  const now = new Date().toISOString()
+  if (idx >= 0) {
+    const prev = library.items[idx]
+    if (prev !== undefined) {
+      library.items[idx] = {
+        ...prev,
+        ...input,
+        id: prev.id,
+        createdAt: prev.createdAt,
+        updatedAt: now,
+      }
+    }
+  } else {
+    library.items.push({ ...input, createdAt: input.createdAt !== '' ? input.createdAt : now, updatedAt: now })
+  }
+  saveAuthorAssets(library)
+  return library
+}
+
+/** 删除一条资产；返回更新后的资产库。 */
+export function removeAuthorAsset(id: string): AuthorAssetLibrary {
+  const library = loadAuthorAssets()
+  library.items = library.items.filter(a => a.id !== id)
+  saveAuthorAssets(library)
+  return library
+}
+
+/**
+ * 导入默认：把书架所有书的写作资产/角色 + 内置全局库批量沉淀到作者资产库。
+ * 按 `kind:name` 去重（已存在则跳过），不覆盖用户已有条目。
+ * @returns 更新后的资产库。
+ */
+export function importDefaultAuthorAssets(): AuthorAssetLibrary {
+  const library = loadAuthorAssets()
+  const seen = new Set(library.items.map(a => a.kind + ':' + a.name))
+  const now = new Date().toISOString()
+  const push = (kind: AuthorStyleAsset['kind'], name: string, summary: string, content: string, tags: string[], sourceBooks: string[], structured?: Record<string, unknown>): void => {
+    const key = kind + ':' + name.trim()
+    if (name.trim() === '' || seen.has(key)) return
+    seen.add(key)
+    library.items.push({
+      id: 'aa-' + Date.now().toString(36) + '-' + randomBytes(3).toString('hex'),
+      kind, name: name.trim(), summary: summary.trim(), content: content.trim(),
+      sourceBooks, tags, structured, createdAt: now, updatedAt: now,
+    });
+  };
+
+  // 1) 内置全局库
+  for (const g of flattenGenres(BUILTIN_GENRE_LIBRARY)) {
+    push('genre', g.name, g.description, g.description, ['内置', '题材'], [], { description: g.description, children: (g.children ?? []).map(c => c.name) });
+  }
+  for (const r of BUILTIN_ANTI_AI_RULES) {
+    push('antiAi', r.name, r.avoid, '避免：' + r.avoid + '\n修正：' + r.fix, ['内置', '反AI'], [], { avoid: r.avoid, fix: r.fix, detectPatterns: r.detectPatterns });
+  }
+  for (const t of BUILTIN_STYLE_TEMPLATES) {
+    push('style', t.name, t.description, 
+      '分类：' + t.category + '\n适用：' + t.applicableGenres.join('、') + '\n叙述：' + t.proseRules.join('；') + '\n台词：' + t.dialogueRules.join('；') + '\n语言：' + t.languageRules.join('；') + '\n节奏：' + t.rhythmRules.join('；'),
+      ['内置', '风格模板'], [], { category: t.category, applicableGenres: t.applicableGenres });
+  }
+  for (const p of BUILTIN_PROGRESSION_MODES) {
+    push('progression', p.name, p.driver, '驱动：' + p.driver + '\n期待：' + p.readerExpectation + '\n兑现：' + p.payoffs.join('；') + '\n风险：' + p.risks.join('；'), ['内置', '推进'], [], { driver: p.driver, primary: p.primary });
+  }
+
+  // 2) 书架里的书：写作资产 + 角色模板
+  const shelf = loadBookshelf()
+  for (const book of shelf.books) {
+    const project = loadProject(book.outputDir)
+    if (project === undefined) continue
+    const src = [project.bookName]
+    const assets = project.assets
+    if (assets !== undefined) {
+      if (assets.genre !== undefined) push('genre', assets.genre.name, assets.genre.description, assets.genre.description, ['书', '题材'], src, { description: assets.genre.description });
+      if (assets.primaryProgression !== undefined) push('progression', assets.primaryProgression.name, assets.primaryProgression.driver, '驱动：' + assets.primaryProgression.driver + '\n期待：' + assets.primaryProgression.readerExpectation, src, [], { driver: assets.primaryProgression.driver, primary: true });
+      for (const p of assets.auxiliaryProgressions ?? []) push('progression', p.name, p.driver, '驱动：' + p.driver + '\n期待：' + p.readerExpectation, src, [], { driver: p.driver, primary: false });
+      for (const r of assets.antiAiRules ?? []) push('antiAi', r.name, r.avoid, '避免：' + r.avoid + '\n修正：' + r.fix, src, [], { avoid: r.avoid, fix: r.fix, detectPatterns: r.detectPatterns });
+      for (const s of assets.styleAssets ?? []) push('style', s.name, s.proseRules.join('；'), 
+        '叙述：' + s.proseRules.join('；') + '\n台词：' + s.dialogueRules.join('；') + '\n描写：' + s.descriptionRules.join('；') + '\n边界：' + s.boundaries.join('；'), src, [], { sourceText: s.sourceText });
+    }
+    for (const role of project.roles ?? []) {
+      const persona = ('身份：' + role.identity + '\n性格：' + role.traits.join('、') + '\n目标：' + role.goals + '\n关系：' + role.relations.join('、') + '\n成长线：' + (role.arc.length > 0 ? role.arc.join(' > ') : '—') + '\n知情度：' + role.knowledge.join('、')).trim();
+      push('roleTemplate', role.name, role.identity, persona, src, [], { roleLabel: role.roleLabel, traits: role.traits, relations: role.relations, arc: role.arc, knowledge: role.knowledge });
+    }
+  }
+
+  saveAuthorAssets(library)
+  return library
+}
+
+/** 拍平题材库（含子题材，父级名称并入 tag）。 */
+function flattenGenres(nodes: GenreNode[], parentName?: string): GenreNode[] {
+  const out: GenreNode[] = []
+  for (const n of nodes) {
+    out.push({ ...n, name: parentName !== undefined ? parentName + '/' + n.name : n.name });
+    if (n.children.length > 0) out.push(...flattenGenres(n.children, parentName !== undefined ? parentName + '/' + n.name : n.name));
+  }
+  return out
+}

package/src/client/api.ts

@@ -461,4 +461,45 @@ export class NovelApi {
   async assistantClear(): Promise<{ ok: boolean }> {
     return postJson<{ ok: boolean }>(NOVEL_API.assistantClear, {})
   }
+
+  /** 作者资产库/总数据：读取跨书可复用资产。 */
+  async authorAssets(): Promise<import('../protocol.ts').AuthorAssetsResponse> {
+    const response = await fetch(NOVEL_API.authorAssets)
+    return readJson<import('../protocol.ts').AuthorAssetsResponse>(response)
+  }
+
+  /** 作者资产库：新增/更新一条资产（upsert by id）。 */
+  async authorAssetsUpsert(asset: import('../protocol.ts').AuthorStyleAsset): Promise<import('../protocol.ts').AuthorAssetsResponse> {
+    return postJson<import('../protocol.ts').AuthorAssetsResponse>(NOVEL_API.authorAssetsUpsert, { asset })
+  }
+
+  /** 作者资产库：删除一条资产。 */
+  async authorAssetsRemove(id: string): Promise<import('../protocol.ts').AuthorAssetsResponse> {
+    return postJson<import('../protocol.ts').AuthorAssetsResponse>(NOVEL_API.authorAssetsRemove, { id })
+  }
+
+  /** 作者资产库：导入默认（书架书的写作资产/角色 + 内置全局库）批量沉淀。 */
+  async authorAssetsImportDefault(): Promise<import('../protocol.ts').AuthorAssetsResponse> {
+    return postJson<import('../protocol.ts').AuthorAssetsResponse>(NOVEL_API.authorAssetsImportDefault, {})
+  }
+
+  /** 改编模式 P0：上传全文 → 原文设定卡片 / 可改范围矩阵。 */
+  async adaptAnalyze(text: string, filePath?: string): Promise<import('../protocol.ts').AdaptAnalyzeResponse> {
+    return postJson<import('../protocol.ts').AdaptAnalyzeResponse>(NOVEL_API.adaptAnalyze, { text, filePath })
+  }
+
+  /** 改编模式 P1：确认要改的维度 → 生成映射表/改编规则/联动影响清单。 */
+  async adaptPropose(req: import('../protocol.ts').AdaptProposeRequest): Promise<import('../protocol.ts').AdaptProposeResponse> {
+    return postJson<import('../protocol.ts').AdaptProposeResponse>(NOVEL_API.adaptPropose, req)
+  }
+
+  /** 改编模式 P2：执行术语替换（全局替换 + 命中统计 + 改编文本预览）。 */
+  async adaptExecute(req: import('../protocol.ts').AdaptExecuteRequest): Promise<import('../protocol.ts').AdaptExecuteResponse> {
+    return postJson<import('../protocol.ts').AdaptExecuteResponse>(NOVEL_API.adaptExecute, req)
+  }
+
+  /** 主题自定义背景：上传图片，服务端存盘并返回可访问 URL。 */
+  async themeBackgroundUpload(dataUrl: string): Promise<{ url: string }> {
+    return postJson<{ url: string }>(NOVEL_API.themeBackgroundUpload, { dataUrl })
+  }
 }

package/src/client/mount.tsx._new

@@ -0,0 +1,97 @@
+/**
+ * Panel view mounting — mirrors the family plugins: a container appended
+ * inside the conversation grid item, hidden while inactive; toggling is a
+ * data attribute on <html>, with cross-plugin activation events.
+ */
+import { createRoot, type Root } from 'react-dom/client'
+import type { NovelApi } from './api.ts'
+import type { PanelController } from './panel/controller.ts'
+import { NovelPanel } from './panel/NovelPanel.tsx'
+import css from './panel/panel.module.css'
+
+/** The injected panel container. */
+export const PANEL_VIEW_SELECTOR = '[data-dsh-novelforge-view]'
+
+const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]'
+const ACTIVE_ATTR = 'data-dsh-novelforge-active'
+/** Sibling panels' activation attributes (evicted when this panel opens). */
+const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
+/** Cross-plugin activation event; detail is the activating panel name. */
+const ACTIVATE_EVENT = 'dsh-panel-activate'
+const PANEL_NAME = 'novelforge'
+
+/** Find the center column, or undefined while the frame is not mounted. */
+function conversationColumn(): HTMLElement | undefined {
+  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
+}
+
+/**
+ * Mount the panel React tree into the center column and bind visibility to
+ * the controller.
+ */
+export function mountPanel(controller: PanelController, api: NovelApi): () => void {
+  let root: Root | undefined
+  let container: HTMLDivElement | undefined
+
+  const ensure = (): void => {
+    if (container !== undefined) {
+      if (container.isConnected) return
+      root?.unmount()
+      root = undefined
+      container.remove()
+      container = undefined
+    }
+    const column = conversationColumn()
+    if (column === undefined) return
+    container = document.createElement('div')
+    container.dataset.dshNovelforgeView = 'true'
+    container.className = css.view
+    column.appendChild(container)
+    root = createRoot(container)
+    root.render(<NovelPanel controller={controller} api={api} />)
+  }
+
+  const waitObserver = new MutationObserver(() => { ensure() })
+  waitObserver.observe(document.body, { childList: true, subtree: true })
+
+  const applyActive = (): void => {
+    if (controller.getSnapshot().panelOpen) {
+      for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr)
+      document.documentElement.setAttribute(ACTIVE_ATTR, '')
+      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }))
+    } else {
+      document.documentElement.removeAttribute(ACTIVE_ATTR)
+    }
+  }
+  const onOtherActivate = (event: Event): void => {
+    const detail = (event as CustomEvent).detail
+    if ((detail === 'taskboard' || detail === 'ssh') && controller.getSnapshot().panelOpen) {
+      controller.close()
+    }
+  }
+  // Jump out on sidebar context clicks.
+  const SIDEBAR_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="searchResultWorkspace"], [class*="newSession"]'
+  const onClickSidebarRow = (event: MouseEvent): void => {
+    if (!controller.getSnapshot().panelOpen) return
+    const target = event.target as HTMLElement | null
+    if (target === null) return
+    if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close()
+  }
+  document.addEventListener('click', onClickSidebarRow, true)
+  document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
+  const unsubscribe = controller.subscribe(applyActive)
+  applyActive()
+  ensure()
+
+  return () => {
+    document.removeEventListener('click', onClickSidebarRow, true)
+    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
+    waitObserver.disconnect()
+    unsubscribe()
+    document.documentElement.removeAttribute(ACTIVE_ATTR)
+    root?.unmount()
+    root = undefined
+    container?.remove()
+    container = undefined
+  }
+}

package/src/client/mount.tsx._nf

@@ -0,0 +1,97 @@
+/**
+ * Panel view mounting — mirrors the family plugins: a container appended
+ * inside the conversation grid item, hidden while inactive; toggling is a
+ * data attribute on <html>, with cross-plugin activation events.
+ */
+import { createRoot, type Root } from 'react-dom/client'
+import type { NovelApi } from './api.ts'
+import type { PanelController } from './panel/controller.ts'
+import { NovelPanel } from './panel/NovelPanel.tsx'
+import css from './panel/panel.module.css'
+
+/** The injected panel container. */
+export const PANEL_VIEW_SELECTOR = '[data-dsh-novelforge-view]'
+
+const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]'
+const ACTIVE_ATTR = 'data-dsh-novelforge-active'
+/** Sibling panels' activation attributes (evicted when this panel opens). */
+const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
+/** Cross-plugin activation event; detail is the activating panel name. */
+const ACTIVATE_EVENT = 'dsh-panel-activate'
+const PANEL_NAME = 'novelforge'
+
+/** Find the center column, or undefined while the frame is not mounted. */
+function conversationColumn(): HTMLElement | undefined {
+  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
+}
+
+/**
+ * Mount the panel React tree into the center column and bind visibility to
+ * the controller.
+ */
+export function mountPanel(controller: PanelController, api: NovelApi): () => void {
+  let root: Root | undefined
+  let container: HTMLDivElement | undefined
+
+  const ensure = (): void => {
+    if (container !== undefined) {
+      if (container.isConnected) return
+      root?.unmount()
+      root = undefined
+      container.remove()
+      container = undefined
+    }
+    const column = conversationColumn()
+    if (column === undefined) return
+    container = document.createElement('div')
+    container.dataset.dshNovelforgeView = 'true'
+    container.className = css.view
+    column.appendChild(container)
+    root = createRoot(container)
+    root.render(<NovelPanel controller={controller} api={api} />)
+  }
+
+  const waitObserver = new MutationObserver(() => { ensure() })
+  waitObserver.observe(document.body, { childList: true, subtree: true })
+
+  const applyActive = (): void => {
+    if (controller.getSnapshot().panelOpen) {
+      for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr)
+      document.documentElement.setAttribute(ACTIVE_ATTR, '')
+      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }))
+    } else {
+      document.documentElement.removeAttribute(ACTIVE_ATTR)
+    }
+  }
+  const onOtherActivate = (event: Event): void => {
+    const detail = (event as CustomEvent).detail
+    if ((detail === 'taskboard' || detail === 'ssh') && controller.getSnapshot().panelOpen) {
+      controller.close()
+    }
+  }
+  // Jump out on sidebar context clicks.
+  const SIDEBAR_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="searchResultWorkspace"], [class*="newSession"]'
+  const onClickSidebarRow = (event: MouseEvent): void => {
+    if (!controller.getSnapshot().panelOpen) return
+    const target = event.target as HTMLElement | null
+    if (target === null) return
+    if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close()
+  }
+  document.addEventListener('click', onClickSidebarRow, true)
+  document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
+  const unsubscribe = controller.subscribe(applyActive)
+  applyActive()
+  ensure()
+
+  return () => {
+    document.removeEventListener('click', onClickSidebarRow, true)
+    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
+    waitObserver.disconnect()
+    unsubscribe()
+    document.documentElement.removeAttribute(ACTIVE_ATTR)
+    root?.unmount()
+    root = undefined
+    container?.remove()
+    container = undefined
+  }
+}

package/src/client/mount.tsx._tmp

@@ -0,0 +1,97 @@
+/**
+ * Panel view mounting — mirrors the family plugins: a container appended
+ * inside the conversation grid item, hidden while inactive; toggling is a
+ * data attribute on <html>, with cross-plugin activation events.
+ */
+import { createRoot, type Root } from 'react-dom/client'
+import type { NovelApi } from './api.ts'
+import type { PanelController } from './panel/controller.ts'
+import { NovelPanel } from './panel/NovelPanel.tsx'
+import css from './panel/panel.module.css'
+
+/** The injected panel container. */
+export const PANEL_VIEW_SELECTOR = '[data-dsh-novelforge-view]'
+
+const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]'
+const ACTIVE_ATTR = 'data-dsh-novelforge-active'
+/** Sibling panels' activation attributes (evicted when this panel opens). */
+const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
+/** Cross-plugin activation event; detail is the activating panel name. */
+const ACTIVATE_EVENT = 'dsh-panel-activate'
+const PANEL_NAME = 'novelforge'
+
+/** Find the center column, or undefined while the frame is not mounted. */
+function conversationColumn(): HTMLElement | undefined {
+  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
+}
+
+/**
+ * Mount the panel React tree into the center column and bind visibility to
+ * the controller.
+ */
+export function mountPanel(controller: PanelController, api: NovelApi): () => void {
+  let root: Root | undefined
+  let container: HTMLDivElement | undefined
+
+  const ensure = (): void => {
+    if (container !== undefined) {
+      if (container.isConnected) return
+      root?.unmount()
+      root = undefined
+      container.remove()
+      container = undefined
+    }
+    const column = conversationColumn()
+    if (column === undefined) return
+    container = document.createElement('div')
+    container.dataset.dshNovelforgeView = 'true'
+    container.className = css.view
+    column.appendChild(container)
+    root = createRoot(container)
+    root.render(<NovelPanel controller={controller} api={api} />)
+  }
+
+  const waitObserver = new MutationObserver(() => { ensure() })
+  waitObserver.observe(document.body, { childList: true, subtree: true })
+
+  const applyActive = (): void => {
+    if (controller.getSnapshot().panelOpen) {
+      for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr)
+      document.documentElement.setAttribute(ACTIVE_ATTR, '')
+      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }))
+    } else {
+      document.documentElement.removeAttribute(ACTIVE_ATTR)
+    }
+  }
+  const onOtherActivate = (event: Event): void => {
+    const detail = (event as CustomEvent).detail
+    if ((detail === 'taskboard' || detail === 'ssh') && controller.getSnapshot().panelOpen) {
+      controller.close()
+    }
+  }
+  // Jump out on sidebar context clicks.
+  const SIDEBAR_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="searchResultWorkspace"], [class*="newSession"]'
+  const onClickSidebarRow = (event: MouseEvent): void => {
+    if (!controller.getSnapshot().panelOpen) return
+    const target = event.target as HTMLElement | null
+    if (target === null) return
+    if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close()
+  }
+  document.addEventListener('click', onClickSidebarRow, true)
+  document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
+  const unsubscribe = controller.subscribe(applyActive)
+  applyActive()
+  ensure()
+
+  return () => {
+    document.removeEventListener('click', onClickSidebarRow, true)
+    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
+    waitObserver.disconnect()
+    unsubscribe()
+    document.documentElement.removeAttribute(ACTIVE_ATTR)
+    root?.unmount()
+    root = undefined
+    container?.remove()
+    container = undefined
+  }
+}