+
+ );
+}
\ No newline at end of file
diff --git a/app/_ui/Logo.tsx b/app/_ui/Logo.tsx
new file mode 100644
index 0000000..360ae9f
--- /dev/null
+++ b/app/_ui/Logo.tsx
@@ -0,0 +1,7 @@
+export default function Logo() {
+ return (
+
+
AI工具集
+
+ )
+}
\ No newline at end of file
diff --git a/app/_ui/SiderNav.tsx b/app/_ui/SiderNav.tsx
new file mode 100644
index 0000000..89b7667
--- /dev/null
+++ b/app/_ui/SiderNav.tsx
@@ -0,0 +1,36 @@
+import Link from "next/link";
+import { LinkTypeItem } from "../_lib/types";
+import Logo from "./Logo";
+
+export default function SiderNav({ linkList }: { linkList: LinkTypeItem[] }) {
+ return (
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/app/_ui/search/config.ts b/app/_ui/search/config.ts
new file mode 100644
index 0000000..81a38ca
--- /dev/null
+++ b/app/_ui/search/config.ts
@@ -0,0 +1,18 @@
+export type SearchConfigItem = {
+ name: string;
+ label: string;
+ type: string;
+ value: string;
+ options?: string[];
+}
+
+export type SearchConfig = [
+ {
+ name: 'searchType';
+ label: 'Search Type';
+ type: 'select';
+ value: 'global';
+ options: ['global', 'local'];
+ },
+
+];
\ No newline at end of file
diff --git a/app/_ui/search/index.tsx b/app/_ui/search/index.tsx
new file mode 100644
index 0000000..9d67925
--- /dev/null
+++ b/app/_ui/search/index.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import { faSearch } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+export default function Search() {
+
+ return (
+
+
+
AI工具集
+
+
+
常用
+
搜索
+
社区
+
图片
+
生活
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/app/ai-apps/layout.tsx b/app/ai-apps/layout.tsx
new file mode 100644
index 0000000..c60e55a
--- /dev/null
+++ b/app/ai-apps/layout.tsx
@@ -0,0 +1,17 @@
+import SiderNav from "../_ui/SiderNav";
+import { AIAppLinkList } from "./page";
+
+
+export default function Layout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+