chore: bump toolchain & fix lint

packages/frontend/core/src/blocksuite/ai/components/ai-chat-composer/ai-chat-composer.ts

@@ -428,13 +428,8 @@ export class AIChatComposer extends SignalWatcher(
   };
 
   private readonly addSelectedContextChip = async () => {
-    const {
-      attachments = [],
-      snapshot,
-      combinedElementsMarkdown,
-      docs = [],
-      html,
-    } = this.chatContextValue;
+    const { attachments, snapshot, combinedElementsMarkdown, docs, html } =
+      this.chatContextValue;
     await this.removeSelectedContextChip();
     const chip: SelectedContextChip = {
       uuid: uuidv4(),

packages/frontend/core/src/blocksuite/ai/widgets/ai-panel/type.ts

@@ -23,7 +23,7 @@ export interface AIPanelErrorConfig {
 }
 
 export interface AIPanelGeneratingConfig {
-  generatingIcon: TemplateResult<1>;
+  generatingIcon?: TemplateResult<1>;
   height?: number;
   stages?: string[];
 }

packages/frontend/core/src/blocksuite/attachment-viewer/error.tsx

@@ -67,11 +67,14 @@ interface ErrorBaseProps {
   buttons?: ReactElement[];
 }
 
+const DEFAULT_ICON = <FileIcon />;
+const EMPTY_BUTTONS: ReactElement[] = [];
+
 const ErrorBase = ({
   title,
   subtitle,
-  icon = <FileIcon />,
-  buttons = [],
+  icon = DEFAULT_ICON,
+  buttons = EMPTY_BUTTONS,
 }: ErrorBaseProps) => {
   return (
     <div className={clsx([styles.viewer, styles.error])}>

packages/frontend/core/src/components/page-list/docs/select-page.tsx

@@ -20,8 +20,10 @@ import { AffineShapeIcon } from '..';
 import { SelectorLayout } from '../selector/selector-layout';
 import * as styles from './select-page.css';
 
+const EMPTY_INIT: string[] = [];
+
 export const SelectPage = memo(function SelectPage({
-  init = [],
+  init = EMPTY_INIT,
   onConfirm,
   onCancel,
   onChange: propsOnChange,

packages/frontend/core/src/desktop/components/navigation-panel/tree/node.tsx

@@ -48,6 +48,8 @@ import { DropEffect } from './drop-effect';
 import * as styles from './node.css';
 import type { NodeOperation } from './types';
 
+const EMPTY_OPERATIONS: NodeOperation[] = [];
+
 export type NavigationPanelTreeNodeDropEffectData = {
   source: { data: AffineDNDData['draggable'] };
   treeInstruction: DropTargetTreeInstruction | null;
@@ -190,9 +192,9 @@ export const NavigationPanelTreeNode = ({
   collapsible = true,
   canDrop,
   reorderable = true,
-  operations = [],
+  operations = EMPTY_OPERATIONS,
   postfix,
-  childrenOperations = [],
+  childrenOperations = EMPTY_OPERATIONS,
   childrenPlaceholder,
   linkComponent: LinkComponent = WorkbenchLink,
   dndData,

packages/frontend/core/src/desktop/components/navigation-panel/tree/root.tsx

@@ -4,9 +4,11 @@ import { NavigationPanelTreeContext } from './context';
 import * as styles from './root.css';
 import type { NodeOperation } from './types';
 
+const EMPTY_OPERATIONS: NodeOperation[] = [];
+
 export const NavigationPanelTreeRoot = ({
   children,
-  childrenOperations = [],
+  childrenOperations = EMPTY_OPERATIONS,
   placeholder,
 }: {
   children?: React.ReactNode;

packages/frontend/core/src/desktop/dialogs/setting/general-setting/plans/icons/bulled-list.tsx

@@ -1,4 +1,4 @@
-export function BulledListIcon({ color = 'currentColor' }: { color: string }) {
+export function BulledListIcon({ color = 'currentColor' }: { color?: string }) {
   return (
     <svg
       width="16"

packages/frontend/core/src/mobile/components/navigation/layouts/add-item-placeholder.tsx

@@ -13,10 +13,12 @@ export interface AddItemPlaceholderProps extends HTMLAttributes<HTMLDivElement>
   icon?: React.ReactNode;
 }
 
+const DEFAULT_ICON = <PlusIcon />;
+
 export const AddItemPlaceholder = ({
   onClick,
   label = 'Add Item',
-  icon = <PlusIcon />,
+  icon = DEFAULT_ICON,
   className,
   ...attrs
 }: AddItemPlaceholderProps) => {

packages/frontend/core/src/mobile/components/navigation/tree/node.tsx

@@ -22,6 +22,8 @@ import * as styles from './node.css';
 
 interface NavigationPanelTreeNodeProps extends BaseNavigationPanelTreeNodeProps {}
 
+const EMPTY_OPERATIONS: BaseNavigationPanelTreeNodeProps['operations'] = [];
+
 export const NavigationPanelTreeNode = ({
   children,
   icon: Icon,
@@ -33,9 +35,9 @@ export const NavigationPanelTreeNode = ({
   collapsed,
   extractEmojiAsIcon,
   setCollapsed,
-  operations = [],
+  operations = EMPTY_OPERATIONS,
   postfix,
-  childrenOperations = [],
+  childrenOperations = EMPTY_OPERATIONS,
   childrenPlaceholder,
   linkComponent: LinkComponent = WorkbenchLink,
   ...otherProps

packages/frontend/core/src/mobile/components/navigation/tree/root.tsx

@@ -6,9 +6,11 @@ import { useMemo, useState } from 'react';
 
 import * as styles from './root.css';
 
+const EMPTY_OPERATIONS: NodeOperation[] = [];
+
 export const NavigationPanelTreeRoot = ({
   children,
-  childrenOperations = [],
+  childrenOperations = EMPTY_OPERATIONS,
   placeholder,
 }: {
   children?: React.ReactNode;

packages/frontend/core/src/mobile/dialogs/setting/dropdown-select.tsx

@@ -33,11 +33,13 @@ export interface SettingDropdownSelectProps<
   native?: boolean;
 }
 
+const EMPTY_OPTIONS: DropdownItem<string>[] = [];
+
 export const SettingDropdownSelect = <
   V extends string = string,
   E extends boolean | undefined = true,
 >({
-  options = [],
+  options = EMPTY_OPTIONS as DropdownItem<V>[],
   value,
   emitValue = true,
   onChange,
@@ -98,7 +100,7 @@ export const NativeSettingDropdownSelect = <
   V extends string = string,
   E extends boolean | undefined = true,
 >({
-  options = [],
+  options = EMPTY_OPTIONS as DropdownItem<V>[],
   value,
   emitValue = true,
   onChange,

packages/frontend/core/src/modules/doc-info/views/database-properties/doc-database-backlink-info.tsx

@@ -85,7 +85,7 @@ const DatabaseBacklinkRow = ({
   row$,
   onChange,
 }: {
-  defaultOpen: boolean;
+  defaultOpen?: boolean;
   row$: Observable<DatabaseRow | undefined>;
   onChange?: (
     row: DatabaseRow,

packages/frontend/core/src/modules/quicksearch/views/cmdk.tsx

@@ -20,10 +20,12 @@ import { HighlightText } from './highlight-text';
 
 type Groups = { group?: QuickSearchGroup; items: QuickSearchItem[] }[];
 
+const EMPTY_GROUPS: Groups = [];
+
 export const CMDK = ({
   className,
   query,
-  groups: newGroups = [],
+  groups: newGroups = EMPTY_GROUPS,
   error,
   inputLabel,
   placeholder,

packages/frontend/core/src/modules/quicksearch/views/highlight-text.tsx

@@ -3,7 +3,7 @@ import { Fragment, useMemo } from 'react';
 import * as styles from './highlight-text.css';
 
 type HighlightProps = {
-  text: string;
+  text?: string;
   start: string;
   end: string;
 };