profile page scrolling fixed, book & workbook images bug, refactoring

Author: dabblingwithcode

pubspec.lock

@@ -81,14 +81,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.2.9"
-  basic_interfaces:
-    dependency: transitive
-    description:
-      name: basic_interfaces
-      sha256: c37c8c4ddbc594430eb3817a4edfcc9a0cadbc7ea4c51a5b48785e351f1ba479
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.0.4"
   bidi:
     dependency: transitive
     description:
@@ -1045,22 +1037,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "5.3.5"
-  lite_ref:
-    dependency: transitive
-    description:
-      name: lite_ref
-      sha256: "2519ee5c20257ed8b8eec92c967b8ae2a3361895e9e5dd268569c681803df41b"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.8.1"
-  lite_ref_core:
-    dependency: transitive
-    description:
-      name: lite_ref_core
-      sha256: b902af6b90736d6fb7a2c171af37d15f4894a5880e9eb55ffb3fee5f01385849
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.1.1"
   logging:
     dependency: transitive
     description:
@@ -1763,14 +1739,6 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
-  sliver_dashboard:
-    dependency: transitive
-    description:
-      name: sliver_dashboard
-      sha256: "70847182f381e682f5fd7ed371c3fdabaddf8297aa09d52b52fc8b2d84f33018"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.1.5"
   source_gen:
     dependency: transitive
     description:
@@ -1859,30 +1827,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.12.1"
-  state_beacon:
-    dependency: transitive
-    description:
-      name: state_beacon
-      sha256: "623ddaa73d8cc09fe619cefc2e35c2a086d35b7773b9d9017335a899a34312c5"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.3.4"
-  state_beacon_core:
-    dependency: transitive
-    description:
-      name: state_beacon_core
-      sha256: "6a224d01126c5282555283a1199cebc2c15dde8740f92eab694a78e0b84c0dbc"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.3.4"
-  state_beacon_flutter:
-    dependency: transitive
-    description:
-      name: state_beacon_flutter
-      sha256: "972f9c663d17d961e0a476177e111678df2181a9e06fc483b2ead9e556c94998"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.3.4"
   stream_channel:
     dependency: transitive
     description:

school_data_hub_flutter/CLAUDE.md

@@ -0,0 +1,85 @@
+# Your role
+
+You are a senior developer hired to help me build a production grade school administration software.
+
+We are in the middle of a migration. You are responsible for keeping a cohesive architecture in the domain layer and visual language in the presentation layer, reusing components whereever possible. Your advice will be cooperative but challenging, and you will consider edge cases.
+
+One main goal is reduce rebuilds. Prefer composition, avoid functions returning widgets. Reactive UI elements should be WatchingWidget as isolated as possible from other elements.
+
+You will find context about the project in the CLAUDE.md file in the root folder 
+
+# Orient UI
+
+This project uses Orient UI — a design system for Flutter. It replaces Material and Cupertino with neutral, customizable components.
+
+## Rules
+
+- **Never use Material or Cupertino widgets for theming or UI components.** Use Orient UI equivalents instead.
+- Never hardcode colors, font sizes, radii, or durations. Always use Style tokens.
+- Before adding a component, check if the project already has one that does the same job. Only run `orient_ui add <name>` if there's no equivalent. It prints usage examples — follow them.
+- After adding a component, fix the `import 'style.dart'` path to match where `style.dart` actually lives in the project. If the CLI mentions dependencies, add those too if they don't already exist.
+- These are plain Dart files in `lib/`, not a package. Edit them directly to customize.
+- New custom widgets you create should also use `Style.of(context)` and Orient UI tokens to stay consistent.
+- When you need a new color or token, add it to `style.dart` — don't hardcode values.
+
+## Style System
+
+`lib/style.dart` is the theming foundation. Wrap your app with `Style` widget.
+
+```dart
+// Access theme anywhere
+final style = Style.of(context);
+
+// Colors
+style.colors.background
+style.colors.foreground
+style.colors.accent
+style.colors.border
+style.colors.success / .error / .info / .warning
+style.colors.button.primary / .secondary / .destructive
+style.colors.navigation.railBackground / .bottomBarBackground
+
+// Typography
+context.typography.display / .heading / .title / .subtitle / .body / .bodySmall / .caption
+style.typography.body.withColor(style.colors.foreground)
+textStyle.bold / .w500 / .muted(context)
+
+// Static tokens
+Style.radii.small / .medium / .large
+Style.durations.fast / .normal / .slow
+Style.breakpoints.desktop
+```
+
+You can add custom color fields, typography scales, or tokens directly to `lib/style.dart`.
+
+## Components
+
+Use `orient_ui add <name>` to add. Each is a standalone file in `lib/`.
+
+| Instead of | Use | Add command |
+|---|---|---|
+| ElevatedButton, TextButton, OutlinedButton | `Button` | `orient_ui add button` |
+| Switch, CupertinoSwitch | `Toggle` | `orient_ui add toggle` |
+| ListTile | `Tile` | `orient_ui add tile` |
+| SwitchListTile | `ToggleTile` | `orient_ui add toggle_tile` |
+| Radio | `SingleChoice` | `orient_ui add single_choice` |
+| RadioListTile | `SingleChoiceTile` | `orient_ui add single_choice_tile` |
+| Checkbox | `MultiChoice` | `orient_ui add multi_choice` |
+| CheckboxListTile | `MultiChoiceTile` | `orient_ui add multi_choice_tile` |
+| AlertDialog, showDialog | `Popup.show()` | `orient_ui add popup` |
+| showDialog (confirm) | `ConfirmationPopup.show()` | `orient_ui add confirmation_popup` |
+| showDialog (alert) | `AlertPopup.show()` | `orient_ui add alert_popup` |
+| SnackBar, ScaffoldMessenger | `Toast.show()` | `orient_ui add toast` |
+| CircularProgressIndicator | `Spinner` | `orient_ui add spinner` |
+| BottomNavigationBar, NavigationRail | `NavBar` | `orient_ui add nav_bar` |
+| TabBar | `Tabs` | `orient_ui add tabs` |
+| SegmentedButton | `SegmentBar` | `orient_ui add segment_bar` |
+| PopupMenuButton | `PopoverMenu` | `orient_ui add popover_menu` |
+| DropdownButton | `Picker` | `orient_ui add picker` |
+| TextField (search) | `SearchField` | `orient_ui add search_field` |
+| IconButton | `TappableIcon` | `orient_ui add tappable_icon` |
+| Chip, Badge | `Tag` | `orient_ui add tag` |
+| Card | `CardBox` | `orient_ui add card_box` |
+| Banner, MaterialBanner | `InfoBanner` | `orient_ui add info_banner` |
+| — | `CopyButton` | `orient_ui add copy_button` |
+| — | `EmptyState` | `orient_ui add empty_state` |

school_data_hub_flutter/lib/common/models/enums.dart

@@ -7,6 +7,8 @@ enum ServerStorageFolder {
   auths,
   temp,
   schoolLogos,
+  workbooks,
+  books,
 }
 
 enum StorageId { public, private }

school_data_hub_flutter/lib/common/theme/app_colors.dart

@@ -140,6 +140,10 @@ class AppColorPalette {
   final Color growthIconColor3;
   final Color growthIconColor4;
 
+  /// Computed secondary button color: a subtle tint of the primary button color.
+  Color get secondaryButtonColor =>
+      Color.lerp(const Color(0xFFF4F4F5), appStyleButtonColor, 0.12)!;
+
   AppColorPalette copyWith({
     AppColorSchemeKey? key,
     String? displayName,
@@ -450,6 +454,7 @@ class AppColors {
   //button colors
 
   static Color get appStyleButtonColor => palette.appStyleButtonColor;
+  static Color get secondaryButtonColor => palette.secondaryButtonColor;
   static Color get successButtonColor => palette.successButtonColor;
   static Color get warningButtonColor => palette.warningButtonColor;
   static Color get dangerButtonColor => palette.dangerButtonColor;

school_data_hub_flutter/lib/common/widgets/bottom_nav_bar/bottom_nav_bar_layouts.dart

@@ -43,25 +43,21 @@ class BottomNavBarProfileLayout extends StatelessWidget {
   Widget build(BuildContext context) {
     return Padding(
       padding: Platform.isWindows
-          ? const EdgeInsets.only(left: 0, right: 0, bottom: 10)
-          : const EdgeInsets.only(left: 0, right: 0),
-      child: SizedBox(
-        height: Platform.isWindows
-            ? kBottomNavigationBarHeight + 20
-            : kBottomNavigationBarHeight + 30,
-        child: Align(
-          alignment: Alignment.bottomCenter,
-          child: ConstrainedBox(
-            constraints: const BoxConstraints(maxWidth: 800),
-            child: ClipRRect(
-              borderRadius: const BorderRadius.only(
-                bottomLeft: Radius.circular(10),
-                bottomRight: Radius.circular(10),
-              ),
-              child: Theme(
-                data: ThemeData(canvasColor: AppColors.backgroundColor),
-                child: bottomNavBar,
-              ),
+          ? const EdgeInsets.only(bottom: 10)
+          : EdgeInsets.zero,
+      child: Align(
+        alignment: Alignment.bottomCenter,
+        heightFactor: 1,
+        child: ConstrainedBox(
+          constraints: const BoxConstraints(maxWidth: 800),
+          child: ClipRRect(
+            borderRadius: const BorderRadius.only(
+              bottomLeft: Radius.circular(10),
+              bottomRight: Radius.circular(10),
+            ),
+            child: Theme(
+              data: ThemeData(canvasColor: AppColors.backgroundColor),
+              child: bottomNavBar,
             ),
           ),
         ),

school_data_hub_flutter/lib/common/widgets/dialogs/pupil_list_dialog.dart

@@ -3,7 +3,7 @@ import 'package:school_data_hub_flutter/common/theme/app_colors.dart';
 import 'package:school_data_hub_flutter/common/widgets/generic_components/generic_app_bar.dart';
 import 'package:school_data_hub_flutter/common/widgets/generic_components/generic_sliver_list.dart';
 import 'package:school_data_hub_flutter/features/_pupil/domain/models/pupil_proxy.dart';
-import 'package:school_data_hub_flutter/features/_pupil/presentation/pupil_profile_page/pupil_profile_page_content/language_content/pupil_language_card.dart';
+import 'package:school_data_hub_flutter/features/_pupil/presentation/widgets/pupil_language_card.dart';
 
 class PupilListDialog extends StatefulWidget {
   final String title;

school_data_hub_flutter/lib/common/widgets/get_image_cached_or_download.dart

@@ -74,10 +74,6 @@ Future<Image> cachedPublicImageOrDownloadPublicImage({
   notificationService.apiRunning(false);
 
   if (byteData == null) {
-    notificationService.showSnackBar(
-      NotificationType.error,
-      'Fehler beim Laden des Bildes',
-    );
     return Image.asset('assets/dummy-profile-pic.png');
   }
   Uint8List imageBytes = byteData.buffer.asUint8List();