@lobehub/lobehub 2.0.0-next.67 → 2.0.0-next.69

package/src/app/[variants]/(main)/settings/storage/IndexedDBStorage.tsx

@@ -1,55 +0,0 @@
-'use client';
-
-import { Skeleton } from 'antd';
-import { DatabaseIcon } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-import useSWR from 'swr';
-
-import GroupIcon from '@/components/GroupIcon';
-import IndexCard from '@/components/IndexCard';
-import ProgressItem from '@/components/ProgressItem';
-import { formatSize } from '@/utils/format';
-
-const IndexedDBStorage = memo(() => {
-  const { t } = useTranslation('setting');
-  const { data, isLoading } = useSWR('fetch-client-usage', async () => {
-    const estimate = await navigator.storage.estimate();
-    const quota = estimate.quota || 0;
-    const usage = estimate.usage || 0;
-
-    const percent = (usage / quota) * 100;
-
-    return { percent: percent < 1 ? 1 : percent, total: quota, used: usage };
-  });
-
-  return (
-    <IndexCard
-      desc={t('storage.desc', { day: 15 })}
-      icon={<GroupIcon icon={DatabaseIcon} />}
-      padding={0}
-      title={t('storage.title')}
-    >
-      {isLoading ? (
-        <Flexbox padding={16}>
-          <Skeleton active paragraph={{ rows: 1, width: '100%' }} title={false} />
-          <Skeleton.Button active style={{ height: 48, width: '100%' }} />
-        </Flexbox>
-      ) : (
-        <Flexbox gap={16} paddingBlock={16}>
-          <ProgressItem
-            percent={data?.percent || 0}
-            title={t('storage.used')}
-            usage={{
-              total: data ? formatSize(data.total) : '-',
-              used: data ? formatSize(data.used) : '-',
-            }}
-          />
-        </Flexbox>
-      )}
-    </IndexCard>
-  );
-});
-
-export default IndexedDBStorage;

package/src/features/ChatInput/ActionBar/Upload/ClientMode.tsx

@@ -1,62 +0,0 @@
-import { ActionIcon } from '@lobehub/ui';
-import { Upload } from 'antd';
-import { FileUp, LucideImage } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { message } from '@/components/AntdStaticMethods';
-import { useModelSupportFiles } from '@/hooks/useModelSupportFiles';
-import { useModelSupportVision } from '@/hooks/useModelSupportVision';
-import { useAgentStore } from '@/store/agent';
-import { agentSelectors } from '@/store/agent/slices/chat';
-import { useFileStore } from '@/store/file';
-
-const FileUpload = memo(() => {
-  const { t } = useTranslation('chat');
-
-  const upload = useFileStore((s) => s.uploadChatFiles);
-
-  const model = useAgentStore(agentSelectors.currentAgentModel);
-  const provider = useAgentStore(agentSelectors.currentAgentModelProvider);
-
-  const enabledFiles = useModelSupportFiles(model, provider);
-  const supportVision = useModelSupportVision(model, provider);
-  const canUpload = enabledFiles || supportVision;
-
-  return (
-    <Upload
-      accept={enabledFiles ? undefined : 'image/*'}
-      beforeUpload={async (file) => {
-        // Check if trying to upload non-image files in client mode
-        if (!enabledFiles && !file.type.startsWith('image')) {
-          message.warning(t('upload.clientMode.fileNotSupported'));
-          return false;
-        }
-
-        await upload([file]);
-
-        return false;
-      }}
-      disabled={!canUpload}
-      multiple={true}
-      showUploadList={false}
-    >
-      <ActionIcon
-        disabled={!canUpload}
-        icon={enabledFiles ? FileUp : LucideImage}
-        title={t(
-          canUpload
-            ? enabledFiles
-              ? 'upload.clientMode.actionFiletip'
-              : 'upload.clientMode.actionTooltip'
-            : 'upload.clientMode.disabled',
-        )}
-        tooltipProps={{
-          placement: 'bottom',
-        }}
-      />
-    </Upload>
-  );
-});
-
-export default FileUpload;