From 818dc36a9d803e7b00873a2f0b70dc424e18fb28 Mon Sep 17 00:00:00 2001
From: Walker Sutton <walker.c.sutton@gmail.com>
Date: Tue, 7 Jul 2026 16:06:16 -0700
Subject: [PATCH] Remove redundant "Properties" header from right panel

The properties panel already leads with ElementProperties' own
element-type header (e.g. "Fill Meter"), so the generic "Properties"
chrome row above it was redundant. The row also hosted the AI-assistant
reopen button; with the AI feature still behind a flag and being built
out, hide it for now by dropping the row entirely. Cleans up the unused
Sparkles import and onreopenAiChat prop.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/src/components/layout/RightPanel.svelte | 20 ++++----------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/app/src/components/layout/RightPanel.svelte b/app/src/components/layout/RightPanel.svelte
index e07288f..19a436c 100644
--- a/app/src/components/layout/RightPanel.svelte
+++ b/app/src/components/layout/RightPanel.svelte
@@ -1,10 +1,9 @@
 <script>
   import { getContext } from 'svelte'
-  import { Sparkles } from 'lucide-svelte'
   import ElementProperties from '../panels/ElementProperties.svelte'
   import AiChatPanel from '../panels/AiChatPanel.svelte'
 
-  let { aiChatOpen = false, onreopenAiChat, aiAssistantEnabled = true } = $props()
+  let { aiChatOpen = false, aiAssistantEnabled = true } = $props()
 
   const app = getContext('app')
 </script>
@@ -20,22 +19,11 @@
     </div>
   {/if}
 
-  <!-- Properties panel — shown when AI chat is closed and something is selected -->
+  <!-- Properties panel — shown when AI chat is closed and something is selected.
+       The panel leads with ElementProperties' own element-type header, so no
+       separate "Properties" chrome row is needed. -->
   {#if !aiChatOpen}
     {#if app.selectedElementId || app.selectedGroupId}
-      <div class="px-4 py-3 border-b border-zinc-800 flex items-center justify-between shrink-0">
-        <p class="text-[10px] font-semibold uppercase tracking-wider text-zinc-500">Properties</p>
-        {#if aiAssistantEnabled}
-          <button
-            onclick={onreopenAiChat}
-            title="Open AI assistant"
-            class="cursor-pointer h-5 w-5 flex items-center justify-center rounded text-zinc-600
-                 hover:text-[#dc143c] hover:bg-zinc-800 transition-colors"
-          >
-            <Sparkles size={11} />
-          </button>
-        {/if}
-      </div>
       <ElementProperties />
     {/if}
   {/if}