@lobehub/chat 1.114.6 → 1.116.0

package/src/app/[variants]/(main)/image/@topic/features/Topics/TopicItemContainer.tsx

@@ -1,91 +0,0 @@
-'use client';
-
-import { Tooltip } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { type ReactNode } from 'react';
-import { Center, CenterProps } from 'react-layout-kit';
-
-const useStyles = createStyles(({ css, token }) => ({
-  activeContainer: css`
-    border: 2px solid ${token.colorPrimary};
-    background: ${token.colorPrimaryBg};
-
-    &:hover {
-      background: ${token.colorPrimaryBgHover};
-    }
-  `,
-  container: css`
-    cursor: pointer;
-
-    position: relative;
-
-    flex: none;
-
-    width: 50px;
-    height: 50px;
-    border-radius: 6px;
-
-    background: transparent;
-
-    transition: all 0.2s ease-in-out;
-
-    &::before {
-      pointer-events: none;
-      content: '';
-
-      position: absolute;
-      inset: 0;
-
-      border-radius: 6px;
-
-      opacity: 0;
-      background: radial-gradient(circle at center, ${token.colorPrimary}20 0%, transparent 70%);
-
-      transition: opacity 0.3s ease;
-    }
-
-    &:hover {
-      background: ${token.colorFillSecondary};
-    }
-
-    &:active {
-      background: ${token.colorFillTertiary};
-    }
-
-    &:active::before {
-      opacity: 1;
-    }
-  `,
-}));
-
-interface TopicItemContainerProps extends CenterProps {
-  active?: boolean;
-  children: ReactNode;
-  tooltip?: ReactNode;
-}
-
-const TopicItemContainer = ({
-  children,
-  className,
-  active,
-  tooltip,
-  ...rest
-}: TopicItemContainerProps) => {
-  const { styles, cx } = useStyles();
-
-  const content = (
-    <Center className={cx(styles.container, active && styles.activeContainer, className)} {...rest}>
-      {children}
-    </Center>
-  );
-
-  if (!tooltip) return content;
-
-  return (
-    <Tooltip arrow placement="left" title={tooltip}>
-      {content}
-    </Tooltip>
-  );
-};
-
-export default TopicItemContainer;

package/src/app/desktop/devtools/page.tsx

@@ -1,89 +0,0 @@
-'use client';
-
-import { ActionIcon, SideNav } from '@lobehub/ui';
-import { Cog, DatabaseIcon } from 'lucide-react';
-import { memo, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { BRANDING_NAME } from '@/const/branding';
-import PostgresViewer from '@/features/DevPanel/PostgresViewer';
-import SystemInspector from '@/features/DevPanel/SystemInspector';
-import { useStyles } from '@/features/DevPanel/features/FloatPanel';
-import { electronStylish } from '@/styles/electron';
-
-const DevTools = memo(() => {
-  const { styles, theme, cx } = useStyles();
-
-  const items = [
-    {
-      children: <PostgresViewer />,
-      icon: <DatabaseIcon size={16} />,
-      key: 'Postgres Viewer',
-    },
-    {
-      children: <SystemInspector />,
-      icon: <Cog size={16} />,
-      key: 'System Status',
-    },
-  ];
-
-  const [tab, setTab] = useState<string>(items[0].key);
-
-  return (
-    <Flexbox height={'100%'} style={{ overflow: 'hidden', position: 'relative' }} width={'100%'}>
-      <Flexbox
-        align={'center'}
-        className={cx(`panel-drag-handle`, styles.header, electronStylish.draggable)}
-        horizontal
-        justify={'center'}
-      >
-        <Flexbox align={'baseline'} gap={6} horizontal>
-          <b>{BRANDING_NAME} Dev Tools</b>
-          <span style={{ color: theme.colorTextDescription }}>/</span>
-          <span style={{ color: theme.colorTextDescription }}>{tab}</span>
-        </Flexbox>
-      </Flexbox>
-      <Flexbox
-        height={'100%'}
-        horizontal
-        style={{ background: theme.colorBgLayout, overflow: 'hidden', position: 'relative' }}
-        width={'100%'}
-      >
-        <SideNav
-          bottomActions={[]}
-          style={{
-            background: 'transparent',
-            width: 48,
-          }}
-          topActions={items.map((item) => (
-            <ActionIcon
-              active={tab === item.key}
-              icon={item.icon}
-              key={item.key}
-              onClick={() => setTab(item.key)}
-              title={item.key}
-              tooltipProps={{
-                placement: 'right',
-              }}
-            />
-          ))}
-        />
-        {items.map((item) => (
-          <Flexbox
-            flex={1}
-            height={'100%'}
-            key={item.key}
-            style={{
-              display: tab === item.key ? 'flex' : 'none',
-              overflow: 'hidden',
-            }}
-          >
-            {item.children}
-          </Flexbox>
-        ))}
-      </Flexbox>
-    </Flexbox>
-  );
-});
-
-export default DevTools;

package/src/app/desktop/layout.tsx

@@ -1,31 +0,0 @@
-import { notFound } from 'next/navigation';
-import { NuqsAdapter } from 'nuqs/adapters/next/app';
-import { ReactNode } from 'react';
-
-import { isDesktop } from '@/const/version';
-import GlobalLayout from '@/layout/GlobalProvider';
-import { ServerConfigStoreProvider } from '@/store/serverConfig/Provider';
-
-interface RootLayoutProps {
-  children: ReactNode;
-}
-
-const RootLayout = async ({ children }: RootLayoutProps) => {
-  if (!isDesktop) return notFound();
-
-  return (
-    <html dir="ltr" suppressHydrationWarning>
-      <body>
-        <NuqsAdapter>
-          <ServerConfigStoreProvider>
-            <GlobalLayout appearance={'auto'} isMobile={false} locale={''}>
-              {children}
-            </GlobalLayout>
-          </ServerConfigStoreProvider>
-        </NuqsAdapter>
-      </body>
-    </html>
-  );
-};
-
-export default RootLayout;