@phoenix-wing/code-core 0.6.4 → 0.6.5

package/README.md

@@ -13,6 +13,8 @@ Phoenix Code 可跨宿主复用的纯 TypeScript 算法与数据契约。包内
 - CAA 工程环境和对话框 handoff 数据契约；
 - 跨宿主文件、成员排序、UUID 与搜索替换结果 ViewModel；成员排序、UUID 与搜索替换另提供 Host-neutral Web Components；
 - 递归多层 `PnwNavigationTreeModel` 与 `<pnw-navigation-tree>`：受控选择/展开事件、ARIA 键盘、受控图标以及 VS Code 风格 light/dark 状态。
+- Host-neutral `<pnw-combo>`：分组候选、逐行删除、全部清空和自动避让可见边界；
+- Host-neutral `<pnw-cleanup-dialog>`：多方式/多目标、冻结预览 token 与默认启用的高风险二次确认。Host 可设置 `requireHighRiskConfirmation: false` 省略额外勾选；高风险标记、有效预览和显式执行按钮仍保留。
 
 通用浏览器 UI 从稳定门面导入：
 
@@ -22,7 +24,8 @@ import type { PnwNavigationTreeModel } from "@phoenix-wing/code-core/ui/model";
 ```
 
 物理目录 `src/ui/elements/` 与 `src/ui/model/` 不是公共 subpath。完整契约见仓库
-[`docs/Pnw通用NavigationTreeWebComponent.md`](../../docs/Pnw通用NavigationTreeWebComponent.md)。
+[`docs/Pnw通用NavigationTreeWebComponent.md`](../../docs/Pnw通用NavigationTreeWebComponent.md)和
+[`docs/Pnw可管理Combo与统一清理能力.md`](../../docs/Pnw可管理Combo与统一清理能力.md)。
 
 `kt-auto-code` 与 Desk Tools 应直接消费本包。旧 `phoenix-wing/code-core` subpath 仅保留兼容 re-export，不再持有算法真源。
 

package/dist/ui/elements/PnwCleanupDialog.d.ts

@@ -0,0 +1,113 @@
+export declare const PNW_CLEANUP_DIALOG_TAG = "pnw-cleanup-dialog";
+export declare const PNW_CLEANUP_DIALOG_ACTION = "pnw-cleanup-dialog-action";
+export type PnwCleanupDialogRisk = "normal" | "high";
+export type PnwCleanupDialogPreviewState = "idle" | "loading" | "ready" | "executing" | "complete" | "error";
+export interface PnwCleanupDialogMode {
+    readonly id: string;
+    readonly label: string;
+    readonly description?: string;
+    readonly risk: PnwCleanupDialogRisk;
+    /** Overrides the dialog-level fallback for this mode. */
+    readonly rulesVisible?: boolean;
+}
+export interface PnwCleanupDialogTarget {
+    readonly id: string;
+    readonly label: string;
+    readonly path: string;
+    readonly description?: string;
+    readonly selected: boolean;
+    readonly disabled?: boolean;
+    readonly disabledReason?: string;
+    readonly supportedModeIds?: readonly string[];
+}
+export interface PnwCleanupDialogPreview {
+    readonly state: PnwCleanupDialogPreviewState;
+    /** Opaque Host token binding Execute to the accepted preview. */
+    readonly token?: string;
+    readonly summary?: string;
+    readonly message?: string;
+    readonly items: readonly string[];
+}
+export interface PnwCleanupDialogModel {
+    readonly title: string;
+    readonly description?: string;
+    readonly modes: readonly PnwCleanupDialogMode[];
+    readonly selectedModeId?: string;
+    readonly targets: readonly PnwCleanupDialogTarget[];
+    readonly rulesVisible: boolean;
+    readonly rulesLabel: string;
+    readonly rulesYaml: string;
+    readonly preview: PnwCleanupDialogPreview;
+    readonly previewEnabled: boolean;
+    readonly previewDisabledReason?: string;
+    readonly executeEnabled: boolean;
+    readonly executeDisabledReason?: string;
+    readonly previewLabel: string;
+    readonly executeLabel: string;
+    readonly cancelLabel: string;
+    readonly highRiskConfirmationLabel: string;
+    /** Defaults to true. False omits only the extra checkbox, never the risk or frozen-preview gates. */
+    readonly requireHighRiskConfirmation?: boolean;
+}
+export interface PnwCleanupDialogRequest {
+    readonly modeId: string;
+    readonly targetIds: readonly string[];
+    readonly rulesYaml: string;
+}
+export type PnwCleanupDialogActionDetail = {
+    readonly kind: "change-mode";
+    readonly modeId: string;
+} | {
+    readonly kind: "toggle-target";
+    readonly targetId: string;
+    readonly selected: boolean;
+} | {
+    readonly kind: "change-rules";
+    readonly rulesYaml: string;
+} | {
+    readonly kind: "preview";
+    readonly request: PnwCleanupDialogRequest;
+} | {
+    readonly kind: "execute";
+    readonly request: PnwCleanupDialogRequest;
+    readonly previewToken: string;
+} | {
+    readonly kind: "cancel";
+};
+export declare class PnwCleanupDialog extends HTMLElement {
+    private readonly pnwRoot;
+    private pnwActiveModel;
+    private pnwDialog?;
+    private pnwBody?;
+    private pnwTitle?;
+    private pnwDescription?;
+    private pnwCancelButton?;
+    private pnwPreviewButton?;
+    private pnwExecuteButton?;
+    private pnwHighRiskConfirmed;
+    connectedCallback(): void;
+    set model(value: PnwCleanupDialogModel | undefined);
+    get model(): PnwCleanupDialogModel;
+    showModal(modeId?: string): void;
+    close(): void;
+    private pnwUpgradePreDefinitionModel;
+    private pnwEnsureDom;
+    private pnwRender;
+    private pnwRenderMode;
+    private pnwRenderTargets;
+    private pnwActivateMode;
+    private pnwRenderRules;
+    private pnwRenderPreview;
+    private pnwRenderHighRisk;
+    private pnwField;
+    private pnwButton;
+    private pnwRequest;
+    private pnwRequestReady;
+    private pnwEmitPreview;
+    private pnwEmitExecute;
+    private pnwCancel;
+    private pnwEmit;
+}
+export declare function pnwNormalizeCleanupDialogModel(value: PnwCleanupDialogModel | undefined): PnwCleanupDialogModel;
+export declare function pnwCodeDefineCleanupDialog(tagName?: string): void;
+//# sourceMappingURL=PnwCleanupDialog.d.ts.map

package/dist/ui/elements/PnwCleanupDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PnwCleanupDialog.d.ts","sourceRoot":"","sources":["../../../src/ui/elements/PnwCleanupDialog.ts"],"names":[],"mappings":"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"}

package/dist/ui/elements/PnwCleanupDialog.js

@@ -0,0 +1,489 @@
+// SPDX-License-Identifier: Apache-2.0
+export const PNW_CLEANUP_DIALOG_TAG = "pnw-cleanup-dialog";
+export const PNW_CLEANUP_DIALOG_ACTION = "pnw-cleanup-dialog-action";
+const PNW_EMPTY_CLEANUP_DIALOG_MODEL = Object.freeze({
+    title: "清理",
+    modes: Object.freeze([]),
+    targets: Object.freeze([]),
+    rulesVisible: false,
+    rulesLabel: "清理规则",
+    rulesYaml: "",
+    preview: Object.freeze({ state: "idle", items: Object.freeze([]) }),
+    previewEnabled: false,
+    executeEnabled: false,
+    previewLabel: "预览",
+    executeLabel: "清理",
+    cancelLabel: "取消",
+    highRiskConfirmationLabel: "我已核对预览，确认执行不可撤销的清理。",
+    requireHighRiskConfirmation: true,
+});
+const PNW_CLEANUP_DIALOG_STYLE = `
+:host { color: var(--vscode-foreground, #1f1f1f); font: var(--vscode-font-size, 13px)/1.4 var(--vscode-font-family, system-ui, sans-serif); }
+* { box-sizing: border-box; }
+button, select, textarea, input { font: inherit; }
+.pnw-cleanup-dialog {
+  width: min(680px, calc(100vw - 32px)); max-width: 100%; max-height: min(760px, calc(100vh - 32px)); padding: 0;
+  overflow: hidden; border: 1px solid var(--vscode-widget-border, #8e8e8e); color: inherit;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background, #fff)); box-shadow: 0 8px 30px var(--vscode-widget-shadow, rgba(0,0,0,.35));
+}
+.pnw-cleanup-dialog::backdrop { background: rgba(0,0,0,.38); }
+.pnw-cleanup-shell { display: grid; max-height: inherit; grid-template-rows: auto minmax(0, 1fr) auto; }
+.pnw-cleanup-header, .pnw-cleanup-footer { display: flex; align-items: center; gap: 8px; padding: 9px 12px; }
+.pnw-cleanup-header { border-bottom: 1px solid var(--vscode-panel-border, #d4d4d4); }
+.pnw-cleanup-title { flex: 1; min-width: 0; margin: 0; font-size: 14px; font-weight: 600; }
+.pnw-cleanup-close { width: 26px; height: 26px; padding: 0; border: 0; color: inherit; background: transparent; cursor: pointer; }
+.pnw-cleanup-close:hover { background: var(--vscode-toolbar-hoverBackground, #e8e8e8); }
+.pnw-cleanup-content { min-height: 0; padding: 10px 12px; overflow: auto; }
+.pnw-cleanup-description, .pnw-cleanup-mode-description, .pnw-cleanup-target-description, .pnw-cleanup-message { color: var(--vscode-descriptionForeground, #616161); }
+.pnw-cleanup-description { margin: 0 0 9px; }
+.pnw-cleanup-field { display: grid; gap: 5px; margin-top: 10px; }
+.pnw-cleanup-field:first-child { margin-top: 0; }
+.pnw-cleanup-label { font-weight: 600; }
+.pnw-cleanup-mode { width: 100%; min-height: 28px; padding: 3px 6px; border: 1px solid var(--vscode-dropdown-border, #8e8e8e); color: var(--vscode-dropdown-foreground, inherit); background: var(--vscode-dropdown-background, #fff); }
+.pnw-cleanup-mode-description { margin: 0; font-size: 12px; }
+.pnw-cleanup-targets { display: grid; border: 1px solid var(--vscode-panel-border, #d4d4d4); }
+.pnw-cleanup-target { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px; padding: 6px 7px; align-items: start; }
+.pnw-cleanup-target + .pnw-cleanup-target { border-top: 1px solid var(--vscode-panel-border, #d4d4d4); }
+.pnw-cleanup-target-main { min-width: 0; }
+.pnw-cleanup-target-label { font-weight: 600; }
+.pnw-cleanup-target-path { overflow: hidden; color: var(--vscode-descriptionForeground, #616161); font-family: var(--vscode-editor-font-family, monospace); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
+.pnw-cleanup-target-description { font-size: 11px; }
+.pnw-cleanup-rules { width: 100%; min-height: 132px; resize: vertical; padding: 6px 7px; border: 1px solid var(--vscode-input-border, #8e8e8e); color: var(--vscode-input-foreground, inherit); background: var(--vscode-input-background, #fff); font-family: var(--vscode-editor-font-family, monospace); }
+.pnw-cleanup-preview { min-height: 74px; border: 1px solid var(--vscode-panel-border, #d4d4d4); }
+.pnw-cleanup-preview-summary, .pnw-cleanup-message { margin: 0; padding: 6px 7px; }
+.pnw-cleanup-preview-summary { font-weight: 600; background: var(--vscode-sideBarSectionHeader-background, rgba(128,128,128,.12)); }
+.pnw-cleanup-message[data-error="true"] { color: var(--vscode-errorForeground, #a1260d); }
+.pnw-cleanup-items { max-height: 164px; margin: 0; padding: 3px 7px 6px 25px; overflow: auto; font-family: var(--vscode-editor-font-family, monospace); font-size: 12px; }
+.pnw-cleanup-confirm { display: flex; gap: 7px; margin-top: 10px; padding: 7px; border: 1px solid var(--vscode-inputValidation-warningBorder, #b89500); background: var(--vscode-inputValidation-warningBackground, rgba(184,149,0,.09)); }
+.pnw-cleanup-footer { justify-content: flex-end; border-top: 1px solid var(--vscode-panel-border, #d4d4d4); }
+.pnw-cleanup-button { min-height: 28px; padding: 3px 10px; border: 1px solid var(--vscode-button-border, transparent); color: var(--vscode-button-secondaryForeground, inherit); background: var(--vscode-button-secondaryBackground, #e5e5e5); cursor: pointer; }
+.pnw-cleanup-button:hover:not(:disabled) { background: var(--vscode-button-secondaryHoverBackground, #d5d5d5); }
+.pnw-cleanup-button-primary { color: var(--vscode-button-foreground, #fff); background: var(--vscode-button-background, #0078d4); }
+.pnw-cleanup-button-primary:hover:not(:disabled) { background: var(--vscode-button-hoverBackground, #026ec1); }
+.pnw-cleanup-button:disabled, input:disabled, select:disabled, textarea:disabled { cursor: default; opacity: .55; }
+button:focus-visible, select:focus-visible, textarea:focus-visible, input:focus-visible { outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 1px; }
+@media (forced-colors: active) { .pnw-cleanup-dialog, .pnw-cleanup-targets, .pnw-cleanup-preview, .pnw-cleanup-rules, .pnw-cleanup-mode { border-color: CanvasText; } }
+`;
+export class PnwCleanupDialog extends HTMLElement {
+    pnwRoot = this.attachShadow({ mode: "open" });
+    pnwActiveModel = PNW_EMPTY_CLEANUP_DIALOG_MODEL;
+    pnwDialog;
+    pnwBody;
+    pnwTitle;
+    pnwDescription;
+    pnwCancelButton;
+    pnwPreviewButton;
+    pnwExecuteButton;
+    pnwHighRiskConfirmed = false;
+    connectedCallback() {
+        this.pnwUpgradePreDefinitionModel();
+        this.pnwEnsureDom();
+        this.pnwRender();
+    }
+    set model(value) {
+        const previousToken = this.pnwActiveModel.preview.token;
+        this.pnwActiveModel = pnwNormalizeCleanupDialogModel(value);
+        if (previousToken !== this.pnwActiveModel.preview.token)
+            this.pnwHighRiskConfirmed = false;
+        this.pnwEnsureDom();
+        this.pnwRender();
+    }
+    get model() { return this.pnwActiveModel; }
+    showModal(modeId) {
+        this.pnwEnsureDom();
+        if (modeId && this.pnwActiveModel.modes.some(({ id }) => id === modeId)) {
+            this.pnwActivateMode(modeId, false);
+        }
+        this.pnwRender();
+        if (!this.pnwDialog?.open) {
+            if (typeof this.pnwDialog?.showModal === "function")
+                this.pnwDialog.showModal();
+            else
+                this.pnwDialog?.setAttribute("open", "");
+        }
+    }
+    close() {
+        if (!this.pnwDialog?.open && !this.pnwDialog?.hasAttribute("open"))
+            return;
+        if (typeof this.pnwDialog.close === "function")
+            this.pnwDialog.close();
+        else
+            this.pnwDialog.removeAttribute("open");
+    }
+    pnwUpgradePreDefinitionModel() {
+        if (!Object.prototype.hasOwnProperty.call(this, "model"))
+            return;
+        const holder = this;
+        const model = holder.model;
+        delete holder.model;
+        this.model = model;
+    }
+    pnwEnsureDom() {
+        if (this.pnwDialog)
+            return;
+        const style = document.createElement("style");
+        style.textContent = PNW_CLEANUP_DIALOG_STYLE;
+        const dialog = document.createElement("dialog");
+        dialog.className = "pnw-cleanup-dialog";
+        dialog.setAttribute("part", "dialog");
+        const shell = document.createElement("section");
+        shell.className = "pnw-cleanup-shell";
+        const header = document.createElement("header");
+        header.className = "pnw-cleanup-header";
+        const title = document.createElement("h2");
+        title.className = "pnw-cleanup-title";
+        const close = document.createElement("button");
+        close.type = "button";
+        close.className = "pnw-cleanup-close";
+        close.setAttribute("aria-label", "关闭清理对话框");
+        close.textContent = "×";
+        close.onclick = () => this.pnwCancel();
+        const body = document.createElement("div");
+        body.className = "pnw-cleanup-content";
+        const description = document.createElement("p");
+        description.className = "pnw-cleanup-description";
+        const footer = document.createElement("footer");
+        footer.className = "pnw-cleanup-footer";
+        const cancel = this.pnwButton("pnw-cleanup-cancel", () => this.pnwCancel());
+        const preview = this.pnwButton("pnw-cleanup-preview-action", () => this.pnwEmitPreview());
+        const execute = this.pnwButton("pnw-cleanup-execute pnw-cleanup-button-primary", () => this.pnwEmitExecute());
+        header.append(title, close);
+        footer.append(cancel, preview, execute);
+        shell.append(header, description, body, footer);
+        dialog.append(shell);
+        dialog.addEventListener("cancel", (event) => {
+            event.preventDefault();
+            this.pnwCancel();
+        });
+        this.pnwRoot.append(style, dialog);
+        this.pnwDialog = dialog;
+        this.pnwBody = body;
+        this.pnwTitle = title;
+        this.pnwDescription = description;
+        this.pnwCancelButton = cancel;
+        this.pnwPreviewButton = preview;
+        this.pnwExecuteButton = execute;
+    }
+    pnwRender() {
+        if (!this.pnwBody || !this.pnwTitle || !this.pnwDescription)
+            return;
+        const model = this.pnwActiveModel;
+        const selectedMode = model.modes.find(({ id }) => id === model.selectedModeId);
+        const busy = model.preview.state === "loading" || model.preview.state === "executing";
+        this.pnwTitle.textContent = model.title;
+        this.pnwDescription.textContent = model.description ?? "";
+        this.pnwDescription.hidden = !model.description;
+        this.pnwBody.replaceChildren();
+        this.pnwBody.append(this.pnwRenderMode(model, selectedMode, busy), this.pnwRenderTargets(model, busy));
+        if (selectedMode?.rulesVisible ?? model.rulesVisible) {
+            this.pnwBody.append(this.pnwRenderRules(model, busy));
+        }
+        this.pnwBody.append(this.pnwRenderPreview(model));
+        if (selectedMode?.risk === "high" && model.requireHighRiskConfirmation !== false) {
+            this.pnwBody.append(this.pnwRenderHighRisk(model, busy));
+        }
+        if (this.pnwCancelButton)
+            this.pnwCancelButton.textContent = model.cancelLabel;
+        if (this.pnwPreviewButton) {
+            this.pnwPreviewButton.textContent = model.preview.state === "loading" ? "预览中…" : model.previewLabel;
+            this.pnwPreviewButton.disabled = busy || !model.previewEnabled || !this.pnwRequestReady();
+            this.pnwPreviewButton.title = this.pnwPreviewButton.disabled
+                ? model.previewDisabledReason ?? "请选择清理方式和目标"
+                : "";
+        }
+        if (this.pnwExecuteButton) {
+            this.pnwExecuteButton.textContent = model.preview.state === "executing" ? "清理中…" : model.executeLabel;
+            this.pnwExecuteButton.disabled = busy
+                || !model.executeEnabled
+                || model.preview.state !== "ready"
+                || !model.preview.token
+                || !this.pnwRequestReady()
+                || (selectedMode?.risk === "high" && model.requireHighRiskConfirmation !== false && !this.pnwHighRiskConfirmed);
+            this.pnwExecuteButton.title = this.pnwExecuteButton.disabled
+                ? model.executeDisabledReason ?? "请先预览并确认"
+                : "";
+        }
+    }
+    pnwRenderMode(model, selectedMode, busy) {
+        const field = this.pnwField("清理方式");
+        const select = document.createElement("select");
+        select.className = "pnw-cleanup-mode";
+        select.disabled = busy;
+        select.setAttribute("aria-label", "清理方式");
+        for (const mode of model.modes) {
+            const option = document.createElement("option");
+            option.value = mode.id;
+            option.textContent = `${mode.label}${mode.risk === "high" ? " · 高风险" : ""}`;
+            option.selected = mode.id === model.selectedModeId;
+            select.append(option);
+        }
+        select.onchange = () => {
+            this.pnwActivateMode(select.value, true);
+        };
+        field.append(select);
+        if (selectedMode?.description) {
+            const description = document.createElement("p");
+            description.className = "pnw-cleanup-mode-description";
+            description.textContent = selectedMode.description;
+            field.append(description);
+        }
+        return field;
+    }
+    pnwRenderTargets(model, busy) {
+        const field = this.pnwField("清理目标");
+        const targets = document.createElement("div");
+        targets.className = "pnw-cleanup-targets";
+        const visibleTargets = model.targets.filter((target) => (!target.supportedModeIds?.length || target.supportedModeIds.includes(model.selectedModeId ?? "")));
+        for (const target of visibleTargets) {
+            const label = document.createElement("label");
+            label.className = "pnw-cleanup-target";
+            const checkbox = document.createElement("input");
+            checkbox.type = "checkbox";
+            checkbox.checked = target.selected;
+            checkbox.disabled = busy || Boolean(target.disabled);
+            checkbox.title = target.disabledReason ?? "";
+            checkbox.onchange = () => {
+                const nextTargets = this.pnwActiveModel.targets.map((candidate) => (candidate.id === target.id ? { ...candidate, selected: checkbox.checked } : candidate));
+                this.pnwHighRiskConfirmed = false;
+                this.pnwActiveModel = pnwNormalizeCleanupDialogModel({
+                    ...this.pnwActiveModel,
+                    targets: nextTargets,
+                    preview: { state: "idle", items: [] },
+                });
+                this.pnwEmit({ kind: "toggle-target", targetId: target.id, selected: checkbox.checked });
+                this.pnwRender();
+            };
+            const main = document.createElement("span");
+            main.className = "pnw-cleanup-target-main";
+            const name = document.createElement("span");
+            name.className = "pnw-cleanup-target-label";
+            name.textContent = target.label;
+            const path = document.createElement("span");
+            path.className = "pnw-cleanup-target-path";
+            path.textContent = target.path;
+            path.title = target.path;
+            main.append(name, document.createElement("br"), path);
+            if (target.description) {
+                const description = document.createElement("span");
+                description.className = "pnw-cleanup-target-description";
+                description.textContent = target.description;
+                main.append(document.createElement("br"), description);
+            }
+            label.append(checkbox, main);
+            targets.append(label);
+        }
+        if (!visibleTargets.length) {
+            const empty = document.createElement("p");
+            empty.className = "pnw-cleanup-message";
+            empty.textContent = "当前方式没有可用目标。";
+            targets.append(empty);
+        }
+        field.append(targets);
+        return field;
+    }
+    pnwActivateMode(modeId, emit) {
+        const nextTargets = this.pnwActiveModel.targets.map((target) => ({
+            ...target,
+            selected: !target.disabled
+                && (!target.supportedModeIds?.length || target.supportedModeIds.includes(modeId)),
+        }));
+        this.pnwHighRiskConfirmed = false;
+        this.pnwActiveModel = pnwNormalizeCleanupDialogModel({
+            ...this.pnwActiveModel,
+            selectedModeId: modeId,
+            targets: nextTargets,
+            preview: { state: "idle", items: [] },
+        });
+        if (emit)
+            this.pnwEmit({ kind: "change-mode", modeId });
+        this.pnwRender();
+    }
+    pnwRenderRules(model, busy) {
+        const field = this.pnwField(model.rulesLabel);
+        const rules = document.createElement("textarea");
+        rules.className = "pnw-cleanup-rules";
+        rules.value = model.rulesYaml;
+        rules.disabled = busy;
+        rules.spellcheck = false;
+        rules.setAttribute("aria-label", model.rulesLabel);
+        rules.oninput = () => {
+            this.pnwHighRiskConfirmed = false;
+            this.pnwActiveModel = pnwNormalizeCleanupDialogModel({
+                ...this.pnwActiveModel,
+                rulesYaml: rules.value,
+                preview: { state: "idle", items: [] },
+            });
+            this.pnwEmit({ kind: "change-rules", rulesYaml: rules.value });
+        };
+        field.append(rules);
+        return field;
+    }
+    pnwRenderPreview(model) {
+        const field = this.pnwField("预览结果");
+        const preview = document.createElement("section");
+        preview.className = "pnw-cleanup-preview";
+        preview.setAttribute("aria-live", "polite");
+        if (model.preview.summary) {
+            const summary = document.createElement("p");
+            summary.className = "pnw-cleanup-preview-summary";
+            summary.textContent = model.preview.summary;
+            preview.append(summary);
+        }
+        if (model.preview.message || !model.preview.items.length) {
+            const message = document.createElement("p");
+            message.className = "pnw-cleanup-message";
+            message.dataset.error = String(model.preview.state === "error");
+            message.textContent = model.preview.message ?? pnwCleanupPreviewFallback(model.preview.state);
+            preview.append(message);
+        }
+        if (model.preview.items.length) {
+            const items = document.createElement("ol");
+            items.className = "pnw-cleanup-items";
+            for (const value of model.preview.items) {
+                const item = document.createElement("li");
+                item.textContent = value;
+                item.title = value;
+                items.append(item);
+            }
+            preview.append(items);
+        }
+        field.append(preview);
+        return field;
+    }
+    pnwRenderHighRisk(model, busy) {
+        const label = document.createElement("label");
+        label.className = "pnw-cleanup-confirm";
+        const checkbox = document.createElement("input");
+        checkbox.type = "checkbox";
+        checkbox.checked = this.pnwHighRiskConfirmed;
+        checkbox.disabled = busy || model.preview.state !== "ready" || !model.preview.token;
+        checkbox.onchange = () => {
+            this.pnwHighRiskConfirmed = checkbox.checked;
+            this.pnwRender();
+        };
+        const text = document.createElement("span");
+        text.textContent = model.highRiskConfirmationLabel;
+        label.append(checkbox, text);
+        return label;
+    }
+    pnwField(labelText) {
+        const field = document.createElement("div");
+        field.className = "pnw-cleanup-field";
+        const label = document.createElement("div");
+        label.className = "pnw-cleanup-label";
+        label.textContent = labelText;
+        field.append(label);
+        return field;
+    }
+    pnwButton(className, action) {
+        const button = document.createElement("button");
+        button.type = "button";
+        button.className = `pnw-cleanup-button ${className}`;
+        button.onclick = action;
+        return button;
+    }
+    pnwRequest() {
+        const modeId = this.pnwActiveModel.selectedModeId;
+        if (!modeId)
+            return undefined;
+        const targetIds = this.pnwActiveModel.targets
+            .filter((target) => target.selected
+            && !target.disabled
+            && (!target.supportedModeIds?.length || target.supportedModeIds.includes(modeId)))
+            .map(({ id }) => id);
+        if (!targetIds.length)
+            return undefined;
+        return Object.freeze({ modeId, targetIds: Object.freeze(targetIds), rulesYaml: this.pnwActiveModel.rulesYaml });
+    }
+    pnwRequestReady() { return Boolean(this.pnwRequest()); }
+    pnwEmitPreview() {
+        const request = this.pnwRequest();
+        if (!request || !this.pnwActiveModel.previewEnabled)
+            return;
+        this.pnwHighRiskConfirmed = false;
+        this.pnwEmit({ kind: "preview", request });
+    }
+    pnwEmitExecute() {
+        const request = this.pnwRequest();
+        const token = this.pnwActiveModel.preview.token;
+        const selectedMode = this.pnwActiveModel.modes.find(({ id }) => id === request?.modeId);
+        if (!request || !token || !this.pnwActiveModel.executeEnabled
+            || this.pnwActiveModel.preview.state !== "ready"
+            || (selectedMode?.risk === "high" && this.pnwActiveModel.requireHighRiskConfirmation !== false && !this.pnwHighRiskConfirmed))
+            return;
+        this.pnwEmit({ kind: "execute", request, previewToken: token });
+    }
+    pnwCancel() {
+        this.close();
+        this.pnwEmit({ kind: "cancel" });
+    }
+    pnwEmit(detail) {
+        this.dispatchEvent(new CustomEvent(PNW_CLEANUP_DIALOG_ACTION, {
+            bubbles: true,
+            composed: true,
+            detail,
+        }));
+    }
+}
+export function pnwNormalizeCleanupDialogModel(value) {
+    if (!value)
+        return PNW_EMPTY_CLEANUP_DIALOG_MODEL;
+    const modeIds = new Set();
+    const modes = Object.freeze(value.modes.flatMap((mode) => {
+        const id = mode.id.trim();
+        if (!id || modeIds.has(id))
+            return [];
+        modeIds.add(id);
+        return [Object.freeze({ ...mode, id, label: mode.label.trim() || id })];
+    }));
+    const selectedModeId = value.selectedModeId && modeIds.has(value.selectedModeId)
+        ? value.selectedModeId
+        : modes[0]?.id;
+    const targetIds = new Set();
+    const targets = Object.freeze(value.targets.flatMap((target) => {
+        const id = target.id.trim();
+        if (!id || targetIds.has(id))
+            return [];
+        targetIds.add(id);
+        return [Object.freeze({
+                ...target,
+                id,
+                label: target.label.trim() || id,
+                path: target.path.trim(),
+                supportedModeIds: target.supportedModeIds
+                    ? Object.freeze([...new Set(target.supportedModeIds.filter((modeId) => modeIds.has(modeId)))])
+                    : undefined,
+            })];
+    }));
+    const preview = Object.freeze({
+        ...value.preview,
+        items: Object.freeze([...value.preview.items]),
+    });
+    return Object.freeze({
+        ...value,
+        title: value.title.trim() || "清理",
+        modes,
+        selectedModeId,
+        targets,
+        preview,
+        requireHighRiskConfirmation: value.requireHighRiskConfirmation !== false,
+    });
+}
+export function pnwCodeDefineCleanupDialog(tagName = PNW_CLEANUP_DIALOG_TAG) {
+    if (!customElements.get(tagName))
+        customElements.define(tagName, PnwCleanupDialog);
+}
+function pnwCleanupPreviewFallback(state) {
+    if (state === "loading")
+        return "正在生成预览…";
+    if (state === "executing")
+        return "正在执行清理…";
+    if (state === "complete")
+        return "清理已完成。";
+    if (state === "error")
+        return "清理预览失败。";
+    if (state === "ready")
+        return "未匹配到需要清理的项目。";
+    return "先选择清理方式和目标，再预览实际改动。";
+}
+//# sourceMappingURL=PnwCleanupDialog.js.map