fix(tui): prevent duplicate renderable IDs (#32110)

packages/opencode/src/cli/cmd/run/footer.command.tsx

@@ -202,7 +202,6 @@ function match<T extends PanelEntry>(query: string, entries: T[]) {
 }
 
 function PanelShell(props: {
-  id: string
   title: string
   countVisible?: boolean
   query: string
@@ -279,7 +278,7 @@ function PanelShell(props: {
     </>
   )
   return (
-    <box id={props.id} width="100%" flexDirection="column" border={false} backgroundColor="transparent" flexShrink={0}>
+    <box width="100%" flexDirection="column" border={false} backgroundColor="transparent" flexShrink={0}>
       {minimal() ? (
         <box width="100%" flexDirection="column" border={false} backgroundColor="transparent" flexShrink={0}>
           {content}
@@ -299,7 +298,6 @@ function PanelShell(props: {
       )}
       {minimal() ? (
         <box
-          id={`${props.id}-bottom`}
           width="100%"
           height={1}
           border={false}
@@ -317,7 +315,6 @@ function PanelShell(props: {
         </box>
       ) : (
         <box
-          id={`${props.id}-bottom`}
           width="100%"
           height={1}
           border={["left"]}
@@ -549,7 +546,6 @@ export function RunCommandMenuBody(props: {
 
   return (
     <PanelShell
-      id="run-direct-footer-command-panel"
       title="Commands"
       countVisible={false}
       query={query()}
@@ -565,7 +561,6 @@ export function RunCommandMenuBody(props: {
       chrome="minimal"
     >
       <RunFooterMenu
-        id="run-direct-footer-command-list"
         theme={props.theme}
         items={items}
         selected={menu.selected}
@@ -649,7 +644,6 @@ export function RunSubagentSelectBody(props: {
 
   return (
     <PanelShell
-      id="run-direct-footer-subagent-panel"
       title="Select subagent"
       query={query()}
       count={items().length}
@@ -664,7 +658,6 @@ export function RunSubagentSelectBody(props: {
       chrome="minimal"
     >
       <RunFooterMenu
-        id="run-direct-footer-subagent-list"
         theme={props.theme}
         items={items}
         selected={menu.selected}
@@ -748,7 +741,6 @@ export function RunQueuedPromptSelectBody(props: {
 
   return (
     <PanelShell
-      id="run-direct-footer-queued-panel"
       title="Queued prompts"
       query={query()}
       count={items().length}
@@ -763,7 +755,6 @@ export function RunQueuedPromptSelectBody(props: {
       chrome="minimal"
     >
       <RunFooterMenu
-        id="run-direct-footer-queued-list"
         theme={props.theme}
         items={items}
         selected={menu.selected}
@@ -827,7 +818,6 @@ export function RunSkillSelectBody(props: {
 
   return (
     <PanelShell
-      id="run-direct-footer-skill-panel"
       title="Skills"
       query={query()}
       count={items().length}
@@ -842,7 +832,6 @@ export function RunSkillSelectBody(props: {
       chrome="minimal"
     >
       <RunFooterMenu
-        id="run-direct-footer-skill-list"
         theme={props.theme}
         items={items}
         selected={menu.selected}
@@ -927,7 +916,6 @@ export function RunVariantSelectBody(props: {
 
   return (
     <PanelShell
-      id="run-direct-footer-variant-panel"
       title="Select variant"
       query={query()}
       count={items().length}
@@ -942,7 +930,6 @@ export function RunVariantSelectBody(props: {
       chrome="minimal"
     >
       <RunFooterMenu
-        id="run-direct-footer-variant-list"
         theme={props.theme}
         items={items}
         selected={menu.selected}
@@ -1050,7 +1037,6 @@ export function RunModelSelectBody(props: {
 
   return (
     <PanelShell
-      id="run-direct-footer-model-panel"
       title="Select model"
       query={query()}
       count={items().length}
@@ -1065,7 +1051,6 @@ export function RunModelSelectBody(props: {
       chrome="minimal"
     >
       <RunFooterMenu
-        id="run-direct-footer-model-list"
         theme={props.theme}
         items={items}
         selected={menu.selected}