feat: desktop Search UI revamp

frontend/appflowy_flutter/lib/ai/widgets/prompt_input/desktop_prompt_input.dart

@@ -3,6 +3,7 @@ import 'package:appflowy/plugins/ai_chat/application/chat_input_control_cubit.da
 import 'package:appflowy/plugins/ai_chat/presentation/layout_define.dart';
 import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy/util/theme_extension.dart';
+import 'package:appflowy/workspace/application/command_palette/command_palette_bloc.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:appflowy_ui/appflowy_ui.dart';
 import 'package:flowy_infra/file_picker/file_picker_service.dart';
@@ -74,6 +75,7 @@ class _DesktopPromptInputState extends State<DesktopPromptInput> {
 
     WidgetsBinding.instance.addPostFrameCallback((_) {
       focusNode.requestFocus();
+      checkForAskingAI();
     });
   }
 
@@ -221,6 +223,26 @@ class _DesktopPromptInputState extends State<DesktopPromptInput> {
     );
   }
 
+  void checkForAskingAI() {
+    final paletteBloc = context.read<CommandPaletteBloc?>(),
+        paletteState = paletteBloc?.state;
+    final isAskingAI = paletteState?.askAI ?? false;
+    if (!isAskingAI) return;
+    final query = paletteState?.query ?? '';
+    if (query.isEmpty) return;
+    final sources =
+        (paletteState?.askAISources ?? []).map((e) => e.id).toList();
+    final metadata =
+        context.read<AIPromptInputBloc?>()?.consumeMetadata() ?? {};
+    final promptState = context.read<AIPromptInputBloc?>()?.state;
+    final predefinedFormat = promptState?.predefinedFormat;
+    if (sources.isNotEmpty) {
+      widget.onUpdateSelectedSources(sources);
+    }
+    widget.onSubmitted.call(query, predefinedFormat, metadata);
+    paletteBloc?.add(CommandPaletteEvent.askedAI());
+  }
+
   void startMentionPageFromButton() {
     if (overlayController.isShowing) {
       return;

frontend/appflowy_flutter/lib/mobile/presentation/search/mobile_view_ancestors.dart

@@ -1,4 +1,6 @@
 import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy_ui/appflowy_ui.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:freezed_annotation/freezed_annotation.dart';
 
@@ -53,3 +55,46 @@ class ViewAncestorState with _$ViewAncestorState {
         ancestor: ViewAncestor.empty(),
       );
 }
+
+extension ViewAncestorTextExtension on ViewAncestorState {
+  Widget buildPath(BuildContext context, {TextStyle? style}) {
+    final theme = AppFlowyTheme.of(context);
+    final ancestors = ancestor.ancestors;
+    final textStyle = style ??
+        theme.textStyle.caption.standard(color: theme.textColorScheme.tertiary);
+    return LayoutBuilder(
+      builder: (context, constrains) {
+        final List<String> displayPath = ancestors.map((e) => e.name).toList();
+        if (displayPath.isEmpty) return const SizedBox.shrink();
+        final style = theme.textStyle.caption
+            .standard(color: theme.textColorScheme.tertiary);
+        TextPainter textPainter =
+            _buildTextPainter(displayPath.join(' / '), textStyle);
+        textPainter.layout(maxWidth: constrains.maxWidth);
+        if (textPainter.didExceedMaxLines && displayPath.length > 2) {
+          displayPath.removeAt(displayPath.length - 2);
+          displayPath.insert(displayPath.length - 1, '...');
+        }
+        textPainter = _buildTextPainter(displayPath.join(' / '), textStyle);
+        textPainter.layout(maxWidth: constrains.maxWidth);
+        while (textPainter.didExceedMaxLines && displayPath.length > 3) {
+          displayPath.removeAt(displayPath.length - 2);
+          textPainter = _buildTextPainter(displayPath.join(' / '), textStyle);
+          textPainter.layout(maxWidth: constrains.maxWidth);
+        }
+        return Text(
+          displayPath.join(' / '),
+          style: style,
+          maxLines: 1,
+          overflow: TextOverflow.ellipsis,
+        );
+      },
+    );
+  }
+
+  TextPainter _buildTextPainter(String text, TextStyle style) => TextPainter(
+        text: TextSpan(text: text, style: style),
+        maxLines: 1,
+        textDirection: TextDirection.ltr,
+      );
+}

frontend/appflowy_flutter/lib/plugins/ai_chat/presentation/chat_page/chat_message_widget.dart

@@ -0,0 +1 @@
+

frontend/appflowy_flutter/lib/plugins/database/application/cell/bloc/date_cell_editor_bloc.dart

@@ -219,7 +219,8 @@ class DateCellEditorBloc
     } else {
       if (option == ReminderOption.none) {
         // remove reminder from reminder bloc and cell data
-        _reminderBloc.add(ReminderEvent.removeReminder(reminderId: state.reminderId));
+        _reminderBloc
+            .add(ReminderEvent.removeReminder(reminderId: state.reminderId));
         await _updateCellReminderId("");
       } else {
         // Update reminder

frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/mention/date_transaction_handler.dart

@@ -95,7 +95,8 @@ class DateTransactionHandler extends MentionTransactionHandler {
     final reminderId = data.$2[MentionBlockKeys.reminderId];
 
     if (reminderId case String _ when reminderId.isNotEmpty) {
-      getIt<ReminderBloc>().add(ReminderEvent.removeReminder(reminderId: reminderId));
+      getIt<ReminderBloc>()
+          .add(ReminderEvent.removeReminder(reminderId: reminderId));
     }
   }
 

frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/mention/mention_date_block.dart

@@ -146,9 +146,9 @@ class _MentionDateBlockState extends State<MentionDateBlock> {
               } else {
                 final rootContext = widget.editorState.document.root.context;
                 if (rootContext != null && _reminderId != null) {
-                  rootContext
-                      .read<ReminderBloc?>()
-                      ?.add(ReminderEvent.removeReminder(reminderId: _reminderId!));
+                  rootContext.read<ReminderBloc?>()?.add(
+                        ReminderEvent.removeReminder(reminderId: _reminderId!),
+                      );
                 }
                 _updateBlock(selectedDay, includeTime: _includeTime);
               }

frontend/appflowy_flutter/lib/startup/tasks/app_widget.dart

@@ -137,7 +137,7 @@ class ApplicationWidget extends StatefulWidget {
 class _ApplicationWidgetState extends State<ApplicationWidget> {
   late final GoRouter routerConfig;
 
-  final _commandPaletteNotifier = ValueNotifier<bool>(false);
+  final _commandPaletteNotifier = ValueNotifier(CommandPaletteNotifierValue());
 
   final themeBuilder = AppFlowyDefaultTheme();
 

frontend/appflowy_flutter/lib/workspace/application/command_palette/command_palette_bloc.dart

@@ -286,14 +286,14 @@ class CommandPaletteBloc
     _GoingToAskAI event,
     Emitter<CommandPaletteState> emit,
   ) {
-    emit(state.copyWith(askAI: true));
+    emit(state.copyWith(askAI: true, askAISources: event.sources));
   }
 
   FutureOr<void> _onAskedAI(
     _AskedAI event,
     Emitter<CommandPaletteState> emit,
   ) {
-    emit(state.copyWith(askAI: false));
+    emit(state.copyWith(askAI: false, askAISources: null));
   }
 
   bool _isActiveSearch(String searchId) =>
@@ -325,7 +325,9 @@ class CommandPaletteEvent with _$CommandPaletteEvent {
     @Default(null) String? workspaceId,
   }) = _WorkspaceChanged;
   const factory CommandPaletteEvent.clearSearch() = _ClearSearch;
-  const factory CommandPaletteEvent.gointToAskAI() = _GoingToAskAI;
+  const factory CommandPaletteEvent.gointToAskAI({
+    @Default(null) List<SearchSourcePB>? sources,
+  }) = _GoingToAskAI;
   const factory CommandPaletteEvent.askedAI() = _AskedAI;
 }
 
@@ -358,6 +360,7 @@ class CommandPaletteState with _$CommandPaletteState {
     required bool searching,
     required bool generatingAIOverview,
     @Default(false) bool askAI,
+    @Default(null) List<SearchSourcePB>? askAISources,
     @Default([]) List<TrashPB> trash,
     @Default(null) String? searchId,
   }) = _CommandPaletteState;

frontend/appflowy_flutter/lib/workspace/application/command_palette/search_result_ext.dart

@@ -19,7 +19,8 @@ extension GetIcon on ResultIconPB {
               lineHeight: lineHeight,
             )
           : null;
-    } else if (ty == ResultIconTypePB.Icon) {
+    } else if (iconType == ResultIconTypePB.Icon ||
+        iconType == ResultIconTypePB.Url) {
       if (_resultIconValueTypes.contains(iconValue)) {
         return FlowySvg(
           getViewSvg(),