From 17fa2480659a8accd9a2fda6ee9960014fcf2cf3 Mon Sep 17 00:00:00 2001
From: choiminyeong <choiminyeong@ubisam.com>
Date: Mon, 28 Sep 2026 16:31:27 +0900
Subject: [PATCH] TASK-061: edge tab for the side pane, and a new app icon

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
---
 .../feature/codebrowser/CodeViewerScreen.kt   |  38 ++++++++++-
 .../res/drawable/ic_launcher_background.xml   |  27 ++++++--
 .../res/drawable/ic_launcher_foreground.xml   |  34 ++++++----
 .../res/drawable/ic_launcher_monochrome.xml   |  30 ++++++---
 .../main/res/values/strings_codebrowser.xml   |   1 +
 docs/UBGitea_기술소개.pptx                    | Bin 725853 -> 725853 bytes
 docs/development-log.md                       |  10 +++
 tasks/061-edge-tab-and-app-icon.md            |  60 ++++++++++++++++++
 8 files changed, 169 insertions(+), 31 deletions(-)
 create mode 100644 tasks/061-edge-tab-and-app-icon.md

diff --git a/app/src/main/java/com/ubisam/ubgitea/feature/codebrowser/CodeViewerScreen.kt b/app/src/main/java/com/ubisam/ubgitea/feature/codebrowser/CodeViewerScreen.kt
index 650ac7d..c022267 100644
--- a/app/src/main/java/com/ubisam/ubgitea/feature/codebrowser/CodeViewerScreen.kt
+++ b/app/src/main/java/com/ubisam/ubgitea/feature/codebrowser/CodeViewerScreen.kt
@@ -147,6 +147,7 @@ private enum class ViewerLayout {
 private val CompactHeightBreakpoint = 480.dp
 private val SidePaneWidth = 288.dp
 private val TreeIndent = 14.dp
+private val EdgeTabTouchWidth = 28.dp
 private val NarrowSidePaneWidth = 220.dp
 private val NarrowWideBreakpoint = 700.dp
 
@@ -376,8 +377,9 @@ fun CodeViewerScreen(
                 LocationStrip(enclosingSymbols(document.symbols, firstVisibleLine))
             }
 
+            Box(Modifier.weight(1f).fillMaxWidth()) {
             Row(
-                Modifier.weight(1f).fillMaxWidth().openFromLeftEdge(enabled = !sidePaneIsShown && drawerState.isClosed) {
+                Modifier.fillMaxSize().openFromLeftEdge(enabled = !sidePaneIsShown && drawerState.isClosed) {
                     scope.launch { drawerState.open() }
                 },
             ) {
@@ -448,6 +450,12 @@ fun CodeViewerScreen(
                     }
                 }
             }
+            // Says that there is something to draw out from this edge; without it nothing on the
+            // screen does.
+            if (!sidePaneIsShown) {
+                EdgeTab(Modifier.align(Alignment.CenterStart)) { scope.launch { drawerState.open() } }
+            }
+            }
             if (layout != ViewerLayout.LANDSCAPE) Toolbar(tools)
         }
         }
@@ -835,6 +843,34 @@ private fun JumpToCounterpart(counterpart: RepositoryPath, modifier: Modifier =
     }
 }
 
+/**
+ * A small tab on the left edge, where the side pane is drawn out from. It can be tapped as well:
+ * a swipe from the edge is not available to everyone.
+ */
+@Composable
+private fun EdgeTab(modifier: Modifier = Modifier, onOpen: () -> Unit) {
+    val description = stringResource(R.string.codeviewer_edge_tab)
+    Box(
+        modifier
+            .size(width = EdgeTabTouchWidth, height = 72.dp)
+            .clickable(role = Role.Button, onClickLabel = description, onClick = onOpen)
+            .semantics { contentDescription = description },
+        contentAlignment = Alignment.CenterStart,
+    ) {
+        Box(
+            Modifier
+                .size(width = 14.dp, height = 56.dp)
+                .background(
+                    MaterialTheme.colorScheme.primary.copy(alpha = 0.85f),
+                    RoundedCornerShape(topEnd = 12.dp, bottomEnd = 12.dp),
+                ),
+            contentAlignment = Alignment.Center,
+        ) {
+            UBIcon(R.drawable.ic_ub_chevron_right, null, size = 14.dp, tint = MaterialTheme.colorScheme.onPrimary)
+        }
+    }
+}
+
 /**
  * A header and its source, side by side, header on the left whichever of the two was opened. The
  * bar between them is dragged to give one side more of the width.
diff --git a/app/src/main/res/drawable/ic_launcher_background.xml b/app/src/main/res/drawable/ic_launcher_background.xml
index b08f002..f210172 100644
--- a/app/src/main/res/drawable/ic_launcher_background.xml
+++ b/app/src/main/res/drawable/ic_launcher_background.xml
@@ -1,14 +1,29 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- App icon background layer: a solid fill in the same sky blue used as this app's Material 3
-     primary color (ui/theme/Color.kt's SkyPrimaryLight), so the home-screen icon and the in-app
-     theme read as the same deliberate color rather than drifting apart after the sky-blue redesign
-     (this used to match the earlier "Gitea green" theme's primary before that changed). -->
+<!-- App icon, back layer (TASK-061): the bright sky blue of the app (BrandSky in ui/theme/Color.kt) running to its deeper primary, with two faint circles so the flat color has some depth -->
 <vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
     android:width="108dp"
     android:height="108dp"
     android:viewportWidth="108"
     android:viewportHeight="108">
+    <path android:pathData="M0,0h108v108h-108z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:type="linear"
+                android:startX="14"
+                android:startY="8"
+                android:endX="94"
+                android:endY="100">
+                <item android:offset="0" android:color="#FF4DB0FF" />
+                <item android:offset="0.55" android:color="#FF2F98F9" />
+                <item android:offset="1" android:color="#FF0A6FD8" />
+            </gradient>
+        </aapt:attr>
+    </path>
     <path
-        android:fillColor="#0369A1"
-        android:pathData="M0,0h108v108h-108z" />
+        android:fillColor="#1FFFFFFF"
+        android:pathData="M58,88 a34,34 0 1,0 68,0 a34,34 0 1,0 -68,0 Z" />
+    <path
+        android:fillColor="#14FFFFFF"
+        android:pathData="M-14,16 a26,26 0 1,0 52,0 a26,26 0 1,0 -52,0 Z" />
 </vector>
diff --git a/app/src/main/res/drawable/ic_launcher_foreground.xml b/app/src/main/res/drawable/ic_launcher_foreground.xml
index ac4f04c..1e85468 100644
--- a/app/src/main/res/drawable/ic_launcher_foreground.xml
+++ b/app/src/main/res/drawable/ic_launcher_foreground.xml
@@ -1,35 +1,41 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- A simple git-branch glyph (trunk node, a straight line up to a main-branch node, a curved line
-     out to a second branch node), reading immediately as "a git tool" without reproducing Gitea's
-     own trademarked logo. Every coordinate stays within the adaptive-icon safe zone (the centered
-     66dp-diameter circle on this 108dp canvas), since the system mask crops outside it on some
-     launchers. This app has no icon library (see CLAUDE.md's established convention), so this is
-     hand-drawn geometry, circles for nodes and stroked paths for the connecting branch lines,
-     matching the same plain-vector approach already used for the notification small icon. -->
+<!-- App icon, front layer (TASK-061): a branch that leaves the trunk, its commits drawn as rings. It says "Git" without using Gitea's own logo. Everything stays inside the 66dp safe circle of the 108dp canvas, which is all that some launchers show -->
 <vector xmlns:android="http://schemas.android.com/apk/res/android"
     android:width="108dp"
     android:height="108dp"
     android:viewportWidth="108"
     android:viewportHeight="108">
+    <!-- Drawn large, then brought inside the safe circle. -->
+    <group
+        android:pivotX="54"
+        android:pivotY="54"
+        android:scaleX="0.85"
+        android:scaleY="0.85"
+        android:translateX="-2">
     <path
-        android:pathData="M40,78 L40,30"
+        android:pathData="M41,74 L41,34"
         android:strokeColor="#FFFFFFFF"
-        android:strokeWidth="6"
+        android:strokeWidth="6.5"
         android:strokeLineCap="round"
         android:fillColor="#00000000" />
     <path
-        android:pathData="M40,78 C40,60 74,64 74,46"
+        android:pathData="M41,74 C41,57 72,61 72,45"
         android:strokeColor="#FFFFFFFF"
-        android:strokeWidth="6"
+        android:strokeWidth="6.5"
         android:strokeLineCap="round"
         android:fillColor="#00000000" />
+    <!-- Each node is a ring: the outer circle with the inner one cut out of it. -->
     <path
         android:fillColor="#FFFFFFFF"
-        android:pathData="M33,78 A7,7 0 1,0 47,78 A7,7 0 1,0 33,78 Z" />
+        android:fillType="evenOdd"
+        android:pathData="M31.5,76 a9.5,9.5 0 1,0 19,0 a9.5,9.5 0 1,0 -19,0 Z M36.5,76 a4.5,4.5 0 1,0 9,0 a4.5,4.5 0 1,0 -9,0 Z" />
     <path
         android:fillColor="#FFFFFFFF"
-        android:pathData="M33,30 A7,7 0 1,0 47,30 A7,7 0 1,0 33,30 Z" />
+        android:fillType="evenOdd"
+        android:pathData="M31.5,32 a9.5,9.5 0 1,0 19,0 a9.5,9.5 0 1,0 -19,0 Z M36.5,32 a4.5,4.5 0 1,0 9,0 a4.5,4.5 0 1,0 -9,0 Z" />
     <path
         android:fillColor="#FFFFFFFF"
-        android:pathData="M67,46 A7,7 0 1,0 81,46 A7,7 0 1,0 67,46 Z" />
+        android:fillType="evenOdd"
+        android:pathData="M62.5,43 a9.5,9.5 0 1,0 19,0 a9.5,9.5 0 1,0 -19,0 Z M67.5,43 a4.5,4.5 0 1,0 9,0 a4.5,4.5 0 1,0 -9,0 Z" />
+    </group>
 </vector>
diff --git a/app/src/main/res/drawable/ic_launcher_monochrome.xml b/app/src/main/res/drawable/ic_launcher_monochrome.xml
index ead32bb..110608c 100644
--- a/app/src/main/res/drawable/ic_launcher_monochrome.xml
+++ b/app/src/main/res/drawable/ic_launcher_monochrome.xml
@@ -1,31 +1,41 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Android 13+ themed-icon layer. The system re-tints this to match the device wallpaper theme,
-     so (like the notification small icon) only the shape/alpha matters, not this fill color.
-     Same glyph as ic_launcher_foreground.xml. -->
+<!-- App icon, themed layer (Android 13+): the same shape as the front layer. The system colors it, so only the shape matters -->
 <vector xmlns:android="http://schemas.android.com/apk/res/android"
     android:width="108dp"
     android:height="108dp"
     android:viewportWidth="108"
     android:viewportHeight="108">
+    <!-- Drawn large, then brought inside the safe circle. -->
+    <group
+        android:pivotX="54"
+        android:pivotY="54"
+        android:scaleX="0.85"
+        android:scaleY="0.85"
+        android:translateX="-2">
     <path
-        android:pathData="M40,78 L40,30"
+        android:pathData="M41,74 L41,34"
         android:strokeColor="#FF000000"
-        android:strokeWidth="6"
+        android:strokeWidth="6.5"
         android:strokeLineCap="round"
         android:fillColor="#00000000" />
     <path
-        android:pathData="M40,78 C40,60 74,64 74,46"
+        android:pathData="M41,74 C41,57 72,61 72,45"
         android:strokeColor="#FF000000"
-        android:strokeWidth="6"
+        android:strokeWidth="6.5"
         android:strokeLineCap="round"
         android:fillColor="#00000000" />
+    <!-- Each node is a ring: the outer circle with the inner one cut out of it. -->
     <path
         android:fillColor="#FF000000"
-        android:pathData="M33,78 A7,7 0 1,0 47,78 A7,7 0 1,0 33,78 Z" />
+        android:fillType="evenOdd"
+        android:pathData="M31.5,76 a9.5,9.5 0 1,0 19,0 a9.5,9.5 0 1,0 -19,0 Z M36.5,76 a4.5,4.5 0 1,0 9,0 a4.5,4.5 0 1,0 -9,0 Z" />
     <path
         android:fillColor="#FF000000"
-        android:pathData="M33,30 A7,7 0 1,0 47,30 A7,7 0 1,0 33,30 Z" />
+        android:fillType="evenOdd"
+        android:pathData="M31.5,32 a9.5,9.5 0 1,0 19,0 a9.5,9.5 0 1,0 -19,0 Z M36.5,32 a4.5,4.5 0 1,0 9,0 a4.5,4.5 0 1,0 -9,0 Z" />
     <path
         android:fillColor="#FF000000"
-        android:pathData="M67,46 A7,7 0 1,0 81,46 A7,7 0 1,0 67,46 Z" />
+        android:fillType="evenOdd"
+        android:pathData="M62.5,43 a9.5,9.5 0 1,0 19,0 a9.5,9.5 0 1,0 -19,0 Z M67.5,43 a4.5,4.5 0 1,0 9,0 a4.5,4.5 0 1,0 -9,0 Z" />
+    </group>
 </vector>
diff --git a/app/src/main/res/values/strings_codebrowser.xml b/app/src/main/res/values/strings_codebrowser.xml
index 55f75e1..99e6813 100644
--- a/app/src/main/res/values/strings_codebrowser.xml
+++ b/app/src/main/res/values/strings_codebrowser.xml
@@ -69,6 +69,7 @@
     <string name="codeviewer_files_title">폴더 구조</string>
     <string name="codeviewer_symbols_title">클래스 · 함수</string>
     <string name="codeviewer_symbols_empty">이 파일에는 표시할 클래스나 함수가 없습니다.</string>
+    <string name="codeviewer_edge_tab">폴더 구조와 클래스 · 함수 열기</string>
     <string name="codeviewer_pane_swap">위아래 바꾸기</string>
     <string name="codeviewer_folder_open">펼쳐짐</string>
     <string name="codeviewer_folder_closed">접힘</string>
diff --git a/docs/UBGitea_기술소개.pptx b/docs/UBGitea_기술소개.pptx
index c68267b4b73b80b809076126edd89cc2ce617e24..e47ecb75d078f15d5cd529e2423750f5a09cd752 100644
GIT binary patch
delta 2748
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
I;v97LKPvb!`v3p{

delta 2747
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
GPWuOTCR=O(

diff --git a/docs/development-log.md b/docs/development-log.md
index ba39339..ae7fc1a 100644
--- a/docs/development-log.md
+++ b/docs/development-log.md
@@ -1410,3 +1410,13 @@ This is the append-only implementation and handoff record shared by Codex and Cl
 - Checks and results: the required checks pass; 437 unit tests, 0 failures; lint 0 errors.
 - Live verification: installed on the SM-F966N; not seen on a screen by the implementer.
 - Next owner: the product owner, to confirm on the device.
+
+## 2026-09-28 (continued) — TASK-061: a tab on the left edge, and a new app icon
+
+- Request: the human product owner asked for a mark showing that the side pane can be drawn out
+  from the left edge of the code, and for a more fitting app icon.
+- What changed: see `tasks/061-edge-tab-and-app-icon.md`.
+- Checks and results: the required checks pass; 437 unit tests, 0 failures; lint 0 errors.
+- Live verification: installed on the SM-F966N; neither change was seen on the device by the
+  implementer.
+- Next owner: the product owner, to confirm on the device.
diff --git a/tasks/061-edge-tab-and-app-icon.md b/tasks/061-edge-tab-and-app-icon.md
new file mode 100644
index 0000000..fdc94a7
--- /dev/null
+++ b/tasks/061-edge-tab-and-app-icon.md
@@ -0,0 +1,60 @@
+# TASK-061: A tab on the left edge, and a new app icon
+
+Status: implemented; required checks pass; installed on the product owner's Z Fold7, awaiting their confirmation
+Owner: Claude
+Reviewer: human product owner
+
+## Outcome
+
+Requested by the human product owner, 2026-09-28: nothing on the code screen said that the side
+pane could be drawn out from the left edge, and the app icon should be changed to suit the app.
+
+## Scope
+
+- Included:
+  1. A small tab at the middle of the code's left edge, with an arrow. It marks where the pane is
+     drawn out from, and tapping it opens the pane as well. It is not shown where the pane is
+     already beside the code.
+  2. App icon: the background is the app's bright sky blue running to its deeper primary (it was
+     a flat darker blue from before the redesign); the branch glyph's commits are drawn as rings.
+     The themed (monochrome) layer has the same shape.
+- Excluded: using the UbiSam logo in the icon. It is a wordmark, and unreadable at icon size.
+
+## Writable paths
+
+- `app/src/main/java/com/ubisam/ubgitea/feature/codebrowser/CodeViewerScreen.kt`
+- `app/src/main/res/drawable/ic_launcher_*.xml`
+- `app/src/main/res/values/strings_codebrowser.xml`
+- `tasks/`, `docs/`
+
+## Acceptance criteria
+
+- [x] The tab has a spoken description and a touch area wider than what is drawn.
+- [x] The icon's glyph stays inside the 66dp safe circle of the adaptive icon.
+
+## Security and privacy
+
+No additional concerns.
+
+## Required checks
+
+```text
+./gradlew compileDebugKotlin compileDebugUnitTestKotlin testDebugUnitTest assembleDebug lintDebug
+```
+
+## Evidence
+
+- Required checks pass: 437 unit tests, 0 failures; lint 0 errors.
+- Installed on the SM-F966N over wireless `adb`.
+- The icon was looked at only as a rough drawing made on a PC from the same coordinates, before
+  the glyph was made smaller to fit the safe circle; not on a launcher. The tab has not been seen
+  on a screen by the implementer.
+
+## Known limitations
+
+- The tab covers a strip 14dp wide and 56dp tall of the line numbers behind it.
+- A launcher may keep showing the old icon until it refreshes its cache.
+
+## Review findings
+
+None yet.