@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.19.1 → 0.5.0-beta.21.1

package/dist/components/composed/Main/Main.js

@@ -0,0 +1,276 @@
+import { jsxs as l, jsx as i, Fragment as m } from "react/jsx-runtime";
+import { Search as R, SearchCode as E, Lamp as H, Workflow as U, Monitor as K, Box as V, Database as W, PieChart as Q, CheckCheck as $, Code as F, Settings as q, Trash2 as G, Plus as J, Inbox as h } from "lucide-react";
+import { useState as r } from "react";
+import { LaunchContentPanel as O } from "./LaunchContentPanel.js";
+import { MainHeader as X } from "./MainHeader.js";
+import { MainNavbar as Y } from "./MainNavbar.js";
+import { MainSidebar as Z } from "./MainSidebar.js";
+import { MainTabBar as p } from "./MainTabBar.js";
+import { ProtocolConfigurationPanel as _ } from "./ProtocolConfigurationPanel.js";
+import { TemplateSidebarCard as x } from "./TemplateSidebarCard.js";
+import { Button as b } from "../../ui/button.js";
+import { ScrollArea as ee } from "../../ui/scroll-area.js";
+import { Separator as ie } from "../../ui/separator.js";
+import { SidebarProvider as le } from "../../ui/sidebar.js";
+const be = ({ userProfile: v, hostname: k, organization: g }) => {
+  const T = [
+    { icon: R, label: "Search" },
+    { icon: E, label: "SQL Search" },
+    { icon: H, label: "Projects" },
+    { icon: U, label: "Pipelines" },
+    { icon: K, label: "Data & AI Workspace" },
+    { icon: V, label: "Artifacts" },
+    { icon: W, label: "Data Sources" },
+    { icon: Q, label: "Health Monitoring" },
+    { icon: $, label: "Bulk Actions" },
+    { icon: F, label: "Attribute Management" },
+    { icon: q, label: "Administration" }
+  ], N = [
+    { id: "templates", label: "Templates" },
+    { id: "protocol", label: "Protocol" },
+    { id: "steps", label: "Steps" }
+  ], C = [
+    { id: "pipelineBuilder", label: "Pipeline Builder" },
+    { id: "configuration", label: "Configuration" },
+    { id: "launch", label: "Launch" }
+  ], [w, S] = r("Pipelines"), [c, y] = r("templates"), [a, D] = r("pipelineBuilder"), [s, j] = r("1"), u = [
+    {
+      id: "1",
+      title: "Tecan D300e and PerkinElmer EnVision to Dotmatics (v1)",
+      description: "c901ejs",
+      buttonText: "",
+      linkText: ""
+    },
+    {
+      id: "2",
+      title: "Bruker D8 Andvanced CRD Raw to IDS(Draft)",
+      description: "c901ejs",
+      buttonText: "",
+      linkText: ""
+    },
+    {
+      id: "3",
+      title: "Extract and Decorate(Draft)",
+      description: "c901ejs",
+      buttonText: "",
+      linkText: ""
+    },
+    {
+      id: "4",
+      title: "Intellict (Que3 Raw to IDS(Draft)",
+      description: "c901ejs",
+      buttonText: "",
+      linkText: ""
+    },
+    {
+      id: "5",
+      title: "Leica Aperio RAW to IDS(Draft)",
+      description: "c901ejs",
+      buttonText: "",
+      linkText: ""
+    },
+    {
+      id: "6",
+      title: "IDS to Benchling(Draft)",
+      description: "c901ejs",
+      buttonText: "",
+      linkText: ""
+    },
+    {
+      id: "7",
+      title: "Lorem Ipsum",
+      description: "c901ejs",
+      buttonText: "",
+      linkText: ""
+    }
+  ], o = [], P = [], A = (e) => {
+    S(e);
+  }, B = (e) => {
+    y(e);
+  }, I = (e) => {
+    D(e);
+  }, L = () => {
+    console.log("Home clicked");
+  }, M = () => {
+    console.log("Settings clicked");
+  }, z = () => {
+    console.log("User profile clicked");
+  }, n = (e) => {
+    j(e === s ? null : e);
+  }, d = (e) => {
+    console.log(`Using template: ${e}`);
+  }, f = (e) => {
+    console.log(`Viewing template: ${e}`);
+  };
+  return /* @__PURE__ */ l("div", { className: "flex flex-col w-screen h-screen", children: [
+    /* @__PURE__ */ i(Y, { organization: g }),
+    /* @__PURE__ */ i("div", { className: "flex flex-1 overflow-hidden", children: /* @__PURE__ */ l(le, { className: "min-h-0 flex-1 w-full", children: [
+      /* @__PURE__ */ i(
+        Z,
+        {
+          items: T,
+          activeItem: w,
+          onItemClick: A
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: "bg-card rounded-lg flex flex-col flex-1 overflow-hidden", children: [
+        /* @__PURE__ */ i(ie, {}),
+        /* @__PURE__ */ i(
+          X,
+          {
+            hostname: k,
+            userProfile: v,
+            onHomeClick: L,
+            onSettingsClick: M,
+            onUserProfileClick: z
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "flex flex-col flex-1 overflow-hidden", children: /* @__PURE__ */ i("div", { className: "flex flex-col flex-1 overflow-hidden", children: /* @__PURE__ */ l("div", { style: { display: "flex", height: "100%" }, children: [
+          /* @__PURE__ */ l("div", { className: "w-[360px] h-full flex flex-col py-4 px-6 overflow-hidden max-h-full", children: [
+            /* @__PURE__ */ i(
+              p,
+              {
+                tabs: N,
+                value: c,
+                onChange: B
+              }
+            ),
+            c === "templates" && /* @__PURE__ */ l(m, { children: [
+              /* @__PURE__ */ l("div", { className: "flex justify-between items-center py-6", children: [
+                /* @__PURE__ */ i("h2", { className: "text-xl font-medium m-0", children: "Templates" }),
+                /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ i(
+                    b,
+                    {
+                      className: "rounded-[4px] w-8 h-8",
+                      variant: "destructive",
+                      size: "icon-sm",
+                      "aria-label": "Delete",
+                      children: /* @__PURE__ */ i(G, { size: 20 })
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    b,
+                    {
+                      className: "rounded-[4px] w-8 h-8",
+                      size: "icon-sm",
+                      "aria-label": "Add",
+                      children: /* @__PURE__ */ i(J, { size: 20 })
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ i(ee, { className: "flex-1 h-full", children: u.length > 0 ? u.map((e) => /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "cursor-pointer p-1 last:border-b-0",
+                  onKeyDown: (t) => {
+                    (t.key === "Enter" || t.key === " ") && n(e.id);
+                  },
+                  onClick: () => n(e.id),
+                  children: /* @__PURE__ */ i(
+                    x,
+                    {
+                      title: e.title,
+                      description: e.description,
+                      buttonText: e.buttonText,
+                      linkText: e.linkText,
+                      status: s === e.id ? "active" : "default",
+                      onButtonClick: () => d(e.id),
+                      onLinkClick: () => f(e.id)
+                    }
+                  )
+                },
+                e.id
+              )) : /* @__PURE__ */ l("div", { className: "flex flex-col justify-center items-center gap-4", children: [
+                /* @__PURE__ */ i(h, { size: 40 }),
+                /* @__PURE__ */ i("div", { className: "text-sm font-medium", children: "No data" })
+              ] }) })
+            ] }),
+            c === "protocol" && /* @__PURE__ */ l(m, { children: [
+              /* @__PURE__ */ i("div", { className: "flex justify-between items-center py-6", children: /* @__PURE__ */ l("h2", { className: "text-xl font-medium m-0", children: [
+                "Protocol (",
+                o.length,
+                ")"
+              ] }) }),
+              /* @__PURE__ */ i("div", { className: "flex flex-col overflow-y-auto flex-1 mt-2 max-h-[calc(100vh-240px)]", children: o.length > 0 ? o.map((e) => /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "cursor-pointer last:border-b-0",
+                  onKeyDown: (t) => {
+                    (t.key === "Enter" || t.key === " ") && n(e.id);
+                  },
+                  onClick: () => n(e.id),
+                  children: /* @__PURE__ */ i(
+                    x,
+                    {
+                      title: e.title,
+                      description: e.description,
+                      status: s === e.id ? "active" : "default",
+                      onButtonClick: () => d(e.id),
+                      onLinkClick: () => f(e.id)
+                    }
+                  )
+                },
+                e.id
+              )) : /* @__PURE__ */ l("div", { className: "flex flex-col justify-center items-center gap-4", children: [
+                /* @__PURE__ */ i(h, { size: 40 }),
+                /* @__PURE__ */ i("div", { className: "text-sm font-medium", children: "No data" })
+              ] }) })
+            ] }),
+            c === "steps" && /* @__PURE__ */ l(m, { children: [
+              /* @__PURE__ */ i("div", { className: "flex justify-between items-center py-6", children: /* @__PURE__ */ l("h2", { className: "text-xl font-medium m-0", children: [
+                "Task Scripts (",
+                P.length,
+                ")"
+              ] }) }),
+              /* @__PURE__ */ i("div", { className: "flex flex-col overflow-y-auto flex-1 mt-2 max-h-[calc(100vh-240px)]", children: o.length > 0 ? o.map((e) => /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "cursor-pointer last:border-b-0",
+                  onKeyDown: (t) => {
+                    (t.key === "Enter" || t.key === " ") && n(e.id);
+                  },
+                  onClick: () => n(e.id),
+                  children: /* @__PURE__ */ i(
+                    x,
+                    {
+                      title: e.title,
+                      description: e.description,
+                      status: s === e.id ? "active" : "default",
+                      onButtonClick: () => d(e.id),
+                      onLinkClick: () => f(e.id)
+                    }
+                  )
+                },
+                e.id
+              )) : /* @__PURE__ */ l("div", { className: "flex flex-col justify-center items-center gap-4", children: [
+                /* @__PURE__ */ i(h, { size: 40 }),
+                /* @__PURE__ */ i("div", { className: "text-sm font-medium", children: "No data" })
+              ] }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ l("div", { className: "flex-1 h-full flex flex-col", children: [
+            /* @__PURE__ */ i("div", { className: "pt-4 px-6 pb-0", children: /* @__PURE__ */ i(
+              p,
+              {
+                tabs: C,
+                value: a,
+                onChange: I
+              }
+            ) }),
+            /* @__PURE__ */ l("div", { className: "p-6 -mt-px flex-1", children: [
+              a === "pipelineBuilder" && /* @__PURE__ */ i("div", { className: "h-full border rounded-lg overflow-hidden" }),
+              a === "configuration" && /* @__PURE__ */ i(_, {}),
+              a === "launch" && /* @__PURE__ */ i(O, {})
+            ] })
+          ] })
+        ] }) }) })
+      ] })
+    ] }) })
+  ] });
+};
+export {
+  be as default
+};
+//# sourceMappingURL=Main.js.map

package/dist/components/composed/Main/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","sources":["../../../../src/components/composed/Main/Main.tsx"],"sourcesContent":["// import { ReactFlowProvider } from \"@xyflow/react\";\n// import {PipelineBuilder} from \"./pipeline-builder\";\nimport {\n  Box,\n  CheckCheck,\n  Code,\n  Database,\n  Inbox,\n  Lamp,\n  Monitor,\n  PieChart,\n  Plus,\n  Search,\n  SearchCode,\n  Settings,\n  Trash2,\n  Workflow,\n} from \"lucide-react\";\nimport React, { useState } from \"react\";\n\nimport { LaunchContentPanel } from \"./LaunchContentPanel\";\nimport { MainHeader, type UserProfileInfo } from \"./MainHeader\";\nimport { MainNavbar, type OrganizationInfo } from \"./MainNavbar\";\nimport { MainSidebar, type MainSidebarItem } from \"./MainSidebar\";\nimport { MainTabBar, type MainTabItem } from \"./MainTabBar\";\nimport { ProtocolConfigurationPanel } from \"./ProtocolConfigurationPanel\";\nimport { TemplateSidebarCard } from \"./TemplateSidebarCard\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { ScrollArea } from \"@/components/ui/scroll-area\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { SidebarProvider } from \"@/components/ui/sidebar\";\n\nexport interface MainProps {\n  userProfile: UserProfileInfo;\n  hostname: string;\n  organization: OrganizationInfo;\n}\n\nconst Main: React.FC<MainProps> = ({ userProfile, hostname, organization }) => {\n  // Define sidebar items\n  const sidebarItems: MainSidebarItem[] = [\n    { icon: Search, label: \"Search\" },\n    { icon: SearchCode, label: \"SQL Search\" },\n    { icon: Lamp, label: \"Projects\" },\n    { icon: Workflow, label: \"Pipelines\" },\n    { icon: Monitor, label: \"Data & AI Workspace\" },\n    { icon: Box, label: \"Artifacts\" },\n    { icon: Database, label: \"Data Sources\" },\n    { icon: PieChart, label: \"Health Monitoring\" },\n    { icon: CheckCheck, label: \"Bulk Actions\" },\n    { icon: Code, label: \"Attribute Management\" },\n    { icon: Settings, label: \"Administration\" },\n  ];\n\n  // Tabs for the first tab group (left side)\n  const leftTabs: MainTabItem[] = [\n    { id: \"templates\", label: \"Templates\" },\n    { id: \"protocol\", label: \"Protocol\" },\n    { id: \"steps\", label: \"Steps\" },\n  ];\n\n  // Tabs for the second tab group (right side)\n  const rightTabs: MainTabItem[] = [\n    { id: \"pipelineBuilder\", label: \"Pipeline Builder\" },\n    { id: \"configuration\", label: \"Configuration\" },\n    { id: \"launch\", label: \"Launch\" },\n  ];\n\n  // State hooks\n  const [activeItem, setActiveItem] = useState(\"Pipelines\");\n  const [activeLeftTab, setActiveLeftTab] = useState(\"templates\");\n  const [activeRightTab, setActiveRightTab] = useState(\"pipelineBuilder\");\n  const [selectedTemplate, setSelectedTemplate] = useState<string | null>(\"1\");\n\n  // Templates data\n  const templates = [\n    {\n      id: \"1\",\n      title: \"Tecan D300e and PerkinElmer EnVision to Dotmatics (v1)\",\n      description: \"c901ejs\",\n      buttonText: \"\",\n      linkText: \"\",\n    },\n    {\n      id: \"2\",\n      title: \"Bruker D8 Andvanced CRD Raw to IDS(Draft)\",\n      description: \"c901ejs\",\n      buttonText: \"\",\n      linkText: \"\",\n    },\n    {\n      id: \"3\",\n      title: \"Extract and Decorate(Draft)\",\n      description: \"c901ejs\",\n      buttonText: \"\",\n      linkText: \"\",\n    },\n    {\n      id: \"4\",\n      title: \"Intellict (Que3 Raw to IDS(Draft)\",\n      description: \"c901ejs\",\n      buttonText: \"\",\n      linkText: \"\",\n    },\n    {\n      id: \"5\",\n      title: \"Leica Aperio RAW to IDS(Draft)\",\n      description: \"c901ejs\",\n      buttonText: \"\",\n      linkText: \"\",\n    },\n    {\n      id: \"6\",\n      title: \"IDS to Benchling(Draft)\",\n      description: \"c901ejs\",\n      buttonText: \"\",\n      linkText: \"\",\n    },\n    {\n      id: \"7\",\n      title: \"Lorem Ipsum\",\n      description: \"c901ejs\",\n      buttonText: \"\",\n      linkText: \"\",\n    },\n  ];\n\n  const protocol: { id: string; title: string; description: string }[] = [];\n  const steps: { id: string; title: string; description: string }[] = [];\n\n  // Handlers\n  const handleSidebarItemClick = (label: string) => {\n    setActiveItem(label);\n  };\n\n  const handleLeftTabChange = (tabId: string) => {\n    setActiveLeftTab(tabId);\n  };\n\n  const handleRightTabChange = (tabId: string) => {\n    setActiveRightTab(tabId);\n  };\n\n  const handleHomeClick = () => {\n    console.log(\"Home clicked\");\n  };\n\n  const handleSettingsClick = () => {\n    console.log(\"Settings clicked\");\n  };\n\n  const handleUserProfileClick = () => {\n    console.log(\"User profile clicked\");\n  };\n\n  const handleTemplateClick = (templateId: string) => {\n    setSelectedTemplate(templateId === selectedTemplate ? null : templateId);\n  };\n\n  const handleUseTemplate = (templateId: string) => {\n    console.log(`Using template: ${templateId}`);\n  };\n\n  const handleViewTemplate = (templateId: string) => {\n    console.log(`Viewing template: ${templateId}`);\n  };\n\n  return (\n    <div className=\"flex flex-col w-screen h-screen\">\n      <MainNavbar organization={organization} />\n\n      <div className=\"flex flex-1 overflow-hidden\">\n\n        <SidebarProvider className=\"min-h-0 flex-1 w-full\">\n          <MainSidebar\n            items={sidebarItems}\n            activeItem={activeItem}\n            onItemClick={handleSidebarItemClick}\n          />\n\n          <div className=\"bg-card rounded-lg flex flex-col flex-1 overflow-hidden\">\n            <Separator />\n            <MainHeader\n              hostname={hostname}\n              userProfile={userProfile}\n              onHomeClick={handleHomeClick}\n              onSettingsClick={handleSettingsClick}\n              onUserProfileClick={handleUserProfileClick}\n            />\n\n            <div className=\"flex flex-col flex-1 overflow-hidden\">\n              <div className=\"flex flex-col flex-1 overflow-hidden\">\n                <div style={{ display: \"flex\", height: \"100%\" }}>\n                  <div className=\"w-[360px] h-full flex flex-col py-4 px-6 overflow-hidden max-h-full\">\n                    <MainTabBar\n                      tabs={leftTabs}\n                      value={activeLeftTab}\n                      onChange={handleLeftTabChange}\n                    />\n                  {activeLeftTab === \"templates\" && (\n                    <>\n                      <div className=\"flex justify-between items-center py-6\">\n                        <h2 className=\"text-xl font-medium m-0\">Templates</h2>\n                        <div className=\"flex gap-2\">\n                          <Button\n                            className=\"rounded-[4px] w-8 h-8\"\n                            variant=\"destructive\"\n                            size=\"icon-sm\"\n                            aria-label=\"Delete\"\n                          >\n                            <Trash2 size={20} />\n                          </Button>\n                          <Button\n                            className=\"rounded-[4px] w-8 h-8\"\n                            size=\"icon-sm\"\n                            aria-label=\"Add\"\n                          >\n                            <Plus size={20} />\n                          </Button>\n                        </div>\n                      </div>\n\n                      <ScrollArea className=\"flex-1 h-full\">\n                        {templates.length > 0 ? (\n                          templates.map((template) => (\n                            <div\n                              key={template.id}\n                              className=\"cursor-pointer p-1 last:border-b-0\"\n                              onKeyDown={(e) => {\n                                if (e.key === \"Enter\" || e.key === \" \") {\n                                  handleTemplateClick(template.id);\n                                }\n                              }}\n                              onClick={() => handleTemplateClick(template.id)}\n                            >\n                              <TemplateSidebarCard\n                                title={template.title}\n                                description={template.description}\n                                buttonText={template.buttonText}\n                                linkText={template.linkText}\n                                status={\n                                  selectedTemplate === template.id\n                                    ? \"active\"\n                                    : \"default\"\n                                }\n                                onButtonClick={() =>\n                                  handleUseTemplate(template.id)\n                                }\n                                onLinkClick={() =>\n                                  handleViewTemplate(template.id)\n                                }\n                              />\n                            </div>\n                          ))\n                        ) : (\n                          <div className=\"flex flex-col justify-center items-center gap-4\">\n                            <Inbox size={40} />\n                            <div className=\"text-sm font-medium\">No data</div>\n                          </div>\n                        )}\n                      </ScrollArea>\n                    </>\n                  )}\n\n                  {activeLeftTab === \"protocol\" && (\n                    <>\n                      <div className=\"flex justify-between items-center py-6\">\n                        <h2 className=\"text-xl font-medium m-0\">\n                          Protocol ({protocol.length})\n                        </h2>\n                      </div>\n                      <div className=\"flex flex-col overflow-y-auto flex-1 mt-2 max-h-[calc(100vh-240px)]\">\n                        {protocol.length > 0 ? (\n                          protocol.map((template) => (\n                            <div\n                              key={template.id}\n                              className=\"cursor-pointer last:border-b-0\"\n                              onKeyDown={(e) => {\n                                if (e.key === \"Enter\" || e.key === \" \") {\n                                  handleTemplateClick(template.id);\n                                }\n                              }}\n                              onClick={() => handleTemplateClick(template.id)}\n                            >\n                              <TemplateSidebarCard\n                                title={template.title}\n                                description={template.description}\n                                status={\n                                  selectedTemplate === template.id\n                                    ? \"active\"\n                                    : \"default\"\n                                }\n                                onButtonClick={() =>\n                                  handleUseTemplate(template.id)\n                                }\n                                onLinkClick={() =>\n                                  handleViewTemplate(template.id)\n                                }\n                              />\n                            </div>\n                          ))\n                        ) : (\n                          <div className=\"flex flex-col justify-center items-center gap-4\">\n                            <Inbox size={40} />\n                            <div className=\"text-sm font-medium\">No data</div>\n                          </div>\n                        )}\n                      </div>\n                    </>\n                  )}\n\n                  {activeLeftTab === \"steps\" && (\n                    <>\n                      <div className=\"flex justify-between items-center py-6\">\n                        <h2 className=\"text-xl font-medium m-0\">\n                          Task Scripts ({steps.length})\n                        </h2>\n                      </div>\n                      <div className=\"flex flex-col overflow-y-auto flex-1 mt-2 max-h-[calc(100vh-240px)]\">\n                        {protocol.length > 0 ? (\n                          protocol.map((template) => (\n                            <div\n                              key={template.id}\n                              className=\"cursor-pointer last:border-b-0\"\n                              onKeyDown={(e) => {\n                                if (e.key === \"Enter\" || e.key === \" \") {\n                                  handleTemplateClick(template.id);\n                                }\n                              }}\n                              onClick={() => handleTemplateClick(template.id)}\n                            >\n                              <TemplateSidebarCard\n                                title={template.title}\n                                description={template.description}\n                                status={\n                                  selectedTemplate === template.id\n                                    ? \"active\"\n                                    : \"default\"\n                                }\n                                onButtonClick={() =>\n                                  handleUseTemplate(template.id)\n                                }\n                                onLinkClick={() =>\n                                  handleViewTemplate(template.id)\n                                }\n                              />\n                            </div>\n                          ))\n                        ) : (\n                          <div className=\"flex flex-col justify-center items-center gap-4\">\n                            <Inbox size={40} />\n                            <div className=\"text-sm font-medium\">No data</div>\n                          </div>\n                        )}\n                      </div>\n                    </>\n                  )}\n                </div>\n                <div className=\"flex-1 h-full flex flex-col\">\n                  <div className=\"pt-4 px-6 pb-0\">\n                    <MainTabBar\n                      tabs={rightTabs}\n                      value={activeRightTab}\n                      onChange={handleRightTabChange}\n                    />\n                  </div>\n                  <div className=\"p-6 -mt-px flex-1\">\n                    {activeRightTab === \"pipelineBuilder\" && (\n                      <div className=\"h-full border rounded-lg overflow-hidden\">\n                        {/* <ReactFlowProvider>\n                          <PipelineBuilder width=\"100%\" height=\"100%\" />\n                        </ReactFlowProvider> */}\n                      </div>\n                    )}\n                    {activeRightTab === \"configuration\" && (\n                      <ProtocolConfigurationPanel />\n                    )}\n                    {activeRightTab === \"launch\" && <LaunchContentPanel />}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          </div>\n        </SidebarProvider>\n      </div>\n    </div>\n  );\n};\n\nexport default Main;\n"],"names":["Main","userProfile","hostname","organization","sidebarItems","Search","SearchCode","Lamp","Workflow","Monitor","Box","Database","PieChart","CheckCheck","Code","Settings","leftTabs","rightTabs","activeItem","setActiveItem","useState","activeLeftTab","setActiveLeftTab","activeRightTab","setActiveRightTab","selectedTemplate","setSelectedTemplate","templates","protocol","steps","handleSidebarItemClick","label","handleLeftTabChange","tabId","handleRightTabChange","handleHomeClick","handleSettingsClick","handleUserProfileClick","handleTemplateClick","templateId","handleUseTemplate","handleViewTemplate","jsxs","jsx","MainNavbar","SidebarProvider","MainSidebar","Separator","MainHeader","MainTabBar","Fragment","Button","Trash2","Plus","ScrollArea","template","e","TemplateSidebarCard","Inbox","ProtocolConfigurationPanel","LaunchContentPanel"],"mappings":"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"}

package/dist/components/composed/Main/MainHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("lucide-react"),t=require("../../ui/avatar.cjs"),n=require("../../ui/button.cjs"),o=i=>i.split(" ").map(a=>a.charAt(0)).join("").toUpperCase().substring(0,2),d=({hostname:i,userProfile:a,onHomeClick:r,onSettingsClick:c,onUserProfileClick:l})=>e.jsxs("div",{className:"flex items-center justify-between w-full px-7 py-4 box-border",children:[e.jsx("div",{children:i}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(n.Button,{variant:"outline",size:"icon-sm",onClick:r,"aria-label":"Home",children:e.jsx(s.Home,{size:20})}),e.jsx(n.Button,{variant:"outline",size:"icon-sm",onClick:c,"aria-label":"Settings",children:e.jsx(s.Settings,{size:20})}),e.jsx("div",{className:"h-5 w-px"}),e.jsxs(t.Avatar,{onClick:l,children:[e.jsx(t.AvatarImage,{src:a.avatar,alt:a.name}),e.jsx(t.AvatarFallback,{children:o(a.name)})]}),e.jsx("div",{children:a.name})]})]});exports.MainHeader=d;
+//# sourceMappingURL=MainHeader.cjs.map

package/dist/components/composed/Main/MainHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainHeader.cjs","sources":["../../../../src/components/composed/Main/MainHeader.tsx"],"sourcesContent":["import { Home, Settings } from \"lucide-react\";\nimport React from \"react\";\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/components/ui/avatar\";\nimport { Button } from \"@/components/ui/button\";\n\nexport interface UserProfileInfo {\n  name: string;\n  avatar?: string;\n}\n\nexport interface MainHeaderProps {\n  hostname: string;\n  userProfile: UserProfileInfo;\n  onHomeClick?: () => void;\n  onSettingsClick?: () => void;\n  onUserProfileClick?: () => void;\n}\n\nconst getInitials = (name: string) =>\n  name\n    .split(\" \")\n    .map((part) => part.charAt(0))\n    .join(\"\")\n    .toUpperCase()\n    .substring(0, 2);\n\nexport const MainHeader: React.FC<MainHeaderProps> = ({\n  hostname,\n  userProfile,\n  onHomeClick,\n  onSettingsClick,\n  onUserProfileClick,\n}) => (\n  <div className=\"flex items-center justify-between w-full px-7 py-4 box-border\">\n    <div>{hostname}</div>\n\n    <div className=\"flex items-center gap-3\">\n      <Button variant=\"outline\" size=\"icon-sm\" onClick={onHomeClick} aria-label=\"Home\">\n        <Home size={20} />\n      </Button>\n      <Button\n        variant=\"outline\"\n        size=\"icon-sm\"\n        onClick={onSettingsClick}\n        aria-label=\"Settings\"\n      >\n        <Settings size={20} />\n      </Button>\n      <div className=\"h-5 w-px\" />\n      <Avatar onClick={onUserProfileClick}>\n        <AvatarImage src={userProfile.avatar} alt={userProfile.name} />\n        <AvatarFallback>{getInitials(userProfile.name)}</AvatarFallback>\n      </Avatar>\n      <div>{userProfile.name}</div>\n    </div>\n  </div>\n);\n"],"names":["getInitials","name","part","MainHeader","hostname","userProfile","onHomeClick","onSettingsClick","onUserProfileClick","jsxs","jsx","Button","Home","Settings","Avatar","AvatarImage","AvatarFallback"],"mappings":"iNAuBMA,EAAeC,GACnBA,EACG,MAAM,GAAG,EACT,IAAKC,GAASA,EAAK,OAAO,CAAC,CAAC,EAC5B,KAAK,EAAE,EACP,cACA,UAAU,EAAG,CAAC,EAENC,EAAwC,CAAC,CACpD,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,mBAAAC,CACF,IACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,gEACb,SAAA,CAAAC,EAAAA,IAAC,OAAK,SAAAN,CAAA,CAAS,EAEfK,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAAQ,UAAU,KAAK,UAAU,QAASL,EAAa,aAAW,OACxE,SAAAI,MAACE,EAAAA,KAAA,CAAK,KAAM,GAAI,EAClB,EACAF,EAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,UACR,KAAK,UACL,QAASJ,EACT,aAAW,WAEX,SAAAG,EAAAA,IAACG,EAAAA,SAAA,CAAS,KAAM,EAAA,CAAI,CAAA,CAAA,EAEtBH,EAAAA,IAAC,MAAA,CAAI,UAAU,UAAA,CAAW,EAC1BD,EAAAA,KAACK,EAAAA,OAAA,CAAO,QAASN,EACf,SAAA,CAAAE,MAACK,EAAAA,aAAY,IAAKV,EAAY,OAAQ,IAAKA,EAAY,KAAM,EAC7DK,EAAAA,IAACM,EAAAA,eAAA,CAAgB,SAAAhB,EAAYK,EAAY,IAAI,CAAA,CAAE,CAAA,EACjD,EACAK,EAAAA,IAAC,MAAA,CAAK,SAAAL,EAAY,IAAA,CAAK,CAAA,CAAA,CACzB,CAAA,CAAA,CACF"}

package/dist/components/composed/Main/MainHeader.js

@@ -0,0 +1,36 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { Home as c, Settings as m } from "lucide-react";
+import { Avatar as o, AvatarImage as d, AvatarFallback as p } from "../../ui/avatar.js";
+import { Button as n } from "../../ui/button.js";
+const v = (e) => e.split(" ").map((a) => a.charAt(0)).join("").toUpperCase().substring(0, 2), f = ({
+  hostname: e,
+  userProfile: a,
+  onHomeClick: r,
+  onSettingsClick: l,
+  onUserProfileClick: s
+}) => /* @__PURE__ */ t("div", { className: "flex items-center justify-between w-full px-7 py-4 box-border", children: [
+  /* @__PURE__ */ i("div", { children: e }),
+  /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ i(n, { variant: "outline", size: "icon-sm", onClick: r, "aria-label": "Home", children: /* @__PURE__ */ i(c, { size: 20 }) }),
+    /* @__PURE__ */ i(
+      n,
+      {
+        variant: "outline",
+        size: "icon-sm",
+        onClick: l,
+        "aria-label": "Settings",
+        children: /* @__PURE__ */ i(m, { size: 20 })
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: "h-5 w-px" }),
+    /* @__PURE__ */ t(o, { onClick: s, children: [
+      /* @__PURE__ */ i(d, { src: a.avatar, alt: a.name }),
+      /* @__PURE__ */ i(p, { children: v(a.name) })
+    ] }),
+    /* @__PURE__ */ i("div", { children: a.name })
+  ] })
+] });
+export {
+  f as MainHeader
+};
+//# sourceMappingURL=MainHeader.js.map

package/dist/components/composed/Main/MainHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/composed/Main/MainHeader.tsx"],"sourcesContent":["import { Home, Settings } from \"lucide-react\";\nimport React from \"react\";\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/components/ui/avatar\";\nimport { Button } from \"@/components/ui/button\";\n\nexport interface UserProfileInfo {\n  name: string;\n  avatar?: string;\n}\n\nexport interface MainHeaderProps {\n  hostname: string;\n  userProfile: UserProfileInfo;\n  onHomeClick?: () => void;\n  onSettingsClick?: () => void;\n  onUserProfileClick?: () => void;\n}\n\nconst getInitials = (name: string) =>\n  name\n    .split(\" \")\n    .map((part) => part.charAt(0))\n    .join(\"\")\n    .toUpperCase()\n    .substring(0, 2);\n\nexport const MainHeader: React.FC<MainHeaderProps> = ({\n  hostname,\n  userProfile,\n  onHomeClick,\n  onSettingsClick,\n  onUserProfileClick,\n}) => (\n  <div className=\"flex items-center justify-between w-full px-7 py-4 box-border\">\n    <div>{hostname}</div>\n\n    <div className=\"flex items-center gap-3\">\n      <Button variant=\"outline\" size=\"icon-sm\" onClick={onHomeClick} aria-label=\"Home\">\n        <Home size={20} />\n      </Button>\n      <Button\n        variant=\"outline\"\n        size=\"icon-sm\"\n        onClick={onSettingsClick}\n        aria-label=\"Settings\"\n      >\n        <Settings size={20} />\n      </Button>\n      <div className=\"h-5 w-px\" />\n      <Avatar onClick={onUserProfileClick}>\n        <AvatarImage src={userProfile.avatar} alt={userProfile.name} />\n        <AvatarFallback>{getInitials(userProfile.name)}</AvatarFallback>\n      </Avatar>\n      <div>{userProfile.name}</div>\n    </div>\n  </div>\n);\n"],"names":["getInitials","name","part","MainHeader","hostname","userProfile","onHomeClick","onSettingsClick","onUserProfileClick","jsxs","jsx","Button","Home","Settings","Avatar","AvatarImage","AvatarFallback"],"mappings":";;;;AAuBA,MAAMA,IAAc,CAACC,MACnBA,EACG,MAAM,GAAG,EACT,IAAI,CAACC,MAASA,EAAK,OAAO,CAAC,CAAC,EAC5B,KAAK,EAAE,EACP,cACA,UAAU,GAAG,CAAC,GAENC,IAAwC,CAAC;AAAA,EACpD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AACF,MACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,iEACb,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAK,UAAAN,EAAA,CAAS;AAAA,EAEf,gBAAAK,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,SAAQ,WAAU,MAAK,WAAU,SAASL,GAAa,cAAW,QACxE,UAAA,gBAAAI,EAACE,GAAA,EAAK,MAAM,IAAI,GAClB;AAAA,IACA,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAASJ;AAAA,QACT,cAAW;AAAA,QAEX,UAAA,gBAAAG,EAACG,GAAA,EAAS,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEtB,gBAAAH,EAAC,OAAA,EAAI,WAAU,WAAA,CAAW;AAAA,IAC1B,gBAAAD,EAACK,GAAA,EAAO,SAASN,GACf,UAAA;AAAA,MAAA,gBAAAE,EAACK,KAAY,KAAKV,EAAY,QAAQ,KAAKA,EAAY,MAAM;AAAA,MAC7D,gBAAAK,EAACM,GAAA,EAAgB,UAAAhB,EAAYK,EAAY,IAAI,EAAA,CAAE;AAAA,IAAA,GACjD;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAK,UAAAL,EAAY,KAAA,CAAK;AAAA,EAAA,EAAA,CACzB;AAAA,EAAA,CACF;"}

package/dist/components/composed/Main/MainNavbar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("lucide-react"),c=()=>e.jsx(l.Building,{}),i=()=>e.jsx(l.Lamp,{}),d=({organization:s})=>e.jsxs("div",{className:"flex items-center h-20 w-full pt-3 pr-6 pb-3 pl-32 box-border gap-10",children:[e.jsx("div",{className:"flex items-center h-full",children:e.jsxs("div",{className:"flex flex-col",children:[e.jsx("div",{className:"uppercase mb-0.5 tracking-[0.2px]",children:"ORGANIZATION"}),e.jsxs("div",{className:"flex items-center gap-2 w-80",children:[e.jsx("div",{children:s.logo||e.jsx(c,{})}),e.jsxs("div",{children:[e.jsx("div",{children:s.name}),s.subtext&&e.jsx("div",{children:s.subtext})]})]})]})}),e.jsx("div",{className:"flex items-center h-full",children:e.jsxs("div",{className:"flex flex-col",children:[e.jsx("div",{className:"uppercase mb-0.5 tracking-[0.2px]",children:"PROJECT"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(i,{}),e.jsx("div",{children:"Not Selected"})]})]})})]});exports.MainNavbar=d;
+//# sourceMappingURL=MainNavbar.cjs.map

package/dist/components/composed/Main/MainNavbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainNavbar.cjs","sources":["../../../../src/components/composed/Main/MainNavbar.tsx"],"sourcesContent":["import { Building, Lamp } from \"lucide-react\";\nimport React from \"react\";\n\nexport interface OrganizationInfo {\n  name: string;\n  subtext?: string;\n  logo?: React.ReactNode;\n}\n\nexport interface MainNavbarProps {\n  organization: OrganizationInfo;\n}\n\nconst DefaultLogo = () => <Building />;\nconst DefaultProjectIcon = () => <Lamp />;\n\nexport const MainNavbar: React.FC<MainNavbarProps> = ({ organization }) => (\n  <div className=\"flex items-center h-20 w-full pt-3 pr-6 pb-3 pl-32 box-border gap-10\">\n    <div className=\"flex items-center h-full\">\n      <div className=\"flex flex-col\">\n        <div className=\"uppercase mb-0.5 tracking-[0.2px]\">ORGANIZATION</div>\n        <div className=\"flex items-center gap-2 w-80\">\n          <div>{organization.logo || <DefaultLogo />}</div>\n          <div>\n            <div>{organization.name}</div>\n            {organization.subtext && (\n              <div>{organization.subtext}</div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div className=\"flex items-center h-full\">\n      <div className=\"flex flex-col\">\n        <div className=\"uppercase mb-0.5 tracking-[0.2px]\">PROJECT</div>\n        <div className=\"flex items-center gap-2\">\n          <DefaultProjectIcon />\n          <div>Not Selected</div>\n        </div>\n      </div>\n    </div>\n  </div>\n);\n"],"names":["DefaultLogo","jsx","Building","DefaultProjectIcon","Lamp","MainNavbar","organization","jsxs"],"mappings":"+IAaMA,EAAc,IAAMC,EAAAA,IAACC,EAAAA,SAAA,EAAS,EAC9BC,EAAqB,IAAMF,EAAAA,IAACG,EAAAA,KAAA,EAAK,EAE1BC,EAAwC,CAAC,CAAE,aAAAC,KACtDC,EAAAA,KAAC,MAAA,CAAI,UAAU,uEACb,SAAA,CAAAN,EAAAA,IAAC,OAAI,UAAU,2BACb,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,UAAU,oCAAoC,SAAA,eAAY,EAC/DM,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAN,MAAC,MAAA,CAAK,SAAAK,EAAa,MAAQL,MAACD,IAAY,EAAG,SAC1C,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAK,WAAa,IAAA,CAAK,EACvBK,EAAa,SACZL,MAAC,MAAA,CAAK,WAAa,OAAA,CAAQ,CAAA,CAAA,CAE/B,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,QAEC,MAAA,CAAI,UAAU,2BACb,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,UAAU,oCAAoC,SAAA,UAAO,EAC1DM,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAN,EAAAA,IAACE,EAAA,EAAmB,EACpBF,EAAAA,IAAC,OAAI,SAAA,cAAA,CAAY,CAAA,CAAA,CACnB,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CACF"}

package/dist/components/composed/Main/MainNavbar.js

@@ -0,0 +1,25 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Building as i, Lamp as s } from "lucide-react";
+const d = () => /* @__PURE__ */ e(i, {}), r = () => /* @__PURE__ */ e(s, {}), m = ({ organization: c }) => /* @__PURE__ */ l("div", { className: "flex items-center h-20 w-full pt-3 pr-6 pb-3 pl-32 box-border gap-10", children: [
+  /* @__PURE__ */ e("div", { className: "flex items-center h-full", children: /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "uppercase mb-0.5 tracking-[0.2px]", children: "ORGANIZATION" }),
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-2 w-80", children: [
+      /* @__PURE__ */ e("div", { children: c.logo || /* @__PURE__ */ e(d, {}) }),
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ e("div", { children: c.name }),
+        c.subtext && /* @__PURE__ */ e("div", { children: c.subtext })
+      ] })
+    ] })
+  ] }) }),
+  /* @__PURE__ */ e("div", { className: "flex items-center h-full", children: /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "uppercase mb-0.5 tracking-[0.2px]", children: "PROJECT" }),
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(r, {}),
+      /* @__PURE__ */ e("div", { children: "Not Selected" })
+    ] })
+  ] }) })
+] });
+export {
+  m as MainNavbar
+};
+//# sourceMappingURL=MainNavbar.js.map

package/dist/components/composed/Main/MainNavbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainNavbar.js","sources":["../../../../src/components/composed/Main/MainNavbar.tsx"],"sourcesContent":["import { Building, Lamp } from \"lucide-react\";\nimport React from \"react\";\n\nexport interface OrganizationInfo {\n  name: string;\n  subtext?: string;\n  logo?: React.ReactNode;\n}\n\nexport interface MainNavbarProps {\n  organization: OrganizationInfo;\n}\n\nconst DefaultLogo = () => <Building />;\nconst DefaultProjectIcon = () => <Lamp />;\n\nexport const MainNavbar: React.FC<MainNavbarProps> = ({ organization }) => (\n  <div className=\"flex items-center h-20 w-full pt-3 pr-6 pb-3 pl-32 box-border gap-10\">\n    <div className=\"flex items-center h-full\">\n      <div className=\"flex flex-col\">\n        <div className=\"uppercase mb-0.5 tracking-[0.2px]\">ORGANIZATION</div>\n        <div className=\"flex items-center gap-2 w-80\">\n          <div>{organization.logo || <DefaultLogo />}</div>\n          <div>\n            <div>{organization.name}</div>\n            {organization.subtext && (\n              <div>{organization.subtext}</div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div className=\"flex items-center h-full\">\n      <div className=\"flex flex-col\">\n        <div className=\"uppercase mb-0.5 tracking-[0.2px]\">PROJECT</div>\n        <div className=\"flex items-center gap-2\">\n          <DefaultProjectIcon />\n          <div>Not Selected</div>\n        </div>\n      </div>\n    </div>\n  </div>\n);\n"],"names":["DefaultLogo","jsx","Building","DefaultProjectIcon","Lamp","MainNavbar","organization","jsxs"],"mappings":";;AAaA,MAAMA,IAAc,MAAM,gBAAAC,EAACC,GAAA,EAAS,GAC9BC,IAAqB,MAAM,gBAAAF,EAACG,GAAA,EAAK,GAE1BC,IAAwC,CAAC,EAAE,cAAAC,QACtD,gBAAAC,EAAC,OAAA,EAAI,WAAU,wEACb,UAAA;AAAA,EAAA,gBAAAN,EAAC,SAAI,WAAU,4BACb,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,gBAAAN,EAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA,gBAAY;AAAA,IAC/D,gBAAAM,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA,gBAAAN,EAAC,OAAA,EAAK,UAAAK,EAAa,QAAQ,gBAAAL,EAACD,KAAY,GAAG;AAAA,wBAC1C,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAK,YAAa,KAAA,CAAK;AAAA,QACvBK,EAAa,WACZ,gBAAAL,EAAC,OAAA,EAAK,YAAa,QAAA,CAAQ;AAAA,MAAA,EAAA,CAE/B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAAA,oBAEC,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,gBAAAN,EAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA,WAAO;AAAA,IAC1D,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,gBAAAN,EAACE,GAAA,EAAmB;AAAA,MACpB,gBAAAF,EAAC,SAAI,UAAA,eAAA,CAAY;AAAA,IAAA,EAAA,CACnB;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,CACF;"}

package/dist/components/composed/Main/MainSidebar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../Sidebar/Sidebar.cjs"),o=require("../../ui/scroll-area.cjs"),s=({items:r,activeItem:i,onItemClick:t})=>e.jsx(o.ScrollArea,{children:e.jsx(n,{items:r,activeItem:i,onItemClick:t})});exports.MainSidebar=s;
+//# sourceMappingURL=MainSidebar.cjs.map

package/dist/components/composed/Main/MainSidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainSidebar.cjs","sources":["../../../../src/components/composed/Main/MainSidebar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { LucideIcon } from \"lucide-react\";\n\nimport { AppSidebar } from \"@/components/composed/Sidebar\";\nimport { ScrollArea } from \"@/components/ui/scroll-area\";\n\ntype MainSidebarIcon = LucideIcon;\n\nexport interface MainSidebarItem {\n  icon: MainSidebarIcon;\n  label: string;\n}\n\nexport interface MainSidebarProps {\n  items: MainSidebarItem[];\n  activeItem?: string;\n  onItemClick?: (label: string) => void;\n}\n\nexport const MainSidebar: React.FC<MainSidebarProps> = ({\n  items,\n  activeItem,\n  onItemClick,\n}) => (\n  <ScrollArea>\n    <AppSidebar items={items} activeItem={activeItem} onItemClick={onItemClick} />\n  </ScrollArea>\n);"],"names":["MainSidebar","items","activeItem","onItemClick","ScrollArea","jsx","AppSidebar"],"mappings":"+LAoBaA,EAA0C,CAAC,CACtD,MAAAC,EACA,WAAAC,EACA,YAAAC,CACF,UACGC,EAAAA,WAAA,CACC,SAAAC,EAAAA,IAACC,GAAW,MAAAL,EAAc,WAAAC,EAAwB,YAAAC,EAA0B,CAAA,CAC9E"}

package/dist/components/composed/Main/MainSidebar.js

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "../Sidebar/Sidebar.js";
+import { ScrollArea as t } from "../../ui/scroll-area.js";
+const d = ({
+  items: o,
+  activeItem: i,
+  onItemClick: m
+}) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(e, { items: o, activeItem: i, onItemClick: m }) });
+export {
+  d as MainSidebar
+};
+//# sourceMappingURL=MainSidebar.js.map

package/dist/components/composed/Main/MainSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainSidebar.js","sources":["../../../../src/components/composed/Main/MainSidebar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { LucideIcon } from \"lucide-react\";\n\nimport { AppSidebar } from \"@/components/composed/Sidebar\";\nimport { ScrollArea } from \"@/components/ui/scroll-area\";\n\ntype MainSidebarIcon = LucideIcon;\n\nexport interface MainSidebarItem {\n  icon: MainSidebarIcon;\n  label: string;\n}\n\nexport interface MainSidebarProps {\n  items: MainSidebarItem[];\n  activeItem?: string;\n  onItemClick?: (label: string) => void;\n}\n\nexport const MainSidebar: React.FC<MainSidebarProps> = ({\n  items,\n  activeItem,\n  onItemClick,\n}) => (\n  <ScrollArea>\n    <AppSidebar items={items} activeItem={activeItem} onItemClick={onItemClick} />\n  </ScrollArea>\n);"],"names":["MainSidebar","items","activeItem","onItemClick","ScrollArea","jsx","AppSidebar"],"mappings":";;;AAoBO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AACF,wBACGC,GAAA,EACC,UAAA,gBAAAC,EAACC,KAAW,OAAAL,GAAc,YAAAC,GAAwB,aAAAC,GAA0B,EAAA,CAC9E;"}

package/dist/components/composed/Main/MainTabBar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../ui/tabs.cjs"),r=({tabs:i,value:l,onChange:n})=>e.jsx(s.Tabs,{className:"gap-0",value:l,onValueChange:n,children:e.jsx(s.TabsList,{variant:"line",className:"w-full justify-start gap-6 p-0",children:i.map(a=>e.jsx(s.TabsTrigger,{className:"flex-none pb-3 px-0 pt-0",value:a.id,children:a.label},a.id))})});exports.MainTabBar=r;
+//# sourceMappingURL=MainTabBar.cjs.map

package/dist/components/composed/Main/MainTabBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainTabBar.cjs","sources":["../../../../src/components/composed/Main/MainTabBar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Tabs, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\n\nexport interface MainTabItem {\n  id: string;\n  label: string;\n}\n\nexport interface MainTabBarProps {\n  tabs: MainTabItem[];\n  value: string;\n  onChange: (tabId: string) => void;\n}\n\nexport const MainTabBar: React.FC<MainTabBarProps> = ({ tabs, value, onChange }) => (\n  <Tabs className=\"gap-0\" value={value} onValueChange={onChange}>\n    <TabsList variant=\"line\" className=\"w-full justify-start gap-6 p-0\">\n      {tabs.map((tab) => (\n        <TabsTrigger className=\"flex-none pb-3 px-0 pt-0\" key={tab.id} value={tab.id}>\n          {tab.label}\n        </TabsTrigger>\n      ))}\n    </TabsList>\n  </Tabs>\n);\n"],"names":["MainTabBar","tabs","value","onChange","jsx","Tabs","TabsList","tab","TabsTrigger"],"mappings":"oJAeaA,EAAwC,CAAC,CAAA,KAAEC,EAAM,MAAAC,EAAO,SAAAC,KACnEC,EAAAA,IAACC,EAAAA,KAAA,CAAK,UAAU,QAAQ,MAAAH,EAAc,cAAeC,EACnD,SAAAC,EAAAA,IAACE,YAAS,QAAQ,OAAO,UAAU,iCAChC,WAAK,IAAKC,GACTH,EAAAA,IAACI,EAAAA,aAAY,UAAU,2BAAwC,MAAOD,EAAI,GACvE,SAAAA,EAAI,KAAA,EADgDA,EAAI,EAE3D,CACD,EACH,CAAA,CACF"}

package/dist/components/composed/Main/MainTabBar.js

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Tabs as r, TabsList as n, TabsTrigger as p } from "../../ui/tabs.js";
+const t = ({ tabs: l, value: s, onChange: i }) => /* @__PURE__ */ e(r, { className: "gap-0", value: s, onValueChange: i, children: /* @__PURE__ */ e(n, { variant: "line", className: "w-full justify-start gap-6 p-0", children: l.map((a) => /* @__PURE__ */ e(p, { className: "flex-none pb-3 px-0 pt-0", value: a.id, children: a.label }, a.id)) }) });
+export {
+  t as MainTabBar
+};
+//# sourceMappingURL=MainTabBar.js.map

package/dist/components/composed/Main/MainTabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainTabBar.js","sources":["../../../../src/components/composed/Main/MainTabBar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Tabs, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\n\nexport interface MainTabItem {\n  id: string;\n  label: string;\n}\n\nexport interface MainTabBarProps {\n  tabs: MainTabItem[];\n  value: string;\n  onChange: (tabId: string) => void;\n}\n\nexport const MainTabBar: React.FC<MainTabBarProps> = ({ tabs, value, onChange }) => (\n  <Tabs className=\"gap-0\" value={value} onValueChange={onChange}>\n    <TabsList variant=\"line\" className=\"w-full justify-start gap-6 p-0\">\n      {tabs.map((tab) => (\n        <TabsTrigger className=\"flex-none pb-3 px-0 pt-0\" key={tab.id} value={tab.id}>\n          {tab.label}\n        </TabsTrigger>\n      ))}\n    </TabsList>\n  </Tabs>\n);\n"],"names":["MainTabBar","tabs","value","onChange","jsx","Tabs","TabsList","tab","TabsTrigger"],"mappings":";;AAeO,MAAMA,IAAwC,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,UAAAC,QACnE,gBAAAC,EAACC,GAAA,EAAK,WAAU,SAAQ,OAAAH,GAAc,eAAeC,GACnD,UAAA,gBAAAC,EAACE,KAAS,SAAQ,QAAO,WAAU,kCAChC,YAAK,IAAI,CAACC,MACT,gBAAAH,EAACI,KAAY,WAAU,4BAAwC,OAAOD,EAAI,IACvE,UAAAA,EAAI,MAAA,GADgDA,EAAI,EAE3D,CACD,GACH,EAAA,CACF;"}

package/dist/components/composed/Main/ProtocolConfigurationPanel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("lucide-react"),r=require("react"),o=require("../../ui/button.cjs"),t=require("../../ui/card.cjs"),d=require("../../ui/label.cjs"),c=require("../../ui/switch.cjs"),l=()=>{const[i,s]=r.useState(!1);return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between pb-6",children:[e.jsx("h2",{className:"m-0 text-xl font-semibold leading-7",children:"Protocol Configuration"}),e.jsxs("div",{className:"flex items-center gap-2 text-[15px] font-medium",children:[e.jsx(c.Switch,{checked:i,onCheckedChange:s}),e.jsx(d.Label,{htmlFor:"edit-mode-switch",children:"Edit Mode"})]})]}),e.jsxs(t.Card,{children:[e.jsx(t.CardHeader,{children:e.jsx(t.CardTitle,{children:"Configuration"})}),e.jsx(t.CardContent,{children:i?e.jsxs(o.Button,{variant:"secondary",children:[e.jsx(n.Plus,{}),"Add Input"]}):e.jsx("div",{children:"No values, Use the 'edit' button to add values"})})]})]})};exports.ProtocolConfigurationPanel=l;
+//# sourceMappingURL=ProtocolConfigurationPanel.cjs.map

package/dist/components/composed/Main/ProtocolConfigurationPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProtocolConfigurationPanel.cjs","sources":["../../../../src/components/composed/Main/ProtocolConfigurationPanel.tsx"],"sourcesContent":["import { Plus } from \"lucide-react\";\nimport React, { useState } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Label } from \"@/components/ui/label\";\nimport { Switch } from \"@/components/ui/switch\";\n\nexport const ProtocolConfigurationPanel: React.FC = () => {\n  const [isEditMode, setIsEditMode] = useState(false);\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between pb-6\">\n        <h2 className=\"m-0 text-xl font-semibold leading-7\">Protocol Configuration</h2>\n        <div className=\"flex items-center gap-2 text-[15px] font-medium\">\n          <Switch checked={isEditMode} onCheckedChange={setIsEditMode} />\n          <Label htmlFor=\"edit-mode-switch\">Edit Mode</Label>\n        </div>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Configuration</CardTitle>\n        </CardHeader>\n        <CardContent>\n          {isEditMode ? (\n            <Button variant=\"secondary\">\n              <Plus />\n              Add Input\n            </Button>\n          ) : (\n            <div>No values, Use the 'edit' button to add values</div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"names":["ProtocolConfigurationPanel","isEditMode","setIsEditMode","useState","jsxs","jsx","Switch","Label","Card","CardHeader","CardTitle","CardContent","Button","Plus"],"mappings":"mSAQaA,EAAuC,IAAM,CACxD,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAElD,cACG,MAAA,CACC,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,sCAAsC,SAAA,yBAAsB,EAC1ED,EAAAA,KAAC,MAAA,CAAI,UAAU,kDACb,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAASL,EAAY,gBAAiBC,EAAe,EAC7DG,EAAAA,IAACE,EAAAA,MAAA,CAAM,QAAQ,mBAAmB,SAAA,WAAA,CAAS,CAAA,CAAA,CAC7C,CAAA,EACF,SACCC,EAAAA,KAAA,CACC,SAAA,CAAAH,MAACI,EAAAA,WAAA,CACC,SAAAJ,EAAAA,IAACK,EAAAA,UAAA,CAAU,SAAA,eAAA,CAAa,EAC1B,QACCC,EAAAA,YAAA,CACE,SAAAV,EACCG,OAACQ,EAAAA,OAAA,CAAO,QAAQ,YACd,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,KAAA,EAAK,EAAE,WAAA,CAAA,CAEV,EAEAR,EAAAA,IAAC,MAAA,CAAI,SAAA,gDAAA,CAA8C,CAAA,CAEvD,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/components/composed/Main/ProtocolConfigurationPanel.js

@@ -0,0 +1,30 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Plus as r } from "lucide-react";
+import { useState as d } from "react";
+import { Button as n } from "../../ui/button.js";
+import { Card as l, CardHeader as a, CardTitle as c, CardContent as s } from "../../ui/card.js";
+import { Label as m } from "../../ui/label.js";
+import { Switch as h } from "../../ui/switch.js";
+const b = () => {
+  const [i, o] = d(!1);
+  return /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center justify-between pb-6", children: [
+      /* @__PURE__ */ e("h2", { className: "m-0 text-xl font-semibold leading-7", children: "Protocol Configuration" }),
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-[15px] font-medium", children: [
+        /* @__PURE__ */ e(h, { checked: i, onCheckedChange: o }),
+        /* @__PURE__ */ e(m, { htmlFor: "edit-mode-switch", children: "Edit Mode" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(l, { children: [
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(c, { children: "Configuration" }) }),
+      /* @__PURE__ */ e(s, { children: i ? /* @__PURE__ */ t(n, { variant: "secondary", children: [
+        /* @__PURE__ */ e(r, {}),
+        "Add Input"
+      ] }) : /* @__PURE__ */ e("div", { children: "No values, Use the 'edit' button to add values" }) })
+    ] })
+  ] });
+};
+export {
+  b as ProtocolConfigurationPanel
+};
+//# sourceMappingURL=ProtocolConfigurationPanel.js.map

package/dist/components/composed/Main/ProtocolConfigurationPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProtocolConfigurationPanel.js","sources":["../../../../src/components/composed/Main/ProtocolConfigurationPanel.tsx"],"sourcesContent":["import { Plus } from \"lucide-react\";\nimport React, { useState } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Label } from \"@/components/ui/label\";\nimport { Switch } from \"@/components/ui/switch\";\n\nexport const ProtocolConfigurationPanel: React.FC = () => {\n  const [isEditMode, setIsEditMode] = useState(false);\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between pb-6\">\n        <h2 className=\"m-0 text-xl font-semibold leading-7\">Protocol Configuration</h2>\n        <div className=\"flex items-center gap-2 text-[15px] font-medium\">\n          <Switch checked={isEditMode} onCheckedChange={setIsEditMode} />\n          <Label htmlFor=\"edit-mode-switch\">Edit Mode</Label>\n        </div>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Configuration</CardTitle>\n        </CardHeader>\n        <CardContent>\n          {isEditMode ? (\n            <Button variant=\"secondary\">\n              <Plus />\n              Add Input\n            </Button>\n          ) : (\n            <div>No values, Use the 'edit' button to add values</div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"names":["ProtocolConfigurationPanel","isEditMode","setIsEditMode","useState","jsxs","jsx","Switch","Label","Card","CardHeader","CardTitle","CardContent","Button","Plus"],"mappings":";;;;;;;AAQO,MAAMA,IAAuC,MAAM;AACxD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK;AAElD,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,uCAAsC,UAAA,0BAAsB;AAAA,MAC1E,gBAAAD,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAO,SAASL,GAAY,iBAAiBC,GAAe;AAAA,QAC7D,gBAAAG,EAACE,GAAA,EAAM,SAAQ,oBAAmB,UAAA,YAAA,CAAS;AAAA,MAAA,EAAA,CAC7C;AAAA,IAAA,GACF;AAAA,sBACCC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,EAAU,UAAA,gBAAA,CAAa,GAC1B;AAAA,wBACCC,GAAA,EACE,UAAAV,IACC,gBAAAG,EAACQ,GAAA,EAAO,SAAQ,aACd,UAAA;AAAA,QAAA,gBAAAP,EAACQ,GAAA,EAAK;AAAA,QAAE;AAAA,MAAA,EAAA,CAEV,IAEA,gBAAAR,EAAC,OAAA,EAAI,UAAA,iDAAA,CAA8C,EAAA,CAEvD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/composed/Main/TemplateSidebarCard.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../ui/button.cjs"),i=require("../../ui/card.cjs"),s=require("../../../lib/utils.cjs"),p=({title:d,description:o,buttonText:a,linkText:n,status:l="default",onButtonClick:c,onLinkClick:u,className:m})=>{const r=l==="disabled";return e.jsx(i.Card,{className:s.cn("hover:bg-secondary/50 transition-colors duration-200 ease-in-out",r?"cursor-not-allowed":"cursor-pointer",m),size:"sm",children:e.jsxs(i.CardContent,{children:[e.jsx("h3",{className:s.cn("m-0 mb-1 text-base font-semibold leading-6",r?"text-disabled":"text-default"),children:d}),o&&e.jsx("p",{className:"m-0 mb-4 text-muted-foreground text-[13px] font-normal leading-5",children:o}),(a||n)&&e.jsxs("div",{className:"flex items-center gap-4",children:[a&&e.jsx(x.Button,{variant:"secondary",size:"sm",disabled:r,onClick:t=>{t.stopPropagation(),c?.()},children:a}),n&&e.jsx("button",{className:s.cn("no-underline text-[13px] font-medium leading-[18px]",r?"text-[var(--muted)] cursor-not-allowed":"text-[var(--primary)] cursor-pointer hover:underline"),onClick:t=>{t.preventDefault(),t.stopPropagation(),r||u?.()},children:n})]})]})})};exports.TemplateSidebarCard=p;
+//# sourceMappingURL=TemplateSidebarCard.cjs.map

package/dist/components/composed/Main/TemplateSidebarCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateSidebarCard.cjs","sources":["../../../../src/components/composed/Main/TemplateSidebarCard.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { cn } from \"@/lib/utils\";\n\nexport type TemplateSidebarCardStatus = \"default\" | \"active\" | \"disabled\";\n\nexport interface TemplateSidebarCardProps {\n  title: string;\n  description?: string;\n  buttonText?: string;\n  linkText?: string;\n  status?: TemplateSidebarCardStatus;\n  onButtonClick?: () => void;\n  onLinkClick?: () => void;\n  className?: string;\n}\n\nexport const TemplateSidebarCard: React.FC<TemplateSidebarCardProps> = ({\n  title,\n  description,\n  buttonText,\n  linkText,\n  status = \"default\",\n  onButtonClick,\n  onLinkClick,\n  className,\n}) => {\n  const disabled = status === \"disabled\";\n\n  return (\n    <Card\n      className={cn(\n        \"hover:bg-secondary/50 transition-colors duration-200 ease-in-out\",\n        disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n        className\n      )}\n      size=\"sm\"\n    >\n      <CardContent>\n        <h3\n          className={cn(\n            \"m-0 mb-1 text-base font-semibold leading-6\",\n            disabled ? \"text-disabled\" : \"text-default\"\n          )}\n        >\n          {title}\n        </h3>\n        {description && (\n          <p className=\"m-0 mb-4 text-muted-foreground text-[13px] font-normal leading-5\">\n            {description}\n          </p>\n        )}\n        {(buttonText || linkText) && (\n          <div className=\"flex items-center gap-4\">\n            {buttonText && (\n              <Button\n                variant=\"secondary\"\n                size=\"sm\"\n                disabled={disabled}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  onButtonClick?.();\n                }}\n              >\n                {buttonText}\n              </Button>\n            )}\n            {linkText && (\n              <button\n                className={cn(\n                  \"no-underline text-[13px] font-medium leading-[18px]\",\n                  disabled\n                    ? \"text-[var(--muted)] cursor-not-allowed\"\n                    : \"text-[var(--primary)] cursor-pointer hover:underline\"\n                )}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (!disabled) onLinkClick?.();\n                }}\n              >\n                {linkText}\n              </button>\n            )}\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["TemplateSidebarCard","title","description","buttonText","linkText","status","onButtonClick","onLinkClick","className","disabled","jsx","Card","cn","CardContent","jsxs","Button","event"],"mappings":"yNAmBaA,EAA0D,CAAC,CACtE,MAAAC,EACA,YAAAC,EACA,WAAAC,EACA,SAAAC,EACA,OAAAC,EAAS,UACT,cAAAC,EACA,YAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAWJ,IAAW,WAE5B,OACEK,EAAAA,IAACC,EAAAA,KAAA,CACC,UAAWC,EAAAA,GACT,mEACAH,EAAW,qBAAuB,iBAClCD,CAAA,EAEF,KAAK,KAEL,gBAACK,cAAA,CACC,SAAA,CAAAH,EAAAA,IAAC,KAAA,CACC,UAAWE,EAAAA,GACT,6CACAH,EAAW,gBAAkB,cAAA,EAG9B,SAAAR,CAAA,CAAA,EAEFC,GACCQ,EAAAA,IAAC,IAAA,CAAE,UAAU,mEACV,SAAAR,EACH,GAEAC,GAAcC,IACdU,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAX,GACCO,EAAAA,IAACK,EAAAA,OAAA,CACC,QAAQ,YACR,KAAK,KACL,SAAAN,EACA,QAAUO,GAAU,CAClBA,EAAM,gBAAA,EACNV,IAAA,CACF,EAEC,SAAAH,CAAA,CAAA,EAGJC,GACCM,EAAAA,IAAC,SAAA,CACC,UAAWE,EAAAA,GACT,sDACAH,EACI,yCACA,sDAAA,EAEN,QAAUO,GAAU,CAClBA,EAAM,eAAA,EACNA,EAAM,gBAAA,EACDP,GAAUF,IAAA,CACjB,EAEC,SAAAH,CAAA,CAAA,CACH,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,CAAA,CAGN"}