/display page woooo

webui/src/display/ServerDisplayApp/components/DisplayChatFeed.jsx

@@ -0,0 +1,28 @@
+// Display Chat Feed
+// Purpose: Shows the existing chat panel scaled for distance viewing.
+// Scope: Uses ChatPanel minimal mode so the display route reuses normal chat behavior without input chrome.
+import ChatPanel from '../../../components/ChatPanel/index.jsx';
+
+export default function DisplayChatFeed() {
+  const displayChatScale = 2.35;
+
+  return (
+    <section className="h-full min-h-0 overflow-hidden border-t border-slate-800 bg-black p-[0.45vw]">
+      <div
+        className="origin-top-left"
+        style={{
+          // ChatPanel is shared with the normal UI and intentionally compact.
+          // Scaling the whole panel keeps message rendering, scrolling, typing
+          // rows, and future chat behavior in one place while making the display
+          // readable. Width and height compensation reserve the unscaled layout
+          // space that becomes exactly one full chat band after transform.
+          width: `calc(100% / ${displayChatScale})`,
+          height: `calc(100% / ${displayChatScale})`,
+          transform: `scale(${displayChatScale})`,
+        }}
+      >
+        <ChatPanel minimal fillHeight hideSpectatorNotice />
+      </div>
+    </section>
+  );
+}