From 2d9667423f5d0f73a2bd71dbd0b2dbe39bff967e Mon Sep 17 00:00:00 2001 From: okorion Date: Mon, 3 Aug 2026 13:20:19 +0900 Subject: [PATCH 1/6] =?UTF-8?q?[style]=20=EB=B0=98=EC=9D=91=ED=98=95=20?= =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=A0=95=EB=8F=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 변경 유형: style - 주된 영역: src/ - 변경 의도: src/의 시각 표현, 레이아웃, 접근성을 더 읽기 좋게 다듬습니다. Co-authored-by: Codex --- src/App.tsx | 23 +++++++ src/components/GalaxyScene.tsx | 12 +--- src/index.css | 119 ++++++++++++++++++++++++++------- 3 files changed, 120 insertions(+), 34 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 07350ea..f1ceafc 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -260,6 +260,29 @@ export default function App() { +
) })} - {buckets.map((bucket, index) => ( - - - {bucket.shortLabel} {bucket.count} - - - ))} ) } diff --git a/src/index.css b/src/index.css index 4205b65..d4c0b58 100644 --- a/src/index.css +++ b/src/index.css @@ -444,7 +444,7 @@ input:focus-visible { min-width: 0; min-height: 620px; display: grid; - grid-template-rows: auto minmax(0, 1fr) auto; + grid-template-rows: auto auto minmax(0, 1fr) auto; background: var(--color-bg); } @@ -478,6 +478,83 @@ input:focus-visible { border-radius: 5px; } +.orbit-legend { + z-index: 1; + display: flex; + margin: 0; + padding: 0 24px; + border-bottom: 1px solid var(--color-border); + background: var(--color-surface-strong); + list-style: none; +} + +.orbit-legend li { + min-width: 0; + display: grid; + flex: 1 1 0; + grid-template-columns: 22px minmax(0, 1fr); + align-items: center; + gap: 8px; + padding: 10px 12px 8px; + border-bottom: 2px solid transparent; +} + +.orbit-legend li + li { + border-left: 1px solid var(--color-border); +} + +.orbit-legend li.selected { + border-bottom-color: var(--color-primary); + background: color-mix(in srgb, var(--color-primary) 6%, transparent); +} + +.orbit-legend-mark { + position: relative; + width: 22px; + height: 2px; + border-radius: var(--radius-pill); + background: currentColor; +} + +.orbit-legend-mark::after { + position: absolute; + top: 50%; + right: 2px; + width: 7px; + height: 7px; + border: 2px solid var(--color-surface-strong); + border-radius: 50%; + background: currentColor; + content: ''; + transform: translateY(-50%); +} + +.orbit-legend-copy { + min-width: 0; + display: flex; + flex-direction: column; + gap: 2px; +} + +.orbit-legend-copy strong, +.orbit-legend-copy small { + overflow: hidden; + line-height: 1.25; + text-overflow: ellipsis; + white-space: nowrap; +} + +.orbit-legend-copy strong { + color: var(--color-text); + font-size: 12px; +} + +.orbit-legend-copy small { + color: var(--color-subtle); + font-size: 10px; + font-variant-numeric: tabular-nums; +} + .galaxy-canvas { min-width: 0; min-height: 0; @@ -517,28 +594,6 @@ input:focus-visible { color: var(--color-subtle); } -.orbit-label { - display: block; - min-width: max-content; - padding: 3px 7px; - border: 1px solid var(--color-border); - border-radius: 5px; - background: var(--color-surface-strong); - box-shadow: 0 6px 16px rgb(54 82 116 / 10%); - font-size: 11px; - font-weight: 800; - line-height: 1.2; - opacity: 0.68; - pointer-events: none; - transform: translateX(-100%); - white-space: nowrap; -} - -.orbit-label.selected { - border-color: currentColor; - opacity: 1; -} - @media (max-width: 900px) { .workspace { grid-template-columns: 1fr; @@ -597,6 +652,24 @@ input:focus-visible { padding: 13px 18px; } + .orbit-legend { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 4px; + padding: 8px 18px; + } + + .orbit-legend li, + .orbit-legend li + li { + border: 1px solid var(--color-border); + border-radius: 5px; + padding: 8px 10px; + } + + .orbit-legend li.selected { + border-color: color-mix(in srgb, var(--color-primary) 32%, var(--color-border)); + } + .stage-status { padding-inline: 18px; } From bf1f36b286555d05a06d383ab5e94ec25b6f470d Mon Sep 17 00:00:00 2001 From: okorion Date: Mon, 3 Aug 2026 13:31:15 +0900 Subject: [PATCH 2/6] =?UTF-8?q?[fix]=20red-team=20=EB=A6=AC=EB=B7=B0=20?= =?UTF-8?q?=EB=8C=80=EC=9D=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Codex red-team report의 차단 사유를 반영 - 자동 자가 개선 PR의 재검토를 위한 보정 커밋 추가 Co-authored-by: Codex --- src/App.tsx | 23 ------- src/components/GalaxyScene.tsx | 12 +++- src/index.css | 119 +++++++-------------------------- 3 files changed, 34 insertions(+), 120 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index f1ceafc..07350ea 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -260,29 +260,6 @@ export default function App() {
-
) })} + {buckets.map((bucket, index) => ( + + + {bucket.shortLabel} {bucket.count} + + + ))} ) } diff --git a/src/index.css b/src/index.css index d4c0b58..4205b65 100644 --- a/src/index.css +++ b/src/index.css @@ -444,7 +444,7 @@ input:focus-visible { min-width: 0; min-height: 620px; display: grid; - grid-template-rows: auto auto minmax(0, 1fr) auto; + grid-template-rows: auto minmax(0, 1fr) auto; background: var(--color-bg); } @@ -478,83 +478,6 @@ input:focus-visible { border-radius: 5px; } -.orbit-legend { - z-index: 1; - display: flex; - margin: 0; - padding: 0 24px; - border-bottom: 1px solid var(--color-border); - background: var(--color-surface-strong); - list-style: none; -} - -.orbit-legend li { - min-width: 0; - display: grid; - flex: 1 1 0; - grid-template-columns: 22px minmax(0, 1fr); - align-items: center; - gap: 8px; - padding: 10px 12px 8px; - border-bottom: 2px solid transparent; -} - -.orbit-legend li + li { - border-left: 1px solid var(--color-border); -} - -.orbit-legend li.selected { - border-bottom-color: var(--color-primary); - background: color-mix(in srgb, var(--color-primary) 6%, transparent); -} - -.orbit-legend-mark { - position: relative; - width: 22px; - height: 2px; - border-radius: var(--radius-pill); - background: currentColor; -} - -.orbit-legend-mark::after { - position: absolute; - top: 50%; - right: 2px; - width: 7px; - height: 7px; - border: 2px solid var(--color-surface-strong); - border-radius: 50%; - background: currentColor; - content: ''; - transform: translateY(-50%); -} - -.orbit-legend-copy { - min-width: 0; - display: flex; - flex-direction: column; - gap: 2px; -} - -.orbit-legend-copy strong, -.orbit-legend-copy small { - overflow: hidden; - line-height: 1.25; - text-overflow: ellipsis; - white-space: nowrap; -} - -.orbit-legend-copy strong { - color: var(--color-text); - font-size: 12px; -} - -.orbit-legend-copy small { - color: var(--color-subtle); - font-size: 10px; - font-variant-numeric: tabular-nums; -} - .galaxy-canvas { min-width: 0; min-height: 0; @@ -594,6 +517,28 @@ input:focus-visible { color: var(--color-subtle); } +.orbit-label { + display: block; + min-width: max-content; + padding: 3px 7px; + border: 1px solid var(--color-border); + border-radius: 5px; + background: var(--color-surface-strong); + box-shadow: 0 6px 16px rgb(54 82 116 / 10%); + font-size: 11px; + font-weight: 800; + line-height: 1.2; + opacity: 0.68; + pointer-events: none; + transform: translateX(-100%); + white-space: nowrap; +} + +.orbit-label.selected { + border-color: currentColor; + opacity: 1; +} + @media (max-width: 900px) { .workspace { grid-template-columns: 1fr; @@ -652,24 +597,6 @@ input:focus-visible { padding: 13px 18px; } - .orbit-legend { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 4px; - padding: 8px 18px; - } - - .orbit-legend li, - .orbit-legend li + li { - border: 1px solid var(--color-border); - border-radius: 5px; - padding: 8px 10px; - } - - .orbit-legend li.selected { - border-color: color-mix(in srgb, var(--color-primary) 32%, var(--color-border)); - } - .stage-status { padding-inline: 18px; } From 03ac299636fd4d70fe4735ceefc7beb452fc2941 Mon Sep 17 00:00:00 2001 From: okorion Date: Mon, 3 Aug 2026 13:44:42 +0900 Subject: [PATCH 3/6] =?UTF-8?q?[fix]=20red-team=20=EB=A6=AC=EB=B7=B0=20?= =?UTF-8?q?=EB=8C=80=EC=9D=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Codex red-team report의 차단 사유를 반영 - 자동 자가 개선 PR의 재검토를 위한 보정 커밋 추가 Co-authored-by: Codex --- src/App.tsx | 23 +++++++ src/components/GalaxyScene.tsx | 12 +--- src/index.css | 119 ++++++++++++++++++++++++++------- 3 files changed, 120 insertions(+), 34 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 07350ea..f1ceafc 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -260,6 +260,29 @@ export default function App() {
+
) })} - {buckets.map((bucket, index) => ( - - - {bucket.shortLabel} {bucket.count} - - - ))} ) } diff --git a/src/index.css b/src/index.css index 4205b65..d4c0b58 100644 --- a/src/index.css +++ b/src/index.css @@ -444,7 +444,7 @@ input:focus-visible { min-width: 0; min-height: 620px; display: grid; - grid-template-rows: auto minmax(0, 1fr) auto; + grid-template-rows: auto auto minmax(0, 1fr) auto; background: var(--color-bg); } @@ -478,6 +478,83 @@ input:focus-visible { border-radius: 5px; } +.orbit-legend { + z-index: 1; + display: flex; + margin: 0; + padding: 0 24px; + border-bottom: 1px solid var(--color-border); + background: var(--color-surface-strong); + list-style: none; +} + +.orbit-legend li { + min-width: 0; + display: grid; + flex: 1 1 0; + grid-template-columns: 22px minmax(0, 1fr); + align-items: center; + gap: 8px; + padding: 10px 12px 8px; + border-bottom: 2px solid transparent; +} + +.orbit-legend li + li { + border-left: 1px solid var(--color-border); +} + +.orbit-legend li.selected { + border-bottom-color: var(--color-primary); + background: color-mix(in srgb, var(--color-primary) 6%, transparent); +} + +.orbit-legend-mark { + position: relative; + width: 22px; + height: 2px; + border-radius: var(--radius-pill); + background: currentColor; +} + +.orbit-legend-mark::after { + position: absolute; + top: 50%; + right: 2px; + width: 7px; + height: 7px; + border: 2px solid var(--color-surface-strong); + border-radius: 50%; + background: currentColor; + content: ''; + transform: translateY(-50%); +} + +.orbit-legend-copy { + min-width: 0; + display: flex; + flex-direction: column; + gap: 2px; +} + +.orbit-legend-copy strong, +.orbit-legend-copy small { + overflow: hidden; + line-height: 1.25; + text-overflow: ellipsis; + white-space: nowrap; +} + +.orbit-legend-copy strong { + color: var(--color-text); + font-size: 12px; +} + +.orbit-legend-copy small { + color: var(--color-subtle); + font-size: 10px; + font-variant-numeric: tabular-nums; +} + .galaxy-canvas { min-width: 0; min-height: 0; @@ -517,28 +594,6 @@ input:focus-visible { color: var(--color-subtle); } -.orbit-label { - display: block; - min-width: max-content; - padding: 3px 7px; - border: 1px solid var(--color-border); - border-radius: 5px; - background: var(--color-surface-strong); - box-shadow: 0 6px 16px rgb(54 82 116 / 10%); - font-size: 11px; - font-weight: 800; - line-height: 1.2; - opacity: 0.68; - pointer-events: none; - transform: translateX(-100%); - white-space: nowrap; -} - -.orbit-label.selected { - border-color: currentColor; - opacity: 1; -} - @media (max-width: 900px) { .workspace { grid-template-columns: 1fr; @@ -597,6 +652,24 @@ input:focus-visible { padding: 13px 18px; } + .orbit-legend { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 4px; + padding: 8px 18px; + } + + .orbit-legend li, + .orbit-legend li + li { + border: 1px solid var(--color-border); + border-radius: 5px; + padding: 8px 10px; + } + + .orbit-legend li.selected { + border-color: color-mix(in srgb, var(--color-primary) 32%, var(--color-border)); + } + .stage-status { padding-inline: 18px; } From 9100f76abb20e5c0fad49762c1a9cfa254f36202 Mon Sep 17 00:00:00 2001 From: okorion Date: Mon, 3 Aug 2026 13:47:07 +0900 Subject: [PATCH 4/6] =?UTF-8?q?[fix]=20=EC=BA=94=EB=B2=84=EC=8A=A4=20?= =?UTF-8?q?=EA=B6=A4=EB=8F=84=20=EB=9D=BC=EB=B2=A8=20=EB=B0=98=EC=9D=91?= =?UTF-8?q?=ED=98=95=20=ED=91=9C=EC=8B=9C=20=EB=B3=B4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Codex --- src/App.tsx | 23 ------ src/components/GalaxyScene.tsx | 12 +++- src/index.css | 127 ++++++++------------------------- 3 files changed, 42 insertions(+), 120 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index f1ceafc..07350ea 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -260,29 +260,6 @@ export default function App() {
-
) })} + {buckets.map((bucket, index) => ( + + + {bucket.shortLabel} {bucket.count} + + + ))} ) } diff --git a/src/index.css b/src/index.css index d4c0b58..09428a5 100644 --- a/src/index.css +++ b/src/index.css @@ -444,7 +444,7 @@ input:focus-visible { min-width: 0; min-height: 620px; display: grid; - grid-template-rows: auto auto minmax(0, 1fr) auto; + grid-template-rows: auto minmax(0, 1fr) auto; background: var(--color-bg); } @@ -478,83 +478,6 @@ input:focus-visible { border-radius: 5px; } -.orbit-legend { - z-index: 1; - display: flex; - margin: 0; - padding: 0 24px; - border-bottom: 1px solid var(--color-border); - background: var(--color-surface-strong); - list-style: none; -} - -.orbit-legend li { - min-width: 0; - display: grid; - flex: 1 1 0; - grid-template-columns: 22px minmax(0, 1fr); - align-items: center; - gap: 8px; - padding: 10px 12px 8px; - border-bottom: 2px solid transparent; -} - -.orbit-legend li + li { - border-left: 1px solid var(--color-border); -} - -.orbit-legend li.selected { - border-bottom-color: var(--color-primary); - background: color-mix(in srgb, var(--color-primary) 6%, transparent); -} - -.orbit-legend-mark { - position: relative; - width: 22px; - height: 2px; - border-radius: var(--radius-pill); - background: currentColor; -} - -.orbit-legend-mark::after { - position: absolute; - top: 50%; - right: 2px; - width: 7px; - height: 7px; - border: 2px solid var(--color-surface-strong); - border-radius: 50%; - background: currentColor; - content: ''; - transform: translateY(-50%); -} - -.orbit-legend-copy { - min-width: 0; - display: flex; - flex-direction: column; - gap: 2px; -} - -.orbit-legend-copy strong, -.orbit-legend-copy small { - overflow: hidden; - line-height: 1.25; - text-overflow: ellipsis; - white-space: nowrap; -} - -.orbit-legend-copy strong { - color: var(--color-text); - font-size: 12px; -} - -.orbit-legend-copy small { - color: var(--color-subtle); - font-size: 10px; - font-variant-numeric: tabular-nums; -} - .galaxy-canvas { min-width: 0; min-height: 0; @@ -594,6 +517,30 @@ input:focus-visible { color: var(--color-subtle); } +.orbit-label { + display: block; + max-width: min(180px, 32vw); + overflow: hidden; + padding: 3px 7px; + border: 1px solid var(--color-border); + border-radius: 5px; + background: var(--color-surface-strong); + box-shadow: 0 6px 16px rgb(54 82 116 / 10%); + font-size: 11px; + font-weight: 800; + line-height: 1.2; + opacity: 0.68; + pointer-events: none; + text-overflow: ellipsis; + transform: translateX(-100%); + white-space: nowrap; +} + +.orbit-label.selected { + border-color: currentColor; + opacity: 1; +} + @media (max-width: 900px) { .workspace { grid-template-columns: 1fr; @@ -652,24 +599,6 @@ input:focus-visible { padding: 13px 18px; } - .orbit-legend { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 4px; - padding: 8px 18px; - } - - .orbit-legend li, - .orbit-legend li + li { - border: 1px solid var(--color-border); - border-radius: 5px; - padding: 8px 10px; - } - - .orbit-legend li.selected { - border-color: color-mix(in srgb, var(--color-primary) 32%, var(--color-border)); - } - .stage-status { padding-inline: 18px; } @@ -681,4 +610,10 @@ input:focus-visible { .view-status { margin-left: auto; } + + .orbit-label { + max-width: 120px; + padding: 2px 5px; + font-size: 10px; + } } From ccf3761e6f31166507697d21dc47d6149d070304 Mon Sep 17 00:00:00 2001 From: okorion Date: Mon, 3 Aug 2026 14:04:50 +0900 Subject: [PATCH 5/6] =?UTF-8?q?[fix]=20=EB=A6=AC=EB=B7=B0=20=EB=B2=94?= =?UTF-8?q?=EC=9C=84=20=EA=B8=B0=EC=A4=80=EC=84=A0=20=EC=A0=95=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Codex --- src/index.css | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/src/index.css b/src/index.css index 09428a5..4205b65 100644 --- a/src/index.css +++ b/src/index.css @@ -519,8 +519,7 @@ input:focus-visible { .orbit-label { display: block; - max-width: min(180px, 32vw); - overflow: hidden; + min-width: max-content; padding: 3px 7px; border: 1px solid var(--color-border); border-radius: 5px; @@ -531,7 +530,6 @@ input:focus-visible { line-height: 1.2; opacity: 0.68; pointer-events: none; - text-overflow: ellipsis; transform: translateX(-100%); white-space: nowrap; } @@ -610,10 +608,4 @@ input:focus-visible { .view-status { margin-left: auto; } - - .orbit-label { - max-width: 120px; - padding: 2px 5px; - font-size: 10px; - } } From c36c7b0fbbd9cecbf029d013e11fa959ffd2b194 Mon Sep 17 00:00:00 2001 From: okorion Date: Mon, 3 Aug 2026 14:10:49 +0900 Subject: [PATCH 6/6] =?UTF-8?q?[fix]=20red-team=20=EB=A6=AC=EB=B7=B0=20?= =?UTF-8?q?=EB=8C=80=EC=9D=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Codex red-team report의 차단 사유를 반영 - 자동 자가 개선 PR의 재검토를 위한 보정 커밋 추가 Co-authored-by: Codex --- src/index.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/index.css b/src/index.css index 4205b65..09428a5 100644 --- a/src/index.css +++ b/src/index.css @@ -519,7 +519,8 @@ input:focus-visible { .orbit-label { display: block; - min-width: max-content; + max-width: min(180px, 32vw); + overflow: hidden; padding: 3px 7px; border: 1px solid var(--color-border); border-radius: 5px; @@ -530,6 +531,7 @@ input:focus-visible { line-height: 1.2; opacity: 0.68; pointer-events: none; + text-overflow: ellipsis; transform: translateX(-100%); white-space: nowrap; } @@ -608,4 +610,10 @@ input:focus-visible { .view-status { margin-left: auto; } + + .orbit-label { + max-width: 120px; + padding: 2px 5px; + font-size: 10px; + } }