From f567c98de45a9e7f414efaf60cf379d8c03c6d25 Mon Sep 17 00:00:00 2001
From: stroblme <stroblme@posteo.de>
Date: Tue, 25 Aug 2026 22:15:09 +0200
Subject: [PATCH] Say a dashboard is read-only in the editor's view mode too

The lock notice was on `PanelSurface` alone, so /dashboards/{name} showed
disabled controls with nothing naming the state. Same pill, not a second
one; edit mode keeps its controls live, so it stays out of there.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013Gf7WaExcJ9bs3kfJXB3nK
---
 frontend/src/components/Dashboard/DashboardEditor.tsx | 6 ++++++
 frontend/src/components/Dashboard/PanelSurface.tsx    | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Dashboard/DashboardEditor.tsx b/frontend/src/components/Dashboard/DashboardEditor.tsx
index 7246fca..20ad3bb 100644
--- a/frontend/src/components/Dashboard/DashboardEditor.tsx
+++ b/frontend/src/components/Dashboard/DashboardEditor.tsx
@@ -67,6 +67,7 @@ import {
   widgetsOf,
 } from "./DashboardView"
 import { PanelRail } from "./PanelRail"
+import { LockNotice } from "./PanelSurface"
 import { DashboardPanel, WidgetPanel } from "./panels"
 import {
   dashboardKeys,
@@ -545,6 +546,11 @@ export function DashboardEditor({
           </span>
         </CanvasTitle>
 
+        {/* Reading this dashboard is reading the panel, disabled controls and
+            all — so it says the same thing a panel does. Not while editing:
+            arranging never mounts the lock, so the controls are live. */}
+        {edit ? null : <LockNotice dashboard={draft} />}
+
         <motion.div
           variants={slideUp}
           initial="hidden"
diff --git a/frontend/src/components/Dashboard/PanelSurface.tsx b/frontend/src/components/Dashboard/PanelSurface.tsx
index c4313b7..68aff93 100644
--- a/frontend/src/components/Dashboard/PanelSurface.tsx
+++ b/frontend/src/components/Dashboard/PanelSurface.tsx
@@ -52,6 +52,9 @@ export function PanelSurface({
 /**
  * What a locked dashboard looks like, beyond controls that read as disabled.
  *
+ * Shared with the editor's view mode, which shows the same locked dashboard
+ * from inside the app.
+ *
  * Without it a read-only panel is a panel whose buttons do nothing, which
  * reads as broken rather than as locked. Frosted chrome over content, like
  * every other floating surface, and it says the state in words — a glyph on
@@ -60,7 +63,7 @@ export function PanelSurface({
  * Live, because `locked` may be driven by a flow: the notice appears and goes
  * with the lock rather than with the page load.
  */
-function LockNotice({ dashboard }: { dashboard: Dashboard }) {
+export function LockNotice({ dashboard }: { dashboard: Dashboard }) {
   const { Notice } = useUi()
   // Read straight from the document rather than through `useLocked`: that
   // provider sits inside the grid, and this notice is beside it.