Merge branch 'main' into claude/error-cause-analysis-lqyuxv

Assets/UI/CollectionScreen.uxml

@@ -1,6 +1,10 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
     <ui:VisualElement name="CollectionPanel" class="sub-panel hidden">
         <ui:Label text="COLLECTION" class="screen-title" />
+        <ui:VisualElement class="collection-actions">
+            <ui:Button name="CollectionUnitsButton" text="units" class="terminal-button collection-action-button" />
+            <ui:Button name="CollectionCardsButton" text="cards" class="terminal-button collection-action-button" />
+        </ui:VisualElement>
         <ui:VisualElement name="CollectionContent" class="collection-shell">
             <ui:ScrollView name="CollectionList" class="collection-list" />
             <ui:VisualElement name="CollectionDetail" class="collection-detail" />

Assets/UI/MainMenu.uss

@@ -481,6 +481,31 @@ Button {
     flex-direction: row;
 }
 
+.collection-actions {
+    width: 760px;
+    flex-direction: row;
+    justify-content: flex-end;
+    margin-bottom: 10px;
+}
+
+.collection-action-button {
+    width: 110px;
+    height: 34px;
+    margin-top: 0;
+    margin-left: 8px;
+}
+
+.collection-action-button.selected {
+    background-color: var(--kp-primary);
+    color: var(--kp-bg);
+}
+
+.run-setup-hint {
+    width: 760px;
+    margin-top: -12px;
+    margin-bottom: 12px;
+}
+
 .collection-list {
     width: 300px;
     margin-right: 16px;
@@ -552,6 +577,82 @@ Button {
     margin-top: 14px;
 }
 
+.package-list {
+    margin-top: 18px;
+    min-width: 0;
+}
+
+.package-header {
+    color: var(--kp-muted);
+    margin-bottom: 6px;
+}
+
+.package-notice {
+    color: var(--kp-amber);
+    margin-bottom: 8px;
+    white-space: normal;
+}
+
+.package-empty {
+    color: var(--kp-muted);
+    margin-top: 6px;
+}
+
+.package-row {
+    min-width: 0;
+    padding: 7px 10px;
+    margin-top: 4px;
+    border-left-width: 2px;
+    border-left-color: transparent;
+}
+
+.package-row.selected,
+.package-row.equipped {
+    border-left-color: var(--kp-primary);
+}
+
+.package-row.selected {
+    background-color: var(--kp-hover);
+}
+
+.package-row.dimmed {
+    opacity: 0.45;
+}
+
+.package-summary {
+    min-width: 0;
+    flex-direction: row;
+}
+
+.package-marker {
+    width: 34px;
+    min-width: 34px;
+}
+
+.package-name {
+    flex-grow: 1;
+    min-width: 0;
+    color: var(--kp-primary);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -unity-text-overflow-position: end;
+}
+
+.package-meta {
+    min-width: 96px;
+    color: var(--kp-muted);
+    -unity-text-align: upper-right;
+}
+
+.package-description {
+    min-width: 0;
+    color: var(--kp-muted);
+    white-space: normal;
+    margin-left: 34px;
+    margin-top: 2px;
+}
+
 .modal-overlay {
     position: absolute;
     left: 0;

Assets/UI/MainMenu.uxml

@@ -124,6 +124,15 @@
             </ui:VisualElement>
 
             <ui:Instance template="CollectionScreen" />
+            <ui:VisualElement name="RunSetupPanel" class="sub-panel hidden">
+                <ui:Label text="NEW RUN" class="screen-title" />
+                <ui:Label text="choose 4 distro cards before booting a run" class="collection-detail-muted run-setup-hint" />
+                <ui:VisualElement name="RunSetupContent" class="collection-shell">
+                    <ui:ScrollView name="RunSetupList" class="collection-list" />
+                    <ui:VisualElement name="RunSetupDetail" class="collection-detail" />
+                </ui:VisualElement>
+                <ui:Button name="RunSetupBackButton" text="Back" class="terminal-button back-button" />
+            </ui:VisualElement>
             <ui:Instance template="GachaScreen" />
             <ui:Instance template="SettingsScreen" />