File explorer header

[SharonStrats]

Create the header in solid-panes so it can be used in file-explorer.

[Copilot]

Pull request overview

This PR introduces a new “file explorer” header/provider web component and rewires the outline manager to render panes through that provider, enabling a more modern header UI with pane actions (share/edit/delete) and metadata display.

Changes:

• Replace the old expanded header + pane icon tray rendering in the outline manager with a <file-explorer-provider> that hosts both header and pane content.
• Add a file-explorer header component set (summary + controls) that displays resource label, modified/public metadata, and pane/action controls.
• Add a resource actions menu (with delete confirmation dialog) and supporting styles/icons.

Reviewed changes

Copilot reviewed 17 out of 18 changed files in this pull request and generated 8 comments.

Show a summary per file

File	Description
src/outline/sourcePaneIcon.ts	Adds a Lit template SVG icon for the source pane.
src/outline/manager.js	Integrates file-explorer-provider, refactors pane rendering flow, and updates object value icon styling hooks.
src/outline/manager.css	Updates outline styling to support provider/pane div layout and object value icon classes.
src/components/resource-actions-menu/ResourceActionsMenu.ts	Adds resource actions menu with delete flow + confirmation dialog.
src/components/resource-actions-menu/ResourceActionsMenu.styles.css	Adds menu sizing styles (and a TODO comment).
src/components/resource-actions-menu/DeleteResourceDialog.ts	Adds a delete confirmation dialog component.
src/components/file-explorer-header/types.ts	Introduces PaneIcon union type (supports async icons).
src/components/file-explorer-header/helper.ts	Adds helper to fetch content + derive metadata (WAC-Allow/public/edit flags).
src/components/file-explorer-header/FileExplorerProvider.ts	Adds provider component to supply context, render header, and host pane content.
src/components/file-explorer-header/FileExplorerProvider.styles.css	Provider layout styles (flex column, scrollable pane slot).
src/components/file-explorer-header/FileExplorerHeaderSummary.ts	Header summary UI: back button, pane icon, label, modified/public badge.
src/components/file-explorer-header/FileExplorerHeaderSummary.styles.css	Header summary styling.
src/components/file-explorer-header/FileExplorerHeaderControls.ts	Header controls UI: share/edit buttons + actions menu.
src/components/file-explorer-header/FileExplorerHeaderControls.styles.css	Header controls styling and dirty indicator styling.
src/components/file-explorer-header/FileExplorerHeader.ts	Composes summary + controls and loads response metadata for display.
src/components/file-explorer-header/FileExplorerHeader.styles.css	Top-level header layout styles.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.