@leo000001/opencode-quota-sidebar 2.0.23 → 3.0.0

package/dist/storage_chunks.js

@@ -48,14 +48,21 @@ class ChunkCache {
     key(rootPath, dateKey) {
         return `${path.resolve(rootPath)}::${dateKey}`;
     }
-    get(rootPath, dateKey) {
-        const entry = this.cache.get(this.key(rootPath, dateKey));
+    get(rootPath, dateKey, stamp) {
+        const key = this.key(rootPath, dateKey);
+        const entry = this.cache.get(key);
         if (!entry)
             return undefined;
+        if (!stamp ||
+            entry.stamp.mtimeMs !== stamp.mtimeMs ||
+            entry.stamp.size !== stamp.size) {
+            this.cache.delete(key);
+            return undefined;
+        }
         entry.accessedAt = Date.now();
         return entry.sessions;
     }
-    set(rootPath, dateKey, sessions) {
+    set(rootPath, dateKey, sessions, stamp) {
         if (this.cache.size >= this.maxSize) {
             // Evict least recently accessed
             let oldestKey;
@@ -72,6 +79,7 @@ class ChunkCache {
         this.cache.set(this.key(rootPath, dateKey), {
             sessions,
             accessedAt: Date.now(),
+            stamp,
         });
     }
     invalidate(rootPath, dateKey) {
@@ -82,15 +90,21 @@ const chunkCache = new ChunkCache();
 export async function readDayChunk(rootPath, dateKey) {
     if (!isDateKey(dateKey))
         return {};
-    const cached = chunkCache.get(rootPath, dateKey);
-    if (cached)
-        return cached;
     const filePath = chunkFilePath(rootPath, dateKey);
     const stat = await fs.lstat(filePath).catch(() => undefined);
     if (stat?.isSymbolicLink()) {
+        chunkCache.invalidate(rootPath, dateKey);
         debug(`refusing to read symlink chunk: ${filePath}`);
         return {};
     }
+    if (!stat?.isFile()) {
+        chunkCache.invalidate(rootPath, dateKey);
+        return {};
+    }
+    const stamp = { mtimeMs: stat.mtimeMs, size: stat.size };
+    const cached = chunkCache.get(rootPath, dateKey, stamp);
+    if (cached)
+        return cached;
     const parsed = await fs
         .readFile(filePath, 'utf8')
         .then((value) => JSON.parse(value))
@@ -107,7 +121,7 @@ export async function readDayChunk(rootPath, dateKey) {
         acc[sessionID] = parsedSession;
         return acc;
     }, {});
-    chunkCache.set(rootPath, dateKey, sessions);
+    chunkCache.set(rootPath, dateKey, sessions, stamp);
     return sessions;
 }
 /**

package/dist/storage_parse.d.ts

@@ -1,3 +1,3 @@
-import type { SessionState } from './types.js';
+import type { QuotaSnapshot, SessionState } from './types.js';
 export declare function parseSessionState(value: unknown): SessionState | undefined;
-export declare function parseQuotaCache(value: unknown): Record<string, import("./types.js").QuotaSnapshot>;
+export declare function parseQuotaCache(value: unknown): Record<string, QuotaSnapshot>;

package/dist/storage_parse.js

@@ -105,6 +105,96 @@ function parseCachedUsage(value) {
         providers,
     };
 }
+function parseQuotaSnapshot(value) {
+    if (!isRecord(value))
+        return undefined;
+    const checkedAt = asNumber(value.checkedAt, 0);
+    if (!checkedAt)
+        return undefined;
+    const status = value.status;
+    if (status !== 'ok' &&
+        status !== 'unavailable' &&
+        status !== 'unsupported' &&
+        status !== 'error') {
+        return undefined;
+    }
+    const label = typeof value.label === 'string' ? value.label : '';
+    const adapterID = typeof value.adapterID === 'string' ? value.adapterID : undefined;
+    const shortLabel = typeof value.shortLabel === 'string' ? value.shortLabel : undefined;
+    const sortOrder = typeof value.sortOrder === 'number' ? value.sortOrder : undefined;
+    const balance = isRecord(value.balance)
+        ? {
+            amount: typeof value.balance.amount === 'number' ? value.balance.amount : 0,
+            currency: typeof value.balance.currency === 'string'
+                ? value.balance.currency
+                : '$',
+        }
+        : undefined;
+    const windows = Array.isArray(value.windows)
+        ? value.windows
+            .filter((window) => isRecord(window))
+            .map((window) => ({
+            label: typeof window.label === 'string' ? window.label : '',
+            showPercent: typeof window.showPercent === 'boolean'
+                ? window.showPercent
+                : undefined,
+            resetLabel: typeof window.resetLabel === 'string'
+                ? window.resetLabel
+                : undefined,
+            note: typeof window.note === 'string' ? window.note : undefined,
+            remainingPercent: typeof window.remainingPercent === 'number'
+                ? window.remainingPercent
+                : undefined,
+            usedPercent: typeof window.usedPercent === 'number'
+                ? window.usedPercent
+                : undefined,
+            resetAt: typeof window.resetAt === 'string' ? window.resetAt : undefined,
+        }))
+            .filter((window) => window.label || window.remainingPercent !== undefined)
+        : undefined;
+    return {
+        providerID: typeof value.providerID === 'string' ? value.providerID : label,
+        adapterID,
+        label,
+        shortLabel,
+        sortOrder,
+        status,
+        checkedAt,
+        remainingPercent: typeof value.remainingPercent === 'number'
+            ? value.remainingPercent
+            : undefined,
+        usedPercent: typeof value.usedPercent === 'number' ? value.usedPercent : undefined,
+        resetAt: typeof value.resetAt === 'string' ? value.resetAt : undefined,
+        expiresAt: typeof value.expiresAt === 'string' ? value.expiresAt : undefined,
+        balance,
+        note: typeof value.note === 'string' ? value.note : undefined,
+        windows,
+    };
+}
+function parseQuotaSnapshots(value) {
+    if (!Array.isArray(value))
+        return undefined;
+    const parsed = value
+        .map((item) => parseQuotaSnapshot(item))
+        .filter((item) => Boolean(item));
+    return parsed.length > 0 ? parsed : [];
+}
+function parseSidebarPanel(value) {
+    if (!isRecord(value))
+        return undefined;
+    const version = asNumber(value.version, 1);
+    if (version !== 1)
+        return undefined;
+    const updatedAt = asNumber(value.updatedAt, 0);
+    if (!updatedAt)
+        return undefined;
+    return {
+        version: 1,
+        updatedAt,
+        usage: parseCachedUsage(value.usage),
+        quotas: parseQuotaSnapshots(value.quotas),
+    };
+}
 function parseCursor(value) {
     if (!isRecord(value))
         return undefined;
@@ -137,75 +227,16 @@ export function parseSessionState(value) {
         usage: parseCachedUsage(value.usage),
         dirty: value.dirty === true,
         cursor: parseCursor(value.cursor),
+        sidebarPanel: parseSidebarPanel(value.sidebarPanel),
     };
 }
 export function parseQuotaCache(value) {
     const raw = isRecord(value) ? value : {};
     return Object.entries(raw).reduce((acc, [key, item]) => {
-        if (!isRecord(item))
-            return acc;
-        const checkedAt = asNumber(item.checkedAt, 0);
-        if (!checkedAt)
-            return acc;
-        const status = item.status;
-        if (status !== 'ok' &&
-            status !== 'unavailable' &&
-            status !== 'unsupported' &&
-            status !== 'error') {
+        const parsed = parseQuotaSnapshot(item);
+        if (!parsed)
             return acc;
-        }
-        const label = typeof item.label === 'string' ? item.label : key;
-        const adapterID = typeof item.adapterID === 'string' ? item.adapterID : undefined;
-        const shortLabel = typeof item.shortLabel === 'string' ? item.shortLabel : undefined;
-        const sortOrder = typeof item.sortOrder === 'number' ? item.sortOrder : undefined;
-        const balance = isRecord(item.balance)
-            ? {
-                amount: typeof item.balance.amount === 'number' ? item.balance.amount : 0,
-                currency: typeof item.balance.currency === 'string'
-                    ? item.balance.currency
-                    : '$',
-            }
-            : undefined;
-        const windows = Array.isArray(item.windows)
-            ? item.windows
-                .filter((window) => isRecord(window))
-                .map((window) => ({
-                label: typeof window.label === 'string' ? window.label : '',
-                showPercent: typeof window.showPercent === 'boolean'
-                    ? window.showPercent
-                    : undefined,
-                resetLabel: typeof window.resetLabel === 'string'
-                    ? window.resetLabel
-                    : undefined,
-                note: typeof window.note === 'string' ? window.note : undefined,
-                remainingPercent: typeof window.remainingPercent === 'number'
-                    ? window.remainingPercent
-                    : undefined,
-                usedPercent: typeof window.usedPercent === 'number'
-                    ? window.usedPercent
-                    : undefined,
-                resetAt: typeof window.resetAt === 'string' ? window.resetAt : undefined,
-            }))
-                .filter((window) => window.label || window.remainingPercent !== undefined)
-            : undefined;
-        acc[key] = {
-            providerID: typeof item.providerID === 'string' ? item.providerID : key,
-            adapterID,
-            label,
-            shortLabel,
-            sortOrder,
-            status,
-            checkedAt,
-            remainingPercent: typeof item.remainingPercent === 'number'
-                ? item.remainingPercent
-                : undefined,
-            usedPercent: typeof item.usedPercent === 'number' ? item.usedPercent : undefined,
-            resetAt: typeof item.resetAt === 'string' ? item.resetAt : undefined,
-            expiresAt: typeof item.expiresAt === 'string' ? item.expiresAt : undefined,
-            balance,
-            note: typeof item.note === 'string' ? item.note : undefined,
-            windows,
-        };
+        acc[key] = parsed.label ? parsed : { ...parsed, label: key };
         return acc;
     }, {});
 }

package/dist/title_apply.js

@@ -1,6 +1,8 @@
 import { canonicalizeTitle, canonicalizeTitleForCompare, looksDecorated, normalizeBaseTitle, } from './title.js';
+import { toCachedSessionUsage } from './usage.js';
 import { swallow, debug, mapConcurrent } from './helpers.js';
 import { resolveTitleView, selectDesktopCompactProviderIDs, } from './format.js';
+import { collapseQuotaSnapshots } from './quota_render.js';
 export function createTitleApplicator(deps) {
     const pendingAppliedTitle = new Map();
     const recentRestore = new Map();
@@ -8,8 +10,13 @@ export function createTitleApplicator(deps) {
         pendingAppliedTitle.delete(sessionID);
         recentRestore.delete(sessionID);
     };
+    const cloneQuotas = (quotas) => quotas.map((quota) => ({
+        ...quota,
+        balance: quota.balance ? { ...quota.balance } : undefined,
+        windows: quota.windows?.map((win) => ({ ...win })),
+    }));
     const applyTitle = async (sessionID) => {
-        if (!deps.config.sidebar.enabled || !deps.state.titleEnabled)
+        if (!deps.config.sidebar.enabled)
             return false;
         let stateMutated = false;
         const session = await deps.client.session
@@ -74,16 +81,29 @@ export function createTitleApplicator(deps) {
         }
         const usage = await deps.summarizeSessionUsageForDisplay(sessionID, deps.config.sidebar.includeChildren);
         const view = deps.getTitleView?.(sessionID) ??
-            resolveTitleView({ config: deps.config, sessionID });
+            resolveTitleView({ config: deps.config });
         const quotaProviders = Array.from(new Set(view === 'compact'
             ? selectDesktopCompactProviderIDs(usage, deps.config)
             : Object.keys(usage.providers)));
         const quotas = deps.config.sidebar.showQuota && quotaProviders.length > 0
             ? await deps.getQuotaSnapshots(quotaProviders)
             : [];
-        const nextTitle = deps.renderSidebarTitle(sessionState.baseTitle, usage, quotas, deps.config, view);
-        if (!deps.config.sidebar.enabled || !deps.state.titleEnabled)
+        sessionState.sidebarPanel = {
+            version: 1,
+            updatedAt: Date.now(),
+            usage: toCachedSessionUsage(usage),
+            quotas: cloneQuotas(collapseQuotaSnapshots(quotas)),
+        };
+        stateMutated = true;
+        if (!deps.state.titleEnabled) {
+            if (stateMutated) {
+                deps.markDirty(deps.state.sessionDateMap[sessionID]);
+            }
+            deps.scheduleSave();
+            deps.scheduleParentRefreshIfSafe(sessionID, sessionState.parentID);
             return false;
+        }
+        const nextTitle = deps.renderSidebarTitle(sessionState.baseTitle, usage, quotas, deps.config, view);
         if (canonicalizeTitleForCompare(nextTitle) ===
             canonicalizeTitleForCompare(session.data.title)) {
             if (looksDecorated(session.data.title)) {

package/dist/tui.d.ts

@@ -0,0 +1,6 @@
+/** @jsxImportSource @opentui/solid */
+import type { TuiPluginModule } from '@opencode-ai/plugin/tui';
+declare const plugin: TuiPluginModule & {
+    id: string;
+};
+export default plugin;

package/dist/tui.tsx

@@ -0,0 +1,363 @@
+/** @jsxImportSource @opentui/solid */
+import type {
+  TuiPlugin,
+  TuiPluginApi,
+  TuiPluginModule,
+} from '@opencode-ai/plugin/tui'
+import { createMemo, createSignal, For, onCleanup, Show } from 'solid-js'
+
+import {
+  fitLine,
+  renderSidebarQuotaLines,
+  renderSidebarUsageLines,
+} from './format.js'
+import {
+  loadConfig,
+  loadState,
+  quotaConfigPaths,
+  resolveOpencodeDataDir,
+  stateFilePath,
+} from './storage.js'
+import { looksDecorated, normalizeBaseTitle } from './title.js'
+import type { QuotaSidebarConfig } from './types.js'
+import { fromCachedSessionUsage, summarizeMessages } from './usage.js'
+
+const id = 'leo.quota-sidebar'
+const INTERNAL_CONTEXT_PLUGIN_ID = 'internal:sidebar-context'
+const SECTION_INDENT = 2
+const DEFAULT_WIDTH = 36
+
+type SidebarPanelData = {
+  enabled: boolean
+  width: number
+  usageLines: string[]
+  quotaLines: string[]
+  compactTitle?: string
+}
+
+const latestCompactTitles = new Map<string, string>()
+const [compactTitleVersion, setCompactTitleVersion] = createSignal(0)
+
+function directoryPath(api: TuiPluginApi) {
+  return api.state.path.directory || process.cwd()
+}
+
+function worktreePath(api: TuiPluginApi) {
+  return api.state.path.worktree || directoryPath(api)
+}
+
+function panelConfig(config: QuotaSidebarConfig): QuotaSidebarConfig {
+  return {
+    ...config,
+    sidebar: {
+      ...config.sidebar,
+      width: Math.max(8, config.sidebar.width - SECTION_INDENT),
+    },
+  }
+}
+
+function resolveCompactTitle(sessionID: string, persistedTitle?: string) {
+  const liveTitle = latestCompactTitles.get(sessionID)
+  if (liveTitle && looksDecorated(liveTitle)) return liveTitle
+  if (persistedTitle && looksDecorated(persistedTitle)) return persistedTitle
+  return liveTitle || persistedTitle
+}
+
+async function loadSidebarPanel(
+  api: TuiPluginApi,
+  sessionID: string,
+): Promise<SidebarPanelData> {
+  const statePath = stateFilePath(resolveOpencodeDataDir())
+  const config = await loadConfig(
+    quotaConfigPaths(worktreePath(api), directoryPath(api)),
+  )
+  // Session payload lives in day chunks that the server updates from a
+  // separate process, so TUI should re-read persisted state instead of keeping
+  // an extra full-state cache here.
+  const state = await loadState(statePath)
+  const session = state.sessions[sessionID]
+  const enabled = config.sidebar.enabled
+  const width = Math.max(8, config.sidebar.width - SECTION_INDENT)
+  const liveEntries = api.state.session.messages(sessionID).map((info) => ({
+    info,
+  })) as Parameters<typeof summarizeMessages>[0]
+
+  const liveUsage = summarizeMessages(liveEntries, 0, 1)
+  const cachedUsage = session?.sidebarPanel?.usage || session?.usage
+  const usage = cachedUsage
+    ? fromCachedSessionUsage(cachedUsage)
+    : liveUsage.assistantMessages > 0
+      ? liveUsage
+      : undefined
+  const compactTitle = resolveCompactTitle(sessionID, session?.lastAppliedTitle)
+
+  if (!enabled) {
+    return {
+      enabled,
+      width,
+      usageLines: [],
+      quotaLines: [],
+      compactTitle: session?.lastAppliedTitle,
+    }
+  }
+
+  const usageLines = usage
+    ? renderSidebarUsageLines(usage, panelConfig(config))
+    : []
+  const quotaLines = renderSidebarQuotaLines(
+    session?.sidebarPanel?.quotas || [],
+    panelConfig(config),
+  )
+
+  return {
+    enabled,
+    width,
+    usageLines,
+    quotaLines,
+    compactTitle,
+  }
+}
+
+function useSidebarPanelData(api: TuiPluginApi, sessionID: () => string) {
+  const [panel, setPanel] = createSignal<SidebarPanelData | undefined>()
+  let disposed = false
+  let loadVersion = 0
+
+  const reload = () => {
+    const currentVersion = ++loadVersion
+    const currentSessionID = sessionID()
+    void loadSidebarPanel(api, currentSessionID)
+      .then((next) => {
+        if (disposed || currentVersion !== loadVersion) return
+        setPanel(next)
+      })
+      .catch((error) => {
+        if (disposed || currentVersion !== loadVersion) return
+        void error
+      })
+  }
+
+  reload()
+
+  const timers = new Set<ReturnType<typeof setTimeout>>()
+  const queueRefresh = (delay = 250) => {
+    const timer = setTimeout(() => {
+      timers.delete(timer)
+      reload()
+    }, delay)
+    timers.add(timer)
+  }
+
+  const scheduleRefresh = () => {
+    queueRefresh(300)
+    queueRefresh(1_000)
+  }
+
+  // Bulk session sync populates messages asynchronously without emitting the
+  // real-time message.updated events we listen to below. Retry a few times on
+  // mount so historical sessions can render usage once the sync finishes.
+  queueRefresh(500)
+  queueRefresh(1_500)
+  queueRefresh(4_000)
+
+  const unsubscribers = [
+    api.event.on('session.updated', (event) => {
+      if (event.properties.info.id === sessionID()) {
+        scheduleRefresh()
+      }
+    }),
+    api.event.on('message.updated', (event) => {
+      if (event.properties.info.sessionID === sessionID()) {
+        scheduleRefresh()
+      }
+    }),
+    api.event.on('message.removed', (event) => {
+      if (event.properties.sessionID === sessionID()) {
+        scheduleRefresh()
+      }
+    }),
+    api.event.on('tui.session.select', (event) => {
+      if (event.properties.sessionID === sessionID()) {
+        scheduleRefresh()
+      }
+    }),
+  ]
+
+  onCleanup(() => {
+    disposed = true
+    for (const timer of timers) clearTimeout(timer)
+    timers.clear()
+    for (const unsubscribe of unsubscribers) unsubscribe()
+  })
+
+  return panel
+}
+
+function sectionHeading(api: TuiPluginApi, value: string) {
+  return <text fg={api.theme.current.textMuted}>{value}</text>
+}
+
+function fallbackQuotaLinesFromTitle(title: string, width: number) {
+  const parts = (title || '')
+    .split(' | ')
+    .map((part) => part.trim())
+    .filter(Boolean)
+  if (parts.length <= 1) return [] as string[]
+  return parts
+    .slice(1)
+    .filter((part) => !/^Cd\d/.test(part) && !/^Est\b/.test(part))
+    .map((part) => fitLine(part, width))
+}
+
+function fallbackUsageCostLineFromTitle(title: string, width: number) {
+  const est = (title || '')
+    .split(' | ')
+    .map((part) => part.trim())
+    .find((part) => /^Est\$/.test(part) || /^Est\s+\$/.test(part))
+  if (!est) return undefined
+  return fitLine(est.replace(/^Est\$/, 'Est $'), width)
+}
+
+function SidebarContentView(props: { api: TuiPluginApi; sessionID: string }) {
+  const panel = useSidebarPanelData(props.api, () => props.sessionID)
+  const width = createMemo(
+    () => panel()?.width || DEFAULT_WIDTH - SECTION_INDENT,
+  )
+  const compactTitle = createMemo(() => {
+    compactTitleVersion()
+    return resolveCompactTitle(props.sessionID, panel()?.compactTitle) || ''
+  })
+  const usageLines = createMemo(() => {
+    const liveLines = panel()?.usageLines || []
+    const hasCostLine = liveLines.some((line) => /^Est\b/.test(line))
+    if (hasCostLine) return liveLines
+    const costLine = fallbackUsageCostLineFromTitle(compactTitle(), width())
+    return costLine ? [...liveLines, costLine] : liveLines
+  })
+  const quotaLines = createMemo(() => {
+    const liveLines = panel()?.quotaLines || []
+    if (liveLines.length > 0) return liveLines
+    return fallbackQuotaLinesFromTitle(compactTitle(), width())
+  })
+  const hasUsage = createMemo(() => usageLines().length > 0)
+  const hasQuota = createMemo(() => quotaLines().length > 0)
+
+  return (
+    <box gap={0}>
+      <Show when={hasUsage()}>
+        <box gap={0}>
+          {sectionHeading(props.api, 'USAGE')}
+          <box gap={0}>
+            <For each={usageLines()}>
+              {(line) => <text fg={props.api.theme.current.text}>{line}</text>}
+            </For>
+          </box>
+        </box>
+      </Show>
+
+      <Show when={hasQuota()}>
+        <box paddingTop={hasUsage() ? 1 : 0} gap={0}>
+          {sectionHeading(props.api, 'QUOTA')}
+          <box gap={0}>
+            <For each={quotaLines()}>
+              {(line) => <text fg={props.api.theme.current.text}>{line}</text>}
+            </For>
+          </box>
+        </box>
+      </Show>
+    </box>
+  )
+}
+
+function SidebarTitleView(props: {
+  api: TuiPluginApi
+  sessionID: string
+  title: string
+  shareURL?: string
+}) {
+  const panel = useSidebarPanelData(props.api, () => props.sessionID)
+  const width = createMemo(
+    () => panel()?.width || DEFAULT_WIDTH - SECTION_INDENT,
+  )
+  const titleLines = createMemo(() => {
+    const baseTitle = normalizeBaseTitle(props.title || 'Session') || 'Session'
+    return baseTitle
+      .split(/\r?\n/)
+      .filter(Boolean)
+      .map((line) => fitLine(line, width()))
+  })
+  const shareLine = createMemo(() =>
+    props.shareURL ? fitLine(props.shareURL, width()) : undefined,
+  )
+
+  return (
+    <box gap={0} paddingRight={1}>
+      {sectionHeading(props.api, 'TITLE')}
+      <box gap={0}>
+        <For each={titleLines()}>
+          {(line) => <text fg={props.api.theme.current.text}>{line}</text>}
+        </For>
+        <Show when={shareLine()}>
+          <text fg={props.api.theme.current.textMuted}>{shareLine()}</text>
+        </Show>
+      </box>
+    </box>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  const config = await loadConfig(
+    quotaConfigPaths(worktreePath(api), directoryPath(api)),
+  )
+  let didDeactivateContext = false
+  if (config.sidebar.enabled) {
+    const contextPlugin = api.plugins
+      .list()
+      .find((item) => item.id === INTERNAL_CONTEXT_PLUGIN_ID)
+    if (contextPlugin?.active) {
+      didDeactivateContext = await api.plugins
+        .deactivate(INTERNAL_CONTEXT_PLUGIN_ID)
+        .catch(() => false)
+    }
+  }
+  api.lifecycle.onDispose(() => {
+    if (!didDeactivateContext) return
+    return api.plugins
+      .activate(INTERNAL_CONTEXT_PLUGIN_ID)
+      .then(() => undefined)
+      .catch(() => undefined)
+  })
+
+  api.slots.register({
+    order: 100,
+    slots: {
+      sidebar_title(
+        _ctx: unknown,
+        props: { session_id: string; title: string; share_url?: string },
+      ) {
+        if (latestCompactTitles.get(props.session_id) !== props.title) {
+          latestCompactTitles.set(props.session_id, props.title)
+          setCompactTitleVersion((value) => value + 1)
+        }
+        return (
+          <SidebarTitleView
+            api={api}
+            sessionID={props.session_id}
+            title={props.title}
+            shareURL={props.share_url}
+          />
+        )
+      },
+      sidebar_content(_ctx: unknown, props: { session_id: string }) {
+        return <SidebarContentView api={api} sessionID={props.session_id} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = {
+  id,
+  tui,
+}
+
+export default plugin