@rezti/dsh-rez-suite 0.1.4 → 0.1.5

package/src/client/panel/panel.module.css

@@ -1,117 +1,89 @@
 /**
- * dsh-rez-suite panel styles. Scoped by plugin data attributes, colors ride
- * dsh --dsw-* tokens. The center-column takeover rules are attribute-scoped
- * and must stay in this stylesheet (imported by mount.tsx).
+ * Settings-native styles for the ReZ card/tab. Colors ride dsh --dsw-* tokens
+ * so the form matches 设置 → 插件. The stylesheet is inlined into client.js
+ * at wrap time — dsh only loads the JS module, not lib/style.css.
  */
 
-[data-pane='conversation'] {
-  position: relative;
+.shell {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
 }
 
-[data-dsh-rez-view] {
-  position: absolute;
-  inset: 0;
-  display: none;
-  z-index: 60;
-  background: var(--dsw-alias-bg-base);
+.card {
+  list-style: none;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 12px;
+  background: var(--dsw-alias-bg-layer-3);
+  transition: border-color 0.16s, background 0.16s;
 }
 
-html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-rez-view] {
-  display: block;
+.card:hover {
+  border-color: var(--dsw-alias-label-dimmed);
 }
 
-html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane='conversation'] > :not([data-dsh-rez-view]),
-html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*='centerCol'] > :not([data-dsh-rez-view]) {
-  display: none !important;
+.cardOpen {
+  background: var(--dsw-alias-bg-layer-2);
+  border-color: var(--dsw-alias-label-dimmed);
 }
 
-.entry {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+.header {
   width: 100%;
-  height: 32px;
-  padding: 0 12px;
-  background: transparent;
-  border: none;
-  border-radius: 8px;
-  color: var(--dsw-alias-label-secondary);
+  appearance: none;
+  border: 0;
+  background: none;
+  font: inherit;
+  color: inherit;
+  text-align: left;
   cursor: pointer;
-  font-size: 13px;
-  white-space: nowrap;
-}
-
-.entry:hover {
-  background: var(--dsw-specific-sidebar-nav-item-hover);
-  color: var(--dsw-alias-label-primary);
-}
-
-.entryIcon {
-  display: inline-flex;
+  display: flex;
   align-items: center;
-  justify-content: center;
-  flex: none;
-}
-
-.entryLabel {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-[data-dsh-frame][data-sidebar-collapsed] .entry {
-  justify-content: center;
-  padding: 0;
-  width: 100%;
-}
-
-[data-dsh-frame][data-sidebar-collapsed] .entryLabel {
-  display: none;
+  gap: 12px;
+  padding: 14px 16px;
+  border-radius: 12px;
 }
 
-.view {
-  overflow: hidden;
+.header:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline-offset: -2px;
 }
 
-.panel {
+.headText {
+  flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
-  height: 100%;
-  min-width: 0;
-  min-height: 0;
-  padding: 14px 16px 16px;
-  gap: 10px;
-  background: var(--dsw-alias-bg-base);
+  gap: 4px;
+}
+
+.name {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.4;
   color: var(--dsw-alias-label-primary);
-  font-family: var(--dsw-font-family);
 }
 
-.panelHeader {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  flex: none;
+.description {
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-tertiary);
 }
 
-.panelTitle {
-  margin: 0;
-  flex: 1;
-  font-size: 16px;
-  font-weight: 700;
+.chevron {
+  flex: none;
+  color: var(--dsw-alias-label-tertiary);
+  transition: transform 0.16s;
 }
 
-.iconButton {
-  border: none;
-  background: transparent;
-  color: var(--dsw-alias-label-secondary);
-  cursor: pointer;
-  font-size: 14px;
-  padding: 4px 8px;
-  border-radius: 6px;
+.chevronOpen {
+  transform: rotate(180deg);
 }
 
-.iconButton:hover {
-  background: var(--dsw-alias-interactive-bg-hover);
-  color: var(--dsw-alias-label-primary);
+.body {
+  border-top: 1px solid var(--dsw-alias-border-l2);
+  margin: 0 16px 12px;
+  padding-top: 8px;
 }
 
 .tabBar {
@@ -143,21 +115,12 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   border-bottom-color: var(--dsw-alias-state-business-primary);
 }
 
-.panelContent {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
 .tabBody {
   display: flex;
   flex-direction: column;
   gap: 12px;
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
+  padding: 12px 0 4px;
+  min-width: 0;
 }
 
 .section {
@@ -174,13 +137,14 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   margin: 0;
   font-size: 13px;
   font-weight: 600;
+  color: var(--dsw-alias-label-primary);
 }
 
 .field {
-  display: grid;
-  grid-template-columns: 140px 1fr;
-  gap: 8px;
-  align-items: center;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
 }
 
 .label {
@@ -188,11 +152,12 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   color: var(--dsw-alias-label-secondary);
 }
 
-.input, .select {
+.input,
+.select {
   padding: 6px 8px;
   font-size: 13px;
   color: var(--dsw-alias-label-primary);
-  background: var(--dsw-specific-input-major);
+  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-3));
   border: 1px solid var(--dsw-alias-border-l2);
   border-radius: 8px;
   outline: none;
@@ -217,28 +182,24 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   font-size: 13px;
   border-radius: 8px;
   border: 1px solid var(--dsw-alias-border-l2);
-  background: var(--dsw-specific-input-major);
+  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-3));
   color: var(--dsw-alias-label-primary);
   cursor: pointer;
 }
 
-.button:hover {
+.button:hover:not(:disabled) {
   background: var(--dsw-alias-interactive-bg-hover);
 }
 
-.qr {
-  display: block;
-  width: 240px;
-  height: 240px;
-  margin: 8px 0;
-  background: #fff;
-  border-radius: 8px;
+.button:disabled {
+  opacity: 0.4;
+  cursor: default;
 }
 
 .primaryButton {
-  background: var(--dsw-alias-state-business-primary);
-  border-color: var(--dsw-alias-state-business-primary);
-  color: #fff;
+  background: var(--dsw-alias-label-primary);
+  border-color: var(--dsw-alias-label-primary);
+  color: var(--dsw-alias-bg-layer-3);
 }
 
 .dangerButton {
@@ -247,8 +208,19 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
   color: #fff;
 }
 
+.qr {
+  display: block;
+  width: 200px;
+  height: 200px;
+  margin: 8px 0;
+  background: #fff;
+  border-radius: 8px;
+}
+
 .message {
+  margin: 0;
   font-size: 12.5px;
+  line-height: 1.5;
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -257,8 +229,6 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 }
 
 .tableWrap {
-  flex: 1;
-  min-height: 0;
   overflow: auto;
   border: 1px solid var(--dsw-alias-border-l1);
   border-radius: 10px;
@@ -304,11 +274,11 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 
 .cards {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
   gap: 8px;
 }
 
-.card {
+.stat {
   padding: 10px;
   border: 1px solid var(--dsw-alias-border-l1);
   border-radius: 10px;
@@ -322,4 +292,5 @@ html[data-dsh-rez-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-act
 .cardValue {
   font-size: 15px;
   font-weight: 600;
+  color: var(--dsw-alias-label-primary);
 }

package/src/client/settings-card.tsx

@@ -0,0 +1,68 @@
+/**
+ * ReZ settings pages: one accordion card in 设置 → 插件 → 插件配置,
+ * plus a dedicated Plugins tab for the same content.
+ */
+
+import { useMemo, useState } from 'react'
+import { RezApi } from './api.ts'
+import { tt } from './panel/helpers.ts'
+import { AuditTab } from './panel/AuditTab.tsx'
+import { ConfigTab } from './panel/ConfigTab.tsx'
+import { StatusTab } from './panel/StatusTab.tsx'
+import { WeixinTab } from './panel/WeixinTab.tsx'
+import css from './panel/panel.module.css'
+
+export type RezTab = 'config' | 'weixin' | 'status' | 'audit'
+
+const TABS: ReadonlyArray<{ id: RezTab; label: () => string }> = [
+  { id: 'config', label: () => tt('tab.config') },
+  { id: 'weixin', label: () => tt('tab.weixin') },
+  { id: 'status', label: () => tt('tab.status') },
+  { id: 'audit', label: () => tt('tab.audit') },
+]
+
+export function RezSettingsPage() {
+  const api = useMemo(() => new RezApi(), [])
+  const [activeTab, setActiveTab] = useState<RezTab>('config')
+  return (
+    <div className={css.shell}>
+      <div className={css.tabBar} role="tablist">
+        {TABS.map(tab => (
+          <button
+            key={tab.id}
+            type="button"
+            role="tab"
+            aria-selected={activeTab === tab.id}
+            data-active={activeTab === tab.id ? '' : undefined}
+            className={css.tab}
+            onClick={() => { setActiveTab(tab.id) }}
+          >
+            {tab.label()}
+          </button>
+        ))}
+      </div>
+      {activeTab === 'config' && <ConfigTab api={api} />}
+      {activeTab === 'weixin' && <WeixinTab api={api} />}
+      {activeTab === 'status' && <StatusTab api={api} />}
+      {activeTab === 'audit' && <AuditTab api={api} />}
+    </div>
+  )
+}
+
+export function RezPluginCard() {
+  const [open, setOpen] = useState(false)
+  return (
+    <li className={css.card + (open ? ' ' + css.cardOpen : '')}>
+      <button type="button" className={css.header} onClick={() => { setOpen(!open) }}>
+        <div className={css.headText}>
+          <div className={css.name}>{tt('settings.title')}</div>
+          <div className={css.description}>{tt('settings.description')}</div>
+        </div>
+        <svg className={css.chevron + (open ? ' ' + css.chevronOpen : '')} viewBox="0 0 14 14" width="14" height="14" aria-hidden="true">
+          <path d="M3 5l4 4 4-4" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round" />
+        </svg>
+      </button>
+      {open ? <div className={css.body}><RezSettingsPage /></div> : null}
+    </li>
+  )
+}

package/src/index.ts

@@ -2,9 +2,9 @@
  * dsh-rez-suite — employee-facing host half.
  *
  * MCP connections are owned by official @deepseek-ai/dsh-mcp-client rows in
- * this package's cordis.patch.yml. This plugin only mounts the Rez panel,
- * loopback settings API, and a short system-prompt announcement. Do not
- * start a second MCP host here.
+ * this package's cordis.patch.yml. This plugin only mounts the loopback
+ * settings API, a Settings → Plugins card, and a short system-prompt
+ * announcement. Do not start a second MCP host here.
  */
 
 import type { Context } from '@deepseek-ai/cordis'
@@ -60,7 +60,7 @@ export const REZ_GUIDANCE = [
   '本机已安装 ReZ-TI 套件（一次安装）：工作身份由 dsh-rez-sso 提供，MCP 由官方 dsh-mcp-client 接入 Odoo / Nextcloud / 企业微信 / Home Assistant。',
   '工具名 mcp__odoo__*、mcp__nextcloud__*、mcp__wechat__*、mcp__homeassistant__*。',
   '密钥：REZ_ODOO_TOKEN、REZ_NEXTCLOUD_PASSWORD、REZ_WECHAT_WEBHOOK、REZ_HA_TOKEN。',
-  '个人微信（QClaw/ClawBot）：打开 Rez 面板「微信」页扫码，然后直接在微信里说话，不必再跑命令、也不要调用微信 MCP 工具。',
+  '个人微信（QClaw/ClawBot）：打开 设置 → 插件 → ReZ-TI → 微信 扫码，然后直接在微信里说话，不必再跑命令、也不要调用微信 MCP 工具。',
   '意图用 rez_set_intent（erp/files/chat/home/auto）。审计用 rez_audit。',
   '涉及资金、对外发送、设备控制、生产写入时先征得用户批准。',
 ].join('')

package/src/client/mount.tsx

@@ -1,97 +0,0 @@
-/**
- * Rez panel view mounting. Single-occupant center-column takeover, same
- * mechanism as the task board and ssh panels. The conversation subtree stays
- * mounted under the panel.
- */
-
-import { createRoot, type Root } from 'react-dom/client'
-import type { RezApi } from './api.ts'
-import type { PanelController } from './panel/controller.ts'
-import { RezPanel } from './panel/RezPanel.tsx'
-import css from './panel/panel.module.css'
-
-export const PANEL_VIEW_SELECTOR = '[data-dsh-rez-view]'
-
-const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"]'
-const ACTIVE_ATTR = 'data-dsh-rez-active'
-const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
-const ACTIVATE_EVENT = 'dsh-panel-activate'
-const PANEL_NAME = 'rez'
-
-function conversationColumn(): HTMLElement | undefined {
-  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
-}
-
-export function mountPanel(controller: PanelController, api: RezApi): () => 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.dshRezView = ''
-    container.className = css.view
-    column.appendChild(container)
-    root = createRoot(container)
-    root.render(<RezPanel controller={controller} api={api} />)
-  }
-
-  const waitObserver = new MutationObserver(() => { ensure() })
-  waitObserver.observe(document.body, { childList: true, subtree: true })
-
-  // The shell may mount the center column after this plugin applies. Retry
-  // until the container is attached; ensure() is idempotent once connected.
-  const retryTimer = window.setInterval(() => {
-    ensure()
-    if (container?.isConnected === true) window.clearInterval(retryTimer)
-  }, 250)
-
-  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()
-    }
-  }
-  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 () => {
-    window.clearInterval(retryTimer)
-    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/panel/RezPanel.tsx

@@ -1,53 +0,0 @@
-/**
- * Rez Suite panel shell: header + three tabs (config/status/audit).
- */
-
-import { useState } from 'react'
-import type { RezApi } from '../api.ts'
-import type { PanelController } from './controller.ts'
-import { tt } from './helpers.ts'
-import { AuditTab } from './AuditTab.tsx'
-import { ConfigTab } from './ConfigTab.tsx'
-import { StatusTab } from './StatusTab.tsx'
-import { WeixinTab } from './WeixinTab.tsx'
-import css from './panel.module.css'
-
-export type RezTab = 'config' | 'weixin' | 'status' | 'audit'
-
-export interface RezPanelProps {
-  controller: PanelController
-  api: RezApi
-}
-
-const TABS: ReadonlyArray<{ id: RezTab; label: () => string }> = [
-  { id: 'config', label: () => tt('tab.config') },
-  { id: 'weixin', label: () => tt('tab.weixin') },
-  { id: 'status', label: () => tt('tab.status') },
-  { id: 'audit', label: () => tt('tab.audit') },
-]
-
-export function RezPanel({ controller, api }: RezPanelProps) {
-  const [activeTab, setActiveTab] = useState<RezTab>('config')
-
-  return (
-    <div className={css.panel}>
-      <div className={css.panelHeader}>
-        <h2 className={css.panelTitle}>{tt('panel.title')}</h2>
-        <button type="button" className={css.iconButton} title={tt('common.close')} aria-label={tt('common.close')} onClick={() => { controller.close() }}>x</button>
-      </div>
-      <div className={css.tabBar} role="tablist">
-        {TABS.map(tab => (
-          <button key={tab.id} type="button" role="tab" aria-selected={activeTab === tab.id} data-active={activeTab === tab.id ? '' : undefined} className={css.tab} onClick={() => { setActiveTab(tab.id) }}>
-            {tab.label()}
-          </button>
-        ))}
-      </div>
-      <div className={css.panelContent}>
-        {activeTab === 'config' && <ConfigTab api={api} />}
-        {activeTab === 'weixin' && <WeixinTab api={api} />}
-        {activeTab === 'status' && <StatusTab api={api} />}
-        {activeTab === 'audit' && <AuditTab api={api} />}
-      </div>
-    </div>
-  )
-}

package/src/client/panel/controller.ts

@@ -1,42 +0,0 @@
-/**
- * Rez panel controller: single owner of open/closed state (browser session).
- */
-
-export interface PanelControllerSnapshot {
-  panelOpen: boolean
-}
-
-export class PanelController {
-  private panelOpen = false
-  private listeners = new Set<() => void>()
-
-  getSnapshot(): PanelControllerSnapshot {
-    return { panelOpen: this.panelOpen }
-  }
-
-  subscribe(fn: () => void): () => void {
-    this.listeners.add(fn)
-    return () => { this.listeners.delete(fn) }
-  }
-
-  open(): void {
-    if (this.panelOpen) return
-    this.panelOpen = true
-    this.notify()
-  }
-
-  close(): void {
-    if (!this.panelOpen) return
-    this.panelOpen = false
-    this.notify()
-  }
-
-  toggle(): void {
-    if (this.panelOpen) this.close()
-    else this.open()
-  }
-
-  private notify(): void {
-    for (const fn of [...this.listeners]) fn()
-  }
-}

package/src/client/sidebar-entry.ts

@@ -1,80 +0,0 @@
-/**
- * Sidebar entry injection (DOM-level extension, task-board/ssh precedent).
- */
-
-import type { PanelController } from './panel/controller.ts'
-import { tt } from './panel/helpers.ts'
-import css from './panel/panel.module.css'
-
-export const ENTRY_SELECTOR = '[data-dsh-rez-entry]'
-
-const ICON = '<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2.5" y="2.5" width="11" height="11" rx="2"/><path d="M5 8l2 2 4-4"/></svg>'
-
-function sidebarRoot(): HTMLElement | undefined {
-  const column = document.querySelector<HTMLElement>('[data-pane="sidebar"], [class*="sidebarCol"]')
-  if (column === null) return undefined
-  const logoOwner = column.querySelector<HTMLElement>('[class*="logoRow"]')?.parentElement
-  return logoOwner ?? (column.firstElementChild as HTMLElement | undefined)
-}
-
-function newSessionButton(root: HTMLElement): HTMLButtonElement | undefined {
-  const nested = root.querySelector<HTMLButtonElement>('button[class*="newSession"]')
-  if (nested !== null) return nested
-  for (const child of root.children) {
-    if (child.tagName === 'BUTTON') return child as HTMLButtonElement
-  }
-  return undefined
-}
-
-function createEntry(controller: PanelController): HTMLButtonElement {
-  const entry = document.createElement('button')
-  entry.type = 'button'
-  entry.dataset.dshRezEntry = ''
-  entry.className = css.entry
-  entry.setAttribute('aria-label', tt('entry.label'))
-  entry.setAttribute('title', tt('entry.tooltip'))
-  entry.innerHTML = '<span class="' + css.entryIcon + '">' + ICON + '</span><span class="' + css.entryLabel + '">' + tt('entry.label') + '</span>'
-  entry.addEventListener('click', () => { controller.toggle() })
-  return entry
-}
-
-function placeEntry(root: HTMLElement, entry: HTMLButtonElement): boolean {
-  const button = newSessionButton(root)
-  if (button === undefined) return false
-  if (entry.parentElement !== root) {
-    const row = button.closest('[class*="logoRow"]')
-    const base = (row !== null && row.parentElement === root) ? row : button
-    const family = Array.from(root.children).filter(
-      (el): el is HTMLElement => el instanceof HTMLElement && el.matches('[data-dsh-taskboard-entry], [data-dsh-ssh-entry], [data-dsh-rez-entry]'),
-    )
-    const anchor = family.length > 0 ? family[family.length - 1].nextElementSibling : base.nextElementSibling
-    root.insertBefore(entry, anchor)
-  }
-  return true
-}
-
-export function mountSidebarEntry(controller: PanelController): () => void {
-  const entry = createEntry(controller)
-  let root: HTMLElement | undefined
-  let placed = false
-
-  const place = (): void => {
-    const next = sidebarRoot()
-    if (next === undefined) return
-    if (root !== undefined && root !== next) {
-      if (entry.parentElement === root) entry.remove()
-      placed = false
-    }
-    root = next
-    if (!placed) placed = placeEntry(root, entry)
-  }
-
-  const observer = new MutationObserver(place)
-  observer.observe(document.body, { childList: true, subtree: true })
-  place()
-
-  return () => {
-    observer.disconnect()
-    entry.remove()
-  }
-}