+
{props.data.description}
+
Categories
+
+
Roles
+
+
+ {props.data.readme}
+
+
+
+
+
+ );
+};
diff --git a/pkgs/webview-ui/app/src/routes/modules/list.tsx b/pkgs/webview-ui/app/src/routes/modules/list.tsx
new file mode 100644
index 000000000..e8f9773a0
--- /dev/null
+++ b/pkgs/webview-ui/app/src/routes/modules/list.tsx
@@ -0,0 +1,45 @@
+import { callApi, SuccessData } from "@/src/api";
+import { activeURI } from "@/src/App";
+import { createModulesQuery } from "@/src/queries";
+import { A, useNavigate } from "@solidjs/router";
+import { createQuery, useQueryClient } from "@tanstack/solid-query";
+import { createEffect, For, Match, Switch } from "solid-js";
+import { SolidMarkdown } from "solid-markdown";
+
+export type ModuleInfo = SuccessData<"list_modules">[string];
+
+const ModuleListItem = (props: { name: string; info: ModuleInfo }) => {
+ const { name, info } = props;
+ const navigate = useNavigate();
+
+ return (
+