@lobehub/lobehub 2.0.0-next.291 → 2.0.0-next.292

package/src/store/chat/slices/portal/action.ts

@@ -42,71 +42,57 @@ export const chatPortalSlice: StateCreator<
   [],
   ChatPortalAction
 > = (set, get) => ({
-
-
   clearPortalStack: () => {
     set({ portalStack: [], showPortal: false }, false, 'clearPortalStack');
   },
 
-
-closeArtifact: () => {
+  closeArtifact: () => {
     const { portalStack } = get();
     if (getCurrentViewType(portalStack) === PortalViewType.Artifact) {
       get().popPortalView();
     }
   },
 
-
-closeDocument: () => {
+  closeDocument: () => {
     const { portalStack } = get();
     if (getCurrentViewType(portalStack) === PortalViewType.Document) {
       get().popPortalView();
     }
   },
 
-
-closeFilePreview: () => {
+  closeFilePreview: () => {
     const { portalStack } = get();
     if (getCurrentViewType(portalStack) === PortalViewType.FilePreview) {
       get().popPortalView();
     }
   },
 
-
-closeMessageDetail: () => {
+  closeMessageDetail: () => {
     const { portalStack } = get();
     if (getCurrentViewType(portalStack) === PortalViewType.MessageDetail) {
       get().popPortalView();
     }
   },
 
-
-closeNotebook: () => {
+  closeNotebook: () => {
     const { portalStack } = get();
     if (getCurrentViewType(portalStack) === PortalViewType.Notebook) {
       get().popPortalView();
     }
   },
 
-
-
-
-closeToolUI: () => {
+  closeToolUI: () => {
     const { portalStack } = get();
     if (getCurrentViewType(portalStack) === PortalViewType.ToolUI) {
       get().popPortalView();
     }
   },
 
-
-
-goBack: () => {
+  goBack: () => {
     get().popPortalView();
   },
 
-
-
-goHome: () => {
+  goHome: () => {
     set(
       {
         portalStack: [{ type: PortalViewType.Home }],
@@ -117,45 +103,32 @@ goHome: () => {
     );
   },
 
-
-
-// ============== Convenience Methods (using stack operations) ==============
-openArtifact: (artifact) => {
+  // ============== Convenience Methods (using stack operations) ==============
+  openArtifact: (artifact) => {
     get().pushPortalView({ artifact, type: PortalViewType.Artifact });
   },
 
-
-
-
-openDocument: (documentId) => {
+  openDocument: (documentId) => {
     get().pushPortalView({ documentId, type: PortalViewType.Document });
   },
 
-
-
-
-openFilePreview: (file) => {
+  openFilePreview: (file) => {
     get().pushPortalView({ file, type: PortalViewType.FilePreview });
   },
 
-
-
-openMessageDetail: (messageId) => {
+  openMessageDetail: (messageId) => {
     get().pushPortalView({ messageId, type: PortalViewType.MessageDetail });
   },
 
-
-openNotebook: () => {
+  openNotebook: () => {
     get().pushPortalView({ type: PortalViewType.Notebook });
   },
 
-
-openToolUI: (messageId, identifier) => {
+  openToolUI: (messageId, identifier) => {
     get().pushPortalView({ identifier, messageId, type: PortalViewType.ToolUI });
   },
 
-
-popPortalView: () => {
+  popPortalView: () => {
     const { portalStack } = get();
 
     if (portalStack.length <= 1) {
@@ -167,7 +140,7 @@ popPortalView: () => {
   },
 
   // ============== Core Stack Operations ==============
-pushPortalView: (view) => {
+  pushPortalView: (view) => {
     const { portalStack } = get();
     const top = portalStack.at(-1);
 

package/src/store/chat/slices/thread/action.test.ts

@@ -150,7 +150,10 @@ describe('thread action', () => {
       expect(result.current.threadStartMessageId).toBe('message-id');
       expect(result.current.portalThreadId).toBeUndefined();
       expect(result.current.startToForkThread).toBe(true);
-      expect(pushPortalViewSpy).toHaveBeenCalledWith({ type: 'thread', startMessageId: 'message-id' });
+      expect(pushPortalViewSpy).toHaveBeenCalledWith({
+        type: 'thread',
+        startMessageId: 'message-id',
+      });
     });
   });
 

package/src/store/chat/slices/thread/action.ts

@@ -2,7 +2,12 @@
 // Disable the auto sort key eslint rule to make the code more logic and readable
 import { LOADING_FLAT } from '@lobechat/const';
 import { chainSummaryTitle } from '@lobechat/prompts';
-import { type CreateMessageParams, type IThreadType, type ThreadItem, type UIChatMessage } from '@lobechat/types';
+import {
+  type CreateMessageParams,
+  type IThreadType,
+  type ThreadItem,
+  type UIChatMessage,
+} from '@lobechat/types';
 import isEqual from 'fast-deep-equal';
 import type { SWRResponse } from 'swr';
 import { type StateCreator } from 'zustand/vanilla';

package/src/components/FunctionModal/createModalHooks.ts

@@ -1,48 +0,0 @@
-import { App } from 'antd';
-import { type ModalFuncProps } from 'antd/es/modal/interface';
-import { type MutableRefObject, type ReactNode, type RefObject, useRef } from 'react';
-
-import { closeIcon, styles } from './style';
-
-interface CreateModalProps extends ModalFuncProps {
-  content: ReactNode;
-}
-
-interface ModalInstance {
-  destroy: (...args: any[]) => void;
-}
-
-type PropsFunc<T = undefined> = (
-  instance: MutableRefObject<ModalInstance | undefined>,
-  props?: T,
-) => CreateModalProps;
-
-const createModal = <T>(params: CreateModalProps | PropsFunc<T>) => {
-  const useModal = () => {
-    const { modal } = App.useApp();
-    const instanceRef = useRef<ModalInstance>(null);
-
-    const open = (outProps?: T) => {
-      const props =
-        typeof params === 'function'
-          ? params(instanceRef as RefObject<ModalInstance>, outProps)
-          : params;
-
-      instanceRef.current = modal.confirm({
-        className: styles.content,
-        closable: true,
-        closeIcon,
-        footer: false,
-        icon: null,
-        wrapClassName: styles.wrap,
-        ...props,
-      });
-    };
-
-    return { open };
-  };
-
-  return useModal;
-};
-
-export { createModal };

package/src/components/FunctionModal/index.ts

@@ -1 +0,0 @@
-export * from './createModalHooks';

package/src/components/FunctionModal/style.tsx

@@ -1,44 +0,0 @@
-import { Icon } from '@lobehub/ui';
-import { createStaticStyles , responsive } from 'antd-style';
-import { XIcon } from 'lucide-react';
-
-const prefixCls = 'ant';
-
-export const styles = createStaticStyles(({ css, cssVar }) => {
-  return {
-    content: css`
-      .${prefixCls}-modal-container {
-        overflow: hidden;
-
-        width: min(90vw, 450px);
-        padding: 0;
-        border: 1px solid ${cssVar.colorSplit};
-        border-radius: ${cssVar.borderRadiusLG};
-
-        background: ${cssVar.colorBgLayout};
-
-        ${responsive.sm} {
-          width: unset;
-        }
-      }
-      .${prefixCls}-modal-confirm-title {
-        display: block;
-        padding-block: 16px 0;
-        padding-inline: 16px;
-      }
-      .${prefixCls}-modal-confirm-btns {
-        margin-block-start: 0;
-        padding: 16px;
-      }
-
-      .${prefixCls}-modal-confirm-paragraph {
-        max-width: 100%;
-      }
-    `,
-    wrap: css`
-      overflow: hidden auto;
-    `,
-  };
-});
-
-export const closeIcon = <Icon icon={XIcon} size={20} />;

package/src/features/ElectronTitlebar/UpdateModal.tsx

@@ -1,274 +0,0 @@
-import {
-  type ProgressInfo,
-  type UpdateInfo,
-  useWatchBroadcast,
-} from '@lobechat/electron-client-ipc';
-import { Button } from '@lobehub/ui';
-import { App, Modal, Progress, Spin } from 'antd';
-import React, { memo, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { autoUpdateService } from '@/services/electron/autoUpdate';
-import { formatSpeed } from '@/utils/format';
-
-export const UpdateModal = memo(() => {
-  const { t } = useTranslation(['electron', 'common']);
-
-  const [isChecking, setIsChecking] = useState(false);
-  const [isDownloading, setIsDownloading] = useState(false);
-  // 仅用于手动触发的更新流程（用户从设置页点“检查更新”）
-  const manualFlowRef = useRef(false);
-  const [updateAvailableInfo, setUpdateAvailableInfo] = useState<UpdateInfo | null>(null);
-  const [downloadedInfo, setDownloadedInfo] = useState<UpdateInfo | null>(null);
-  const [progress, setProgress] = useState<ProgressInfo | null>(null);
-  const [latestVersionInfo, setLatestVersionInfo] = useState<UpdateInfo | null>(null); // State for latest version modal
-  const { modal } = App.useApp();
-  // --- Event Listeners ---
-
-  useWatchBroadcast('manualUpdateCheckStart', () => {
-    console.log('[Manual Update] Check Start');
-    manualFlowRef.current = true;
-
-    setIsChecking(true);
-    setUpdateAvailableInfo(null);
-    setDownloadedInfo(null);
-    setProgress(null);
-    setLatestVersionInfo(null); // Reset latest version info
-    // Optional: Show a brief notification that check has started
-    // notification.info({ message: t('updater.checking') });
-  });
-
-  useWatchBroadcast('manualUpdateAvailable', (info: UpdateInfo) => {
-    console.log('[Manual Update] Available:', info);
-    // Only react if it's part of a manual check flow (i.e., isChecking was true)
-    // No need to check isChecking here as this event is specific
-    setIsChecking(false);
-    setUpdateAvailableInfo(info);
-  });
-
-  useWatchBroadcast('manualUpdateNotAvailable', (info) => {
-    console.log('[Manual Update] Not Available:', info);
-    // Only react if it's part of a manual check flow
-    // No need to check isChecking here as this event is specific
-    setIsChecking(false);
-    manualFlowRef.current = false;
-
-    setLatestVersionInfo(info); // Set info for the modal
-    // notification.success({
-    //   description: t('updater.isLatestVersionDesc', { version: info.version }),
-    //   message: t('updater.isLatestVersion'),
-    // });
-  });
-
-  useWatchBroadcast('updateError', (message: string) => {
-    console.log('[Manual Update] Error:', message);
-    // Only react if it's part of a manual check/download flow
-    if (isChecking || isDownloading) {
-      setIsChecking(false);
-      setIsDownloading(false);
-      // Show error modal or notification
-      modal.error({ content: message, title: t('updater.updateError') });
-      setLatestVersionInfo(null); // Ensure other modals are closed on error
-      setUpdateAvailableInfo(null);
-      setDownloadedInfo(null);
-      manualFlowRef.current = false;
-    }
-  });
-
-  useWatchBroadcast('updateDownloadStart', () => {
-    console.log('[Manual Update] Download Start');
-    // This event implies a manual download was triggered (likely from the 'updateAvailable' modal)
-    manualFlowRef.current = true;
-
-    setIsDownloading(true);
-    setUpdateAvailableInfo(null); // Hide the 'download' button modal
-    setProgress({ bytesPerSecond: 0, percent: 0, total: 0, transferred: 0 }); // Reset progress
-    setLatestVersionInfo(null); // Ensure other modals are closed
-    // Optional: Show notification that download started
-    // notification.info({ message: t('updater.downloadingUpdate') });
-  });
-
-  useWatchBroadcast('updateDownloadProgress', (progressInfo: ProgressInfo) => {
-    console.log('[Manual Update] Progress:', progressInfo);
-    // Only update progress if we are in the manual download state
-    setProgress(progressInfo);
-  });
-
-  useWatchBroadcast('updateDownloaded', (info: UpdateInfo) => {
-    console.log('[Manual Update] Downloaded:', info);
-    // 仅在手动流程里展示阻塞式的“更新就绪”弹窗
-    if (manualFlowRef.current) {
-      setIsChecking(false);
-      setIsDownloading(false);
-      setDownloadedInfo(info);
-      setProgress(null); // Clear progress
-      setLatestVersionInfo(null); // Ensure other modals are closed
-      setUpdateAvailableInfo(null);
-    }
-  });
-
-  // --- Render Logic ---
-
-  const handleDownload = () => {
-    if (!updateAvailableInfo) return;
-    // No need to set states here, 'updateDownloadStart' will handle it
-    autoUpdateService.downloadUpdate();
-  };
-
-  const handleInstallNow = () => {
-    setDownloadedInfo(null); // Close modal immediately
-    autoUpdateService.installNow();
-    manualFlowRef.current = false;
-  };
-
-  const handleInstallLater = () => {
-    // No need to set state here, 'updateWillInstallLater' handles it
-    autoUpdateService.installLater();
-    setDownloadedInfo(null); // Close the modal after clicking
-    manualFlowRef.current = false;
-  };
-
-  const closeAvailableModal = () => setUpdateAvailableInfo(null);
-  const closeDownloadedModal = () => setDownloadedInfo(null);
-  const closeLatestVersionModal = () => setLatestVersionInfo(null);
-
-  const handleCancelCheck = () => {
-    setIsChecking(false);
-    setUpdateAvailableInfo(null);
-    setDownloadedInfo(null);
-    setProgress(null);
-    setLatestVersionInfo(null);
-    manualFlowRef.current = false;
-  };
-
-  const renderCheckingModal = () => (
-    <Modal
-      closable
-      footer={[
-        <Button key="cancel" onClick={handleCancelCheck}>
-          {t('cancel', { ns: 'common' })}
-        </Button>,
-      ]}
-      onCancel={handleCancelCheck}
-      open={isChecking}
-      title={t('updater.checkingUpdate')}
-    >
-      <Spin spinning={true}>
-        <div style={{ padding: '20px', textAlign: 'center' }}>
-          {t('updater.checkingUpdateDesc')}
-        </div>
-      </Spin>
-    </Modal>
-  );
-
-  const renderAvailableModal = () => (
-    <Modal
-      footer={[
-        <Button key="cancel" onClick={closeAvailableModal}>
-          {t('cancel', { ns: 'common' })}
-        </Button>,
-        <Button key="download" onClick={handleDownload} type="primary">
-          {t('updater.downloadNewVersion')}
-        </Button>,
-      ]}
-      onCancel={closeAvailableModal}
-      open={!!updateAvailableInfo}
-      title={t('updater.newVersionAvailable')}
-    >
-      <h4>{t('updater.newVersionAvailableDesc', { version: updateAvailableInfo?.version })}</h4>
-      {updateAvailableInfo?.releaseNotes && (
-        <div
-          dangerouslySetInnerHTML={{ __html: updateAvailableInfo.releaseNotes as string }}
-          style={{
-            // background:theme
-            borderRadius: 4,
-            marginTop: 8,
-            maxHeight: 300,
-            overflow: 'auto',
-            padding: '8px 12px',
-          }}
-        />
-      )}
-    </Modal>
-  );
-
-  const renderDownloadingModal = () => {
-    const percent = progress ? Math.round(progress.percent) : 0;
-    return (
-      <Modal
-        closable={false}
-        footer={null}
-        maskClosable={false}
-        open={isDownloading && !downloadedInfo}
-        title={t('updater.downloadingUpdate')}
-      >
-        <div style={{ padding: '20px 0' }}>
-          <Progress percent={percent} status="active" />
-          <div style={{ fontSize: 12, marginTop: 8, textAlign: 'center' }}>
-            {t('updater.downloadingUpdateDesc', { percent })}
-            {progress && progress.bytesPerSecond > 0 && (
-              <span>{formatSpeed(progress.bytesPerSecond)}</span>
-            )}
-          </div>
-        </div>
-      </Modal>
-    );
-  };
-
-  const renderDownloadedModal = () => (
-    <Modal
-      footer={[
-        <Button key="later" onClick={handleInstallLater}>
-          {t('updater.installLater')}
-        </Button>,
-        <Button key="now" onClick={handleInstallNow} type="primary">
-          {t('updater.restartAndInstall')}
-        </Button>,
-      ]}
-      onCancel={closeDownloadedModal} // Allow closing if they don't want to decide now
-      open={!!downloadedInfo}
-      title={t('updater.updateReady')}
-    >
-      <h4>{t('updater.updateReadyDesc', { version: downloadedInfo?.version })}</h4>
-      {downloadedInfo?.releaseNotes && (
-        <div
-          dangerouslySetInnerHTML={{ __html: downloadedInfo.releaseNotes as string }}
-          style={{
-            borderRadius: 4,
-            marginTop: 8,
-            maxHeight: 300,
-            overflow: 'auto',
-            padding: '8px 12px',
-          }}
-        />
-      )}
-    </Modal>
-  );
-
-  // New modal for "latest version"
-  const renderLatestVersionModal = () => (
-    <Modal
-      footer={[
-        <Button key="ok" onClick={closeLatestVersionModal} type="primary">
-          {t('ok', { ns: 'common' })}
-        </Button>,
-      ]}
-      onCancel={closeLatestVersionModal}
-      open={!!latestVersionInfo}
-      title={t('updater.isLatestVersion')}
-    >
-      <p>{t('updater.isLatestVersionDesc', { version: latestVersionInfo?.version })}</p>
-    </Modal>
-  );
-
-  return (
-    <>
-      {renderCheckingModal()}
-      {renderAvailableModal()}
-      {renderDownloadingModal()}
-      {renderDownloadedModal()}
-      {renderLatestVersionModal()}
-      {/* Error state is handled by Modal.error currently */}
-    </>
-  );
-});

package/src/features/ElectronTitlebar/WinControl/index.tsx

@@ -1,90 +0,0 @@
-// const useStyles = createStyles(({ css, cx, token }) => {
-//   const icon = css`
-//     display: flex;
-//     align-items: center;
-//     justify-content: center;
-//
-//     width: ${TITLE_BAR_HEIGHT * 1.2}px;
-//     min-height: ${TITLE_BAR_HEIGHT}px;
-//
-//     color: ${token.colorTextSecondary};
-//
-//     transition: all ease-in-out 100ms;
-//
-//     -webkit-app-region: no-drag;
-//
-//     &:hover {
-//       color: ${token.colorText};
-//       background: ${token.colorFillTertiary};
-//     }
-//
-//     &:active {
-//       color: ${token.colorText};
-//       background: ${token.colorFillSecondary};
-//     }
-//   `;
-//   return {
-//     close: cx(
-//       icon,
-//       css`
-//         padding-inline-end: 2px;
-//
-//         &:hover {
-//           color: ${token.colorTextLightSolid};
-//
-//           /* win11 的色值，亮暗色均不变 */
-//           background: #d33328;
-//         }
-//
-//         &:active {
-//           color: ${token.colorTextLightSolid};
-//
-//           /* win11 的色值 */
-//           background: #8b2b25;
-//         }
-//       `,
-//     ),
-//     container: css`
-//       cursor: pointer;
-//       display: flex;
-//     `,
-//     icon,
-//   };
-// });
-
-const WinControl = () => {
-  return <div style={{ width: 132 }} />;
-
-  // const { styles } = useStyles();
-  //
-  // return (
-  //   <div className={styles.container}>
-  //     <div
-  //       className={styles.icon}
-  //       onClick={() => {
-  //         electronSystemService.minimizeWindow();
-  //       }}
-  //     >
-  //       <Minus absoluteStrokeWidth size={14} strokeWidth={1.2} />
-  //     </div>
-  //     <div
-  //       className={styles.icon}
-  //       onClick={() => {
-  //         electronSystemService.maximizeWindow();
-  //       }}
-  //     >
-  //       <Square absoluteStrokeWidth size={10} strokeWidth={1.2} />
-  //     </div>
-  //     <div
-  //       className={styles.close}
-  //       onClick={() => {
-  //         electronSystemService.closeWindow();
-  //       }}
-  //     >
-  //       <XIcon absoluteStrokeWidth size={14} strokeWidth={1.2} />
-  //     </div>
-  //   </div>
-  // );
-};
-
-export default WinControl;