@toddzheng024/dscode-desktop 0.7.34 → 0.7.36

package/plugins/desktop/desktop-client.mjs

@@ -0,0 +1,50 @@
+globalThis.__ModuleLoader__.load({
+  id: '@toddzheng024/dscode-desktop',
+  factory: require => {
+    const { createElement: h, useState } = require('react');
+    const packageName = '@toddzheng024/dscode-desktop';
+    const labels = { 'dscode-models': 'Models', 'dscode-accounts': 'Accounts', 'dscode-schedules': 'Schedules' };
+    function Mark() {
+      return h('svg', { width: 28, height: 28, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 1.7, strokeLinecap: 'round', strokeLinejoin: 'round', 'aria-hidden': true },
+        h('rect', { x: 2, y: 4, width: 20, height: 16, rx: 4 }), h('path', { d: 'm7 9 3 3-3 3m6 0h4' }));
+    }
+    function Setup() {
+      const steps = [
+        ['Enable and restart', 'Enable the DSCODE bundle in Plugins. After installing or updating, fully quit and reopen DeepSeek Harness. Closing a window is not enough.'],
+        ['Show agent presets', 'In Settings → General, enable Show coding view. If Agent presets is disabled in Plugins, enable it too.'],
+        ['Start a DSCODE session', 'Create a new session and choose DSCODE in the Agent preset picker. Existing sessions keep their original preset.'],
+        ['Use your existing account', 'Choose a model in the normal model picker. No second login or copied API key is required for models you already use.'],
+      ];
+      return h('section', { className: 'dscode-setup', 'aria-label': 'Start using DSCODE' },
+        h('h3', null, 'Start using DSCODE'),
+        h('ol', { className: 'dscode-steps' }, ...steps.map(([title, description]) =>
+          h('li', { key: title }, h('div', null, h('strong', null, title), h('p', null, description))))),
+        h('p', { className: 'dscode-note' }, 'Browser preview controls DSCODE’s external Chrome. The official Browser remains available for ordinary browsing.'));
+    }
+    function Settings({ pages, view }) {
+      const [selected, setSelected] = useState('overview');
+      if (view === 'summary') return h('span', null, 'Community DSCODE coding preset · Setup, additional providers and schedules');
+      const page = pages.find(page => page.entry.id === selected);
+      return h('section', { 'aria-label': 'DSCODE settings', className: 'dscode-ui dscode-settings' },
+        view !== 'page' && h('div', { className: 'dscode-heading' }, h(Mark), h('h2', null, 'DSCODE'), h('span', null, 'Community plugin')),
+        h('p', null, 'Coding workflows in Harness Desktop. Your existing models and accounts work here.'),
+        h('nav', { 'aria-label': 'DSCODE settings pages', className: 'dscode-tabs' },
+          ...[['overview', 'Get started'], ...pages.map(page => [page.entry.id, labels[page.entry.id]])].map(([id, label]) =>
+            h('button', { key: id, type: 'button', 'aria-pressed': selected === id, onClick: () => setSelected(id) }, label))),
+        page ? h(page.Component, { key: selected, ...page.entry.inject() }) : h(Setup));
+    }
+    function Activation({ onDismiss, onOpenDetails }) {
+      return h('section', { className: 'dscode-ui dscode-activation' }, h('h2', null, 'DSCODE enabled — restart to finish setup'), h(Setup),
+        h('div', { className: 'dscode-actions' },
+          h('button', { type: 'button', className: 'dscode-primary', onClick: onOpenDetails }, 'Open DSCODE setup'),
+          h('button', { type: 'button', onClick: onDismiss }, 'Close')));
+    }
+    return { inject: ['slots'], apply(ctx, { pages = [] } = {}) {
+      const props = () => ({ pages });
+      ctx.slots.inject('settings.section', () => ctx.slots.register({ name: 'settings.section', id: 'dscode', order: 11, label: () => 'DSCODE', inject: props }, Settings));
+      ctx.slots.inject('plugins.item', () => ctx.slots.register({ name: 'plugins.item', id: 'dscode', order: 90, label: () => 'DSCODE · Community', inject: props }, Settings));
+      ctx.slots.inject('plugins.bundle.config', () => ctx.slots.register({ name: 'plugins.bundle.config', key: packageName, inject: props }, Settings));
+      ctx.slots.inject('plugins.bundle.activation', () => ctx.slots.register({ name: 'plugins.bundle.activation', key: packageName }, Activation));
+    } };
+  },
+});

package/plugins/desktop/index.mjs

@@ -4,6 +4,7 @@ import { apply as providerAccounts } from '../providers/desktop-host.mjs';
 
 export const inject = ['agents', 'commands'];
 export function apply(ctx) {
+  ctx.provide('dscodeDesktop', true);
   customSettings(ctx);
   browserPreview(ctx);
   providerAccounts(ctx);

package/plugins/desktop/settings.css

@@ -0,0 +1,36 @@
+/* Scoped to DSCODE. Tokens are supplied by Harness ui-theme (0.2.0-rc.2).
+   Do not target the host's hashed classes or change other plugins' controls. */
+.dscode-ui { box-sizing: border-box; color: var(--dsw-alias-label-primary); font-family: inherit; font-size: 14px; line-height: 22px; min-width: 0; }
+.dscode-ui *, .dscode-ui *::before, .dscode-ui *::after { box-sizing: border-box; }
+.dscode-ui h2 { font-size: 16px; line-height: 24px; font-weight: 500; margin: 0; }
+.dscode-ui h3, .dscode-ui legend { font-size: 14px; line-height: 22px; font-weight: 500; margin: 0; }
+.dscode-ui p { margin: 0; color: var(--dsw-alias-label-tertiary); }
+.dscode-ui button { cursor: pointer; min-height: 36px; padding: 6px 14px; border: .5px solid var(--dsw-alias-border-l3); border-radius: var(--dsw-radius-md); color: var(--dsw-alias-label-primary); background: transparent; font: inherit; }
+.dscode-ui button:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
+.dscode-ui button:disabled { opacity: .4; cursor: default; }
+.dscode-ui :is(button, input, select, textarea):focus-visible { outline: 2px solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); outline-offset: 2px; }
+.dscode-ui :is(input:not([type=checkbox]), select, textarea) { min-width: 0; max-width: 100%; min-height: 36px; padding: 6px 10px; border: .5px solid var(--dsw-alias-border-l3); border-radius: var(--dsw-radius-md); color: var(--dsw-alias-label-primary); background: var(--dsw-alias-settings-card-fill); font: inherit; }
+.dscode-ui input[type=checkbox] { accent-color: var(--dsw-alias-state-business-primary); margin-right: 8px; }
+.dscode-ui label { color: var(--dsw-alias-label-secondary); font-size: 13px; }
+.dscode-ui fieldset { min-width: 0; }
+.dscode-ui [role=alert] { color: var(--dsw-alias-state-error-primary); overflow-wrap: anywhere; }
+.dscode-ui [role=status] { font-size: 12px; color: var(--dsw-alias-label-secondary); }
+.dscode-settings { padding: 8px 0; display: grid; gap: 16px; }
+.dscode-heading { display: flex; align-items: center; gap: 8px; }
+.dscode-heading svg { flex: none; width: 20px; height: 20px; }
+.dscode-heading span { margin-left: auto; color: var(--dsw-alias-label-tertiary); font-size: 12px; }
+.dscode-tabs { display: flex; flex-wrap: wrap; gap: 4px; padding-bottom: 12px; border-bottom: .5px solid var(--dsw-alias-border-l2); }
+.dscode-tabs button { border: 0; padding: 6px 12px; }
+.dscode-tabs button[aria-pressed=true] { background: var(--dsw-specific-sidebar-nav-item-active); }
+.dscode-setup { display: grid; gap: 12px; }
+.dscode-steps { list-style: none; margin: 0; padding: 0; counter-reset: setup; }
+.dscode-steps li { counter-increment: setup; display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; padding: 16px 0; border-bottom: .5px solid var(--dsw-alias-border-l2); }
+.dscode-steps li::before { content: counter(setup); display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--dsw-alias-bg-module-platform); color: var(--dsw-alias-label-secondary); font-size: 12px; }
+.dscode-steps strong { display: block; font-weight: 500; margin-bottom: 4px; }
+.dscode-steps p, .dscode-note { font-size: 13px; line-height: 20px; }
+.dscode-activation { display: grid; gap: 16px; padding: 16px 0; }
+.dscode-actions { display: flex; flex-wrap: wrap; gap: 8px; }
+.dscode-ui .dscode-primary { background: var(--dsw-alias-button-primary-fill); color: var(--dsw-alias-label-primary-foreground); border-color: transparent; }
+.dscode-ui .dscode-primary:hover:not(:disabled) { background: var(--dsw-alias-button-primary-hover); }
+
+.dscode-ui .dscode-card { background: var(--dsw-alias-settings-card-fill); margin: 0; display: grid; gap: 12px; }

package/plugins/dscode/desktop-client.mjs

@@ -3,7 +3,7 @@ globalThis.__ModuleLoader__.load({
   factory: require => {
     const { createElement: h, useState, useEffect, useRef } = require('react');
     const columns = [['pending', 'Pending'], ['running', 'Running'], ['verifying', 'Verifying'], ['complete', 'Complete']];
-    const control = { padding: '7px 10px', border: '1px solid #8886', borderRadius: 6, background: 'transparent', color: 'inherit', font: 'inherit' };
+    const control = { padding: '7px 10px', border: '.5px solid var(--dsw-alias-border-l3, #8886)', borderRadius: 'var(--dsw-radius-md, 6px)', background: 'transparent', color: 'inherit', font: 'inherit' };
     function Board({ execute }) {
       const [state, setState] = useState(null), [error, setError] = useState('');
       const active = useRef(false), alive = useRef(true);
@@ -15,7 +15,7 @@ globalThis.__ModuleLoader__.load({
       };
       useEffect(() => { alive.current = true; void refresh(); const timer = setInterval(refresh, 1000);
         return () => { alive.current = false; clearInterval(timer); }; }, []);
-      const card = (task, column) => h('li', { key: task.id, style: { listStyle: 'none', border: '1px solid #8885', borderRadius: 6, padding: 10, marginTop: 8, overflowWrap: 'anywhere' } },
+      const card = (task, column) => h('li', { key: task.id, style: { listStyle: 'none', border: '.5px solid var(--dsw-alias-settings-card-stroke, #8885)', borderRadius: 'var(--dsw-radius-md, 6px)', padding: 10, marginTop: 8, overflowWrap: 'anywhere' } },
         h('strong', null, `${task.id} · ${task.title}`),
         h('p', { style: { margin: '6px 0', fontSize: 12 } }, `/${task.child} · ${task.priority} priority`),
         task.waiting && h('p', null, 'Waiting for the coordinator’s answer'),
@@ -25,7 +25,7 @@ globalThis.__ModuleLoader__.load({
         (task.detail || task.note || task.verification || task.worktree) && h('details', null, h('summary', null, 'Task details'),
           ...[['Scope and checks', task.detail], ['Reopened because', task.note], ['Verification evidence', task.verification], ['Worktree', task.worktree]]
             .filter(([, value]) => value).map(([label, value]) => h('div', { key: label, style: { marginTop: 8 } }, h('strong', null, label), h('p', { style: { whiteSpace: 'pre-wrap', margin: '4px 0' } }, value)))));
-      return h('section', { 'aria-label': 'DSCODE delegation board', style: { padding: 16, height: '100%', overflow: 'auto', boxSizing: 'border-box' } },
+      return h('section', { className: 'dscode-ui', 'aria-label': 'DSCODE delegation board', style: { padding: 16, height: '100%', overflow: 'auto', boxSizing: 'border-box' } },
         h('h2', { style: { marginTop: 0 } }, 'Delegation board'),
         h('p', { style: { fontSize: 12 } }, 'Use /delegate <task> in the main session to coordinate work in isolated Git worktrees. The coordinator plans tasks and records verified results.'),
         h('button', { type: 'button', style: control, onClick: refresh }, 'Refresh board'),

package/plugins/dscode/index.mjs

@@ -58,7 +58,7 @@ const childLimit = owner => (owner.session.requestHeader?.()?.config ?? owner.op
 // repository there instead of pointing at a path that does not exist.
 const DOCS_DIR = fileURLToPath(new URL('../../docs/', import.meta.url));
 const DOCS_REPO = 'https://github.com/qiz029/dscode/blob/main/docs/';
-export const DOCS_SECTION = `To answer questions about DSCODE itself - what it supports, how a feature is configured, what a command does - treat the bundled user guides as the source of truth instead of guessing: ${existsSync(DOCS_DIR) ? `${DOCS_DIR} plus the repository root README.md (session-bridge.md, session-communication.md, session-cards.md, memory.md, exec.md, email.md, browser-use.md, plugin-hub.md, computer-use.md, skills.md, tui-commands.md, session-metrics.md, dscode-ultra.md, auto-review.md, account-login.md, opencode-go.md, custom-providers.md, demo.md, triggers.md)` : `the repository documentation at ${DOCS_REPO} plus the root README.md (session-bridge.md, session-communication.md, session-cards.md, memory.md, exec.md, email.md, browser-use.md, plugin-hub.md, computer-use.md, skills.md, tui-commands.md, session-metrics.md, dscode-ultra.md, auto-review.md, account-login.md, opencode-go.md, custom-providers.md, demo.md, triggers.md)`}. Read the relevant guide before answering rather than relying on memory of an earlier session. docs/CONTEXT-HANDOFF.md, docs/session-messaging-design.md, docs/cloud-webapp-host.md, docs/triggers-design.md, docs/verification.md, docs/maintainability.md and docs/vendored-tui-upgrade.md are internal development records, not user documentation: never quote them to a user or treat them as a specification. When the guides do not cover something, describe only what the running installation actually does and say plainly that it is not documented.`;
+export const DOCS_SECTION = `To answer questions about DSCODE itself - what it supports, how a feature is configured, what a command does - treat the bundled user guides as the source of truth instead of guessing: ${existsSync(DOCS_DIR) ? `${DOCS_DIR} plus the repository root README.md (session-bridge.md, session-communication.md, session-cards.md, memory.md, exec.md, acp.md, email.md, browser-use.md, plugin-hub.md, computer-use.md, skills.md, tui-commands.md, session-metrics.md, dscode-ultra.md, auto-review.md, account-login.md, opencode-go.md, custom-providers.md, demo.md, triggers.md)` : `the repository documentation at ${DOCS_REPO} plus the root README.md (session-bridge.md, session-communication.md, session-cards.md, memory.md, exec.md, acp.md, email.md, browser-use.md, plugin-hub.md, computer-use.md, skills.md, tui-commands.md, session-metrics.md, dscode-ultra.md, auto-review.md, account-login.md, opencode-go.md, custom-providers.md, demo.md, triggers.md)`}. Read the relevant guide before answering rather than relying on memory of an earlier session. docs/CONTEXT-HANDOFF.md, docs/session-messaging-design.md, docs/cloud-webapp-host.md, docs/triggers-design.md, docs/verification.md, docs/maintainability.md and docs/vendored-tui-upgrade.md are internal development records, not user documentation: never quote them to a user or treat them as a specification. When the guides do not cover something, describe only what the running installation actually does and say plainly that it is not documented.`;
 
 export function apply(ctx, config = {}) {
   const viewer = config.desktop ? 'Delegation board in the right sidebar' : '/delegate-dashboard';

package/plugins/email/desktop-client.mjs

@@ -2,7 +2,7 @@ globalThis.__ModuleLoader__.load({
   id: '@toddzheng024/dscode-desktop',
   factory: require => {
     const { createElement: h, useState, useEffect, useRef } = require('react');
-    const control = { padding: '7px 10px', border: '1px solid #8886', borderRadius: 6, background: 'transparent', color: 'inherit', font: 'inherit' };
+    const control = { padding: '7px 10px', border: '.5px solid var(--dsw-alias-border-l3, #8886)', borderRadius: 'var(--dsw-radius-md, 6px)', background: 'transparent', color: 'inherit', font: 'inherit' };
     function Inbox({ execute }) {
       const [state, setState] = useState(null), [mail, setMail] = useState(null), [offset, setOffset] = useState(0);
       const [error, setError] = useState(''), [notice, setNotice] = useState(''), [busy, setBusy] = useState(false), [sent, setSent] = useState(false);
@@ -49,7 +49,7 @@ globalThis.__ModuleLoader__.load({
         const value = await execute('read', { key });
         if (alive.current) { setMail(value); requestId.current = crypto.randomUUID(); }
       });
-      return h('section', { 'aria-label': 'DSCODE email inbox', style: { padding: 16, overflow: 'auto', height: '100%', boxSizing: 'border-box', display: 'flex', flexDirection: 'column', gap: 12 } },
+      return h('section', { className: 'dscode-ui', 'aria-label': 'DSCODE email inbox', style: { padding: 16, overflow: 'auto', height: '100%', boxSizing: 'border-box', display: 'flex', flexDirection: 'column', gap: 12 } },
         h('strong', null, 'Email inbox'),
         h('p', { style: { margin: 0, fontSize: 12 } }, 'Shared local inbox. Reading mail does not start the agent. Add only the message you want this session to use as external context.'),
         error && h('div', { role: 'alert' }, error),
@@ -70,12 +70,12 @@ globalThis.__ModuleLoader__.load({
               try { await execute('connect-imap', { config: { ...form, port: Number(form.port) } }); }
               finally { if (alive.current) setForm(old => ({ ...old, password: '' })); }
               if (alive.current) await refresh(offset);
-            }); } }, h('fieldset', { disabled: busy || !!state?.pending, style: { display: 'grid', gap: 8, border: '1px solid #8886', borderRadius: 6 } },
+            }); } }, h('fieldset', { disabled: busy || !!state?.pending, style: { display: 'grid', gap: 8, border: '.5px solid var(--dsw-alias-border-l3, #8886)', borderRadius: 'var(--dsw-radius-md, 6px)' } },
               h('legend', null, 'IMAP with an application password'),
               field('account', 'Mailbox login'), field('host', 'IMAP host'), field('port', 'TLS port'), field('mailbox', 'Mailbox folder'), field('password', 'Application password', 'password'),
               h('p', { style: { margin: 0, fontSize: 12 } }, 'Uses verified TLS and reads the selected folder without changing flags. The password is saved locally after a successful connection and never enters the conversation. Reconnect the same account and folder to update it.'),
               h('button', { style: control, type: 'submit', disabled: !form.account.trim() || !form.password }, 'Connect IMAP'))),
-            h('fieldset', { disabled: busy || !!state?.pending, style: { display: 'grid', gap: 8, border: '1px solid #8886', borderRadius: 6 } },
+            h('fieldset', { disabled: busy || !!state?.pending, style: { display: 'grid', gap: 8, border: '.5px solid var(--dsw-alias-border-l3, #8886)', borderRadius: 'var(--dsw-radius-md, 6px)' } },
               h('legend', null, 'Optional Gmail OAuth'),
               h('label', null, 'Google Desktop client JSON path', h('input', { 'aria-label': 'Google Desktop client JSON path', value: path,
                 onChange: event => setPath(event.target.value), style: { ...control, width: '100%', boxSizing: 'border-box' } })),
@@ -83,7 +83,7 @@ globalThis.__ModuleLoader__.load({
               h('p', { style: { margin: 0, fontSize: 12 } }, 'Authorization opens Google in your browser and requests mail read access plus label and filter management. It creates or reuses the ToAgent label and subject filter. Use your Google account settings to revoke access.'),
               button('Authorize Gmail', () => action('connect-gmail'), !state?.gmail.configured)))),
         h('div', { 'aria-label': 'Received emails', style: { display: 'grid', gap: 6, maxHeight: '26vh', overflow: 'auto' } },
-          ...(state?.emails ?? []).map(row => h('button', { key: row.key, type: 'button', style: { ...control, textAlign: 'left', overflowWrap: 'anywhere', borderColor: mail?.key === row.key ? '#5794ff' : '#8886' },
+          ...(state?.emails ?? []).map(row => h('button', { key: row.key, type: 'button', style: { ...control, textAlign: 'left', overflowWrap: 'anywhere', borderColor: mail?.key === row.key ? 'var(--dsw-alias-state-business-primary)' : 'var(--dsw-alias-border-l3)' },
             disabled: busy, onClick: () => select(row.key) }, h('strong', null, row.subject), h('div', { style: { fontSize: 12 } }, `${row.from} · ${new Date(row.updatedAt).toLocaleString()}`))),
           state?.emails.length === 0 && h('p', null, 'No emails received.')),
         state && h('div', { style: { display: 'flex', gap: 8 } },

package/plugins/providers/desktop-client.mjs

@@ -2,7 +2,7 @@ globalThis.__ModuleLoader__.load({
   id: '@toddzheng024/dscode-desktop',
   factory: require => {
     const { createElement: h, useState, useEffect, useRef } = require('react');
-    const control = { padding: '8px 10px', border: '1px solid #8886', borderRadius: 6, background: 'transparent', color: 'inherit', font: 'inherit' };
+    const control = { boxSizing: 'border-box', minWidth: 0, maxWidth: '100%' };
     function Accounts({ execute }) {
       const [state, setState] = useState(null), [key, setKey] = useState(''), [busy, setBusy] = useState(false);
       const [error, setError] = useState(''), [notice, setNotice] = useState(''), [confirm, setConfirm] = useState(null);
@@ -43,27 +43,28 @@ globalThis.__ModuleLoader__.load({
       }, [state?.opencode.pending]);
       const button = (text, action, disabled = false) => h('button', { type: 'button', style: control, disabled: busy || disabled, onClick: action }, text);
       const destructive = (id, label) => button(confirm === id ? `Confirm ${label.toLowerCase()}` : label, () => confirm === id ? run(id) : setConfirm(id));
-      return h('section', { 'aria-label': 'DSCODE account settings', style: { padding: 20, display: 'grid', gap: 16, maxWidth: 720 } },
-        h('h2', { style: { margin: 0 } }, 'DSCODE accounts'),
+      return h('section', { className: 'dscode-ui', 'aria-label': 'DSCODE account settings', style: { padding: 0, display: 'grid', gap: 16, maxWidth: 720 } },
+        h('h2', { style: { margin: 0 } }, 'Accounts'),
         error && h('div', { role: 'alert' }, error),
         refreshError && h('div', { role: 'alert' }, refreshError),
         notice && h('div', { role: 'status', style: { whiteSpace: 'pre-wrap' } }, notice),
-        button('Refresh account status', () => run('status')),
-        state && h('fieldset', { disabled: busy, style: { border: '1px solid #8886', borderRadius: 8, padding: 16 } },
-          h('legend', null, 'DSCODE OpenRouter'),
+        h('div', { className: 'dscode-actions' }, button('Refresh account status', () => run('status'))),
+        state && h('fieldset', { className: 'dscode-card', disabled: busy, style: { border: '.5px solid var(--dsw-alias-settings-card-stroke)', borderRadius: 'var(--dsw-radius-xl)', padding: 16 } },
+          h('h3', null, 'DSCODE OpenRouter'),
           h('p', null, state.openrouter.configured ? `Configured (${state.openrouter.source ?? 'saved'})` : 'No API key saved'),
-          h('p', null, 'The key is shared with DSCODE terminal sessions and native routes using the same credential. Select DSCODE OpenRouter in the model picker for DSCODE reasoning controls.'),
+          h('p', null, 'Uses your existing Desktop key. Choose DSCODE OpenRouter in the model picker for DSCODE reasoning controls.'),
+          confirm === 'remove-openrouter' && h('p', { role: 'alert' }, 'Removal clears the Desktop key and any legacy terminal copy. Environment keys are unchanged.'),
           h('label', null, 'OpenRouter API key', h('input', { 'aria-label': 'OpenRouter API key', type: 'password', autoComplete: 'new-password', style: { ...control, display: 'block', width: '100%', boxSizing: 'border-box' },
             value: key, disabled: !state.openrouter.writable, onChange: event => { setKey(event.target.value); setConfirm(null); } })),
           h('div', { style: { display: 'flex', gap: 8, marginTop: 12 } },
             button('Save OpenRouter key', () => run('save-openrouter', { key }), !state.openrouter.writable || !key.trim()),
             state.openrouter.configured && state.openrouter.writable && destructive('remove-openrouter', 'Remove OpenRouter key'))),
-        state && h('fieldset', { disabled: busy, style: { border: '1px solid #8886', borderRadius: 8, padding: 16 } },
-          h('legend', null, 'Grok'),
+        state && h('fieldset', { className: 'dscode-card', disabled: busy, style: { border: '.5px solid var(--dsw-alias-settings-card-stroke)', borderRadius: 'var(--dsw-radius-xl)', padding: 16 } },
+          h('h3', null, 'Grok'),
           h('p', null, state.grok.configured ? 'Local Grok CLI login available' : 'No usable local Grok CLI login'),
           h('p', null, 'Run grok login in a terminal, then refresh this status. DSCODE reads ~/.grok/auth.json without changing or refreshing its tokens.')),
-        state && h('fieldset', { disabled: busy, style: { border: '1px solid #8886', borderRadius: 8, padding: 16 } },
-          h('legend', null, 'OpenCode Go'),
+        state && h('fieldset', { className: 'dscode-card', disabled: busy, style: { border: '.5px solid var(--dsw-alias-settings-card-stroke)', borderRadius: 'var(--dsw-radius-xl)', padding: 16 } },
+          h('h3', null, 'OpenCode Go'),
           h('p', { style: { whiteSpace: 'pre-wrap' } }, state.opencode.lines.join('\n')),
           h('p', null, 'Sign in opens the OpenCode consent page in your browser. It identifies the OpenCode CLI client used for this login.'),
           h('div', { style: { display: 'flex', gap: 8 } },
@@ -71,14 +72,20 @@ globalThis.__ModuleLoader__.load({
             state.opencode.pending && button('Cancel OpenCode login', () => run('cancel-opencode')),
             state.opencode.configured && destructive('logout-opencode', 'Sign out of OpenCode Go'))));
     }
-    return { inject: ['slots', 'connection'], apply(ctx) {
-      ctx.slots.inject('settings.section', () => ctx.slots.register({ name: 'settings.section', id: 'dscode-accounts', order: 12, label: () => 'DSCODE accounts',
+    return {
+      inject: ['slots', 'connection'],
+      settingsPage(ctx) { return { entry: { name: 'settings.section', id: 'dscode-accounts', order: 12, label: () => 'Accounts',
         inject: () => ({ execute: async (action, args = {}) => {
           const response = await ctx.connection.rpc.call('/api', 'dscode-accounts', { action, ...args });
           if (!response.ok) throw Error(response.error.message);
           return response.value;
         } }),
-      }, Accounts));
-    } };
+      }, Component: Accounts }; },
+      apply(ctx, options = {}) {
+        if (options.settings === false) return;
+        const page = this.settingsPage(ctx);
+        ctx.slots.inject('settings.section', () => ctx.slots.register(page.entry, page.Component));
+      },
+    };
   },
 });

package/plugins/session-metrics/desktop-client.mjs

@@ -5,7 +5,7 @@ globalThis.__ModuleLoader__.load({
     const money = (cost, partial = false) => cost === null || partial && cost === 0 ? 'Unknown' : `$${cost.toFixed(4)}${partial ? '+' : ''}`;
     const percent = value => value === null ? 'Unknown' : `${value.toFixed(1)}%`;
     const speed = value => value === null ? 'Unknown' : `${value.toFixed(1)} tokens/s`;
-    const control = { padding: '7px 10px', border: '1px solid #8886', borderRadius: 6, background: 'transparent', color: 'inherit', font: 'inherit' };
+    const control = { padding: '7px 10px', border: '.5px solid var(--dsw-alias-border-l3, #8886)', borderRadius: 'var(--dsw-radius-md, 6px)', background: 'transparent', color: 'inherit', font: 'inherit' };
     function Usage({ execute }) {
       const [state, setState] = useState(null), [error, setError] = useState('');
       const active = useRef(false), alive = useRef(true);
@@ -17,9 +17,9 @@ globalThis.__ModuleLoader__.load({
       };
       useEffect(() => { alive.current = true; void refresh(); const timer = setInterval(refresh, 1000);
         return () => { alive.current = false; clearInterval(timer); }; }, []);
-      const fact = (label, value) => h('div', { key: label, style: { padding: 10, border: '1px solid #8884', borderRadius: 6 } },
+      const fact = (label, value) => h('div', { key: label, style: { padding: 10, border: '.5px solid var(--dsw-alias-border-l2, #8884)', borderRadius: 'var(--dsw-radius-md, 6px)' } },
         h('dt', { style: { fontSize: 12, marginBottom: 5 } }, label), h('dd', { style: { margin: 0, fontVariantNumeric: 'tabular-nums' } }, value));
-      return h('section', { 'aria-label': 'DSCODE session usage', style: { padding: 16, height: '100%', overflow: 'auto', boxSizing: 'border-box' } },
+      return h('section', { className: 'dscode-ui', 'aria-label': 'DSCODE session usage', style: { padding: 16, height: '100%', overflow: 'auto', boxSizing: 'border-box' } },
         h('h2', { style: { marginTop: 0 } }, 'Session usage'),
         h('p', { style: { fontSize: 12 } }, 'Recorded model usage for this DSCODE session, including attributed child and background calls. Costs are estimates, not an invoice.'),
         h('button', { type: 'button', style: control, onClick: refresh }, 'Refresh usage'),

package/plugins/triggers/desktop-client.mjs

@@ -2,7 +2,7 @@ globalThis.__ModuleLoader__.load({
   id: '@toddzheng024/dscode-desktop',
   factory: require => {
     const { createElement: h, useState, useEffect, useRef } = require('react');
-    const control = { padding: '8px 10px', border: '1px solid #8886', borderRadius: 6, background: 'transparent', color: 'inherit', font: 'inherit', boxSizing: 'border-box', minWidth: 0, maxWidth: '100%' };
+    const control = { boxSizing: 'border-box', minWidth: 0, maxWidth: '100%' };
     const row = { display: 'flex', flexWrap: 'wrap', gap: 8, alignItems: 'center' };
     const initial = () => ({ id: '', prompt: '', objective: '', kind: 'interval', seconds: '3600', cron: '0 9 * * 1-5', timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
       command: '[]', scriptMode: 'poll', persistent: true, permission: 'read-only', enabled: true });
@@ -91,8 +91,8 @@ globalThis.__ModuleLoader__.load({
         // the user runs another task or changes workspace before retrying.
         await refresh(); eventKeys.current.delete(identity);
       });
-      return h('section', { 'aria-label': 'DSCODE scheduling settings', style: { display: 'grid', gridTemplateColumns: 'minmax(0, 1fr)', gap: 16, padding: 20, maxWidth: 960, minWidth: 0, boxSizing: 'border-box', overflowWrap: 'anywhere' } },
-        h('h2', { style: { margin: 0 } }, 'DSCODE schedules'),
+      return h('section', { className: 'dscode-ui', 'aria-label': 'DSCODE scheduling settings', style: { display: 'grid', gridTemplateColumns: 'minmax(0, 1fr)', gap: 16, padding: 0, maxWidth: 960, minWidth: 0, boxSizing: 'border-box', overflowWrap: 'anywhere' } },
+        h('h2', { style: { margin: 0 } }, 'Schedules'),
         h('p', null, 'Enabling delivery runs due tasks for every registered project and remembers this choice when Desktop opens again. Keep the application open. Stopping delivery interrupts active tasks and script sources; pending jobs stay queued.'),
         error && h('div', { role: 'alert', tabIndex: -1, ref: actionError }, error),
         refreshError && h('div', { role: 'alert' }, refreshError),
@@ -122,8 +122,8 @@ globalThis.__ModuleLoader__.load({
               button(`Read ${item.id} source log`, () => run(async () => { const result = await execute('source', { sessionId: selected.current, args: { action: 'logs', trigger_id: item.id } }); if (alive.current) setLog(result.log || 'No source output recorded.'); }))))),
           log && h('pre', { 'aria-label': 'Source log', style: { whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' } }, log),
           !workspace.definitions.length && h('p', null, 'No tasks in this workspace.'),
-          h('fieldset', { disabled: busy || !workspace.writable, style: { display: 'grid', gridTemplateColumns: 'minmax(0, 1fr)', minWidth: 0, gap: 12, border: '1px solid #8886', borderRadius: 8, padding: 16 } },
-            h('legend', null, editing ? `Edit ${editing.id}` : 'Create task'), field('Task ID', 'id'),
+          h('fieldset', { className: 'dscode-card', disabled: busy || !workspace.writable, style: { display: 'grid', gridTemplateColumns: 'minmax(0, 1fr)', minWidth: 0, gap: 12, border: '.5px solid var(--dsw-alias-settings-card-stroke)', borderRadius: 'var(--dsw-radius-xl)', padding: 16 } },
+            h('h3', null, editing ? `Edit ${editing.id}` : 'Create task'), field('Task ID', 'id'),
             h('label', null, 'Task instructions', h('textarea', { 'aria-label': 'Task instructions', style: { ...control, display: 'block', width: '100%', minHeight: 90 }, value: draft.prompt,
               onChange: event => setDraft(previous => ({ ...previous, prompt: event.target.value })) })),
             field('Goal (defaults to task instructions)', 'objective'),
@@ -142,14 +142,20 @@ globalThis.__ModuleLoader__.load({
             job.state === 'pending' && button(`Cancel ${job.triggerId} job`, () => mutate('jobs', { action: 'cancel', job_id: job.id }), !workspace.writable))),
           !workspace.jobs.length && h('p', null, 'No jobs in this workspace.')));
     }
-    return { inject: ['slots', 'connection'], apply(ctx) {
-      ctx.slots.inject('settings.section', () => ctx.slots.register({ name: 'settings.section', id: 'dscode-schedules', order: 13, label: () => 'DSCODE schedules',
+    return {
+      inject: ['slots', 'connection'],
+      settingsPage(ctx) { return { entry: { name: 'settings.section', id: 'dscode-schedules', order: 13, label: () => 'Schedules',
         inject: () => ({ execute: async (action, args = {}) => {
           const response = await ctx.connection.rpc.call('/api', 'dscode-triggers', { action, ...args });
           if (!response.ok) throw Error(response.error.message);
           return response.value;
         } }),
-      }, Schedules));
-    } };
+      }, Component: Schedules }; },
+      apply(ctx, options = {}) {
+        if (options.settings === false) return;
+        const page = this.settingsPage(ctx);
+        ctx.slots.inject('settings.section', () => ctx.slots.register(page.entry, page.Component));
+      },
+    };
   },
 });

package/plugins/hub/catalog.mjs

@@ -1,82 +0,0 @@
-import { z } from 'zod';
-import { npmPackageNameSchema, exactSemverSchema, pluginRecordSchema, registrySearchResponseSchema } from '@dsh-plugin-hub/schemas';
-import semver from 'semver';
-
-export const hubApi = 'https://api.dshpluginhub.ai/api/v1';
-export const hubWebsite = 'https://dshpluginhub.ai';
-const searchInput = z.object({ query: z.string().max(300).default(''), category: z.string().max(60).default(''), cursor: z.string().max(2000).optional(), page: z.number().int().min(1).max(100000).default(1) }).strict();
-const categoriesSchema = z.object({ items: z.array(z.object({ name: z.string().min(1).max(60), displayName: z.string().max(120),
-  displayNameZh: z.string().max(120).optional(), description: z.string().max(2000).optional(), descriptionZh: z.string().max(2000).optional(), count: z.number().int().nonnegative() })).max(100) });
-
-/** Read-only access to our public Hub. Never executes catalog-provided commands. */
-export class HubCatalog {
-  constructor({ fetch: fetcher = globalThis.fetch, timeoutMs = 15000, maxBytes = 4 * 1024 * 1024 } = {}) {
-    this.fetch = fetcher; this.timeoutMs = timeoutMs; this.maxBytes = maxBytes;
-  }
-  async get(path, schema, signal) {
-    const response = await this.fetch(`${hubApi}${path}`, { headers: { accept: 'application/json' }, redirect: 'error',
-      signal: AbortSignal.any([AbortSignal.timeout(this.timeoutMs), ...(signal ? [signal] : [])]) });
-    if (!response.ok) { await response.body?.cancel(); throw Error(`Plugin Hub request failed (HTTP ${response.status}).`); }
-    const chunks = []; let size = 0;
-    const reader = response.body?.getReader();
-    if (!reader) throw Error('Plugin Hub returned an empty response.');
-    try {
-      while (true) {
-        const { done, value } = await reader.read(); if (done) break;
-        size += value.byteLength;
-        if (size > this.maxBytes) throw Error('Plugin Hub response is too large.');
-        chunks.push(value);
-      }
-    } finally { await reader.cancel(); reader.releaseLock(); }
-    let payload; try { payload = JSON.parse(Buffer.concat(chunks).toString('utf8')); } catch { throw Error('Plugin Hub returned invalid JSON.'); }
-    const parsed = schema.safeParse(payload);
-    if (!parsed.success) throw Error('Plugin Hub returned unsupported catalog data.');
-    return parsed.data;
-  }
-  categories(signal) { return this.get('/categories', categoriesSchema, signal); }
-  async search(input = {}, signal) {
-    const { query, category, cursor, page } = searchInput.parse(input);
-    const params = new URLSearchParams({ q: query.trim(), limit: '20' });
-    if (category) params.set('category', category);
-    if (cursor) params.set('cursor', cursor);
-    else params.set('page', String(page));
-    const result = await this.get(`/packages?${params}`, registrySearchResponseSchema, signal);
-    return { ...result, nextPage: !cursor && typeof result.total === 'number' && result.items.length > 0 && page * 20 < result.total ? page + 1 : null };
-  }
-  async package(packageName, signal) {
-    return this.get(`/packages/resolve?name=${encodeURIComponent(npmPackageNameSchema.parse(packageName))}`, pluginRecordSchema, signal);
-  }
-}
-
-/** Hub metadata is a preflight hint. Official pluginManager remains the installation authority. */
-export function desktopCandidate(record, environment, version = record.latestVersion) {
-  exactSemverSchema.parse(version);
-  const release = record.versions.find(item => item.version === version);
-  const reasons = [];
-  if (record.deprecated) reasons.push('This package is deprecated.');
-  if (!release) return { version, spec: null, reasons: [...reasons, 'This version is absent from the Hub.'] };
-  if (release.yanked) reasons.push('This version was withdrawn.');
-  const source = release.source;
-  const sameIdentity = release.manifest.name === record.packageName && release.manifest.version === version &&
-    source.kind === 'npm' && source.packageName === record.packageName && source.version === version;
-  if (!sameIdentity) reasons.push('Desktop installation requires matching npm package and version metadata.');
-  const { dsh, node, platforms, surfaces } = release.compatibility;
-  if (!surfaces.some(value => ['desktop', 'web', 'any'].includes(value))) reasons.push('This version does not support the Desktop interface.');
-  if (platforms.length && !platforms.includes(environment.platform)) reasons.push(`This version does not support ${environment.platform}.`);
-  if (!semver.validRange(dsh) || !semver.satisfies(environment.runtime, dsh, { includePrerelease: true })) reasons.push(`Requires DSH ${dsh}; this Desktop uses ${environment.runtime}.`);
-  if (node && (!semver.validRange(node) || !semver.satisfies(environment.node, node))) reasons.push(`Requires Node ${node}; this Host uses ${environment.node}.`);
-  // Construct the exact spec ourselves; never pass source.installSpec or tarballUrl to the installer.
-  return { version, spec: sameIdentity ? `${record.packageName}@${version}` : null, reasons, compatibility: release.compatibility };
-}
-
-export function catalogSummary(record) {
-  return { packageName: record.packageName, displayName: record.displayName, summary: record.summary,
-    latestVersion: record.latestVersion, categories: record.categories, claimed: record.claimed, verified: record.verified,
-    deprecated: record.deprecated, security: record.security ?? null, weeklyDownloads: record.weeklyDownloads,
-    url: `${hubWebsite}/plugins/${encodeURIComponent(record.slug)}` };
-}
-
-export function catalogDetail(record, environment) {
-  return { ...catalogSummary(record), description: record.description, repository: record.repository,
-    license: record.license ?? null, candidate: desktopCandidate(record, environment) };
-}

package/plugins/hub/desktop-client.mjs

@@ -1,114 +0,0 @@
-globalThis.__ModuleLoader__.load({
-  id: '@toddzheng024/dscode-desktop',
-  factory: require => {
-    const { createElement: h, useState, useEffect, useRef } = require('react');
-    const control = { padding: '8px 10px', border: '1px solid #8886', borderRadius: 6, background: 'transparent', color: 'inherit', font: 'inherit' };
-    const box = { border: '1px solid #8886', borderRadius: 8, padding: 16 };
-    function Hub({ execute, manage, close }) {
-      const [query, setQuery] = useState(''), [category, setCategory] = useState(''), [categories, setCategories] = useState([]);
-      const [results, setResults] = useState(null), [detail, setDetail] = useState(null), [preview, setPreview] = useState(null);
-      const [operation, setOperation] = useState(null), [error, setError] = useState(''), [busy, setBusy] = useState(false);
-      const alive = useRef(true), locked = useRef(false), pageQuery = useRef({ query: '', category: '' });
-      const run = async fn => {
-        if (locked.current) return;
-        locked.current = true; setBusy(true); setError('');
-        try { await fn(); } catch (error) { if (alive.current) setError(error.message); }
-        finally { locked.current = false; if (alive.current) setBusy(false); }
-      };
-      const search = async (more = false) => {
-        const input = more ? pageQuery.current : { query, category };
-        if (!more) { setDetail(null); setPreview(null); setResults(null); }
-        const value = await execute('search', { ...input, ...(more ? results.nextPage ? { page: results.nextPage } : { cursor: results.nextCursor } : {}) });
-        if (!alive.current) return;
-        pageQuery.current = input;
-        setResults(more ? { ...value, items: [...results.items, ...value.items.filter(item => !results.items.some(previous => previous.packageName === item.packageName))] } : value);
-      };
-      const load = () => run(async () => {
-        const [list, initial, status] = await Promise.all([execute('categories'), execute('search', { query: '', category: '' }), execute('status')]);
-        if (alive.current) { setCategories(list.items); setResults(initial); setOperation(status.operation); pageQuery.current = { query: '', category: '' }; }
-      });
-      useEffect(() => { alive.current = true; void load(); return () => { alive.current = false; }; }, []);
-      useEffect(() => {
-        if (operation?.status !== 'running') return;
-        let stopped = false, polling = false;
-        const timer = setInterval(async () => {
-          if (polling) return; polling = true;
-          try {
-            const value = await execute('operation', { requestId: operation.requestId });
-            if (!stopped && alive.current) setOperation(value);
-          } catch (error) { if (!stopped && alive.current) setError(`Could not refresh installation: ${error.message}`); }
-          finally { polling = false; }
-        }, 1000);
-        return () => { stopped = true; clearInterval(timer); };
-      }, [operation?.requestId, operation?.status]);
-      const installing = operation?.status === 'running';
-      const button = (label, action, disabled = false) => h('button', { type: 'button', style: control, disabled: busy || disabled, onClick: action }, label);
-      const openManagement = packageName => run(async () => { manage(packageName); close?.(); });
-      const show = name => run(async () => {
-        setDetail(null); setPreview(null);
-        const value = await execute('detail', { packageName: name }); if (alive.current) setDetail(value);
-      });
-      const installed = detail?.installed || (operation?.packageName === detail?.packageName && operation?.result?.application === 'applied' && operation.result.bundle === detail?.packageName);
-      const security = item => `Hub scan: ${item.security?.status ?? 'not reported'}`;
-      const result = operation?.result;
-      return h('section', { 'aria-label': 'Plugin Hub', style: { padding: 20, display: 'grid', gap: 16, maxWidth: 900 } },
-        h('h2', { style: { margin: 0 } }, 'Plugin Hub'),
-        h('p', null, 'Discover community plugins from DSH Plugin Hub. Install here, then enable and configure in Settings → Plugins.'),
-        h('form', { style: { display: 'flex', flexWrap: 'wrap', gap: 8 }, onSubmit: event => { event.preventDefault(); void run(() => search()); } },
-          h('input', { type: 'search', 'aria-label': 'Search plugins', placeholder: 'Search plugins or describe a capability', value: query, maxLength: 300, style: { ...control, flex: 1 }, disabled: busy || installing, onChange: event => setQuery(event.target.value) }),
-          h('select', { 'aria-label': 'Plugin category', value: category, style: control, disabled: busy || installing, onChange: event => setCategory(event.target.value) },
-            h('option', { value: '' }, 'All categories'), ...categories.map(item => h('option', { key: item.name, value: item.name }, `${item.displayName} (${item.count})`))),
-          h('button', { type: 'submit', disabled: busy || installing, style: control }, busy ? 'Loading…' : 'Search')),
-        error && h('div', { role: 'alert' }, error, ' ', button('Refresh catalog', load, installing)),
-        operation && h('div', { role: 'status', style: box },
-          h('strong', null, operation.spec),
-          h('p', null, installing ? 'Installing with the official plugin manager…' : operation.error ? operation.error : result?.application === 'applied' ? 'Installation completed. Enable the plugin in Settings → Plugins.' :
-            result?.application === 'restart-required' ? 'The plugin manager requires a Desktop restart. Check Settings → Plugins after restarting.' :
-              result?.application === 'cancelled' ? 'Installation cancelled.' : `Installation outcome: ${result?.application ?? 'unknown'}. Check Settings → Plugins.`),
-          result?.error && h('p', null, result.error.message),
-          result?.warnings?.map((warning, index) => h('p', { key: index }, warning)),
-          result?.pendingBuilds?.length > 0 && h('p', null, `Build approval is required for ${result.pendingBuilds.join(', ')}. Review it through the official plugin manager.`),
-          installing ? button('Cancel installation', () => run(async () => { const value = await execute('cancel', { requestId: operation.requestId }); if (alive.current) setOperation(value); })) :
-            button('Manage installed plugin', () => openManagement(operation.packageName))),
-        detail && h('article', { style: box, 'aria-label': 'Plugin details' },
-          h('h3', null, detail.displayName), h('code', null, `${detail.packageName}@${detail.latestVersion}`),
-          h('p', null, detail.summary), h('p', { style: { whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' } }, detail.description),
-          h('p', null, `${detail.categories.join(' · ')} · ${detail.weeklyDownloads} weekly downloads`),
-          h('p', null, `Repository: ${detail.repository} · License: ${detail.license ?? 'not reported'}`),
-          h('p', null, `${detail.claimed ? 'Publisher claimed' : 'Publisher unclaimed'} · ${detail.verified ? 'Publisher verified' : 'Publisher unverified'}`),
-          h('p', null, security(detail), '. Publisher verification and scans do not guarantee safety.'),
-          detail.security && h('ul', null, ...[['dependencyInventoryComplete', 'Complete dependency inventory'], ['advisoryScanned', 'Vulnerability advisories checked'], ['behaviorAnalyzed', 'Behavior analysis completed']].map(([key, label]) => h('li', { key }, `${label}: ${detail.security[key] === true ? 'yes' : 'no'}`))),
-          h('a', { href: detail.url, target: '_blank', rel: 'noreferrer' }, 'View on DSH Plugin Hub'),
-          h('p', null, `Your Desktop: DSH ${detail.environment.runtime} · ${detail.environment.platform}`),
-          detail.candidate.compatibility && h('p', null, `Declared compatibility: DSH ${detail.candidate.compatibility.dsh} · ${detail.candidate.compatibility.surfaces.join(', ')} · ${detail.candidate.compatibility.platforms.join(', ') || 'all platforms'}`),
-          detail.candidate.reasons.length > 0 && h('ul', null, ...detail.candidate.reasons.map(reason => h('li', { key: reason }, reason))),
-          installed ? button('Manage in Plugins', () => openManagement(detail.packageName), installing) :
-            button('Review installation', () => run(async () => { const value = await execute('prepare', { packageName: detail.packageName }); if (alive.current) { setDetail(value.detail); setPreview(value); } }), installing || detail.candidate.reasons.length > 0),
-          preview && h('div', { style: { ...box, marginTop: 16 }, role: 'group', 'aria-label': 'Confirm plugin installation' },
-            h('p', null, `Install ${preview.detail.candidate.spec} from ${preview.inspection.registry ?? 'your configured npm registry'}?`),
-            h('p', null, 'The official manager will download the package and its dependencies. It will remain disabled until you enable it in Plugins. Enabling third-party plugins runs their code in the Host.'),
-            button('Confirm installation', () => run(async () => { const value = await execute('install', { token: preview.token, confirm: true }); if (alive.current) { setOperation(value); setPreview(null); } }), installing),
-            ' ', button('Back', () => setPreview(null), installing))),
-        results && h('div', { 'aria-label': 'Plugin search results', style: { display: 'grid', gap: 12 } },
-          results.items.length === 0 && h('p', null, 'No plugins match this search. Try another phrase or category.'),
-          ...results.items.map(item => h('article', { key: item.packageName, style: box },
-            h('h3', { style: { margin: 0 } }, item.displayName), h('code', null, `${item.packageName}@${item.latestVersion}`),
-            h('p', null, item.summary), h('p', null, `${security(item)}${item.deprecated ? ' · Deprecated' : ''}`),
-            button('View details', () => show(item.packageName), installing))),
-          (results.nextPage || results.nextCursor) && button('Load more plugins', () => run(() => search(true)), installing)));
-    }
-    return { inject: ['slots', 'connection'], apply(ctx) {
-      ctx.slots.inject('settings.section', () => ctx.slots.register({ name: 'settings.section', id: 'dscode-hub', order: 13, label: () => 'Plugin Hub',
-        inject: () => ({ execute: async (action, args = {}) => {
-          const response = await ctx.connection.rpc.call('/api', 'dscode-hub', { ...args, action });
-          if (!response.ok) throw Error(response.error.message);
-          return response.value;
-        }, manage: packageName => {
-          const navigation = ctx.get('pluginNavigation');
-          if (!navigation) throw Error('Plugin management is unavailable. Close settings and open Plugins from the sidebar.');
-          navigation.openBundle(packageName);
-        } }),
-      }, Hub));
-    } };
-  },
-});