From fb9e8bffa61862ecaac350b895d2b59c85084387 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sun, 31 May 2026 19:05:28 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E5=BB=B6=E9=81=B2=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=20IwoooS=20drilldown=20=E5=8D=80=E5=A1=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/app/[locale]/iwooos/page.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/app/[locale]/iwooos/page.tsx b/apps/web/src/app/[locale]/iwooos/page.tsx
index a5a50ace..fdc8293b 100644
--- a/apps/web/src/app/[locale]/iwooos/page.tsx
+++ b/apps/web/src/app/[locale]/iwooos/page.tsx
@@ -23,7 +23,7 @@ import {
 } from 'lucide-react'
 import Link from 'next/link'
 import { useTranslations } from 'next-intl'
-import type { ReactNode } from 'react'
+import { useState, type ReactNode } from 'react'
 import { AppLayout } from '@/components/layout'
 
 type PostureMetric = {
@@ -3438,6 +3438,7 @@ const page = {
   color: '#141413',
   padding: '22px',
   fontFamily: 'var(--font-body), monospace',
+  overflowX: 'hidden' as const,
 }
 
 const band = {
@@ -3457,9 +3458,12 @@ function IwoooSSectionGroup({
   defaultOpen?: boolean
   children: ReactNode
 }) {
+  const [expanded, setExpanded] = useState(defaultOpen)
+
   return (
     <details
-      open={defaultOpen}
+      open={expanded}
+      onToggle={event => setExpanded(event.currentTarget.open)}
       style={{
         marginBottom: 14,
         borderTop: '0.5px solid #d8d2c3',
@@ -3494,7 +3498,7 @@ function IwoooSSectionGroup({
           {summary}
         </span>
       </summary>
-      <div style={{ display: 'grid', gap: 14 }}>{children}</div>
+      {expanded ? <div style={{ display: 'grid', gap: 14 }}>{children}</div> : null}
     </details>
   )
 }
@@ -3560,7 +3564,7 @@ function IwoooSVisualCommandDashboard() {
           style={{
             marginTop: 14,
             display: 'grid',
-            gridTemplateColumns: 'repeat(auto-fit, minmax(145px, 1fr))',
+            gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 180px), 1fr))',
             gap: 10,
           }}
         >
@@ -3616,7 +3620,7 @@ function IwoooSVisualCommandDashboard() {
           style={{
             marginTop: 12,
             display: 'grid',
-            gridTemplateColumns: 'repeat(auto-fit, minmax(135px, 1fr))',
+            gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 180px), 1fr))',
             gap: 8,
           }}
         >
@@ -12525,7 +12529,7 @@ export default function IwoooSPage({ params }: { params: { locale: string } }) {
         <section
           style={{
             display: 'grid',
-            gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))',
+            gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 180px), 1fr))',
             gap: 14,
             marginBottom: 14,
           }}