P2: file operations with dialogs (mkdir, new file, rename, delete, chmod)

- prompt/confirm/chmod dialogs (signals-driven via DialogsService) - FileActionsService: acts on selection or cursor row of the active panel - function bar + F2/F7/F8/Delete keys; delete confirms and recurses - verified provider ops + walkTree + removeRecursive on a scratch tree Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-11 13:38:40 +02:00
parent a150c5ee2e
commit b907e0a4ce
10 changed files with 519 additions and 2 deletions
@@ -0,0 +1,84 @@
+import {
+  Component,
+  ElementRef,
+  afterNextRender,
+  inject,
+  input,
+  signal,
+  viewChild,
+} from '@angular/core';
+import { DialogsService, type PromptRequest } from '../dialogs.service';
+import { PanelsService } from '../panels.service';
+
+@Component({
+  selector: 'app-prompt-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()"
+      >
+        <h2 class="text-sm font-semibold">{{ request().title }}</h2>
+        <input
+          #box
+          [value]="value()"
+          (input)="value.set($any($event.target).value)"
+          (keydown.enter)="submit()"
+          (keydown.escape)="cancel()"
+          [placeholder]="request().placeholder ?? ''"
+          spellcheck="false"
+          class="mt-3 h-8 w-full rounded-md border border-input bg-transparent px-2 text-sm outline-none focus:ring-2 focus:ring-ring"
+        />
+        <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"
+          >
+            Cancel
+          </button>
+          <button
+            (click)="submit()"
+            [disabled]="!value().trim()"
+            class="rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
+          >
+            {{ request().confirmLabel }}
+          </button>
+        </div>
+      </div>
+    </div>
+  `,
+})
+export class PromptDialog {
+  readonly request = input.required<PromptRequest>();
+  readonly value = signal('');
+
+  private readonly box = viewChild.required<ElementRef<HTMLInputElement>>('box');
+  private readonly dialogs = inject(DialogsService);
+  private readonly panels = inject(PanelsService);
+
+  constructor() {
+    afterNextRender(() => {
+      this.value.set(this.request().initial ?? '');
+      const el = this.box().nativeElement;
+      el.focus();
+      el.select();
+    });
+  }
+
+  submit(): void {
+    const value = this.value().trim();
+    if (!value) return;
+    const req = this.request();
+    this.close();
+    req.onConfirm(value);
+  }
+
+  cancel(): void {
+    this.close();
+  }
+
+  private close(): void {
+    this.dialogs.prompt.set(null);
+    this.panels.refocus();
+  }
+}