Stage 4: restore the modern tree into app/skins/shadlike/

Both UIs now live side by side. The 18 modern component files come straight from `git show main:<path>` — recovered, not rewritten, which is possible because main's tip IS the merge base of this branch. There is no title-bar among them: that component is win7-only, since the modern skin defers to the native window frame. Their imports were rewritten to @core the same way stage 1 did, leaving only skin-internal relative imports behind. Added skins/shadlike/index.ts exporting SHAD_ROOTS with the same shape as SEVEN_ROOTS, so main.ts can select a tree without knowing either skin's internals. Restored the skin axis in core/platform.ts, deleted in fe028a9 and needed again by the modern tree: __APP_SKIN on the Window global, APP_SKIN, IS_WIN7_CHROME, and IS_MAC_CHROME = IS_MAC && !IS_WIN7_CHROME. That last one is what reserves pl-24 for the macOS traffic lights in the fused hiddenInset header — and correctly stops reserving it under win7, where titleBarStyle 'hidden' removes the traffic lights entirely. The tree is not reachable yet; the build is the gate. I checked that the gate is real rather than assuming it: injecting a type error into an unreferenced shadlike file does fail `bun run build:ui`, so ngtsc type-checks the whole program including components nothing imports. Without that check, "the build passes" would have proven nothing about 18 files no one references. win7 remains pixel-identical to the pre-refactor baseline. Co-Authored-By: Claude <noreply@anthropic.com>
2026-08-16 04:56:20 +02:00
parent b35c30d5ab
commit bb97e5418f
20 changed files with 3626 additions and 0 deletions
@@ -0,0 +1,66 @@
+import { Component, ElementRef, afterNextRender, inject, input, viewChild } from '@angular/core';
+import { I18nService } from '@core/i18n.service';
+import { DialogsService, type ConfirmRequest } from '@core/dialogs.service';
+import { FocusService } from '@core/focus.service';
+
+@Component({
+  selector: 'app-confirm-dialog',
+  template: `
+    <div class="fixed inset-0 z-40 grid place-items-center bg-black/40" (mousedown)="cancel()">
+      <div
+        class="w-96 rounded-lg border border-border bg-card p-4 text-card-foreground shadow-xl"
+        (mousedown)="$event.stopPropagation()"
+        (keydown.escape)="cancel()"
+      >
+        <h2 class="text-sm font-semibold">{{ request().title }}</h2>
+        <p class="mt-2 text-xs text-muted-foreground">{{ request().body }}</p>
+        <div class="mt-4 flex justify-end gap-2">
+          <button
+            (click)="cancel()"
+            class="rounded-md px-3 py-1.5 text-xs font-medium hover:bg-accent"
+          >
+            {{ i18n.t('common.cancel') }}
+          </button>
+          <button
+            #confirmBtn
+            (click)="submit()"
+            [class]="
+              request().destructive
+                ? 'rounded-md bg-destructive px-3 py-1.5 text-xs font-medium text-destructive-foreground hover:bg-destructive/90'
+                : 'rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90'
+            "
+          >
+            {{ request().confirmLabel }}
+          </button>
+        </div>
+      </div>
+    </div>
+  `,
+})
+export class ConfirmDialog {
+  readonly i18n = inject(I18nService);
+  readonly request = input.required<ConfirmRequest>();
+
+  private readonly confirmBtn = viewChild.required<ElementRef<HTMLButtonElement>>('confirmBtn');
+  private readonly dialogs = inject(DialogsService);
+  private readonly focus = inject(FocusService);
+
+  constructor() {
+    afterNextRender(() => this.confirmBtn().nativeElement.focus());
+  }
+
+  submit(): void {
+    const req = this.request();
+    this.close();
+    req.onConfirm();
+  }
+
+  cancel(): void {
+    this.close();
+  }
+
+  private close(): void {
+    this.dialogs.confirm.set(null);
+    this.focus.bump();
+  }
+}