feat(workspace): setup react wrapper

packages/ai-chat-components/src/react/workspace-shell-body.ts

@@ -0,0 +1,22 @@
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+
+import { createComponent } from "@lit/react";
+import React from "react";
+
+// Export the actual class for the component that will *directly* be wrapped with React.
+import CDSAIChatWorkspaceShellBody from "../components/workspace-shell/src/workspace-shell-body.js";
+
+const workspaceShellBody = createComponent({
+  tagName: "cds-aichat-workspace-shell-body",
+  elementClass: CDSAIChatWorkspaceShellBody,
+  react: React,
+});
+
+export default workspaceShellBody;

packages/ai-chat-components/src/react/workspace-shell-footer.ts

@@ -0,0 +1,22 @@
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+
+import { createComponent } from "@lit/react";
+import React from "react";
+
+// Export the actual class for the component that will *directly* be wrapped with React.
+import CDSAIChatWorkspaceShellFooter from "../components/workspace-shell/src/workspace-shell-footer.js";
+
+const workspaceShellFooter = createComponent({
+  tagName: "cds-aichat-workspace-shell-footer",
+  elementClass: CDSAIChatWorkspaceShellFooter,
+  react: React,
+});
+
+export default workspaceShellFooter;

packages/ai-chat-components/src/react/workspace-shell-header.ts

@@ -0,0 +1,22 @@
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+
+import { createComponent } from "@lit/react";
+import React from "react";
+
+// Export the actual class for the component that will *directly* be wrapped with React.
+import CDSAIChatWorkspaceShellHeader from "../components/workspace-shell/src/workspace-shell-header.js";
+
+const workspaceShellHeader = createComponent({
+  tagName: "cds-aichat-workspace-shell-header",
+  elementClass: CDSAIChatWorkspaceShellHeader,
+  react: React,
+});
+
+export default workspaceShellHeader;

packages/ai-chat-components/src/react/workspace-shell.ts

@@ -0,0 +1,22 @@
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+
+import { createComponent } from "@lit/react";
+import React from "react";
+
+// Export the actual class for the component that will *directly* be wrapped with React.
+import CDSAIChatWorkspaceShell from "../components/workspace-shell/src/workspace-shell.js";
+
+const workspaceShell = createComponent({
+  tagName: "cds-aichat-workspace-shell",
+  elementClass: CDSAIChatWorkspaceShell,
+  react: React,
+});
+
+export default workspaceShell;