@lobehub/chat 1.81.9 → 1.82.1

package/src/app/[variants]/(main)/_layout/Desktop/{Titlebar.tsx → ElectronTitlebar/index.tsx}

@@ -1,11 +1,20 @@
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import { useElectronStore } from '@/store/electron';
 import { electronStylish } from '@/styles/electron';
 
+import Connection from './Connection';
+import { UpdateModal } from './UpdateModal';
+import { UpdateNotification } from './UpdateNotification';
+
 export const TITLE_BAR_HEIGHT = 36;
 
 const TitleBar = memo(() => {
+  const initElectronAppState = useElectronStore((s) => s.useInitElectronAppState);
+
+  initElectronAppState();
+
   return (
     <Flexbox
       align={'center'}
@@ -19,7 +28,12 @@ const TitleBar = memo(() => {
     >
       <div />
       <div>{/* TODO */}</div>
-      <div>{/* TODO */}</div>
+
+      <Flexbox className={electronStylish.nodrag} gap={8} horizontal>
+        <UpdateNotification />
+        <Connection />
+      </Flexbox>
+      <UpdateModal />
     </Flexbox>
   );
 });

package/src/app/[variants]/(main)/_layout/Desktop/SideBar/BottomActions.tsx

@@ -3,6 +3,7 @@ import { Book, Github } from 'lucide-react';
 import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
 
 import { DOCUMENTS_REFER_URL, GITHUB } from '@/const/url';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
@@ -12,7 +13,7 @@ const BottomActions = memo(() => {
   const { hideGitHub, hideDocs } = useServerConfigStore(featureFlagsSelectors);
 
   return (
-    <>
+    <Flexbox gap={8}>
       {!hideGitHub && (
         <Link aria-label={'GitHub'} href={GITHUB} target={'_blank'}>
           <ActionIcon icon={Github} placement={'right'} title={'GitHub'} />
@@ -23,7 +24,7 @@ const BottomActions = memo(() => {
           <ActionIcon icon={Book} placement={'right'} title={t('document')} />
         </Link>
       )}
-    </>
+    </Flexbox>
   );
 });
 

package/src/app/[variants]/(main)/_layout/Desktop/index.tsx

@@ -14,9 +14,9 @@ import { usePlatform } from '@/hooks/usePlatform';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { HotkeyScopeEnum } from '@/types/hotkey';
 
+import TitleBar, { TITLE_BAR_HEIGHT } from './ElectronTitlebar';
 import RegisterHotkeys from './RegisterHotkeys';
 import SideBar from './SideBar';
-import TitleBar, { TITLE_BAR_HEIGHT } from './Titlebar';
 
 const CloudBanner = dynamic(() => import('@/features/AlertBanner/CloudBanner'));
 

package/src/app/[variants]/layout.tsx

@@ -7,6 +7,7 @@ import { isRtlLang } from 'rtl-detect';
 
 import Analytics from '@/components/Analytics';
 import { DEFAULT_LANG } from '@/const/locale';
+import { isDesktop } from '@/const/version';
 import PWAInstall from '@/features/PWAInstall';
 import AuthProvider from '@/layout/AuthProvider';
 import GlobalProvider from '@/layout/GlobalProvider';
@@ -78,7 +79,7 @@ export const generateViewport = async (props: DynamicLayoutProps): ResolvingView
 
 export const generateStaticParams = () => {
   const themes: ThemeAppearance[] = ['dark', 'light'];
-  const mobileOptions = [true, false];
+  const mobileOptions = isDesktop ? [false] : [true, false];
   // only static for serveral page, other go to dynamtic
   const staticLocales: Locales[] = [DEFAULT_LANG, 'zh-CN'];
 

package/src/components/ManifestPreviewer/index.tsx

@@ -13,7 +13,10 @@ const ManifestPreviewer = memo<PluginManifestPreviewerProps>(
     <Popover
       arrow={false}
       content={
-        <Highlighter language={'json'} style={{ maxHeight: 600, maxWidth: 400 }}>
+        <Highlighter
+          language={'json'}
+          style={{ maxHeight: 600, maxWidth: 400, overflow: 'scroll' }}
+        >
           {JSON.stringify(manifest, null, 2)}
         </Highlighter>
       }

package/src/features/ChatInput/ActionBar/Tools/Dropdown.tsx

@@ -9,6 +9,7 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import PluginStore from '@/features/PluginStore';
+import PluginAvatar from '@/features/PluginStore/PluginItem/PluginAvatar';
 import { useCheckPluginsIsInstalled } from '@/hooks/useCheckPluginsIsInstalled';
 import { useFetchInstalledPlugins } from '@/hooks/useFetchInstalledPlugins';
 import { useWorkspaceModal } from '@/hooks/useWorkspaceModal';
@@ -67,7 +68,7 @@ const DropdownMenu = memo<PropsWithChildren>(({ children }) => {
       children: [
         ...list.map((item) => ({
           icon: item.meta?.avatar ? (
-            <Avatar avatar={pluginHelpers.getPluginAvatar(item.meta)} size={24} />
+            <PluginAvatar avatar={pluginHelpers.getPluginAvatar(item.meta)} size={24} />
           ) : (
             <Icon icon={ToyBrick} size={{ fontSize: 16 }} style={{ padding: 4 }} />
           ),

package/src/features/Conversation/Extras/Usage/index.tsx

@@ -24,7 +24,13 @@ const Usage = memo<UsageProps>(({ model, metadata, provider }) => {
   const { styles } = useStyles();
 
   return (
-    <Flexbox align={'center'} className={styles.container} horizontal justify={'space-between'}>
+    <Flexbox
+      align={'center'}
+      className={styles.container}
+      gap={12}
+      horizontal
+      justify={'space-between'}
+    >
       <Center gap={4} horizontal style={{ fontSize: 12 }}>
         <ModelIcon model={model as string} type={'mono'} />
         {model}

package/src/features/Conversation/Messages/Assistant/Tool/Render/CustomRender.tsx

@@ -75,7 +75,7 @@ const CustomRender = memo<CustomRenderProps>(
     useEffect(() => {
       if (!plugin?.type || loading) return;
 
-      setShowPluginRender(plugin?.type !== 'default');
+      setShowPluginRender(!['default', 'mcp'].includes(plugin?.type));
     }, [plugin?.type, loading]);
 
     if (loading) return <Arguments arguments={requestArgs} shine />;

package/src/features/Conversation/components/MarkdownElements/LocalFile/Render/LocalFile.tsx

@@ -0,0 +1,65 @@
+import { createStyles } from 'antd-style';
+import React from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import FileIcon from '@/components/FileIcon';
+import { localFileService } from '@/services/electron/localFileService';
+
+const useStyles = createStyles(({ css, token }) => ({
+  container: css`
+    cursor: pointer;
+
+    padding-block: 2px;
+    padding-inline: 4px 8px;
+    border-radius: 4px;
+
+    color: ${token.colorTextSecondary};
+
+    :hover {
+      color: ${token.colorText};
+      background: ${token.colorFillTertiary};
+    }
+  `,
+  title: css`
+    overflow: hidden;
+    display: block;
+
+    line-height: 20px;
+    color: inherit;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+}));
+
+const LocalFile = ({
+  name,
+  path,
+  isDirectory,
+}: {
+  isDirectory: boolean;
+  name: string;
+  path: string;
+}) => {
+  const { styles } = useStyles();
+  const handleClick = () => {
+    localFileService.openLocalFileOrFolder(path, isDirectory);
+  };
+
+  return (
+    <Flexbox
+      align={'center'}
+      className={styles.container}
+      gap={4}
+      horizontal
+      onClick={handleClick}
+      style={{ display: 'inline-flex', verticalAlign: 'middle' }}
+    >
+      <FileIcon fileName={name} isDirectory={isDirectory} size={22} variant={'pure'} />
+      <Flexbox align={'baseline'} gap={4} horizontal style={{ overflow: 'hidden', width: '100%' }}>
+        <div className={styles.title}>{name}</div>
+      </Flexbox>
+    </Flexbox>
+  );
+};
+
+export default LocalFile;

package/src/features/Conversation/components/MarkdownElements/LocalFile/Render/index.tsx

@@ -0,0 +1,29 @@
+import isEqual from 'fast-deep-equal';
+import React, { memo } from 'react';
+
+import { MarkdownElementProps } from '../../type';
+import LocalFile from './LocalFile';
+
+interface LocalFileProps {
+  isDirectory: boolean;
+  name: string;
+  path: string;
+}
+
+const Render = memo<MarkdownElementProps<LocalFileProps>>(({ node }) => {
+  // 从 node.properties 中提取属性
+  const { name, path, isDirectory } = node?.properties || {};
+
+  if (!name || !path) {
+    // 如果缺少必要属性，可以选择渲染错误提示或 null
+    console.error('LocalFile Render component missing required properties:', node?.properties);
+    return null; // 或者返回一个错误占位符
+  }
+
+  // isDirectory 属性可能为 true (来自插件) 或 undefined，我们需要确保它是 boolean
+  const isDir = isDirectory === true;
+
+  return <LocalFile isDirectory={isDir} name={name} path={path} />;
+}, isEqual);
+
+export default Render;

package/src/features/Conversation/components/MarkdownElements/LocalFile/index.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+
+import { createRemarkSelfClosingTagPlugin } from '../remarkPlugins/createRemarkSelfClosingTagPlugin';
+import { MarkdownElement, MarkdownElementProps } from '../type';
+import RenderComponent from './Render';
+
+// 定义此元素的标签名
+const tag = 'localFile';
+
+const LocalFileElement: MarkdownElement = {
+  Component: RenderComponent as FC<MarkdownElementProps>,
+  remarkPlugin: createRemarkSelfClosingTagPlugin(tag),
+  tag,
+};
+
+export default LocalFileElement;

package/src/features/Conversation/components/MarkdownElements/index.ts

@@ -1,6 +1,12 @@
 import LobeArtifact from './LobeArtifact';
 import LobeThinking from './LobeThinking';
+import LocalFile from './LocalFile';
 import Thinking from './Thinking';
 import { MarkdownElement } from './type';
 
-export const markdownElements: MarkdownElement[] = [Thinking, LobeArtifact, LobeThinking];
+export const markdownElements: MarkdownElement[] = [
+  Thinking,
+  LobeArtifact,
+  LobeThinking,
+  LocalFile,
+];

package/src/features/Conversation/components/MarkdownElements/remarkPlugins/__snapshots__/createRemarkSelfClosingTagPlugin.test.ts.snap

@@ -0,0 +1,260 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`createRemarkSelfClosingTagPlugin > should handle tag within a list item and generate snapshot 1`] = `
+{
+  "children": [
+    {
+      "children": [
+        {
+          "checked": null,
+          "children": [
+            {
+              "children": [
+                {
+                  "position": {
+                    "end": {
+                      "column": 26,
+                      "line": 2,
+                      "offset": 26,
+                    },
+                    "start": {
+                      "column": 4,
+                      "line": 2,
+                      "offset": 4,
+                    },
+                  },
+                  "type": "text",
+                  "value": "文件名：飞机全书 一部明晰可见的历史.pdf",
+                },
+              ],
+              "position": {
+                "end": {
+                  "column": 26,
+                  "line": 2,
+                  "offset": 26,
+                },
+                "start": {
+                  "column": 4,
+                  "line": 2,
+                  "offset": 4,
+                },
+              },
+              "type": "paragraph",
+            },
+            {
+              "children": [
+                {
+                  "checked": null,
+                  "children": [
+                    {
+                      "children": [
+                        {
+                          "position": {
+                            "end": {
+                              "column": 10,
+                              "line": 3,
+                              "offset": 36,
+                            },
+                            "start": {
+                              "column": 6,
+                              "line": 3,
+                              "offset": 32,
+                            },
+                          },
+                          "type": "text",
+                          "value": "路径1：",
+                        },
+                        {
+                          "data": {
+                            "hName": "localFile",
+                            "hProperties": {
+                              "name": "飞机全书 一部明晰可见的历史.pdf",
+                              "path": "/Users/abc/Zotero/storage/ASBMAURK/飞机全书 一部明晰可见的历史.pdf",
+                            },
+                          },
+                          "type": "localFile",
+                        },
+                      ],
+                      "position": {
+                        "end": {
+                          "column": 110,
+                          "line": 3,
+                          "offset": 136,
+                        },
+                        "start": {
+                          "column": 6,
+                          "line": 3,
+                          "offset": 32,
+                        },
+                      },
+                      "type": "paragraph",
+                    },
+                  ],
+                  "position": {
+                    "end": {
+                      "column": 110,
+                      "line": 3,
+                      "offset": 136,
+                    },
+                    "start": {
+                      "column": 4,
+                      "line": 3,
+                      "offset": 30,
+                    },
+                  },
+                  "spread": false,
+                  "type": "listItem",
+                },
+                {
+                  "checked": null,
+                  "children": [
+                    {
+                      "children": [
+                        {
+                          "position": {
+                            "end": {
+                              "column": 56,
+                              "line": 4,
+                              "offset": 192,
+                            },
+                            "start": {
+                              "column": 6,
+                              "line": 4,
+                              "offset": 142,
+                            },
+                          },
+                          "type": "text",
+                          "value": "路径2：/Users/abc/Downloads/测试 PDF/飞机全书 一部明晰可见的历史.pdf",
+                        },
+                      ],
+                      "position": {
+                        "end": {
+                          "column": 56,
+                          "line": 4,
+                          "offset": 192,
+                        },
+                        "start": {
+                          "column": 6,
+                          "line": 4,
+                          "offset": 142,
+                        },
+                      },
+                      "type": "paragraph",
+                    },
+                  ],
+                  "position": {
+                    "end": {
+                      "column": 56,
+                      "line": 4,
+                      "offset": 192,
+                    },
+                    "start": {
+                      "column": 4,
+                      "line": 4,
+                      "offset": 140,
+                    },
+                  },
+                  "spread": false,
+                  "type": "listItem",
+                },
+              ],
+              "ordered": false,
+              "position": {
+                "end": {
+                  "column": 56,
+                  "line": 4,
+                  "offset": 192,
+                },
+                "start": {
+                  "column": 4,
+                  "line": 3,
+                  "offset": 30,
+                },
+              },
+              "spread": false,
+              "start": null,
+              "type": "list",
+            },
+          ],
+          "position": {
+            "end": {
+              "column": 56,
+              "line": 4,
+              "offset": 192,
+            },
+            "start": {
+              "column": 1,
+              "line": 2,
+              "offset": 1,
+            },
+          },
+          "spread": false,
+          "type": "listItem",
+        },
+      ],
+      "ordered": true,
+      "position": {
+        "end": {
+          "column": 56,
+          "line": 4,
+          "offset": 192,
+        },
+        "start": {
+          "column": 1,
+          "line": 2,
+          "offset": 1,
+        },
+      },
+      "spread": false,
+      "start": 1,
+      "type": "list",
+    },
+    {
+      "children": [
+        {
+          "position": {
+            "end": {
+              "column": 75,
+              "line": 6,
+              "offset": 268,
+            },
+            "start": {
+              "column": 1,
+              "line": 6,
+              "offset": 194,
+            },
+          },
+          "type": "text",
+          "value": "这是一本 PDF 格式的书，并且在你的 Zotero 和 Downloads 文件夹里都能找到。如果需要进一步操作，比如阅读或者提取内容，可以告诉我",
+        },
+      ],
+      "position": {
+        "end": {
+          "column": 75,
+          "line": 6,
+          "offset": 268,
+        },
+        "start": {
+          "column": 1,
+          "line": 6,
+          "offset": 194,
+        },
+      },
+      "type": "paragraph",
+    },
+  ],
+  "position": {
+    "end": {
+      "column": 1,
+      "line": 7,
+      "offset": 269,
+    },
+    "start": {
+      "column": 1,
+      "line": 1,
+      "offset": 0,
+    },
+  },
+  "type": "root",
+}
+`;