feat(operator): command palette, impersonation, incident, tweaks (O.8)

- CommandPalette + useCommandPalette: ⌘K opens a search-and-jump panel over
  real tenants/partners + fixture flags + nav + actions. Arrow keys + Enter
  navigate, Escape/backdrop close. Recents are intentionally omitted for now;
  add when there's something to recent over.
- Impersonation stub: useImpersonation + ImpersonationModal + ImpersonationBanner.
  Modal opens from tenant detail and from the palette. Banner stays at the top
  of the shell until exited. No real OBO token is minted — wiring OAuth Token
  Exchange is tracked as a follow-up.
- IncidentModal + useIncidentModal: opened from the Overview and Infrastructure
  incident banners, renders the mock INCIDENT data with metrics, timeline and
  draft composer.
- TweaksPanel + useTweaks: floating bottom-right panel for theme (dark/light),
  density (comfy/compact), env badge (prod/staging/dev). Saved to localStorage.
- Theme/density apply via [data-theme] + [data-density] overrides in
  tokens.css. Topbar env badge now reads from useTweaks instead of a prop.
- Layout wires ⌘K + ⌘[ at the document level and mounts the palette + modals
  + banner + tweaks panel once for all pages.
This commit is contained in:
Ronni Baslund
2026-05-24 08:34:34 +02:00
parent e0ac643e80
commit c71e782dc0
16 changed files with 1162 additions and 30 deletions
@@ -0,0 +1,34 @@
// Visual-only impersonation state. Real impersonation requires an OAuth
// on-behalf-of grant or admin-impersonation token endpoint; this composable
// just tracks whether the modal is open + which tenant we're "viewing" so the
// red banner and topbar warning surface render correctly. Tracked as a
// follow-up in OPERATOR-PLAN.md.
import type { Tenant } from '~/types/tenant'
const candidate = ref<Tenant | null>(null) // shown in the confirm modal
const active = ref<Tenant | null>(null) // shown in the persistent banner
const asUser = ref<string>('first-user@example.com')
export const useImpersonation = () => ({
candidate,
active,
asUser,
open: (tenant: Tenant) => {
candidate.value = tenant
},
cancel: () => {
candidate.value = null
},
confirm: (reason: string, userLabel?: string) => {
if (!candidate.value) return
active.value = candidate.value
asUser.value = userLabel ?? asUser.value
candidate.value = null
// eslint-disable-next-line no-console
console.log('[impersonation] entered', { tenant: active.value.slug, reason, asUser: asUser.value })
},
exit: () => {
active.value = null
},
})