Initial commit: OmniAI Web Frontend

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-06-02 12:38:01 +08:00
commit bedee3ba8d
183 changed files with 94805 additions and 0 deletions
@@ -0,0 +1,39 @@
+import type { ReactNode } from "react";
+
+interface StudioToolLayoutProps {
+  toolstrip?: ReactNode;
+  leftPanel?: ReactNode;
+  canvas: ReactNode;
+  rightPanel?: ReactNode;
+  statusBar?: ReactNode;
+  noLeft?: boolean;
+  noRight?: boolean;
+  noTop?: boolean;
+}
+
+function StudioToolLayout({
+  toolstrip,
+  leftPanel,
+  canvas,
+  rightPanel,
+  statusBar,
+  noLeft,
+  noRight,
+  noTop,
+}: StudioToolLayoutProps) {
+  return (
+    <div
+      className={`studio-tool-layout${noLeft ? " studio-tool-layout--no-left" : ""}${
+        noRight ? " studio-tool-layout--no-right" : ""
+      }${noTop ? " studio-tool-layout--no-top" : ""}`}
+    >
+      {!noTop ? <div className="studio-toolstrip">{toolstrip}</div> : null}
+      {!noLeft ? <aside className="studio-panel studio-panel--left">{leftPanel}</aside> : null}
+      <section className="studio-canvas">{canvas}</section>
+      {!noRight ? <aside className="studio-panel studio-panel--right">{rightPanel}</aside> : null}
+      <footer className="studio-status-bar">{statusBar}</footer>
+    </div>
+  );
+}
+
+export default StudioToolLayout;