+
+
+
+ Select a file or create a new one.
+
+
+
+
+
+
diff --git a/examples/slide-gen-cli/src/web/main.ts b/examples/slide-gen-cli/src/web/main.ts
new file mode 100644
index 0000000..fdad978
--- /dev/null
+++ b/examples/slide-gen-cli/src/web/main.ts
@@ -0,0 +1,438 @@
+import { UniverCollaborationPlugin } from "@univerjs-pro/collaboration";
+import "@univerjs-pro/collaboration-client/facade";
+import { UniverCollaborationClientPlugin } from "@univerjs-pro/collaboration-client";
+import CollaborationClientEnUS from "@univerjs-pro/collaboration-client/locale/en-US";
+import {
+ BrowserCollaborationSocketService,
+ UniverCollaborationClientUIPlugin,
+} from "@univerjs-pro/collaboration-client-ui";
+import "@univerjs-pro/collaboration-client-ui/lib/index.css";
+import CollaborationClientUIEnUS from "@univerjs-pro/collaboration-client-ui/locale/en-US";
+import {
+ createWorktreeCollaborationConfig,
+ WorktreeClient,
+} from "@univerjs-pro/collaboration-worktree-client";
+import type { WorktreeData } from "@univerjs-pro/collaboration-worktree-service";
+import { UniverLicensePlugin } from "@univerjs-pro/license";
+import { UniverSlidesPlugin } from "@univerjs-pro/slides";
+import "@univerjs-pro/slides/facade";
+import UniverSlidesEnUS from "@univerjs-pro/slides/locale/en-US";
+import { UniverSlidesChartPlugin } from "@univerjs-pro/slides-chart";
+import { UniverSlidesChartUIPlugin } from "@univerjs-pro/slides-chart-ui";
+import "@univerjs-pro/slides-chart-ui/lib/index.css";
+import UniverSlidesChartUIEnUS from "@univerjs-pro/slides-chart-ui/locale/en-US";
+import { UniverSlidesTablePlugin } from "@univerjs-pro/slides-table";
+import { UniverSlidesTableUIPlugin } from "@univerjs-pro/slides-table-ui";
+import "@univerjs-pro/slides-table-ui/lib/index.css";
+import UniverSlidesTableUIEnUS from "@univerjs-pro/slides-table-ui/locale/en-US";
+import { UniverSlidesUIPlugin } from "@univerjs-pro/slides-ui";
+import "@univerjs-pro/slides-ui/lib/index.css";
+import UniverSlidesUIEnUS from "@univerjs-pro/slides-ui/locale/en-US";
+import { IImageIoService, LocaleType, LogLevel } from "@univerjs/core";
+import UniverDesignEnUS from "@univerjs/design/locale/en-US";
+import { UniverDocsPlugin } from "@univerjs/docs";
+import { UniverDocsUIPlugin } from "@univerjs/docs-ui";
+import "@univerjs/docs-ui/lib/index.css";
+import UniverDocsUIEnUS from "@univerjs/docs-ui/locale/en-US";
+import { UniverDrawingPlugin } from "@univerjs/drawing";
+import "@univerjs/drawing-ui/lib/index.css";
+import UniverDrawingUIEnUS from "@univerjs/drawing-ui/locale/en-US";
+import { UniverRenderEnginePlugin } from "@univerjs/engine-render";
+import { UniverNetworkPlugin } from "@univerjs/network";
+import { createUniver, defaultTheme, mergeLocales, type IPreset } from "@univerjs/presets";
+import { UniverUIPlugin } from "@univerjs/ui";
+import "@univerjs/ui/lib/index.css";
+import UniverUIEnUS from "@univerjs/ui/locale/en-US";
+import { UNIVER_LICENSE } from "../shared/license.js";
+import { parseUnitType, unitTypeLabel, type UnitSummary } from "../shared/unit.js";
+import { createUnitUrl, viewerUrl, worktreesUrl } from "../shared/urls.js";
+import "./styles.css";
+
+type SidebarTab = "files" | "worktrees";
+type SelectView = (unitId: string, worktreeID: string | null) => Promise