@eclipse-docks/core 0.7.126 → 0.7.127

package/dist/{widget-DbLusgAH.js → widget-BqQtioK1.js}

@@ -135,6 +135,14 @@ function listContributionNameRemaps() {
 //#endregion
 //#region src/core/contributionregistry.ts
 var TOPIC_CONTRIBUTEIONS_CHANGED = "events/contributionregistry/contributionsChanged";
+/** Reads a static or reactive boolean; plain functions and {@link Signal.Computed} are evaluated at call time. */
+function readReactiveBoolean(value, defaultValue) {
+	if (value === void 0) return defaultValue;
+	if (typeof value === "boolean") return value;
+	if (typeof value === "object" && value !== null && "get" in value) return value.get() === true;
+	if (typeof value === "function") return value() === true;
+	return defaultValue;
+}
 /** Default true when `visible` is omitted. */
 function getContributionVisible(contribution) {
 	const visible = contribution.visible;
@@ -143,9 +151,7 @@ function getContributionVisible(contribution) {
 }
 /** Default false when `disabled` is omitted. */
 function getContributionDisabled(contribution) {
-	const disabled = contribution.disabled;
-	if (!disabled) return false;
-	return disabled.get() === true;
+	return readReactiveBoolean(contribution.disabled, false);
 }
 function wrapContributionReactiveFlags(contribution) {
 	if (contribution.disabled instanceof Function) contribution.disabled = new Signal.Computed(contribution.disabled);
@@ -445,6 +451,6 @@ var DocksWidget = class extends DocksWidgetBase {
 	}
 };
 //#endregion
-export { toastError as C, overrideContributionTargets as S, toastWarning as T, getContributionDisabled as _, TOPIC_COMMAND_REGISTERED as a, contributionTargetMappingRegistry as b, EMPTY_SIGNALPORT as c, activeSelectionSignal as d, activeTasksSignal as f, contributionRegistry as g, TOPIC_CONTRIBUTEIONS_CHANGED as h, CommandStack as i, activeEditorSignal as l, perspectiveSwitchedSignal as m, watchSignal as n, commandRegistry as o, partDirtySignal as p, CommandRegistry as r, registerAll as s, DocksWidget as t, activePartSignal as u, getContributionVisible as v, toastInfo as w, listContributionNameRemaps as x, applyConfigNameRemaps as y };
+export { overrideContributionTargets as C, toastWarning as E, listContributionNameRemaps as S, toastInfo as T, getContributionDisabled as _, TOPIC_COMMAND_REGISTERED as a, applyConfigNameRemaps as b, EMPTY_SIGNALPORT as c, activeSelectionSignal as d, activeTasksSignal as f, contributionRegistry as g, TOPIC_CONTRIBUTEIONS_CHANGED as h, CommandStack as i, activeEditorSignal as l, perspectiveSwitchedSignal as m, watchSignal as n, commandRegistry as o, partDirtySignal as p, CommandRegistry as r, registerAll as s, DocksWidget as t, activePartSignal as u, getContributionVisible as v, toastError as w, contributionTargetMappingRegistry as x, readReactiveBoolean as y };
 
-//# sourceMappingURL=widget-DbLusgAH.js.map
+//# sourceMappingURL=widget-BqQtioK1.js.map

package/dist/widget-BqQtioK1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-BqQtioK1.js","names":[],"sources":["../src/core/toast.ts","../src/core/contribution-mapping.ts","../src/core/contributionregistry.ts","../src/core/appstate.ts","../src/core/commandregistry.ts","../src/externals/wa-tree-shadow-parts.ts","../src/core/signals.ts","../src/widgets/widget.ts"],"sourcesContent":["import '@awesome.me/webawesome/dist/components/toast/toast.js';\nimport { createLogger } from './logger';\n\nconst logger = createLogger('Toast');\n\nconst DURATION = 4000;\n\ntype ToastVariant = 'brand' | 'danger' | 'warning';\n\ntype WaToastElement = HTMLElement & {\n  placement: string;\n  create(\n    message: string,\n    options?: {\n      variant?: ToastVariant | 'neutral' | 'success';\n      duration?: number;\n    },\n  ): Promise<HTMLElement>;\n};\n\nlet toastStack: WaToastElement | null = null;\n\nfunction getToastStack(): WaToastElement {\n  if (!toastStack) {\n    toastStack = document.createElement('wa-toast') as WaToastElement;\n    toastStack.placement = 'bottom-end';\n    document.body.append(toastStack);\n  }\n  return toastStack;\n}\n\nconst show = (msg: string, variant: ToastVariant) => {\n  if (typeof document === 'undefined' || !document.body) return;\n  void getToastStack().create(msg, { variant, duration: DURATION });\n};\n\nexport const toastInfo = (msg: string) => {\n  logger.info(msg);\n  show(msg, 'brand');\n};\n\nexport const toastError = (msg: string) => {\n  logger.error(msg);\n  show(msg, 'danger');\n};\n\nexport const toastWarning = (msg: string) => {\n  logger.warn(msg);\n  show(msg, 'warning');\n};\n","import { rootContext } from \"./di\";\nimport type { Contribution } from \"./contributionregistry\";\n\nexport interface ContributionNameRemap {\n    /**\n     * Globally unique, namespaced contribution name\n     * (e.g. \"view.filebrowser\", \"toolbar.filebrowser.rename\").\n     */\n    name: string;\n    /**\n     * Effective target slots for this contribution.\n     * If empty, the original target is used.\n     */\n    targets: string[];\n}\n\ninterface NameRemapState {\n    appTargets: string[] | undefined;\n    globalTargets: string[] | undefined;\n}\n\n/**\n * Registry responsible for resolving effective contribution targets.\n *\n * It supports:\n * - Global (framework-level) remaps.\n * - App-level remaps coming from AppDefinition.\n * - Multiple targets per contribution.\n *\n * Resolution precedence:\n *   app-level remap > global remap > original target\n */\nclass ContributionTargetMappingRegistry {\n    private globalNameRemaps = new Map<string, string[]>();\n    private appNameRemaps = new Map<string, string[]>();\n\n    setGlobalNameRemap(name: string, targets: string[]): void {\n        this.globalNameRemaps.set(name, this.normalizeTargets(targets));\n    }\n\n    /** Clears all remaps. For testing only. */\n    resetForTesting(): void {\n        this.globalNameRemaps.clear();\n        this.appNameRemaps.clear();\n    }\n\n    applyAppNameRemaps(remaps: ContributionNameRemap[] | undefined | null): void {\n        this.appNameRemaps.clear();\n        if (!remaps) return;\n        for (const remap of remaps) {\n            this.appNameRemaps.set(remap.name, this.normalizeTargets(remap.targets));\n        }\n    }\n\n    /**\n     * Returns the effective target slots for a contribution given its original target.\n     *\n     * Semantics:\n     * - When a remap exists with a non-empty targets array, those targets are used.\n     * - When a remap exists with an empty targets array, the contribution is disabled (no targets).\n     * - When no remap exists, the original target is used.\n     */\n    getEffectiveTargets(originalTarget: string, contribution: Contribution): string[] {\n        const name = (contribution as any).name as string | undefined;\n        if (!name) {\n            return [originalTarget];\n        }\n\n        const appTargets = this.appNameRemaps.get(name);\n        if (appTargets) {\n            return appTargets.length > 0 ? appTargets : [];\n        }\n\n        const globalTargets = this.globalNameRemaps.get(name);\n        if (globalTargets) {\n            return globalTargets.length > 0 ? globalTargets : [];\n        }\n\n        return [originalTarget];\n    }\n\n    /**\n     * Returns current mapping state for debugging and tooling.\n     */\n    listNameRemaps(): Record<string, NameRemapState> {\n        const result: Record<string, NameRemapState> = {};\n        const allNames = new Set<string>([\n            ...this.globalNameRemaps.keys(),\n            ...this.appNameRemaps.keys()\n        ]);\n        for (const name of allNames) {\n            result[name] = {\n                appTargets: this.appNameRemaps.get(name),\n                globalTargets: this.globalNameRemaps.get(name)\n            };\n        }\n        return result;\n    }\n\n    private normalizeTargets(targets: string[]): string[] {\n        const seen = new Set<string>();\n        const result: string[] = [];\n        for (const t of targets) {\n            if (!t || seen.has(t)) continue;\n            seen.add(t);\n            result.push(t);\n        }\n        return result;\n    }\n}\n\nexport const contributionTargetMappingRegistry = new ContributionTargetMappingRegistry();\nrootContext.put(\"contributionTargetMappingRegistry\", contributionTargetMappingRegistry);\n\n/**\n * Public helper to override contribution targets programmatically.\n * This sets a global remap that applies across all apps.\n */\nexport function overrideContributionTargets(name: string, targets: string | string[]): void {\n    const normalized = Array.isArray(targets) ? targets : [targets];\n    contributionTargetMappingRegistry.setGlobalNameRemap(name, normalized);\n}\n\n/**\n * Apply config-driven name remaps from a simple object.\n * Intended for hosts that want to load JSON/YAML mapping files.\n */\nexport function applyConfigNameRemaps(config: Record<string, string | string[]>): void {\n    for (const [name, targets] of Object.entries(config)) {\n        const normalized = Array.isArray(targets) ? targets : [targets];\n        contributionTargetMappingRegistry.setGlobalNameRemap(name, normalized);\n    }\n}\n\n/**\n * Convenience helper for debugging: returns current remap state\n * for all known contribution names.\n */\nexport function listContributionNameRemaps(): Record<string, NameRemapState> {\n    return contributionTargetMappingRegistry.listNameRemaps();\n}\n\n","import { Signal } from \"@lit-labs/signals\";\nimport { TemplateResult } from \"lit\";\nimport { publish } from \"./events\";\nimport { rootContext } from \"./di\";\nimport { contributionTargetMappingRegistry } from \"./contribution-mapping\";\n\nexport const TOPIC_CONTRIBUTEIONS_CHANGED = \"events/contributionregistry/contributionsChanged\"\n\nexport interface ContributionChangeEvent {\n    target: string;\n    contributions: Contribution[];\n}\n\nexport interface Contribution {\n    /** Optional globally unique, namespaced contribution name (e.g. \"view.filebrowser\"). */\n    name?: string;\n    target?: string;\n    label: string;\n    /** When true, UI may show `label` alongside the icon (e.g. toolbar). Honored where supported in UI. */\n    showLabel?: boolean;\n    icon?: string;\n    slot?: string;\n    /**\n     * Higher ranking appears first in `getContributions`. Defaults to 0.\n     * Equal ranks keep registration order.\n     */\n    ranking?: number;\n    disabled?: (() => boolean) | Signal.Computed<boolean>;\n    /** When false, the contribution is not rendered (default: shown). Honored where supported in UI. */\n    visible?: (() => boolean) | Signal.Computed<boolean>;\n}\n\nexport interface CommandContribution extends Contribution {\n    command: string;\n    params?: Record<string, any>;\n}\n\nexport function isCommandContribution(contribution: Contribution): contribution is CommandContribution {\n    return \"command\" in contribution;\n}\n\nexport type ReactiveBoolean = boolean | (() => boolean) | Signal.Computed<boolean>;\n\n/** Reads a static or reactive boolean; plain functions and {@link Signal.Computed} are evaluated at call time. */\nexport function readReactiveBoolean(\n    value: ReactiveBoolean | undefined,\n    defaultValue: boolean\n): boolean {\n    if (value === undefined) return defaultValue;\n    if (typeof value === 'boolean') return value;\n    if (typeof value === 'object' && value !== null && 'get' in value) {\n        return (value as Signal.Computed<boolean>).get() === true;\n    }\n    if (typeof value === 'function') {\n        return (value as () => boolean)() === true;\n    }\n    return defaultValue;\n}\n\n/** Default true when `visible` is omitted. */\nexport function getContributionVisible(contribution: Contribution): boolean {\n    const visible = contribution.visible as Signal.Computed<boolean> | undefined;\n    if (!visible) return true;\n    return visible.get() !== false;\n}\n\n/** Default false when `disabled` is omitted. */\nexport function getContributionDisabled(contribution: Contribution): boolean {\n    return readReactiveBoolean(contribution.disabled as ReactiveBoolean | undefined, false);\n}\n\nfunction wrapContributionReactiveFlags(contribution: Contribution): void {\n    if (contribution.disabled instanceof Function) {\n        contribution.disabled = new Signal.Computed<boolean>(contribution.disabled);\n    }\n    if (contribution.visible instanceof Function) {\n        contribution.visible = new Signal.Computed<boolean>(contribution.visible);\n    }\n}\n\nexport interface HTMLContribution extends Contribution {\n    component: string | (() => TemplateResult)\n}\n\nexport interface TabContribution extends Contribution {\n    name: string;\n    /**\n     * Stable editor-type identifier used for contribution targets (for example `toolbar:${editorId}`).\n     * Needed because `name` is often tab-instance specific (such as file/path based) and would\n     * fragment toolbar contributions across many dynamic targets.\n     */\n    editorId?: string;\n    closable?: boolean;\n    /** When true or omitted, a docks-toolbar is rendered for this tab; when false, no toolbar is shown. */\n    toolbar?: boolean;\n    /** When true or omitted, a contextmenu is rendered for this tab; when false, no context menu is shown. */\n    contextMenu?: boolean;\n    /**\n     * Main-area editor type ids (`TabContribution.editorId` of the editor tab) that should reveal this tab\n     * when any of them becomes the active editor in the main editor area. Omitted or empty = no auto-reveal.\n     */\n    coupledEditors?: string[];\n    /** Return false to cancel tab close (after dirty-tab prompt, if any). */\n    beforeClose?: () => boolean | Promise<boolean>;\n    component?: (id: string) => TemplateResult;\n}\n\nexport interface IconContribution extends Contribution {\n    mappings: Record<string, string>;\n    priority?: number;\n}\n\nexport interface LayoutContribution extends Contribution {\n    id: string;\n    name: string;\n    /** Optional icon name (e.g. Font Awesome) for the layout switcher. */\n    icon?: string;\n    component: string | { tag: string; attributes?: Record<string, string> } | (() => TemplateResult);\n    onShow?: () => void | Promise<void>;\n}\n\nclass ContributionRegistry {\n    private contributions: Map<string, Contribution[]> = new Map();\n\n    registerContribution<T extends Contribution>(target: string, contribution: T) {\n        const targetSlot = this.getOrCreateSlot(target);\n        wrapContributionReactiveFlags(contribution);\n        targetSlot.push(contribution);\n        publish(TOPIC_CONTRIBUTEIONS_CHANGED, { target, contributions: targetSlot } as ContributionChangeEvent);\n\n        const effectiveTargets = contributionTargetMappingRegistry.getEffectiveTargets(target, contribution);\n        for (const effectiveTarget of effectiveTargets) {\n            if (effectiveTarget === target) continue;\n            const contributionsForSlot = this.getContributions(effectiveTarget);\n            publish(TOPIC_CONTRIBUTEIONS_CHANGED, { target: effectiveTarget, contributions: contributionsForSlot } as ContributionChangeEvent);\n        }\n    }\n\n    /**\n     * Returns all contributions whose *effective* targets include the given slot.\n     *\n     * Note: This currently scans all registered contributions and resolves\n     * remaps on each call (O(N) in number of contributions). This is acceptable\n     * for typical Docks apps (dozens/hundreds of contributions and few slots),\n     * but if contribution counts grow significantly we may want to introduce a\n     * cached index of effective targets per slot to keep lookups O(1).\n     */\n    getContributions<T extends Contribution>(target: string): T[] {\n        const results: T[] = [];\n        for (const [originalTarget, list] of this.contributions.entries()) {\n            const typedList = list as T[];\n            for (const contribution of typedList) {\n                const effectiveTargets = contributionTargetMappingRegistry.getEffectiveTargets(originalTarget, contribution);\n                if (effectiveTargets.includes(target)) {\n                    results.push(contribution);\n                }\n            }\n        }\n        results.sort((a, b) => (b.ranking ?? 0) - (a.ranking ?? 0));\n        if (results.length === 0) {\n            this.getOrCreateSlot(target);\n        }\n        return results;\n    }\n\n    private getOrCreateSlot(target: string): Contribution[] {\n        if (!this.contributions.has(target)) {\n            this.contributions.set(target, []);\n        }\n        return this.contributions.get(target)!;\n    }\n}\n\nexport const contributionRegistry = new ContributionRegistry()\nrootContext.put(\"contributionRegistry\", contributionRegistry)","import { signal } from '@lit-labs/signals';\nimport { DocksPart } from \"../parts/part\";\n\nexport const EMPTY_SIGNALPORT = {} as any\n\nexport const activePartSignal = signal<DocksPart>(null as unknown as DocksPart)\nexport const activeEditorSignal = signal<DocksPart>(null as unknown as DocksPart)\n\nexport const partDirtySignal = signal<DocksPart>(null as unknown as DocksPart)\n\nexport const activeTasksSignal = signal<number>(0)\n\nexport const activeSelectionSignal = signal<any>(undefined)\n\nexport const perspectiveSwitchedSignal = signal<{name: string, timestamp: number}>({name: '', timestamp: 0})","import logger from \"./logger\";\nimport { publish } from \"./events\";\nimport { CommandContribution, contributionRegistry } from \"./contributionregistry\";\nimport { rootContext } from \"./di\";\nimport { activePartSignal, activeEditorSignal } from \"./appstate\";\n\nexport const TOPIC_COMMAND_REGISTERED = \"events/commandregistry/commandRegistered\";\n\nexport interface Parameter {\n    name: string;\n    description: string;\n    type?: string;\n    required: boolean;\n    allowedValues?: string[];\n}\n\nexport interface Variable {\n    name: string;\n    description: string;\n    type?: string;\n}\n\nexport interface LLMOptions {\n    prompt?: string;\n    model?: string;\n}\n\nexport class Command {\n    id: string;\n    name: string;\n    description: string;\n    icon?: string;\n    keyBinding?: string;\n    parameters?: Parameter[];\n    output?: Variable[];\n    llm?: LLMOptions;\n\n    constructor(id: string, name: string, description: string, parameters?: Parameter[], output?: Variable[]) {\n        this.id = id;\n        this.name = name;\n        this.description = description;\n        this.parameters = parameters || [];\n        this.output = output || [];\n    }\n}\n\nexport interface ExecutionContext {\n    [key: string]: any;\n\n    params?: ExecuteParams;\n    activePart?: any;\n    activeEditor?: any;\n}\n\nexport interface ExecuteParams {\n    [key: string]: any;\n}\n\nexport interface Handler {\n    canExecute?: (context: ExecutionContext) => boolean;\n    execute: (context: ExecutionContext) => any | Promise<any>;\n    ranking?: number;  // Higher ranking = higher priority (default: 0)\n}\n\nexport interface Commands {\n    [commandId: string]: Command\n}\n\nfunction formatCommandResultForLog(value: unknown): string {\n    if (value === undefined) {\n        return \"undefined\";\n    }\n    if (value === null) {\n        return \"null\";\n    }\n    if (typeof value === \"string\") {\n        return value.length > 300 ? `${value.slice(0, 300)}…` : value;\n    }\n    if (typeof value === \"number\" || typeof value === \"boolean\") {\n        return String(value);\n    }\n    try {\n        const s = JSON.stringify(value);\n        return s.length > 300 ? `${s.slice(0, 300)}…` : s;\n    } catch {\n        return String(value);\n    }\n}\n\nexport class CommandStack {\n    //private stack: any[] = []\n\n    public async execute(commandId: any, context: ExecutionContext) {\n        return commandRegistry.execute(commandId, context);\n    }\n\n    public async undo() {\n        // TODO undo last command on stack\n    }\n\n    public async redo() {\n        // TODO redo last command on stack\n    }\n}\n\nexport class CommandRegistry {\n    private commands: Commands = {};\n    private handlers: Map<string, Handler[]> = new Map();\n\n    registerHandler(commandId: string, handler: Handler) {\n        if (!this.handlers.has(commandId)) {\n            this.handlers.set(commandId, []);\n        }\n        const handlerList = this.handlers.get(commandId) as Handler[];\n        handlerList.push(handler);\n        // Sort by ranking (higher ranking first), default ranking is 0\n        handlerList.sort((a, b) => (b.ranking ?? 0) - (a.ranking ?? 0));\n    }\n\n    getHandler(commandId: string): Handler[] | undefined {\n        return this.handlers.get(commandId)\n    }\n\n    /**\n     * Creates an ExecutionContext with the current application state\n     * \n     * @param params Optional command parameters\n     * @returns ExecutionContext with captured application state\n     */\n    createExecutionContext(params?: ExecuteParams): ExecutionContext {\n        const context: ExecutionContext = {\n            params: params || {},\n            activePart: activePartSignal.get(),\n            activeEditor: activeEditorSignal.get()\n        };\n\n        return context;\n    }\n\n    async execute(commandId: string, context: ExecutionContext = {}) {\n        const handlers = this.getHandler(commandId);\n\n        if (!handlers) {\n            logger.debug(`[CommandRegistry] No handlers registered for command: ${commandId}`);\n            throw new Error(`No handlers registered for command: ${commandId}`);\n        }\n\n        const command = this.getCommand(commandId);\n        const paramsStr = context.params ? ` params: ${JSON.stringify(context.params)}` : '';\n        logger.debug(`[CommandRegistry] Executing command: ${commandId}${command ? ` (${command.name})` : ''}${paramsStr}`);\n\n        // Handlers are already sorted by ranking, so iterate in order\n        for (const handler of handlers) {\n            if (handler.canExecute === undefined || handler.canExecute(context)) {\n                try {\n                    const raw = handler.execute(context);\n                    const result = await Promise.resolve(raw);\n                    logger.debug(\n                        `[CommandRegistry] Command executed successfully: ${commandId} (result: ${formatCommandResultForLog(result)})`,\n                    );\n                    return result;\n                } catch (error) {\n                    const errorMsg = error instanceof Error ? error.message : String(error);\n                    logger.error(`[CommandRegistry] Command execution failed: ${commandId} - ${errorMsg}`);\n                    throw error;\n                }\n            }\n        }\n        logger.error(`[CommandRegistry] No handler found to execute command: ${commandId}`);\n    }\n\n    createAndRegisterCommand(id: string, name: string, description: string, parameters: Parameter[], handler?: Handler) {\n        const command = new Command(id, name, description, parameters);\n        this.registerCommand(command)\n        if (handler) {\n            this.registerHandler(id, handler)\n        }\n    }\n\n    registerCommand(command: Command): void {\n        this.commands[command.id] = command;\n        publish(TOPIC_COMMAND_REGISTERED, command);\n    }\n\n    hasCommand(commandId: string): boolean {\n        return commandId in this.commands\n    }\n\n    listCommands(context?: ExecutionContext): Commands {\n        if (context) {\n            // filter by commands which have at least one executable handler\n            return Object.values(this.commands).filter(command => {\n                const handlers = commandRegistry.getHandler(command.id) || []\n                return handlers.some(handler => handler.canExecute === undefined || handler.canExecute(context))\n            }).reduce((acc: any, command) => {\n                acc[command.id] = command\n                return acc\n            }, {})\n        }\n        return this.commands\n    }\n\n    getCommand(commandId: string): Command {\n        return <Command>this.commands[commandId]\n    }\n\n    registerAll(options: RegisterOptions) {\n        const commandId = options.command.id\n        this.registerCommand(options.command)\n        if (options.handler) {\n            this.registerHandler(commandId, options.handler)\n        }\n        if (options.contribution && options.contribution.target) {\n            contributionRegistry.registerContribution(options.contribution.target, {\n                command: commandId,\n                ...options.contribution\n            } as CommandContribution)\n        }\n    }\n}\n\nexport const commandRegistry = new CommandRegistry();\nrootContext.put(\"commandRegistry\", commandRegistry);\n\nexport interface RegisterOptions {\n    command: Command,\n    handler?: Handler,\n    contribution?: Omit<CommandContribution, 'command'>,\n}\n\nexport const registerAll = (options: RegisterOptions) => {\n    commandRegistry.registerAll(options);\n}","import { css } from 'lit';\n\n/**\n * Stretch the Web Awesome label slot across the rest of the tree row.\n *\n * By default the slot is only as wide as its content, so clicks (and the context menu’s\n * synthetic click) in the empty area beside a short name often miss the slotted nodes.\n * `wa-tree` only updates selection when mousedown and click targets line up, so those\n * misses leave the wrong row selected. `flex: 1` makes the label column fill the row\n * so hits stay on the item’s content.\n *\n * Applied via `DocksWidget.finalizeStyles`: document-level CSS cannot target `::part()`\n * on `wa-tree-item` that lives only inside nested Lit shadow roots.\n */\nexport const waTreeLabelSlotStretch = css`\n    wa-tree-item::part(label) {\n        flex: 1;\n        min-width: 0;\n    }\n`;\n","import {Signal} from \"@lit-labs/signals\";\n\nexport const watchSignal = (signal: Signal.State<any> | Signal.Computed<any>, callback: (value: any) => void): (() => void) => {\n    const watcher = new Signal.subtle.Watcher(async () => {\n        try {\n            await 0;\n            callback(signal.get());\n        } finally {\n            watcher.watch(signal);\n        }\n    });\n    watcher.watch(signal);\n    signal.get();\n    \n    return () => {\n        watcher.unwatch(signal);\n    };\n}\n","import {LitElement, PropertyValues, type CSSResultGroup} from \"lit\";\nimport {waTreeLabelSlotStretch} from \"../externals/wa-tree-shadow-parts\";\nimport {subscribe as event_subscribe, unsubscribe as event_unsubscribe, type SubscriptionToken} from \"../core/events\";\nimport {toastError, toastInfo} from \"../core/toast\";\nimport {commandRegistry, ExecuteParams} from \"../core/commandregistry\";\nimport {Signal, SignalWatcher} from \"@lit-labs/signals\";\nimport {watchSignal} from \"../core/signals\";\n\nObject.defineProperty(LitElement.prototype, \"model\", {\n    enumerable: true,\n    configurable: true,\n    writable: true\n});\n\nconst DocksWidgetBase = SignalWatcher(LitElement) as unknown as typeof LitElement;\n\nexport abstract class DocksWidget extends DocksWidgetBase {\n    static finalizeStyles(styles?: CSSResultGroup) {\n        return [waTreeLabelSlotStretch, ...super.finalizeStyles(styles)];\n    }\n\n    private signalCleanups = new Set<() => void>();\n    private eventSubscriptions = new Set<SubscriptionToken>();\n\n    connectedCallback() {\n        super.connectedCallback();\n        this.doBeforeUI()\n    }\n\n    disconnectedCallback() {\n        this.doClose();\n        super.disconnectedCallback();\n        this.eventSubscriptions.forEach(token => event_unsubscribe(token));\n        this.eventSubscriptions.clear();\n        this.signalCleanups.forEach(cleanup => cleanup());\n        this.signalCleanups.clear();\n    }\n\n    protected subscribe(topic: string, callback: Function): void {\n        const token = event_subscribe(topic, callback.bind(this));\n        this.eventSubscriptions.add(token);\n    }\n\n    protected showInfo(msg: string) {\n        toastInfo(msg)\n    }\n\n    protected showError(msg: string) {\n        toastError(msg)\n    }\n\n    protected nobubble(wrap: (event: Event) => void) {\n        return (event: Event) => {\n            event.stopPropagation();\n            wrap.bind(this)(event);\n        };\n    }\n\n    protected command(command: string, state: {} = {}) {\n        return () => {\n            void this.executeCommand(command, state);\n        };\n    }\n\n    protected async executeCommand(command: string, params: ExecuteParams) {\n        const execContext = commandRegistry.createExecutionContext(params);\n        await commandRegistry.execute(command, execContext);\n    }\n\n    protected watch(signal: Signal.State<any> | Signal.Computed<any>, callback: (value: any) => void): void {\n        const cleanup = watchSignal(signal as Signal.State<any>, callback.bind(this));\n        this.signalCleanups.add(cleanup);\n    }\n\n    protected firstUpdated(_changedProperties: PropertyValues) {\n        super.firstUpdated(_changedProperties);\n        this.doInitUI()\n    }\n\n    protected updateIdle() {\n        requestIdleCallback(() => this.requestUpdate())\n    }\n\n    public updateLater() {\n        requestAnimationFrame(() => this.requestUpdate())\n    }\n\n    protected doBeforeUI() {\n    }\n\n    protected doInitUI() {\n    }\n\n    /**\n     * Override to release resources when the element is disconnected (called from {@link disconnectedCallback}).\n     */\n    protected doClose() {\n    }\n\n    withRefresh(callback: () => void) {\n        callback()\n        this.updateLater()\n    }\n}\n"],"mappings":"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"}

package/dist/widgets/index.js

@@ -1 +1 @@
-import "../widgets-DnnSZhsi.js";
+import "../widgets-C9V42Mqq.js";

package/dist/{widgets-DnnSZhsi.js → widgets-C9V42Mqq.js}

@@ -1,4 +1,4 @@
-import { t as DocksWidget } from "./widget-DbLusgAH.js";
+import { t as DocksWidget } from "./widget-BqQtioK1.js";
 import { css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import _decorate from "@oxc-project/runtime/helpers/decorate";
@@ -69,4 +69,4 @@ _decorate([property()], DocksNoContent.prototype, "icon", void 0);
 DocksNoContent = _decorate([customElement("docks-no-content")], DocksNoContent);
 //#endregion
 
-//# sourceMappingURL=widgets-DnnSZhsi.js.map
+//# sourceMappingURL=widgets-C9V42Mqq.js.map

package/dist/{widgets-DnnSZhsi.js.map → widgets-C9V42Mqq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"widgets-DnnSZhsi.js","names":[],"sources":["../src/widgets/nocontent.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nimport { DocksWidget } from \"./widget\";\n\n@customElement(\"docks-no-content\")\nexport class DocksNoContent extends DocksWidget {\n    @property()\n    private message: string = \"No content.\";\n\n    @property()\n    private icon: string = \"info-circle\";\n\n    render() {\n        return html`\n            <div class=\"empty\" role=\"status\">\n                <div class=\"empty-icon-wrap\" aria-hidden=\"true\">\n                    <wa-icon name=${this.icon} label=\"\"></wa-icon>\n                </div>\n                <p class=\"empty-message\">${this.message}</p>\n            </div>\n        `;\n    }\n\n    static styles = css`\n        :host {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            height: 100%;\n            box-sizing: border-box;\n            padding: var(--wa-space-xl) var(--wa-space-l);\n        }\n\n        .empty {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: var(--wa-space-m);\n            max-width: min(28rem, 100%);\n            text-align: center;\n        }\n\n        .empty-icon-wrap {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            line-height: 1;\n            color: var(--wa-color-neutral-40);\n        }\n\n        .empty-icon-wrap wa-icon {\n            font-size: 2rem;\n            opacity: 0.9;\n        }\n\n        .empty-message {\n            margin: 0;\n            font-size: var(--wa-font-size-s);\n            font-weight: 400;\n            line-height: 1.5;\n            color: var(--wa-color-neutral-60);\n        }\n    `;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        \"docks-no-content\": DocksNoContent;\n    }\n}\n"],"mappings":";;;;;AAMO,IAAA,iBAAA,MAAM,uBAAuB,YAAY;;;iBAElB;cAGH;;CAEvB,SAAS;AACL,SAAO,IAAI;;;oCAGiB,KAAK,KAAK;;2CAEH,KAAK,QAAQ;;;;;gBAKpC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAjBlB,UAAU,CAAA,EAAA,eAAA,WAAA,WAAA,KAAA,EAAA;WAGV,UAAU,CAAA,EAAA,eAAA,WAAA,QAAA,KAAA,EAAA;4BALd,cAAc,mBAAmB,CAAA,EAAA,eAAA"}
+{"version":3,"file":"widgets-C9V42Mqq.js","names":[],"sources":["../src/widgets/nocontent.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nimport { DocksWidget } from \"./widget\";\n\n@customElement(\"docks-no-content\")\nexport class DocksNoContent extends DocksWidget {\n    @property()\n    private message: string = \"No content.\";\n\n    @property()\n    private icon: string = \"info-circle\";\n\n    render() {\n        return html`\n            <div class=\"empty\" role=\"status\">\n                <div class=\"empty-icon-wrap\" aria-hidden=\"true\">\n                    <wa-icon name=${this.icon} label=\"\"></wa-icon>\n                </div>\n                <p class=\"empty-message\">${this.message}</p>\n            </div>\n        `;\n    }\n\n    static styles = css`\n        :host {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            height: 100%;\n            box-sizing: border-box;\n            padding: var(--wa-space-xl) var(--wa-space-l);\n        }\n\n        .empty {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: var(--wa-space-m);\n            max-width: min(28rem, 100%);\n            text-align: center;\n        }\n\n        .empty-icon-wrap {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            line-height: 1;\n            color: var(--wa-color-neutral-40);\n        }\n\n        .empty-icon-wrap wa-icon {\n            font-size: 2rem;\n            opacity: 0.9;\n        }\n\n        .empty-message {\n            margin: 0;\n            font-size: var(--wa-font-size-s);\n            font-weight: 400;\n            line-height: 1.5;\n            color: var(--wa-color-neutral-60);\n        }\n    `;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        \"docks-no-content\": DocksNoContent;\n    }\n}\n"],"mappings":";;;;;AAMO,IAAA,iBAAA,MAAM,uBAAuB,YAAY;;;iBAElB;cAGH;;CAEvB,SAAS;AACL,SAAO,IAAI;;;oCAGiB,KAAK,KAAK;;2CAEH,KAAK,QAAQ;;;;;gBAKpC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAjBlB,UAAU,CAAA,EAAA,eAAA,WAAA,WAAA,KAAA,EAAA;WAGV,UAAU,CAAA,EAAA,eAAA,WAAA,QAAA,KAAA,EAAA;4BALd,cAAc,mBAAmB,CAAA,EAAA,eAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eclipse-docks/core",
-  "version": "0.7.126",
+  "version": "0.7.127",
   "description": "Eclipse Docks platform core: registries, services, parts, widgets, and API",
   "type": "module",
   "license": "EPL-2.0",

package/src/api/services.ts

@@ -70,5 +70,13 @@ export {
 } from '../core/contribution-mapping';
 export { parseIconSpec, icon } from '../core/icon-utils';
 export type { ParsedIconSpec, IconOptions } from '../core/icon-utils';
+export {
+    renderDropdownItem,
+    renderDropdownContributions,
+    renderDropdownSubmenu,
+    renderDropdownContribution,
+    renderCommandContribution,
+} from '../core/dropdown-item';
+export type { DropdownItemOptions, ReactiveBoolean } from '../core/dropdown-item';
 export { sanitizeHtml, parseMarkdownHtml } from '../core/markdown-html';
 

package/src/commands/filebrowser-contributions.ts

@@ -30,22 +30,6 @@ contributionRegistry.registerContribution("filebrowser.create", {
     params: { ask: true }
 });
 
-contributionRegistry.registerContribution("toolbar:view.filebrowser", {
-    name: "toolbar.filebrowser.rename",
-    command: "mv",
-    icon: "pen",
-    label: "Rename",
-    disabled
-});
-
-contributionRegistry.registerContribution("toolbar:view.filebrowser", {
-    name: "toolbar.filebrowser.delete",
-    command: "rm",
-    icon: "trash",
-    label: "Delete",
-    disabled: deleteDisabled
-});
-
 contributionRegistry.registerContribution("contextmenu:view.filebrowser", {
     name: "contextmenu.filebrowser.create-folder",
     command: "mkdir",

package/src/components/command.ts

@@ -6,15 +6,11 @@ import { keyBindingManager } from '../core/keybindings'
 import {
     contributionRegistry,
     Contribution,
-    CommandContribution,
-    HTMLContribution,
     ContributionChangeEvent,
     TOPIC_CONTRIBUTEIONS_CHANGED,
-    getContributionDisabled,
-    getContributionVisible,
 } from '../core/contributionregistry'
 import { subscribe } from '../core/events'
-import { unsafeHTML } from 'lit/directives/unsafe-html.js'
+import { renderDropdownItem, renderDropdownContribution } from '../core/dropdown-item'
 
 @customElement('docks-command')
 export class DocksCommand extends DocksWidget {
@@ -66,43 +62,34 @@ export class DocksCommand extends DocksWidget {
         }
     }
 
-    private closeParentDropdown() {
-        this.closeDropdown(this.closest('wa-dropdown') as { open?: boolean } | null)
-    }
-
-    private handleClick(event?: Event) {
-        if (this.disabled) return
-
-        if (event) {
-            event.stopPropagation()
-        }
-
-        this.closeParentDropdown()
-
-        if (this.action) {
-            this.action(event)
-            return
-        }
-
-        if (this.cmd) {
-            void this.executeCommand(this.cmd, this.params);
-        }
-    }
-
     private handleSelect(event: CustomEvent) {
         this.closeDropdown(event.target as { open?: boolean })
     }
 
-    private isInDropdown(): boolean {
-        return !!this.closest('wa-dropdown, wa-dropdown-menu')
-    }
-
     private getKeybinding(): string | null {
         if (!this.cmd || this.action) return null
         const keybindings = keyBindingManager.getKeyBindingsForCommand(this.cmd)
         return keybindings.length > 0 ? keybindings[0] : null
     }
 
+    private hasLightDomContent(): boolean {
+        return Array.from(this.childNodes).some((node) => {
+            if (node.nodeType === Node.TEXT_NODE) {
+                return (node.textContent?.trim().length ?? 0) > 0
+            }
+            return node.nodeType === Node.ELEMENT_NODE
+        })
+    }
+
+    private isIconOnlyDropdownTrigger(): boolean {
+        return !this.label && !this.hasLightDomContent()
+    }
+
+    private renderDropdownTriggerIcon(iconSlot: 'start' | undefined) {
+        if (!this.icon) return nothing
+        return icon(this.icon, { label: this.title, slot: iconSlot })
+    }
+
     protected doBeforeUI() {
         if (this.dropdown) {
             this.dropdownContributions = contributionRegistry.getContributions(this.dropdown);
@@ -122,66 +109,29 @@ export class DocksCommand extends DocksWidget {
         }
     }
 
-    private renderContribution(contribution: Contribution, slot?: string) {
-        if ('command' in contribution) {
-            const commandContribution = contribution as CommandContribution
-            if (!getContributionVisible(commandContribution)) {
-                return nothing
-            }
-            const disabled = getContributionDisabled(commandContribution)
-            return html`
-                <docks-command 
-                    slot=${slot ?? nothing}
-                    cmd="${commandContribution.command}"
-                    icon="${commandContribution.icon || ''}"
-                    .params=${commandContribution.params || {}}
-                    ?disabled="${disabled}">
-                    ${commandContribution.label}
-                </docks-command>
-            `
+    private handleToolbarClick(event?: Event) {
+        if (this.disabled) return
+
+        if (event) {
+            event.stopPropagation()
         }
-        
-        if ('component' in contribution) {
-            const htmlContribution = contribution as HTMLContribution
-            const contents = htmlContribution.component
-            if (contents instanceof Function) {
-                return contents()
-            }
-            return unsafeHTML(contents)
+
+        if (this.action) {
+            this.action(event)
+            return
+        }
+
+        if (this.cmd) {
+            void this.executeCommand(this.cmd, this.params);
         }
-        
-        return nothing
     }
 
     render() {
         const keybinding = this.getKeybinding()
 
-        // Nested dropdown menu item (e.g. context menu "Create new…").
-        // docks-command renders the submenu; docks-contextmenu closes sibling
-        // submenus across shadow boundaries when one opens.
-        if (this.isInDropdown() && this.dropdown) {
-            return html`
-                <wa-dropdown-item ?disabled=${this.disabled}>
-                    ${icon(this.icon, { label: this.title, slot: 'icon' })}
-                    <slot></slot>
-                    ${this.dropdownContributions.map(c => this.renderContribution(c, 'submenu'))}
-                </wa-dropdown-item>
-            `
-        }
-
-        if (this.isInDropdown()) {
-            return html`
-                <wa-dropdown-item 
-                    ?disabled=${this.disabled}
-                    @click=${(e: Event) => this.handleClick(e)}>
-                    ${icon(this.icon, { label: this.title, slot: 'icon' })}
-                    <slot></slot>
-                    ${keybinding ? html`<span class="keybinding">${keybinding}</span>` : ''}
-                </wa-dropdown-item>
-            `
-        }
-
         if (this.dropdown) {
+            const iconOnlyTrigger = this.isIconOnlyDropdownTrigger()
+            const iconSlot = iconOnlyTrigger ? undefined : 'start'
             return html`
                 <wa-dropdown 
                     placement=${this.placement}
@@ -194,8 +144,8 @@ export class DocksCommand extends DocksWidget {
                         ?disabled=${this.disabled}
                         ?with-caret=${this.withCaret}
                         title=${keybinding ? `${this.title} (${keybinding})` : this.title}>
-                        ${icon(this.icon, { label: this.title, slot: 'start' })}
-                        <slot></slot>
+                        ${this.renderDropdownTriggerIcon(iconSlot)}
+                        ${iconOnlyTrigger ? nothing : html`<slot></slot>`}
                         ${this.label ? this.title : nothing}
                     </wa-button>
                     
@@ -205,18 +155,17 @@ export class DocksCommand extends DocksWidget {
                         </h6>
                     ` : nothing}
                     
-                    ${this.dropdownContributions.map(c => this.renderContribution(c))}
+                    ${this.dropdownContributions.map(c => renderDropdownContribution(c))}
                     
                     ${this.cmd ? html`
                         <wa-divider></wa-divider>
-                        <docks-command 
-                            cmd="${this.cmd}"
-                            icon="${this.icon || ''}"
-                            .params=${this.params}
-                            ?disabled=${this.disabled}>
-                            <slot></slot>
-                            ${this.title}
-                        </docks-command>
+                        ${renderDropdownItem({
+                            cmd: this.cmd,
+                            icon: this.icon,
+                            label: this.title,
+                            params: this.params,
+                            disabled: this.disabled,
+                        })}
                     ` : nothing}
                 </wa-dropdown>
             `
@@ -229,7 +178,7 @@ export class DocksCommand extends DocksWidget {
                 size=${this.size}
                 ?disabled=${this.disabled}
                 title=${keybinding ? `${this.title} (${keybinding})` : this.title}
-                @click=${(e: Event) => this.handleClick(e)}>
+                @click=${(e: Event) => this.handleToolbarClick(e)}>
                 ${icon(this.icon, { label: this.title, slot: 'start' })}
                 <slot></slot>
             </wa-button>
@@ -240,22 +189,6 @@ export class DocksCommand extends DocksWidget {
         :host {
             display: inline-block;
         }
-
-        .keybinding {
-            margin-left: auto;
-            padding: 2px 6px;
-            background: var(--wa-color-neutral-15);
-            border: 1px solid var(--wa-color-neutral-25);
-            border-radius: 3px;
-            font-size: 10px;
-            font-family: monospace;
-            opacity: 0.7;
-        }
-
-        :host-context(.wa-light) .keybinding {
-            background: var(--wa-color-neutral-85);
-            border: 1px solid var(--wa-color-neutral-75);
-        }
     `
 }
 
@@ -264,4 +197,3 @@ declare global {
         'docks-command': DocksCommand
     }
 }
-

package/src/components/filebrowser.ts

@@ -22,6 +22,7 @@ import { confirmDialog, infoDialog } from "../dialogs";
 import { editorRegistry } from "../core/editorregistry";
 import { TOPIC_CONTRIBUTEIONS_CHANGED, type ContributionChangeEvent } from '../core/contributionregistry';
 import { icon } from '../core/icon-utils';
+import { renderDropdownItem, renderDropdownSubmenu } from '../core/dropdown-item';
 import { i18n } from '../core/i18n';
 import { createLogger } from '../core/logger';
 
@@ -95,7 +96,6 @@ export class DocksFileBrowser extends DocksPart {
     protected renderToolbar() {
         return html`
             <docks-command icon="folder-open" title="${t.CONNECT_WORKSPACE}" dropdown="filebrowser.connections"></docks-command>
-            <docks-command cmd="refresh_resource" icon="repeat" title="${t.REFRESH_RESOURCE}"></docks-command>
             <docks-command icon="docks file-plus" title="${t.CREATE_NEW}" dropdown="filebrowser.create"></docks-command>
         `;
     }
@@ -106,23 +106,26 @@ export class DocksFileBrowser extends DocksPart {
         const editorOptions = file ? editorRegistry.getEditorOptionsForInput(file) : []
         const hasOpenWith = editorOptions.length > 0
         return html`
-            <docks-command cmd="open_editor" icon="folder-open">${t.OPEN}</docks-command>
+            ${renderDropdownItem({ cmd: 'open_editor', icon: 'folder-open', label: t.OPEN })}
             ${hasOpenWith ? html`
                 <wa-dropdown-item>
                     ${icon('folder-open', { slot: 'icon' })}
                     ${t.OPEN_WITH}
-                    ${editorOptions.map(opt => html`
-                        <docks-command
-                            slot="submenu"
-                            cmd="open_editor"
-                            icon="${opt.icon ?? 'file'}"
-                            .params=${{ path: file!.getWorkspacePath(), editorId: opt.editorId }}>
-                            ${opt.title}
-                        </docks-command>
-                    `)}
+                    ${editorOptions.map(opt => renderDropdownItem({
+                        cmd: 'open_editor',
+                        icon: opt.icon ?? 'file',
+                        label: opt.title,
+                        params: { path: file!.getWorkspacePath(), editorId: opt.editorId },
+                        slot: 'submenu',
+                    }))}
                 </wa-dropdown-item>
             ` : nothing}
-            <docks-command icon="docks file-plus" dropdown="filebrowser.create">${t.CREATE_NEW}</docks-command>
+            ${renderDropdownSubmenu({
+                icon: 'docks file-plus',
+                label: t.CREATE_NEW,
+                contributionTarget: 'filebrowser.create',
+            })}
+            ${renderDropdownItem({ cmd: 'refresh_resource', icon: 'repeat', label: t.REFRESH_RESOURCE })}
         `;
     }
 

package/src/core/contribution-names.ts

@@ -27,8 +27,5 @@ export const ABOUT_TAB_ATTRIBUTIONS = "about.tab.attributions";
 
 export const ATTRIBUTION_ECLIPSE_DOCKS = "attribution.eclipse-docks";
 
-export const TOOLBAR_FILEBROWSER_RENAME = "toolbar.filebrowser.rename";
-export const TOOLBAR_FILEBROWSER_DELETE = "toolbar.filebrowser.delete";
-
 export const CTXMENU_FILEBROWSER_RENAME = "contextmenu.filebrowser.rename";
 export const CTXMENU_FILEBROWSER_DELETE = "contextmenu.filebrowser.delete";

package/src/core/contributionregistry.ts

@@ -39,6 +39,24 @@ export function isCommandContribution(contribution: Contribution): contribution
     return "command" in contribution;
 }
 
+export type ReactiveBoolean = boolean | (() => boolean) | Signal.Computed<boolean>;
+
+/** Reads a static or reactive boolean; plain functions and {@link Signal.Computed} are evaluated at call time. */
+export function readReactiveBoolean(
+    value: ReactiveBoolean | undefined,
+    defaultValue: boolean
+): boolean {
+    if (value === undefined) return defaultValue;
+    if (typeof value === 'boolean') return value;
+    if (typeof value === 'object' && value !== null && 'get' in value) {
+        return (value as Signal.Computed<boolean>).get() === true;
+    }
+    if (typeof value === 'function') {
+        return (value as () => boolean)() === true;
+    }
+    return defaultValue;
+}
+
 /** Default true when `visible` is omitted. */
 export function getContributionVisible(contribution: Contribution): boolean {
     const visible = contribution.visible as Signal.Computed<boolean> | undefined;
@@ -48,9 +66,7 @@ export function getContributionVisible(contribution: Contribution): boolean {
 
 /** Default false when `disabled` is omitted. */
 export function getContributionDisabled(contribution: Contribution): boolean {
-    const disabled = contribution.disabled as Signal.Computed<boolean> | undefined;
-    if (!disabled) return false;
-    return disabled.get() === true;
+    return readReactiveBoolean(contribution.disabled as ReactiveBoolean | undefined, false);
 }
 
 function wrapContributionReactiveFlags(contribution: Contribution): void {