feat: disable admin setup

fix: shared link expiration and small styling (#24566 )
* fix: shared link expiration and small styling * Use text color of enable/disable shared link properties
2025-12-21 09:15:44 +03:00 · 2025-12-16 15:35:57 -05:00 · 2025-12-16 16:41:12 +00:00 · 2025-12-16 16:25:01 +00:00 · 2025-12-16 09:54:53 -06:00 · 2025-12-16 15:27:09 +00:00
39 changed files with 263 additions and 343 deletions
--- a/cli/package.json
+++ b/cli/package.json
@@ -20,7 +20,7 @@
    "@types/lodash-es": "^4.17.12",
    "@types/micromatch": "^4.0.9",
    "@types/mock-fs": "^4.13.1",
-    "@types/node": "^24.10.1",
+    "@types/node": "^24.10.3",
    "@vitest/coverage-v8": "^3.0.0",
    "byte-size": "^9.0.0",
    "cli-progress": "^3.12.0",
--- a/docs/docs/install/environment-variables.md
+++ b/docs/docs/install/environment-variables.md
@@ -43,6 +43,7 @@ These environment variables are used by the `docker-compose.yml` file and do **N
 | `IMMICH_PROCESS_INVALID_IMAGES`     | When `true`, generate thumbnails for invalid images                                       |                              | server                   | microservices      |
 | `IMMICH_TRUSTED_PROXIES`            | List of comma-separated IPs set as trusted proxies                                        |                              | server                   | api                |
 | `IMMICH_IGNORE_MOUNT_CHECK_ERRORS`  | See [System Integrity](/administration/system-integrity)                                  |                              | server                   | api, microservices |
+| `IMMICH_ALLOW_SETUP`                | When `false` disables the `/auth/admin-sign-up` endpoint                                  |            `true`            | server                   | api                |

 \*1: `TZ` should be set to a `TZ identifier` from [this list][tz-list]. For example, `TZ="Etc/UTC"`.
 `TZ` is used by `exiftool` as a fallback in case the timezone cannot be determined from the image metadata. It is also used for logfile timestamps and cron job execution.
--- a/e2e/package.json
+++ b/e2e/package.json
@@ -26,7 +26,7 @@
    "@playwright/test": "^1.44.1",
    "@socket.io/component-emitter": "^3.1.2",
    "@types/luxon": "^3.4.2",
-    "@types/node": "^24.10.1",
+    "@types/node": "^24.10.3",
    "@types/oidc-provider": "^9.0.0",
    "@types/pg": "^8.15.1",
    "@types/pngjs": "^6.0.4",
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -2062,7 +2062,6 @@
  "theme": "Theme",
  "theme_selection": "Theme selection",
  "theme_selection_description": "Automatically set the theme to light or dark based on your browser's system preference",
-  "theme_setting_asset_list_show_owner_name_title": "Show asset owner name",
  "theme_setting_asset_list_storage_indicator_title": "Show storage indicator on asset tiles",
  "theme_setting_asset_list_tiles_per_row_title": "Number of assets per row ({count})",
  "theme_setting_colorful_interface_subtitle": "Apply primary color to background surfaces.",
--- a/mobile/lib/domain/models/setting.model.dart
+++ b/mobile/lib/domain/models/setting.model.dart
@@ -9,8 +9,7 @@ enum Setting<T> {
  autoPlayVideo<bool>(StoreKey.autoPlayVideo, true),
  preferRemoteImage<bool>(StoreKey.preferRemoteImage, false),
  advancedTroubleshooting<bool>(StoreKey.advancedTroubleshooting, false),
-  enableBackup<bool>(StoreKey.enableBackup, false),
-  showOwnerName<bool>(StoreKey.showOwnerName, false);
+  enableBackup<bool>(StoreKey.enableBackup, false);

  const Setting(this.storeKey, this.defaultValue);

--- a/mobile/lib/domain/models/store.model.dart
+++ b/mobile/lib/domain/models/store.model.dart
@@ -72,7 +72,6 @@ enum StoreKey<T> {

  autoPlayVideo<bool>._(139),
  albumGridView<bool>._(140),
-  showOwnerName<bool>._(141),

  // Experimental stuff
  photoManagerCustomFilter<bool>._(1000),
--- a/mobile/lib/presentation/widgets/action_buttons/like_activity_action_button.widget.dart
+++ b/mobile/lib/presentation/widgets/action_buttons/like_activity_action_button.widget.dart
@@ -47,7 +47,7 @@ class LikeActivityActionButton extends ConsumerWidget {

        return BaseActionButton(
          maxWidth: 60,
-          iconData: liked != null ? Icons.favorite : Icons.favorite_border,
+          iconData: liked != null ? Icons.thumb_up : Icons.thumb_up_off_alt,
          label: "like".t(context: context),
          onPressed: () => onTap(liked),
          iconOnly: iconOnly,
@@ -57,7 +57,7 @@ class LikeActivityActionButton extends ConsumerWidget {

      // default to empty heart during loading
      loading: () => BaseActionButton(
-        iconData: Icons.favorite_border,
+        iconData: Icons.thumb_up_off_alt,
        label: "like".t(context: context),
        iconOnly: iconOnly,
        menuItem: menuItem,
--- a/mobile/lib/presentation/widgets/asset_viewer/activities_bottom_sheet.widget.dart
+++ b/mobile/lib/presentation/widgets/asset_viewer/activities_bottom_sheet.widget.dart
@@ -79,7 +79,7 @@ class ActivitiesBottomSheet extends HookConsumerWidget {
      expand: false,
      shouldCloseOnMinExtent: false,
      resizeOnScroll: false,
-      backgroundColor: context.isDarkTheme ? Colors.black : Colors.white,
+      backgroundColor: context.isDarkTheme ? context.colorScheme.surface : Colors.white,
    );
  }
 }
--- a/mobile/lib/presentation/widgets/asset_viewer/asset_viewer.page.dart
+++ b/mobile/lib/presentation/widgets/asset_viewer/asset_viewer.page.dart
@@ -97,7 +97,7 @@ class AssetViewer extends ConsumerStatefulWidget {
 }

 const double _kBottomSheetMinimumExtent = 0.4;
-const double _kBottomSheetSnapExtent = 0.7;
+const double _kBottomSheetSnapExtent = 0.67;

 class _AssetViewerState extends ConsumerState<AssetViewer> {
  static final _dummyListener = ImageStreamListener((image, _) => image.dispose());
@@ -399,10 +399,14 @@ class _AssetViewerState extends ConsumerState<AssetViewer> {
    final isDraggingDown = currentExtent < previousExtent;
    previousExtent = currentExtent;
    // Closes the bottom sheet if the user is dragging down
-    if (isDraggingDown && delta.extent < 0.55) {
+    if (isDraggingDown && delta.extent < 0.67) {
      if (dragInProgress) {
        blockGestures = true;
      }
+      // Jump to a lower position before starting close animation to prevent glitch
+      if (bottomSheetController.isAttached) {
+        bottomSheetController.jumpTo(0.67);
+      }
      sheetCloseController?.close();
    }

@@ -480,7 +484,7 @@ class _AssetViewerState extends ConsumerState<AssetViewer> {
    previousExtent = _kBottomSheetMinimumExtent;
    sheetCloseController = showBottomSheet(
      context: ctx,
-      sheetAnimationStyle: const AnimationStyle(duration: Durations.short4, reverseDuration: Durations.short2),
+      sheetAnimationStyle: const AnimationStyle(duration: Durations.medium2, reverseDuration: Durations.medium2),
      constraints: const BoxConstraints(maxWidth: double.infinity),
      shape: const RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(20.0))),
      backgroundColor: ctx.colorScheme.surfaceContainerLowest,
@@ -688,16 +692,20 @@ class _AssetViewerState extends ConsumerState<AssetViewer> {
              backgroundDecoration: BoxDecoration(color: backgroundColor),
              enablePanAlways: true,
            ),
+            if (!showingBottomSheet)
+              const Positioned(
+                bottom: 0,
+                left: 0,
+                right: 0,
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  mainAxisAlignment: MainAxisAlignment.end,
+                  crossAxisAlignment: CrossAxisAlignment.stretch,
+                  children: [AssetStackRow(), ViewerBottomBar()],
+                ),
+              ),
          ],
        ),
-        bottomNavigationBar: showingBottomSheet
-            ? const SizedBox.shrink()
-            : const Column(
-                mainAxisSize: MainAxisSize.min,
-                mainAxisAlignment: MainAxisAlignment.end,
-                crossAxisAlignment: CrossAxisAlignment.stretch,
-                children: [AssetStackRow(), ViewerBottomBar()],
-              ),
      ),
    );
  }
--- a/mobile/lib/presentation/widgets/asset_viewer/bottom_sheet.widget.dart
+++ b/mobile/lib/presentation/widgets/asset_viewer/bottom_sheet.widget.dart
@@ -52,7 +52,7 @@ class AssetDetailBottomSheet extends ConsumerWidget {
      expand: false,
      shouldCloseOnMinExtent: false,
      resizeOnScroll: false,
-      backgroundColor: context.isDarkTheme ? Colors.black : Colors.white,
+      backgroundColor: context.isDarkTheme ? context.colorScheme.surface : Colors.white,
    );
  }
 }
@@ -299,7 +299,7 @@ class _AssetDetailBottomSheet extends ConsumerWidget {
        // Appears in (Albums)
        Padding(padding: const EdgeInsets.only(top: 16.0), child: _buildAppearsInList(ref, context)),
        // padding at the bottom to avoid cut-off
-        const SizedBox(height: 100),
+        const SizedBox(height: 30),
      ],
    );
  }
--- a/mobile/lib/presentation/widgets/bottom_sheet/archive_bottom_sheet.widget.dart
+++ b/mobile/lib/presentation/widgets/bottom_sheet/archive_bottom_sheet.widget.dart
@@ -14,7 +14,6 @@ import 'package:immich_mobile/presentation/widgets/action_buttons/stack_action_b
 import 'package:immich_mobile/presentation/widgets/action_buttons/trash_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/action_buttons/unarchive_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/action_buttons/unstack_action_button.widget.dart';
-import 'package:immich_mobile/presentation/widgets/action_buttons/upload_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/bottom_sheet/base_bottom_sheet.widget.dart';
 import 'package:immich_mobile/providers/server_info.provider.dart';
 import 'package:immich_mobile/providers/timeline/multiselect.provider.dart';
@@ -47,10 +46,7 @@ class ArchiveBottomSheet extends ConsumerWidget {
          if (multiselect.selectedAssets.length > 1) const StackActionButton(source: ActionSource.timeline),
          if (multiselect.hasStacked) const UnStackActionButton(source: ActionSource.timeline),
        ],
-        if (multiselect.hasLocal) ...[
-          const DeleteLocalActionButton(source: ActionSource.timeline),
-          const UploadActionButton(source: ActionSource.timeline),
-        ],
+        if (multiselect.hasMerged) const DeleteLocalActionButton(source: ActionSource.timeline),
      ],
    );
  }
--- a/mobile/lib/presentation/widgets/bottom_sheet/base_bottom_sheet.widget.dart
+++ b/mobile/lib/presentation/widgets/bottom_sheet/base_bottom_sheet.widget.dart
@@ -81,7 +81,7 @@ class _BaseDraggableScrollableSheetState extends ConsumerState<BaseBottomSheet>
                child: CustomScrollView(
                  controller: scrollController,
                  slivers: [
-                    const SliverPersistentHeader(delegate: _DragHandleDelegate(), pinned: true),
+                    const SliverToBoxAdapter(child: _DragHandle()),
                    if (widget.actions.isNotEmpty)
                      SliverToBoxAdapter(
                        child: Column(
@@ -108,31 +108,13 @@ class _BaseDraggableScrollableSheetState extends ConsumerState<BaseBottomSheet>
  }
 }

-class _DragHandleDelegate extends SliverPersistentHeaderDelegate {
-  const _DragHandleDelegate();
-
-  @override
-  Widget build(BuildContext context, double shrinkOffset, bool overlapsContent) {
-    return const _DragHandle();
-  }
-
-  @override
-  bool shouldRebuild(_DragHandleDelegate oldDelegate) => false;
-
-  @override
-  double get minExtent => 50.0;
-
-  @override
-  double get maxExtent => 50.0;
-}
-
 class _DragHandle extends StatelessWidget {
  const _DragHandle();

  @override
  Widget build(BuildContext context) {
    return SizedBox(
-      height: 50,
+      height: 38,
      child: Center(
        child: SizedBox(
          width: 32,
--- a/mobile/lib/presentation/widgets/bottom_sheet/favorite_bottom_sheet.widget.dart
+++ b/mobile/lib/presentation/widgets/bottom_sheet/favorite_bottom_sheet.widget.dart
@@ -17,7 +17,6 @@ import 'package:immich_mobile/presentation/widgets/action_buttons/stack_action_b
 import 'package:immich_mobile/presentation/widgets/action_buttons/trash_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/action_buttons/unfavorite_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/action_buttons/unstack_action_button.widget.dart';
-import 'package:immich_mobile/presentation/widgets/action_buttons/upload_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/album/album_selector.widget.dart';
 import 'package:immich_mobile/presentation/widgets/bottom_sheet/base_bottom_sheet.widget.dart';
 import 'package:immich_mobile/providers/infrastructure/album.provider.dart';
@@ -86,10 +85,7 @@ class FavoriteBottomSheet extends ConsumerWidget {
          if (multiselect.selectedAssets.length > 1) const StackActionButton(source: ActionSource.timeline),
          if (multiselect.hasStacked) const UnStackActionButton(source: ActionSource.timeline),
        ],
-        if (multiselect.hasLocal) ...[
-          const DeleteLocalActionButton(source: ActionSource.timeline),
-          const UploadActionButton(source: ActionSource.timeline),
-        ],
+        if (multiselect.hasMerged) const DeleteLocalActionButton(source: ActionSource.timeline),
      ],
      slivers: multiselect.hasRemote
          ? [const AddToAlbumHeader(), AlbumSelector(onAlbumSelected: addAssetsToAlbum)]
--- a/mobile/lib/presentation/widgets/bottom_sheet/remote_album_bottom_sheet.widget.dart
+++ b/mobile/lib/presentation/widgets/bottom_sheet/remote_album_bottom_sheet.widget.dart
@@ -18,7 +18,6 @@ import 'package:immich_mobile/presentation/widgets/action_buttons/share_link_act
 import 'package:immich_mobile/presentation/widgets/action_buttons/stack_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/action_buttons/trash_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/action_buttons/unstack_action_button.widget.dart';
-import 'package:immich_mobile/presentation/widgets/action_buttons/upload_action_button.widget.dart';
 import 'package:immich_mobile/presentation/widgets/album/album_selector.widget.dart';
 import 'package:immich_mobile/presentation/widgets/bottom_sheet/base_bottom_sheet.widget.dart';
 import 'package:immich_mobile/providers/infrastructure/album.provider.dart';
@@ -112,10 +111,7 @@ class _RemoteAlbumBottomSheetState extends ConsumerState<RemoteAlbumBottomSheet>
            if (multiselect.hasStacked) const UnStackActionButton(source: ActionSource.timeline),
          ],
        ],
-        if (multiselect.hasLocal) ...[
-          const DeleteLocalActionButton(source: ActionSource.timeline),
-          const UploadActionButton(source: ActionSource.timeline),
-        ],
+        if (multiselect.hasMerged) const DeleteLocalActionButton(source: ActionSource.timeline),
        if (ownsAlbum) RemoveFromAlbumActionButton(source: ActionSource.timeline, albumId: widget.album.id),
      ],
      slivers: ownsAlbum
--- a/mobile/lib/presentation/widgets/images/thumbnail_tile.widget.dart
+++ b/mobile/lib/presentation/widgets/images/thumbnail_tile.widget.dart
@@ -19,7 +19,6 @@ class ThumbnailTile extends ConsumerWidget {
    this.showStorageIndicator = false,
    this.lockSelection = false,
    this.heroOffset,
-    this.ownerName,
    super.key,
  });

@@ -29,7 +28,6 @@ class ThumbnailTile extends ConsumerWidget {
  final bool showStorageIndicator;
  final bool lockSelection;
  final int? heroOffset;
-  final String? ownerName;

  @override
  Widget build(BuildContext context, WidgetRef ref) {
@@ -47,90 +45,68 @@ class ThumbnailTile extends ConsumerWidget {
    final bool storageIndicator =
        ref.watch(settingsProvider.select((s) => s.get(Setting.showStorageIndicator))) && showStorageIndicator;

-    final bool showOwnerNameSetting = ref.watch(settingsProvider.select((s) => s.get(Setting.showOwnerName)));
-    final shouldShowOwnerName = showOwnerNameSetting && ownerName != null;
-
    return Stack(
      children: [
        Container(color: lockSelection ? context.colorScheme.surfaceContainerHighest : assetContainerColor),
-        LayoutBuilder(
-          builder: (context, constraints) {
-            final metrics = _OverlayMetrics.fromConstraints(constraints);
-
-            return AnimatedContainer(
-              duration: Durations.short4,
-              curve: Curves.decelerate,
-              padding: EdgeInsets.all(isSelected || lockSelection ? 6 : 0),
-              child: TweenAnimationBuilder<double>(
-                tween: Tween<double>(begin: 0.0, end: (isSelected || lockSelection) ? 15.0 : 0.0),
-                duration: Durations.short4,
-                curve: Curves.decelerate,
-                builder: (context, value, child) {
-                  return ClipRRect(borderRadius: BorderRadius.all(Radius.circular(value)), child: child);
-                },
-                child: Stack(
-                  children: [
-                    Positioned.fill(
-                      child: Hero(
-                        tag: '${asset?.heroTag ?? ''}_$heroIndex',
-                        child: Thumbnail.fromAsset(asset: asset, size: size),
+        AnimatedContainer(
+          duration: Durations.short4,
+          curve: Curves.decelerate,
+          padding: EdgeInsets.all(isSelected || lockSelection ? 6 : 0),
+          child: TweenAnimationBuilder<double>(
+            tween: Tween<double>(begin: 0.0, end: (isSelected || lockSelection) ? 15.0 : 0.0),
+            duration: Durations.short4,
+            curve: Curves.decelerate,
+            builder: (context, value, child) {
+              return ClipRRect(borderRadius: BorderRadius.all(Radius.circular(value)), child: child);
+            },
+            child: Stack(
+              children: [
+                Positioned.fill(
+                  child: Hero(
+                    tag: '${asset?.heroTag ?? ''}_$heroIndex',
+                    child: Thumbnail.fromAsset(asset: asset, size: size),
+                  ),
+                ),
+                if (asset != null)
+                  Align(
+                    alignment: Alignment.topRight,
+                    child: _AssetTypeIcons(asset: asset),
+                  ),
+                if (storageIndicator && asset != null)
+                  switch (asset.storage) {
+                    AssetState.local => const Align(
+                      alignment: Alignment.bottomRight,
+                      child: Padding(
+                        padding: EdgeInsets.only(right: 10.0, bottom: 6.0),
+                        child: _TileOverlayIcon(Icons.cloud_off_outlined),
                      ),
                    ),
-                    if (asset != null)
-                      Align(
-                        alignment: Alignment.topRight,
-                        child: Padding(
-                          padding: EdgeInsets.symmetric(horizontal: metrics.padding, vertical: metrics.padding),
-                          child: Row(
-                            mainAxisAlignment: MainAxisAlignment.end,
-                            crossAxisAlignment: CrossAxisAlignment.center,
-                            children: [_AssetTypeIcons(asset: asset, metrics: metrics)],
-                          ),
-                        ),
+                    AssetState.remote => const Align(
+                      alignment: Alignment.bottomRight,
+                      child: Padding(
+                        padding: EdgeInsets.only(right: 10.0, bottom: 6.0),
+                        child: _TileOverlayIcon(Icons.cloud_outlined),
                      ),
-                    if (shouldShowOwnerName ||
-                        (storageIndicator && asset != null) ||
-                        (asset != null && asset.isFavorite))
-                      Align(
-                        alignment: Alignment.bottomCenter,
-                        child: Padding(
-                          padding: EdgeInsets.symmetric(horizontal: metrics.padding, vertical: metrics.padding),
-                          child: Row(
-                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                            crossAxisAlignment: CrossAxisAlignment.center,
-                            children: [
-                              if (asset != null && asset.isFavorite)
-                                Padding(
-                                  padding: EdgeInsets.only(right: metrics.iconSpacing),
-                                  child: _TileOverlayIcon(Icons.favorite_rounded, metrics: metrics),
-                                )
-                              else
-                                const SizedBox.shrink(),
-                              if (shouldShowOwnerName)
-                                Flexible(
-                                  child: Padding(
-                                    padding: EdgeInsets.symmetric(horizontal: metrics.iconSpacing),
-                                    child: _OwnerNameLabel(ownerName: ownerName!, metrics: metrics),
-                                  ),
-                                ),
-                              if (storageIndicator && asset != null)
-                                Padding(
-                                  padding: EdgeInsets.only(right: metrics.iconSpacing),
-                                  child: _TileOverlayIcon(switch (asset.storage) {
-                                    AssetState.local => Icons.cloud_off_outlined,
-                                    AssetState.remote => Icons.cloud_outlined,
-                                    AssetState.merged => Icons.cloud_done_outlined,
-                                  }, metrics: metrics),
-                                ),
-                            ],
-                          ),
-                        ),
+                    ),
+                    AssetState.merged => const Align(
+                      alignment: Alignment.bottomRight,
+                      child: Padding(
+                        padding: EdgeInsets.only(right: 10.0, bottom: 6.0),
+                        child: _TileOverlayIcon(Icons.cloud_done_outlined),
                      ),
-                  ],
-                ),
-              ),
-            );
-          },
+                    ),
+                  },
+                if (asset != null && asset.isFavorite)
+                  const Align(
+                    alignment: Alignment.bottomLeft,
+                    child: Padding(
+                      padding: EdgeInsets.only(left: 10.0, bottom: 6.0),
+                      child: _TileOverlayIcon(Icons.favorite_rounded),
+                    ),
+                  ),
+              ],
+            ),
+          ),
        ),
        TweenAnimationBuilder<double>(
          tween: Tween<double>(begin: 0.0, end: (isSelected || lockSelection) ? 1.0 : 0.0),
@@ -181,12 +157,12 @@ class _SelectionIndicator extends StatelessWidget {

 class _VideoIndicator extends StatelessWidget {
  final Duration duration;
-  final _OverlayMetrics metrics;
-  const _VideoIndicator(this.duration, {required this.metrics});
+  const _VideoIndicator(this.duration);

  @override
  Widget build(BuildContext context) {
    return Row(
+      spacing: 3,
      mainAxisSize: MainAxisSize.min,
      mainAxisAlignment: MainAxisAlignment.end,
      // CrossAxisAlignment.start looks more centered vertically than CrossAxisAlignment.center
@@ -194,15 +170,14 @@ class _VideoIndicator extends StatelessWidget {
      children: [
        Text(
          duration.format(),
-          style: TextStyle(
+          style: const TextStyle(
            color: Colors.white,
-            fontSize: metrics.fontSize,
+            fontSize: 12,
            fontWeight: FontWeight.bold,
-            shadows: [Shadow(blurRadius: metrics.blurRadius, color: const Color.fromRGBO(0, 0, 0, 0.6))],
+            shadows: [Shadow(blurRadius: 5.0, color: Color.fromRGBO(0, 0, 0, 0.6))],
          ),
        ),
-        SizedBox(width: metrics.iconSpacing),
-        _TileOverlayIcon(Icons.play_circle_outline_rounded, metrics: metrics),
+        const _TileOverlayIcon(Icons.play_circle_outline_rounded),
      ],
    );
  }
@@ -210,115 +185,47 @@ class _VideoIndicator extends StatelessWidget {

 class _TileOverlayIcon extends StatelessWidget {
  final IconData icon;
-  final _OverlayMetrics metrics;

-  const _TileOverlayIcon(this.icon, {required this.metrics});
+  const _TileOverlayIcon(this.icon);

  @override
  Widget build(BuildContext context) {
    return Icon(
      icon,
      color: Colors.white,
-      size: metrics.iconSize,
-      shadows: [
-        Shadow(
-          blurRadius: metrics.blurRadius,
-          color: const Color.fromRGBO(0, 0, 0, 0.6),
-          offset: const Offset(0.0, 0.0),
-        ),
-      ],
+      size: 16,
+      shadows: [const Shadow(blurRadius: 5.0, color: Color.fromRGBO(0, 0, 0, 0.6), offset: Offset(0.0, 0.0))],
    );
  }
 }

 class _AssetTypeIcons extends StatelessWidget {
  final BaseAsset asset;
-  final _OverlayMetrics metrics;

-  const _AssetTypeIcons({required this.asset, required this.metrics});
+  const _AssetTypeIcons({required this.asset});

  @override
  Widget build(BuildContext context) {
    final hasStack = asset is RemoteAsset && (asset as RemoteAsset).stackId != null;
    final isLivePhoto = asset is RemoteAsset && asset.livePhotoVideoId != null;

-    return Row(
+    return Column(
      mainAxisSize: MainAxisSize.min,
+      crossAxisAlignment: CrossAxisAlignment.end,
      children: [
        if (asset.isVideo)
-          Padding(
-            padding: EdgeInsets.only(left: metrics.iconSpacing),
-            child: _VideoIndicator(asset.duration, metrics: metrics),
-          ),
+          Padding(padding: const EdgeInsets.only(right: 10.0, top: 6.0), child: _VideoIndicator(asset.duration)),
        if (hasStack)
-          Padding(
-            padding: EdgeInsets.only(left: metrics.iconSpacing),
-            child: _TileOverlayIcon(Icons.burst_mode_rounded, metrics: metrics),
+          const Padding(
+            padding: EdgeInsets.only(right: 10.0, top: 6.0),
+            child: _TileOverlayIcon(Icons.burst_mode_rounded),
          ),
        if (isLivePhoto)
-          Padding(
-            padding: EdgeInsets.only(left: metrics.iconSpacing),
-            child: _TileOverlayIcon(Icons.motion_photos_on_rounded, metrics: metrics),
+          const Padding(
+            padding: EdgeInsets.only(right: 10.0, top: 6.0),
+            child: _TileOverlayIcon(Icons.motion_photos_on_rounded),
          ),
      ],
    );
  }
 }
-
-class _OwnerNameLabel extends StatelessWidget {
-  final String ownerName;
-  final _OverlayMetrics metrics;
-
-  const _OwnerNameLabel({required this.ownerName, required this.metrics});
-
-  @override
-  Widget build(BuildContext context) {
-    return Text(
-      ownerName,
-      style: TextStyle(
-        color: Colors.white,
-        fontSize: metrics.fontSize,
-        fontWeight: FontWeight.w500,
-        shadows: [
-          Shadow(
-            blurRadius: metrics.blurRadius,
-            color: const Color.fromRGBO(0, 0, 0, 0.6),
-            offset: const Offset(0.0, 0.0),
-          ),
-        ],
-      ),
-      overflow: TextOverflow.fade,
-      softWrap: false,
-      maxLines: 1,
-    );
-  }
-}
-
-class _OverlayMetrics {
-  final double padding;
-  final double iconSize;
-  final double fontSize;
-  final double iconSpacing;
-  final double blurRadius;
-
-  const _OverlayMetrics({
-    required this.padding,
-    required this.iconSize,
-    required this.fontSize,
-    required this.iconSpacing,
-    required this.blurRadius,
-  });
-
-  factory _OverlayMetrics.fromConstraints(BoxConstraints constraints) {
-    const baseSize = 120.0;
-    final scale = (constraints.maxWidth / baseSize).clamp(0.5, 2.0);
-
-    return _OverlayMetrics(
-      padding: (2.0 * scale).clamp(1.0, 4.0),
-      iconSize: (16.0 * scale).clamp(14.0, 20.0),
-      fontSize: (12.0 * scale).clamp(11.0, 14.0),
-      iconSpacing: (2.0 * scale).clamp(1.0, 4.0),
-      blurRadius: (5.0 * scale).clamp(3.0, 7.0),
-    );
-  }
-}
--- a/mobile/lib/presentation/widgets/timeline/fixed/segment.model.dart
+++ b/mobile/lib/presentation/widgets/timeline/fixed/segment.model.dart
@@ -2,7 +2,6 @@ import 'dart:async';
 import 'dart:math' as math;

 import 'package:auto_route/auto_route.dart';
-import 'package:collection/collection.dart';
 import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:immich_mobile/domain/models/asset/base_asset.model.dart';
@@ -19,7 +18,6 @@ import 'package:immich_mobile/providers/asset_viewer/is_motion_video_playing.pro
 import 'package:immich_mobile/providers/haptic_feedback.provider.dart';
 import 'package:immich_mobile/providers/infrastructure/current_album.provider.dart';
 import 'package:immich_mobile/providers/infrastructure/readonly_mode.provider.dart';
-import 'package:immich_mobile/providers/infrastructure/remote_album.provider.dart';
 import 'package:immich_mobile/providers/infrastructure/timeline.provider.dart';
 import 'package:immich_mobile/providers/timeline/multiselect.provider.dart';
 import 'package:immich_mobile/routing/router.dart';
@@ -193,29 +191,6 @@ class _AssetTileWidget extends ConsumerWidget {
    return lockSelectionAssets.contains(asset);
  }

-  String? _getOwnerName(WidgetRef ref) {
-    final album = ref.watch(currentRemoteAlbumProvider);
-    if (album == null || !album.isShared) {
-      return null;
-    }
-
-    if (asset case RemoteAsset remoteAsset) {
-      final ownerId = remoteAsset.ownerId;
-
-      if (album.ownerId == ownerId) {
-        return album.ownerName;
-      }
-
-      final sharedUsersAsync = ref.watch(remoteAlbumSharedUsersProvider(album.id));
-      return sharedUsersAsync.maybeWhen(
-        data: (sharedUsers) => sharedUsers.firstWhereOrNull((user) => user.id == ownerId)?.name,
-        orElse: () => null,
-      );
-    }
-
-    return null;
-  }
-
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final heroOffset = TabsRouterScope.of(context)?.controller.activeIndex ?? 0;
@@ -223,7 +198,6 @@ class _AssetTileWidget extends ConsumerWidget {
    final lockSelection = _getLockSelectionStatus(ref);
    final showStorageIndicator = ref.watch(timelineArgsProvider.select((args) => args.showStorageIndicator));
    final isReadonlyModeEnabled = ref.watch(readonlyModeProvider);
-    final ownerName = _getOwnerName(ref);

    return RepaintBoundary(
      child: GestureDetector(
@@ -234,7 +208,6 @@ class _AssetTileWidget extends ConsumerWidget {
          lockSelection: lockSelection,
          showStorageIndicator: showStorageIndicator,
          heroOffset: heroOffset,
-          ownerName: ownerName,
        ),
      ),
    );
--- a/mobile/lib/services/app_settings.service.dart
+++ b/mobile/lib/services/app_settings.service.dart
@@ -54,8 +54,7 @@ enum AppSettingsEnum<T> {
  readonlyModeEnabled<bool>(StoreKey.readonlyModeEnabled, "readonlyModeEnabled", false),
  albumGridView<bool>(StoreKey.albumGridView, "albumGridView", false),
  backupRequireCharging<bool>(StoreKey.backupRequireCharging, null, false),
-  backupTriggerDelay<int>(StoreKey.backupTriggerDelay, null, 30),
-  showOwnerName<bool>(StoreKey.showOwnerName, "showOwnerName", false);
+  backupTriggerDelay<int>(StoreKey.backupTriggerDelay, null, 30);

  const AppSettingsEnum(this.storeKey, this.hiveKey, this.defaultValue);

--- a/mobile/lib/widgets/activities/activity_text_field.dart
+++ b/mobile/lib/widgets/activities/activity_text_field.dart
@@ -2,6 +2,7 @@ import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
 import 'package:immich_mobile/providers/activity.provider.dart';
 import 'package:immich_mobile/providers/album/current_album.provider.dart';
 import 'package:immich_mobile/providers/asset_viewer/current_asset.provider.dart';
@@ -68,11 +69,11 @@ class ActivityTextField extends HookConsumerWidget {
          suffixIcon: Padding(
            padding: const EdgeInsets.only(right: 10),
            child: IconButton(
-              icon: Icon(liked ? Icons.favorite_rounded : Icons.favorite_border_rounded),
+              icon: Icon(liked ? Icons.thumb_up : Icons.thumb_up_off_alt),
              onPressed: liked ? removeLike : addLike,
            ),
          ),
-          suffixIconColor: liked ? Colors.red[700] : null,
+          suffixIconColor: liked ? context.primaryColor : null,
          hintText: !isEnabled ? 'shared_album_activities_input_disable'.tr() : 'say_something'.tr(),
          hintStyle: TextStyle(fontWeight: FontWeight.normal, fontSize: 14, color: Colors.grey[600]),
        ),
--- a/mobile/lib/widgets/activities/activity_tile.dart
+++ b/mobile/lib/widgets/activities/activity_tile.dart
@@ -37,7 +37,7 @@ class ActivityTile extends HookConsumerWidget {
          ? Container(
              width: isBottomSheet ? 30 : 44,
              alignment: Alignment.center,
-              child: Icon(Icons.favorite_rounded, color: Colors.red[700]),
+              child: Icon(Icons.thumb_up, color: context.primaryColor),
            )
          : isBottomSheet
          ? UserCircleAvatar(user: activity.user, size: 30, radius: 15)
--- a/mobile/lib/widgets/activities/comment_bubble.dart
+++ b/mobile/lib/widgets/activities/comment_bubble.dart
@@ -67,8 +67,8 @@ class CommentBubble extends ConsumerWidget {
                bottom: 6,
                child: Container(
                  padding: const EdgeInsets.all(4),
-                  decoration: BoxDecoration(color: Colors.white.withValues(alpha: 0.7), shape: BoxShape.circle),
-                  child: Icon(Icons.favorite, color: Colors.red[600], size: 18),
+                  decoration: BoxDecoration(color: context.colorScheme.surfaceContainer, shape: BoxShape.circle),
+                  child: Icon(Icons.thumb_up, color: context.primaryColor, size: 18),
                ),
              ),
          ],
@@ -81,8 +81,8 @@ class CommentBubble extends ConsumerWidget {
    if (isLike && !showThumbnail) {
      likes = Container(
        padding: const EdgeInsets.all(8),
-        decoration: BoxDecoration(color: Colors.white.withValues(alpha: 0.7), shape: BoxShape.circle),
-        child: Icon(Icons.favorite, color: Colors.red[600], size: 18),
+        decoration: BoxDecoration(color: context.colorScheme.surfaceContainer, shape: BoxShape.circle),
+        child: Icon(Icons.thumb_up, color: context.primaryColor, size: 18),
      );
    }

--- a/mobile/lib/widgets/settings/asset_list_settings/asset_list_settings.dart
+++ b/mobile/lib/widgets/settings/asset_list_settings/asset_list_settings.dart
@@ -17,7 +17,6 @@ class AssetListSettings extends HookConsumerWidget {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final showStorageIndicator = useAppSettingsState(AppSettingsEnum.storageIndicator);
-    final showOwnerName = useAppSettingsState(AppSettingsEnum.showOwnerName);

    final assetListSetting = [
      SettingsSwitchListTile(
@@ -28,14 +27,6 @@ class AssetListSettings extends HookConsumerWidget {
          ref.invalidate(settingsProvider);
        },
      ),
-      SettingsSwitchListTile(
-        valueNotifier: showOwnerName,
-        title: 'theme_setting_asset_list_show_owner_name_title'.tr(),
-        onChanged: (_) {
-          ref.invalidate(appSettingsServiceProvider);
-          ref.invalidate(settingsProvider);
-        },
-      ),
      const LayoutSettings(),
      const GroupSettings(),
    ];
--- a/mobile/test/modules/activity/activity_text_field_test.dart
+++ b/mobile/test/modules/activity/activity_text_field_test.dart
@@ -77,15 +77,15 @@ void main() {
      overrides: overrides,
    );

-    expect(find.widgetWithIcon(IconButton, Icons.favorite_rounded), findsOneWidget);
-    expect(find.widgetWithIcon(IconButton, Icons.favorite_border_rounded), findsNothing);
+    expect(find.widgetWithIcon(IconButton, Icons.thumb_up), findsOneWidget);
+    expect(find.widgetWithIcon(IconButton, Icons.thumb_up_off_alt), findsNothing);
  });

  testWidgets('Bordered icon if likedId == null', (tester) async {
    await tester.pumpConsumerWidget(ActivityTextField(onSubmit: (_) {}), overrides: overrides);

-    expect(find.widgetWithIcon(IconButton, Icons.favorite_border_rounded), findsOneWidget);
-    expect(find.widgetWithIcon(IconButton, Icons.favorite_rounded), findsNothing);
+    expect(find.widgetWithIcon(IconButton, Icons.thumb_up_off_alt), findsOneWidget);
+    expect(find.widgetWithIcon(IconButton, Icons.thumb_up), findsNothing);
  });

  testWidgets('Adds new like', (tester) async {
--- a/mobile/test/modules/activity/activity_tile_test.dart
+++ b/mobile/test/modules/activity/activity_tile_test.dart
@@ -91,17 +91,17 @@ void main() {
  group('Like Activity', () {
    final activity = Activity(id: '1', createdAt: DateTime(100), type: ActivityType.like, user: UserStub.admin);

-    testWidgets('Like contains filled heart as leading', (tester) async {
+    testWidgets('Like contains filled thumbs-up as leading', (tester) async {
      await tester.pumpConsumerWidget(ActivityTile(activity), overrides: overrides);

      // Leading widget should not be null
      final listTile = tester.widget<ListTile>(find.byType(ListTile));
      expect(listTile.leading, isNotNull);

-      // And should have a favorite icon
-      final favoIconFinder = find.widgetWithIcon(listTile.leading!.runtimeType, Icons.favorite_rounded);
+      // And should have a thumb_up icon
+      final thumbUpIconFinder = find.widgetWithIcon(listTile.leading!.runtimeType, Icons.thumb_up);

-      expect(favoIconFinder, findsOneWidget);
+      expect(thumbUpIconFinder, findsOneWidget);
    });

    testWidgets('Like title is center aligned', (tester) async {
--- a/open-api/typescript-sdk/package.json
+++ b/open-api/typescript-sdk/package.json
@@ -19,7 +19,7 @@
    "@oazapfts/runtime": "^1.0.2"
  },
  "devDependencies": {
-    "@types/node": "^24.10.1",
+    "@types/node": "^24.10.3",
    "typescript": "^5.3.3"
  },
  "repository": {
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -63,7 +63,7 @@ importers:
        specifier: ^4.13.1
        version: 4.13.4
      '@types/node':
-        specifier: ^24.10.1
+        specifier: ^24.10.3
        version: 24.10.4
      '@vitest/coverage-v8':
        specifier: ^3.0.0
@@ -214,7 +214,7 @@ importers:
        specifier: ^3.4.2
        version: 3.7.1
      '@types/node':
-        specifier: ^24.10.1
+        specifier: ^24.10.3
        version: 24.10.4
      '@types/oidc-provider':
        specifier: ^9.0.0
@@ -299,7 +299,7 @@ importers:
        version: 1.1.0
    devDependencies:
      '@types/node':
-        specifier: ^24.10.1
+        specifier: ^24.10.3
        version: 24.10.4
      typescript:
        specifier: ^5.3.3
@@ -615,7 +615,7 @@ importers:
        specifier: ^2.0.0
        version: 2.0.0
      '@types/node':
-        specifier: ^24.10.1
+        specifier: ^24.10.3
        version: 24.10.4
      '@types/nodemailer':
        specifier: ^7.0.0
@@ -16567,7 +16567,7 @@ snapshots:

  '@types/connect-history-api-fallback@1.5.4':
    dependencies:
-      '@types/express-serve-static-core': 4.19.7
+      '@types/express-serve-static-core': 5.1.0
      '@types/node': 24.10.4

  '@types/connect@3.4.38':
@@ -16813,7 +16813,7 @@ snapshots:

  '@types/pg-pool@2.0.6':
    dependencies:
-      '@types/pg': 8.15.6
+      '@types/pg': 8.16.0

  '@types/pg@8.15.6':
    dependencies:
--- a/server/package.json
+++ b/server/package.json
@@ -134,7 +134,7 @@
    "@types/luxon": "^3.6.2",
    "@types/mock-fs": "^4.13.1",
    "@types/multer": "^2.0.0",
-    "@types/node": "^24.10.1",
+    "@types/node": "^24.10.3",
    "@types/nodemailer": "^7.0.0",
    "@types/picomatch": "^4.0.0",
    "@types/pngjs": "^6.0.5",
--- a/server/src/dtos/env.dto.ts
+++ b/server/src/dtos/env.dto.ts
@@ -58,7 +58,7 @@ export class EnvDto {
  IMMICH_MICROSERVICES_METRICS_PORT?: number;

  @ValidateBoolean({ optional: true })
-  IMMICH_PLUGINS_ENABLED?: boolean;
+  IMMICH_ALLOW_EXTERNAL_PLUGINS?: boolean;

  @Optional()
  @Matches(/^\//, { message: 'IMMICH_PLUGINS_INSTALL_FOLDER must be an absolute path' })
@@ -113,6 +113,9 @@ export class EnvDto {
  @Optional()
  IMMICH_THIRD_PARTY_SUPPORT_URL?: string;

+  @ValidateBoolean({ optional: true })
+  IMMICH_ALLOW_SETUP?: boolean;
+
  @IsIPRange({ requireCIDR: false }, { each: true })
  @Transform(({ value }) =>
    value && typeof value === 'string'
--- a/server/src/repositories/config.repository.spec.ts
+++ b/server/src/repositories/config.repository.spec.ts
@@ -8,6 +8,8 @@ const getEnv = () => {

 const resetEnv = () => {
  for (const env of [
+    'IMMICH_ALLOW_EXTERNAL_PLUGINS',
+    'IMMICH_ALLOW_SETUP',
    'IMMICH_ENV',
    'IMMICH_WORKERS_INCLUDE',
    'IMMICH_WORKERS_EXCLUDE',
@@ -75,6 +77,9 @@ describe('getEnv', () => {
      configFile: undefined,
      logLevel: undefined,
    });
+
+    expect(config.plugins.external).toEqual({ allow: false });
+    expect(config.setup).toEqual({ allow: true });
  });

  describe('IMMICH_MEDIA_LOCATION', () => {
@@ -84,6 +89,32 @@ describe('getEnv', () => {
    });
  });

+  describe('IMMICH_ALLOW_EXTERNAL_PLUGINS', () => {
+    it('should disable plugins', () => {
+      process.env.IMMICH_ALLOW_EXTERNAL_PLUGINS = 'false';
+      const config = getEnv();
+      expect(config.plugins.external).toEqual({ allow: false });
+    });
+
+    it('should throw an error for invalid value', () => {
+      process.env.IMMICH_ALLOW_EXTERNAL_PLUGINS = 'invalid';
+      expect(() => getEnv()).toThrowError('IMMICH_ALLOW_EXTERNAL_PLUGINS must be a boolean value');
+    });
+  });
+
+  describe('IMMICH_ALLOW_SETUP', () => {
+    it('should disable setup', () => {
+      process.env.IMMICH_ALLOW_SETUP = 'false';
+      const { setup } = getEnv();
+      expect(setup).toEqual({ allow: false });
+    });
+
+    it('should throw an error for invalid value', () => {
+      process.env.IMMICH_ALLOW_SETUP = 'invalid';
+      expect(() => getEnv()).toThrowError('IMMICH_ALLOW_SETUP must be a boolean value');
+    });
+  });
+
  describe('database', () => {
    it('should use defaults', () => {
      const { database } = getEnv();
--- a/server/src/repositories/config.repository.ts
+++ b/server/src/repositories/config.repository.ts
@@ -90,6 +90,10 @@ export interface EnvData {

  redis: RedisOptions;

+  setup: {
+    allow: boolean;
+  };
+
  telemetry: {
    apiPort: number;
    microservicesPort: number;
@@ -104,8 +108,10 @@ export interface EnvData {
  workers: ImmichWorker[];

  plugins: {
-    enabled: boolean;
-    installFolder?: string;
+    external: {
+      allow: boolean;
+      installFolder?: string;
+    };
  };

  noColor: boolean;
@@ -313,6 +319,10 @@ const getEnv = (): EnvData => {
      corePlugin: join(buildFolder, 'corePlugin'),
    },

+    setup: {
+      allow: dto.IMMICH_ALLOW_SETUP ?? true,
+    },
+
    storage: {
      ignoreMountCheckErrors: !!dto.IMMICH_IGNORE_MOUNT_CHECK_ERRORS,
      mediaLocation: dto.IMMICH_MEDIA_LOCATION,
@@ -327,8 +337,10 @@ const getEnv = (): EnvData => {
    workers,

    plugins: {
-      enabled: !!dto.IMMICH_PLUGINS_ENABLED,
-      installFolder: dto.IMMICH_PLUGINS_INSTALL_FOLDER,
+      external: {
+        allow: dto.IMMICH_ALLOW_EXTERNAL_PLUGINS ?? false,
+        installFolder: dto.IMMICH_PLUGINS_INSTALL_FOLDER,
+      },
    },

    noColor: !!dto.NO_COLOR,
--- a/server/src/services/auth.service.ts
+++ b/server/src/services/auth.service.ts
@@ -165,6 +165,11 @@ export class AuthService extends BaseService {
  }

  async adminSignUp(dto: SignUpDto): Promise<UserAdminResponseDto> {
+    const { setup } = this.configRepository.getEnv();
+    if (!setup.allow) {
+      throw new BadRequestException('Admin setup is disabled');
+    }
+
    const adminUser = await this.userRepository.getAdmin();
    if (adminUser) {
      throw new BadRequestException('The server already has an admin');
--- a/server/src/services/plugin.service.ts
+++ b/server/src/services/plugin.service.ts
@@ -80,8 +80,8 @@ export class PluginService extends BaseService {
    this.logger.log(`Successfully processed core plugin: ${coreManifest.name} (version ${coreManifest.version})`);

    // Load external plugins
-    if (plugins.enabled && plugins.installFolder) {
-      await this.loadExternalPlugins(plugins.installFolder);
+    if (plugins.external.allow && plugins.external.installFolder) {
+      await this.loadExternalPlugins(plugins.external.installFolder);
    }
  }

--- a/server/src/services/server.service.ts
+++ b/server/src/services/server.service.ts
@@ -115,8 +115,9 @@ export class ServerService extends BaseService {
  }

  async getSystemConfig(): Promise<ServerConfigDto> {
+    const { setup } = this.configRepository.getEnv();
    const config = await this.getConfig({ withCache: false });
-    const isInitialized = await this.userRepository.hasAdmin();
+    const isInitialized = !setup.allow || (await this.userRepository.hasAdmin());
    const onboarding = await this.systemMetadataRepository.get(SystemMetadataKey.AdminOnboarding);

    return {
--- a/server/test/repositories/config.repository.mock.ts
+++ b/server/test/repositories/config.repository.mock.ts
@@ -75,6 +75,10 @@ const envData: EnvData = {
    corePlugin: '/build/corePlugin',
  },

+  setup: {
+    allow: true,
+  },
+
  storage: {
    ignoreMountCheckErrors: false,
  },
@@ -88,8 +92,10 @@ const envData: EnvData = {
  workers: [ImmichWorker.Api, ImmichWorker.Microservices],

  plugins: {
-    enabled: true,
-    installFolder: '/app/data/plugins',
+    external: {
+      allow: true,
+      installFolder: '/app/data/plugins',
+    },
  },

  noColor: false,
--- a/web/src/lib/components/album-page/album-viewer.svelte
+++ b/web/src/lib/components/album-page/album-viewer.svelte
@@ -12,6 +12,8 @@
  import { AssetInteraction } from '$lib/stores/asset-interaction.svelte';
  import { assetViewingStore } from '$lib/stores/asset-viewing.store';
  import { dragAndDropFilesStore } from '$lib/stores/drag-and-drop-files.store';
+  import { mobileDevice } from '$lib/stores/mobile-device.svelte';
+  import { SlideshowNavigation, SlideshowState, slideshowStore } from '$lib/stores/slideshow.store';
  import { handlePromiseError } from '$lib/utils';
  import { cancelMultiselect } from '$lib/utils/asset-utils';
  import { fileUploadHandler, openFileUploadDialog } from '$lib/utils/file-uploader';
@@ -22,7 +24,6 @@
  import ControlAppBar from '../shared-components/control-app-bar.svelte';
  import ThemeButton from '../shared-components/theme-button.svelte';
  import AlbumSummary from './album-summary.svelte';
-  import { SlideshowNavigation, SlideshowState, slideshowStore } from '$lib/stores/slideshow.store';

  interface Props {
    sharedLink: SharedLinkResponseDto;
@@ -110,7 +111,7 @@
    <ControlAppBar showBackButton={false}>
      {#snippet leading()}
        <a data-sveltekit-preload-data="hover" class="ms-4" href="/">
-          <Logo variant="inline" class="min-w-min" />
+          <Logo variant={mobileDevice.maxMd ? 'icon' : 'inline'} class="min-w-10" />
        </a>
      {/snippet}

--- a/web/src/lib/components/asset-viewer/activity-status.svelte
+++ b/web/src/lib/components/asset-viewer/activity-status.svelte
@@ -2,7 +2,7 @@
  import { locale } from '$lib/stores/preferences.store';
  import type { ActivityResponseDto } from '@immich/sdk';
  import { Icon } from '@immich/ui';
-  import { mdiCommentOutline, mdiHeart, mdiHeartOutline } from '@mdi/js';
+  import { mdiCommentOutline, mdiThumbUp, mdiThumbUpOutline } from '@mdi/js';

  interface Props {
    isLiked: ActivityResponseDto | null;
@@ -19,7 +19,7 @@
 <div class="w-full flex p-4 items-center justify-center rounded-full gap-5 bg-subtle border bg-opacity-60">
  <button type="button" class={disabled ? 'cursor-not-allowed' : ''} onclick={onFavorite} {disabled}>
    <div class="flex gap-2 items-center justify-center">
-      <Icon icon={isLiked ? mdiHeart : mdiHeartOutline} size="24" class={isLiked ? 'text-red-400' : 'text-fg'} />
+      <Icon icon={isLiked ? mdiThumbUp : mdiThumbUpOutline} size="24" class={isLiked ? 'text-primary' : 'text-fg'} />
      {#if numberOfLikes}
        <div class="text-l">{numberOfLikes.toLocaleString($locale)}</div>
      {/if}
--- a/web/src/lib/components/asset-viewer/activity-viewer.svelte
+++ b/web/src/lib/components/asset-viewer/activity-viewer.svelte
@@ -13,7 +13,7 @@
  import { isTenMinutesApart } from '$lib/utils/timesince';
  import { ReactionType, type ActivityResponseDto, type AssetTypeEnum, type UserResponseDto } from '@immich/sdk';
  import { Icon, IconButton, LoadingSpinner, toastManager } from '@immich/ui';
-  import { mdiClose, mdiDeleteOutline, mdiDotsVertical, mdiHeart, mdiSend } from '@mdi/js';
+  import { mdiClose, mdiDeleteOutline, mdiDotsVertical, mdiSend, mdiThumbUp } from '@mdi/js';
  import * as luxon from 'luxon';
  import { t } from 'svelte-i18n';
  import UserAvatar from '../shared-components/user-avatar.svelte';
@@ -181,7 +181,7 @@
          {:else if reaction.type === ReactionType.Like}
            <div class="relative">
              <div class="flex py-3 ps-3 mt-3 gap-4 items-center text-sm">
-                <div class="text-red-600"><Icon icon={mdiHeart} size="20" /></div>
+                <div class="text-primary"><Icon icon={mdiThumbUp} size="20" /></div>

                <div class="w-full" title={`${reaction.user.name} (${reaction.user.email})`}>
                  {$t('user_liked', {
@@ -254,7 +254,7 @@
                shortcut: { key: 'Enter' },
                onShortcut: () => handleSendComment(),
              }}
-              class="h-[18px] {disabled
+              class="h-4.5 {disabled
                ? 'cursor-not-allowed'
                : ''} w-full max-h-56 pe-2 items-center overflow-y-auto leading-4 outline-none resize-none bg-gray-200"
            ></textarea>
--- a/web/src/lib/components/share-page/individual-shared-viewer.svelte
+++ b/web/src/lib/components/share-page/individual-shared-viewer.svelte
@@ -9,6 +9,7 @@
  import type { Viewport } from '$lib/managers/timeline-manager/types';
  import { AssetInteraction } from '$lib/stores/asset-interaction.svelte';
  import { dragAndDropFilesStore } from '$lib/stores/drag-and-drop-files.store';
+  import { mobileDevice } from '$lib/stores/mobile-device.svelte';
  import { handlePromiseError } from '$lib/utils';
  import { cancelMultiselect, downloadArchive } from '$lib/utils/asset-utils';
  import { fileUploadHandler, openFileUploadDialog } from '$lib/utils/file-uploader';
@@ -108,7 +109,7 @@
      <ControlAppBar onClose={() => goto(AppRoute.PHOTOS)} backIcon={mdiArrowLeft} showBackButton={false}>
        {#snippet leading()}
          <a data-sveltekit-preload-data="hover" class="ms-4" href="/">
-            <Logo variant="inline" />
+            <Logo variant={mobileDevice.maxMd ? 'icon' : 'inline'} class="min-w-10" />
          </a>
        {/snippet}

--- a/web/src/lib/components/sharedlinks-page/shared-link-card.svelte
+++ b/web/src/lib/components/sharedlinks-page/shared-link-card.svelte
@@ -5,7 +5,7 @@
  import { getSharedLinkActions } from '$lib/services/shared-link.service';
  import { locale } from '$lib/stores/preferences.store';
  import { SharedLinkType, type SharedLinkResponseDto } from '@immich/sdk';
-  import { Badge, ContextMenuButton, MenuItemType, Text } from '@immich/ui';
+  import { ContextMenuButton, MenuItemType, Text } from '@immich/ui';
  import { DateTime, type ToRelativeUnit } from 'luxon';
  import { t } from 'svelte-i18n';

@@ -32,6 +32,28 @@
  };

  const { Edit, Copy, Delete } = $derived(getSharedLinkActions($t, sharedLink));
+
+  const capabilities = $derived.by(() => {
+    const items = [];
+
+    if (sharedLink.allowUpload) {
+      items.push($t('upload'));
+    }
+
+    if (sharedLink.allowDownload) {
+      items.push($t('download'));
+    }
+
+    if (sharedLink.showMetadata) {
+      items.push($t('exif'));
+    }
+
+    if (sharedLink.password) {
+      items.push($t('password'));
+    }
+
+    return items;
+  });
 </script>

 <div
@@ -44,50 +66,41 @@
  >
    <ShareCover class="transition-all duration-300 hover:shadow-lg" {sharedLink} />

-    <div class="flex flex-col gap-2">
-      <Text size="large" color="primary" class="flex place-items-center gap-2 break-all">
-        {#if sharedLink.type === SharedLinkType.Album}
-          {sharedLink.album?.albumName}
-        {:else if sharedLink.type === SharedLinkType.Individual}
-          {$t('individual_share')}
-        {/if}
-      </Text>
-
-      <div class="flex flex-wrap gap-1">
-        {#if isExpired}
-          <Badge size="small" color="danger">{$t('expired')}</Badge>
-        {:else if expiresAt}
-          <Badge size="small" color="secondary">
+    <div class="flex flex-col gap-4 justify-between">
+      <div class="flex flex-col">
+        <Text size="tiny" color={isExpired ? 'danger' : 'muted'} class="font-medium">
+          {#if isExpired}
+            {$t('expired')}
+          {:else if expiresAt}
            {$t('expires_date', { values: { date: getCountDownExpirationDate(expiresAt, now) } })}
-          </Badge>
-        {:else}
-          <Badge size="small" color="secondary">{$t('expires_date', { values: { date: '∞' } })}</Badge>
-        {/if}
+          {:else}
+            {$t('expires_date', { values: { date: '∞' } })}
+          {/if}
+        </Text>

-        {#if sharedLink.slug}
-          <Badge size="small" color="secondary">{$t('custom_url')}</Badge>
-        {/if}
+        <Text size="large" color="primary" class="flex place-items-center gap-2 break-all font-medium">
+          {#if sharedLink.type === SharedLinkType.Album}
+            {sharedLink.album?.albumName}
+          {:else if sharedLink.type === SharedLinkType.Individual}
+            {$t('individual_share')}
+          {/if}
+        </Text>

-        {#if sharedLink.allowUpload}
-          <Badge size="small" color="secondary">{$t('upload')}</Badge>
-        {/if}
-
-        {#if sharedLink.showMetadata && sharedLink.allowDownload}
-          <Badge size="small" color="secondary">{$t('download')}</Badge>
-        {/if}
-
-        {#if sharedLink.showMetadata}
-          <Badge size="small" color="secondary">{$t('exif')}</Badge>
-        {/if}
-
-        {#if sharedLink.password}
-          <Badge size="small" color="secondary">{$t('password')}</Badge>
+        {#if sharedLink.description}
+          <Text size="small" class="line-clamp-1">{sharedLink.description}</Text>
        {/if}
      </div>

-      {#if sharedLink.description}
-        <Text size="small" class="line-clamp-1">{sharedLink.description}</Text>
-      {/if}
+      <div class="flex flex-wrap items-center gap-2">
+        {#each capabilities as capability, index (index)}
+          <Text size="small" color="primary" class="font-medium">
+            {capability}
+          </Text>
+          {#if index < capabilities.length - 1}
+            <Text size="small" color="muted">•</Text>
+          {/if}
+        {/each}
+      </div>
    </div>
  </svelte:element>
  <div class="flex flex-auto flex-col place-content-center place-items-end text-end ms-4">
--- a/web/src/routes/(user)/shared-links/[[id=id]]/+page.svelte
+++ b/web/src/routes/(user)/shared-links/[[id=id]]/+page.svelte
@@ -3,7 +3,7 @@
  import { page } from '$app/state';
  import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
  import OnEvents from '$lib/components/OnEvents.svelte';
-  import SharedLinkCard from '$lib/components/sharedlinks-page/shared-link-card.svelte';
+  import SharedLinkCard from '$lib/components/sharedlinks-page/SharedLinkCard.svelte';
  import { AppRoute } from '$lib/constants';
  import GroupTab from '$lib/elements/GroupTab.svelte';
  import SharedLinkUpdateModal from '$lib/modals/SharedLinkUpdateModal.svelte';
Author	SHA1	Message	Date
Jason Rasmussen	2248413280	feat: disable admin setup	2025-12-16 15:35:57 -05:00
Alex	f0b069adb9	fix: shared link expiration and small styling (#24566 ) * fix: shared link expiration and small styling * Use text color of enable/disable shared link properties	2025-12-16 16:41:12 +00:00
Hai Sullivan	276d02e12b	fix(mobile): better UI for metadata panel (#24428 ) * change drag bar and animation position * ensure bottom bar is below the metadata panel - move the bottom bar from bottomNavigationBar into the Stack * change some parameters * add background color for night mode * background color * change default position * minor changes --------- Co-authored-by: Alex <alex.tran1502@gmail.com>	2025-12-16 16:25:01 +00:00
Yaros	ded9535434	fix(mobile): local delete missing from sheet on some routes (#24505 ) * fix(mobile): local delete missing from album sheet * chore: remove hasLocal	2025-12-16 09:54:53 -06:00
idubnori	997aec2441	feat: replace heart icons to thumbs-up across activity (#24590 ) * feat: replace heart icons to thumbs-up across activity * fix: update thumb_up icon color to use primaryColor in activity components * chore: web colors * chore: modify colors --------- Co-authored-by: Alex <alex.tran1502@gmail.com>	2025-12-16 15:27:09 +00:00
Ben	cb2bd47816	fix(web): immich logo in shared links (#24618 ) * fix(web): immich logo in shared links * chore: apply changes for individual shared link as well --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>	2025-12-16 14:59:17 +00:00
renovate[bot]	f1c8377ca0	chore(deps): update dependency @types/node to ^24.10.3 (#24605 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2025-12-16 12:23:52 +01:00