From da86136ef357d9680ee4631aff3db8aa0925bc4e Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Fri, 13 Mar 2026 12:35:44 -0400
Subject: [PATCH] fix: update ScriptConfigurePane elevation badge and separator
 per spec
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replace unicode ⚠ with ShieldAlert icon in elevation badge
- Fix separator spacing: mb-4 → mt-3 pt-3 per spec

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/components/scripts/ScriptConfigurePane.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/scripts/ScriptConfigurePane.tsx b/frontend/src/components/scripts/ScriptConfigurePane.tsx
index ee107cc6..db07c0ab 100644
--- a/frontend/src/components/scripts/ScriptConfigurePane.tsx
+++ b/frontend/src/components/scripts/ScriptConfigurePane.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { ArrowLeft, Terminal, Download, Loader2, AlertTriangle, Copy, Check } from 'lucide-react'
+import { ArrowLeft, Terminal, Download, Loader2, AlertTriangle, Copy, Check, ShieldAlert } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { useScriptGeneratorStore } from '@/store/scriptGeneratorStore'
 import { ScriptParameterForm } from './ScriptParameterForm'
@@ -118,9 +118,10 @@ export function ScriptConfigurePane({ canGenerate, onBack }: Props) {
           {selectedTemplate.requires_elevation && (
             <span
               title="Requires administrator elevation"
-              className="font-label text-[0.625rem] uppercase tracking-wide px-1.5 py-0.5 rounded border text-amber-400 bg-amber-400/10 border-amber-400/20"
+              className="inline-flex items-center gap-1 font-label text-[0.625rem] uppercase tracking-wide px-1.5 py-0.5 rounded border text-amber-400 bg-amber-400/10 border-amber-400/20"
             >
-              ⚠ Elevated
+              <ShieldAlert size={11} />
+              Elevated
             </span>
           )}
           <span className={cn(
@@ -145,7 +146,7 @@ export function ScriptConfigurePane({ canGenerate, onBack }: Props) {
         </div>
       </div>
 
-      <div className="border-t border-border mb-4" />
+      <div className="border-t border-border mt-3 pt-3" />
 
       {/* Parameter form */}
       <ScriptParameterForm canGenerate={canGenerate} />