@recombine-ai/bosun 0.1.0

package/build/server/chunks/_page.svelte--F_wcrBT.js

@@ -0,0 +1,270 @@
+import { J as copy_payload, K as assign_payload, P as attr, N as attr_class, Q as clsx, v as push, x as pop } from './index-o5QjKPCU.js';
+import { B as Button, L as Link, D as Dropdown, I as Icon } from './Link--GZl5SPN.js';
+
+function defaultSeparator($$payload) {
+  $$payload.out.push(`<span class="inline-flex select-none items-center" aria-hidden="true">`);
+  Icon($$payload, { name: "chevron-right" });
+  $$payload.out.push(`<!----></span>`);
+}
+function Breadcrumbs($$payload, $$props) {
+  let {
+    ariaLabel = "breadcrumb",
+    separator = defaultSeparator,
+    children,
+    class: className = ""
+  } = $$props;
+  $$payload.out.push(`<nav${attr("aria-label", ariaLabel)}${attr_class(clsx(className))}><div role="list" class="flex flex-wrap items-center">`);
+  children($$payload, { separator });
+  $$payload.out.push(`<!----></div></nav>`);
+}
+function Crumb($$payload, $$props) {
+  push();
+  let {
+    href = null,
+    current = false,
+    class: className = "",
+    children,
+    dropdown = null,
+    dropdownId,
+    onClick
+  } = $$props;
+  let isOpen = false;
+  let triggerEl = null;
+  const uid = Math.random().toString(36).slice(2, 8);
+  const ddId = dropdownId ?? `crumb-dd-${uid}`;
+  function close() {
+    isOpen = false;
+  }
+  $$payload.out.push(`<span role="listitem" class="inline-flex items-center">`);
+  if (href && !current) {
+    $$payload.out.push("<!--[-->");
+    $$payload.out.push(`<a${attr("href", href)}${attr("aria-haspopup", dropdown ? "menu" : void 0)}${attr("aria-expanded", dropdown ? isOpen : void 0)}${attr_class("inline-flex items-center gap-1 text-rc-gray-100 hover:text-rc-green-200 focus:text-rc-green-200 focus:outline-none " + className)}>`);
+    children($$payload);
+    $$payload.out.push(`<!----></a>`);
+  } else {
+    $$payload.out.push("<!--[!-->");
+    $$payload.out.push(`<span${attr("role", dropdown ? "button" : void 0)}${attr("tabindex", dropdown ? 0 : void 0)}${attr("aria-current", current ? "page" : void 0)}${attr("aria-haspopup", dropdown ? "menu" : void 0)}${attr("aria-expanded", dropdown ? isOpen : void 0)}${attr_class("inline-flex items-center gap-1 text-rc-green-200 " + className)}>`);
+    children($$payload);
+    $$payload.out.push(`<!----></span>`);
+  }
+  $$payload.out.push(`<!--]--> `);
+  if (dropdown) {
+    $$payload.out.push("<!--[-->");
+    Dropdown($$payload, {
+      open: isOpen,
+      anchorEl: triggerEl,
+      id: ddId,
+      onClose: close,
+      children: ($$payload2) => {
+        dropdown($$payload2);
+        $$payload2.out.push(`<!---->`);
+      }
+    });
+  } else {
+    $$payload.out.push("<!--[!-->");
+  }
+  $$payload.out.push(`<!--]--></span>`);
+  pop();
+}
+function _page($$payload) {
+  let isOpen = false;
+  let triggerEl = null;
+  function toggle() {
+    isOpen = !isOpen;
+  }
+  function close() {
+    isOpen = false;
+  }
+  let $$settled = true;
+  let $$inner_payload;
+  function $$render_inner($$payload2) {
+    $$payload2.out.push(`<div class="m-4 flex w-fit flex-col gap-4">`);
+    Button($$payload2, {
+      children: ($$payload3) => {
+        $$payload3.out.push(`<!---->Just Click`);
+      },
+      $$slots: { default: true }
+    });
+    $$payload2.out.push(`<!----> `);
+    Button($$payload2, {
+      children: ($$payload3) => {
+        Link($$payload3, {
+          href: "/",
+          children: ($$payload4) => {
+            $$payload4.out.push(`<!---->Link to Main`);
+          },
+          $$slots: { default: true }
+        });
+      },
+      $$slots: { default: true }
+    });
+    $$payload2.out.push(`<!----> `);
+    Button($$payload2, {
+      onclick: toggle,
+      "aria-controls": "check-dropdown",
+      "aria-haspopup": "menu",
+      "aria-expanded": isOpen,
+      get el() {
+        return triggerEl;
+      },
+      set el($$value) {
+        triggerEl = $$value;
+        $$settled = false;
+      },
+      children: ($$payload3) => {
+        $$payload3.out.push(`<!---->Check Dropdown`);
+      },
+      $$slots: { default: true }
+    });
+    $$payload2.out.push(`<!----> `);
+    {
+      let children = function($$payload3) {
+        $$payload3.out.push(`<ul role="menu"><li role="menuitem" class="w-full cursor-pointer rounded p-3 text-left text-rc-gray-300 hover:bg-rc-gray-700 focus:bg-rc-gray-700 focus:outline-none">Item 1</li> <li role="menuitem" class="w-full cursor-pointer rounded p-3 text-left text-rc-gray-300 hover:bg-rc-gray-700 focus:bg-rc-gray-700 focus:outline-none">Item 2</li> <li role="menuitem" class="w-full cursor-pointer rounded p-3 text-left text-rc-gray-300 hover:bg-rc-gray-700 focus:bg-rc-gray-700 focus:outline-none">Item 3</li></ul>`);
+      };
+      Dropdown($$payload2, {
+        open: isOpen,
+        id: "check-dropdown",
+        placement: "bottom-start",
+        offset: [0, 3],
+        anchorEl: triggerEl,
+        onClose: close,
+        children
+      });
+    }
+    $$payload2.out.push(`<!----></div> <div class="m-4 p-4"><p>Without Dropdown</p> `);
+    {
+      let children = function($$payload3, { separator }) {
+        Crumb($$payload3, {
+          href: "/",
+          children: ($$payload4) => {
+            $$payload4.out.push(`<!---->Chat`);
+          }
+        });
+        $$payload3.out.push(`<!----> `);
+        separator($$payload3);
+        $$payload3.out.push(`<!----> `);
+        Crumb($$payload3, {
+          href: "/tests",
+          children: ($$payload4) => {
+            $$payload4.out.push(`<!---->Tests`);
+          }
+        });
+        $$payload3.out.push(`<!----> `);
+        separator($$payload3);
+        $$payload3.out.push(`<!----> `);
+        Crumb($$payload3, {
+          current: true,
+          children: ($$payload4) => {
+            $$payload4.out.push(`<!---->Breadcrumbs`);
+          }
+        });
+        $$payload3.out.push(`<!---->`);
+      };
+      Breadcrumbs($$payload2, {
+        class: "text-rc-gray-200",
+        children
+      });
+    }
+    $$payload2.out.push(`<!----></div> <div class="m-4 p-4"><p>With Dropdown</p> `);
+    {
+      let children = function($$payload3, { separator }) {
+        {
+          let children2 = function($$payload4) {
+            $$payload4.out.push(`<!---->Chat`);
+          }, dropdown = function($$payload4) {
+            $$payload4.out.push(`<div class="dropdown-container">`);
+            Link($$payload4, {
+              href: "/src",
+              class: "dropdown-elements",
+              children: ($$payload5) => {
+                $$payload5.out.push(`<!---->src`);
+              },
+              $$slots: { default: true }
+            });
+            $$payload4.out.push(`<!----> `);
+            Link($$payload4, {
+              href: "/services",
+              class: "dropdown-elements",
+              children: ($$payload5) => {
+                $$payload5.out.push(`<!---->services`);
+              },
+              $$slots: { default: true }
+            });
+            $$payload4.out.push(`<!----></div>`);
+          };
+          Crumb($$payload3, {
+            href: "/",
+            children: children2,
+            dropdown
+          });
+        }
+        $$payload3.out.push(`<!----> `);
+        separator($$payload3);
+        $$payload3.out.push(`<!----> `);
+        {
+          let children2 = function($$payload4) {
+            $$payload4.out.push(`<!---->Tests`);
+          }, dropdown = function($$payload4) {
+            $$payload4.out.push(`<div class="dropdown-container">`);
+            Link($$payload4, {
+              href: "/tests/components",
+              class: "dropdown-elements",
+              children: ($$payload5) => {
+                $$payload5.out.push(`<!---->components`);
+              },
+              $$slots: { default: true }
+            });
+            $$payload4.out.push(`<!----> `);
+            Link($$payload4, {
+              href: "/tests/foo",
+              class: "dropdown-elements",
+              children: ($$payload5) => {
+                $$payload5.out.push(`<!---->foo`);
+              },
+              $$slots: { default: true }
+            });
+            $$payload4.out.push(`<!----> `);
+            Link($$payload4, {
+              href: "/tests/bar",
+              class: "dropdown-elements",
+              children: ($$payload5) => {
+                $$payload5.out.push(`<!---->bar`);
+              },
+              $$slots: { default: true }
+            });
+            $$payload4.out.push(`<!----></div>`);
+          };
+          Crumb($$payload3, {
+            href: "/tests",
+            children: children2,
+            dropdown
+          });
+        }
+        $$payload3.out.push(`<!----> `);
+        separator($$payload3);
+        $$payload3.out.push(`<!----> `);
+        {
+          let children2 = function($$payload4) {
+            $$payload4.out.push(`<!---->Breadcrumbs`);
+          };
+          Crumb($$payload3, { current: true, children: children2 });
+        }
+        $$payload3.out.push(`<!---->`);
+      };
+      Breadcrumbs($$payload2, {
+        class: "text-rc-gray-200",
+        children
+      });
+    }
+    $$payload2.out.push(`<!----></div>`);
+  }
+  do {
+    $$settled = true;
+    $$inner_payload = copy_payload($$payload);
+    $$render_inner($$inner_payload);
+  } while (!$$settled);
+  assign_payload($$payload, $$inner_payload);
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte--F_wcrBT.js.map

package/build/server/chunks/_page.svelte--F_wcrBT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_page.svelte--F_wcrBT.js","sources":["../../../.svelte-kit/adapter-node/entries/pages/tests/_page.svelte.js"],"sourcesContent":["import \"clsx\";\nimport { N as attr, J as attr_class, P as clsx, u as push, w as pop, F as copy_payload, G as assign_payload } from \"../../../chunks/index.js\";\nimport { I as Icon, D as Dropdown, B as Button, L as Link } from \"../../../chunks/Link.js\";\nfunction defaultSeparator($$payload) {\n  $$payload.out.push(`<span class=\"inline-flex select-none items-center\" aria-hidden=\"true\">`);\n  Icon($$payload, { name: \"chevron-right\" });\n  $$payload.out.push(`<!----></span>`);\n}\nfunction Breadcrumbs($$payload, $$props) {\n  let {\n    ariaLabel = \"breadcrumb\",\n    separator = defaultSeparator,\n    children,\n    class: className = \"\"\n  } = $$props;\n  $$payload.out.push(`<nav${attr(\"aria-label\", ariaLabel)}${attr_class(clsx(className))}><div role=\"list\" class=\"flex flex-wrap items-center\">`);\n  children($$payload, { separator });\n  $$payload.out.push(`<!----></div></nav>`);\n}\nfunction Crumb($$payload, $$props) {\n  push();\n  let {\n    href = null,\n    current = false,\n    class: className = \"\",\n    children,\n    dropdown = null,\n    dropdownId,\n    onClick\n  } = $$props;\n  let isOpen = false;\n  let triggerEl = null;\n  const uid = Math.random().toString(36).slice(2, 8);\n  const ddId = dropdownId ?? `crumb-dd-${uid}`;\n  function close() {\n    isOpen = false;\n  }\n  $$payload.out.push(`<span role=\"listitem\" class=\"inline-flex items-center\">`);\n  if (href && !current) {\n    $$payload.out.push(\"<!--[-->\");\n    $$payload.out.push(`<a${attr(\"href\", href)}${attr(\"aria-haspopup\", dropdown ? \"menu\" : void 0)}${attr(\"aria-expanded\", dropdown ? isOpen : void 0)}${attr_class(\"inline-flex items-center gap-1 text-rc-gray-100 hover:text-rc-green-200 focus:text-rc-green-200 focus:outline-none \" + className)}>`);\n    children($$payload);\n    $$payload.out.push(`<!----></a>`);\n  } else {\n    $$payload.out.push(\"<!--[!-->\");\n    $$payload.out.push(`<span${attr(\"role\", dropdown ? \"button\" : void 0)}${attr(\"tabindex\", dropdown ? 0 : void 0)}${attr(\"aria-current\", current ? \"page\" : void 0)}${attr(\"aria-haspopup\", dropdown ? \"menu\" : void 0)}${attr(\"aria-expanded\", dropdown ? isOpen : void 0)}${attr_class(\"inline-flex items-center gap-1 text-rc-green-200 \" + className)}>`);\n    children($$payload);\n    $$payload.out.push(`<!----></span>`);\n  }\n  $$payload.out.push(`<!--]--> `);\n  if (dropdown) {\n    $$payload.out.push(\"<!--[-->\");\n    Dropdown($$payload, {\n      open: isOpen,\n      anchorEl: triggerEl,\n      id: ddId,\n      onClose: close,\n      children: ($$payload2) => {\n        dropdown($$payload2);\n        $$payload2.out.push(`<!---->`);\n      }\n    });\n  } else {\n    $$payload.out.push(\"<!--[!-->\");\n  }\n  $$payload.out.push(`<!--]--></span>`);\n  pop();\n}\nfunction _page($$payload) {\n  let isOpen = false;\n  let triggerEl = null;\n  function toggle() {\n    isOpen = !isOpen;\n  }\n  function close() {\n    isOpen = false;\n  }\n  let $$settled = true;\n  let $$inner_payload;\n  function $$render_inner($$payload2) {\n    $$payload2.out.push(`<div class=\"m-4 flex w-fit flex-col gap-4\">`);\n    Button($$payload2, {\n      children: ($$payload3) => {\n        $$payload3.out.push(`<!---->Just Click`);\n      },\n      $$slots: { default: true }\n    });\n    $$payload2.out.push(`<!----> `);\n    Button($$payload2, {\n      children: ($$payload3) => {\n        Link($$payload3, {\n          href: \"/\",\n          children: ($$payload4) => {\n            $$payload4.out.push(`<!---->Link to Main`);\n          },\n          $$slots: { default: true }\n        });\n      },\n      $$slots: { default: true }\n    });\n    $$payload2.out.push(`<!----> `);\n    Button($$payload2, {\n      onclick: toggle,\n      \"aria-controls\": \"check-dropdown\",\n      \"aria-haspopup\": \"menu\",\n      \"aria-expanded\": isOpen,\n      get el() {\n        return triggerEl;\n      },\n      set el($$value) {\n        triggerEl = $$value;\n        $$settled = false;\n      },\n      children: ($$payload3) => {\n        $$payload3.out.push(`<!---->Check Dropdown`);\n      },\n      $$slots: { default: true }\n    });\n    $$payload2.out.push(`<!----> `);\n    {\n      let children = function($$payload3) {\n        $$payload3.out.push(`<ul role=\"menu\"><li role=\"menuitem\" class=\"w-full cursor-pointer rounded p-3 text-left text-rc-gray-300 hover:bg-rc-gray-700 focus:bg-rc-gray-700 focus:outline-none\">Item 1</li> <li role=\"menuitem\" class=\"w-full cursor-pointer rounded p-3 text-left text-rc-gray-300 hover:bg-rc-gray-700 focus:bg-rc-gray-700 focus:outline-none\">Item 2</li> <li role=\"menuitem\" class=\"w-full cursor-pointer rounded p-3 text-left text-rc-gray-300 hover:bg-rc-gray-700 focus:bg-rc-gray-700 focus:outline-none\">Item 3</li></ul>`);\n      };\n      Dropdown($$payload2, {\n        open: isOpen,\n        id: \"check-dropdown\",\n        placement: \"bottom-start\",\n        offset: [0, 3],\n        anchorEl: triggerEl,\n        onClose: close,\n        children\n      });\n    }\n    $$payload2.out.push(`<!----></div> <div class=\"m-4 p-4\"><p>Without Dropdown</p> `);\n    {\n      let children = function($$payload3, { separator }) {\n        Crumb($$payload3, {\n          href: \"/\",\n          children: ($$payload4) => {\n            $$payload4.out.push(`<!---->Chat`);\n          }\n        });\n        $$payload3.out.push(`<!----> `);\n        separator($$payload3);\n        $$payload3.out.push(`<!----> `);\n        Crumb($$payload3, {\n          href: \"/tests\",\n          children: ($$payload4) => {\n            $$payload4.out.push(`<!---->Tests`);\n          }\n        });\n        $$payload3.out.push(`<!----> `);\n        separator($$payload3);\n        $$payload3.out.push(`<!----> `);\n        Crumb($$payload3, {\n          current: true,\n          children: ($$payload4) => {\n            $$payload4.out.push(`<!---->Breadcrumbs`);\n          }\n        });\n        $$payload3.out.push(`<!---->`);\n      };\n      Breadcrumbs($$payload2, {\n        class: \"text-rc-gray-200\",\n        children\n      });\n    }\n    $$payload2.out.push(`<!----></div> <div class=\"m-4 p-4\"><p>With Dropdown</p> `);\n    {\n      let children = function($$payload3, { separator }) {\n        {\n          let children2 = function($$payload4) {\n            $$payload4.out.push(`<!---->Chat`);\n          }, dropdown = function($$payload4) {\n            $$payload4.out.push(`<div class=\"dropdown-container\">`);\n            Link($$payload4, {\n              href: \"/src\",\n              class: \"dropdown-elements\",\n              children: ($$payload5) => {\n                $$payload5.out.push(`<!---->src`);\n              },\n              $$slots: { default: true }\n            });\n            $$payload4.out.push(`<!----> `);\n            Link($$payload4, {\n              href: \"/services\",\n              class: \"dropdown-elements\",\n              children: ($$payload5) => {\n                $$payload5.out.push(`<!---->services`);\n              },\n              $$slots: { default: true }\n            });\n            $$payload4.out.push(`<!----></div>`);\n          };\n          Crumb($$payload3, {\n            href: \"/\",\n            children: children2,\n            dropdown\n          });\n        }\n        $$payload3.out.push(`<!----> `);\n        separator($$payload3);\n        $$payload3.out.push(`<!----> `);\n        {\n          let children2 = function($$payload4) {\n            $$payload4.out.push(`<!---->Tests`);\n          }, dropdown = function($$payload4) {\n            $$payload4.out.push(`<div class=\"dropdown-container\">`);\n            Link($$payload4, {\n              href: \"/tests/components\",\n              class: \"dropdown-elements\",\n              children: ($$payload5) => {\n                $$payload5.out.push(`<!---->components`);\n              },\n              $$slots: { default: true }\n            });\n            $$payload4.out.push(`<!----> `);\n            Link($$payload4, {\n              href: \"/tests/foo\",\n              class: \"dropdown-elements\",\n              children: ($$payload5) => {\n                $$payload5.out.push(`<!---->foo`);\n              },\n              $$slots: { default: true }\n            });\n            $$payload4.out.push(`<!----> `);\n            Link($$payload4, {\n              href: \"/tests/bar\",\n              class: \"dropdown-elements\",\n              children: ($$payload5) => {\n                $$payload5.out.push(`<!---->bar`);\n              },\n              $$slots: { default: true }\n            });\n            $$payload4.out.push(`<!----></div>`);\n          };\n          Crumb($$payload3, {\n            href: \"/tests\",\n            children: children2,\n            dropdown\n          });\n        }\n        $$payload3.out.push(`<!----> `);\n        separator($$payload3);\n        $$payload3.out.push(`<!----> `);\n        {\n          let children2 = function($$payload4) {\n            $$payload4.out.push(`<!---->Breadcrumbs`);\n          };\n          Crumb($$payload3, { current: true, children: children2 });\n        }\n        $$payload3.out.push(`<!---->`);\n      };\n      Breadcrumbs($$payload2, {\n        class: \"text-rc-gray-200\",\n        children\n      });\n    }\n    $$payload2.out.push(`<!----></div>`);\n  }\n  do {\n    $$settled = true;\n    $$inner_payload = copy_payload($$payload);\n    $$render_inner($$inner_payload);\n  } while (!$$settled);\n  assign_payload($$payload, $$inner_payload);\n}\nexport {\n  _page as default\n};\n"],"names":[],"mappings":";;;AAGA,SAAS,gBAAgB,CAAC,SAAS,EAAE;AACrC,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,sEAAsE,CAAC,CAAC;AAC9F,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC;AAC5C,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC;AACtC;AACA,SAAS,WAAW,CAAC,SAAS,EAAE,OAAO,EAAE;AACzC,EAAE,IAAI;AACN,IAAI,SAAS,GAAG,YAAY;AAC5B,IAAI,SAAS,GAAG,gBAAgB;AAChC,IAAI,QAAQ;AACZ,IAAI,KAAK,EAAE,SAAS,GAAG;AACvB,GAAG,GAAG,OAAO;AACb,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC;AAChJ,EAAE,QAAQ,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC;AACpC,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC;AAC3C;AACA,SAAS,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE;AACnC,EAAE,IAAI,EAAE;AACR,EAAE,IAAI;AACN,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,OAAO,GAAG,KAAK;AACnB,IAAI,KAAK,EAAE,SAAS,GAAG,EAAE;AACzB,IAAI,QAAQ;AACZ,IAAI,QAAQ,GAAG,IAAI;AACnB,IAAI,UAAU;AACd,IAAI;AACJ,GAAG,GAAG,OAAO;AACb,EAAE,IAAI,MAAM,GAAG,KAAK;AACpB,EAAE,IAAI,SAAS,GAAG,IAAI;AACtB,EAAE,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AACpD,EAAE,MAAM,IAAI,GAAG,UAAU,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AAC9C,EAAE,SAAS,KAAK,GAAG;AACnB,IAAI,MAAM,GAAG,KAAK;AAClB,EAAE;AACF,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,uDAAuD,CAAC,CAAC;AAC/E,EAAE,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE;AACxB,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;AAClC,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,qHAAqH,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1S,IAAI,QAAQ,CAAC,SAAS,CAAC;AACvB,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;AACrC,EAAE,CAAC,MAAM;AACT,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;AACnC,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,mDAAmD,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/V,IAAI,QAAQ,CAAC,SAAS,CAAC;AACvB,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC;AACxC,EAAE;AACF,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;AACjC,EAAE,IAAI,QAAQ,EAAE;AAChB,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;AAClC,IAAI,QAAQ,CAAC,SAAS,EAAE;AACxB,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,QAAQ,EAAE,SAAS;AACzB,MAAM,EAAE,EAAE,IAAI;AACd,MAAM,OAAO,EAAE,KAAK;AACpB,MAAM,QAAQ,EAAE,CAAC,UAAU,KAAK;AAChC,QAAQ,QAAQ,CAAC,UAAU,CAAC;AAC5B,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;AACtC,MAAM;AACN,KAAK,CAAC;AACN,EAAE,CAAC,MAAM;AACT,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;AACnC,EAAE;AACF,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC;AACvC,EAAE,GAAG,EAAE;AACP;AACA,SAAS,KAAK,CAAC,SAAS,EAAE;AAC1B,EAAE,IAAI,MAAM,GAAG,KAAK;AACpB,EAAE,IAAI,SAAS,GAAG,IAAI;AACtB,EAAE,SAAS,MAAM,GAAG;AACpB,IAAI,MAAM,GAAG,CAAC,MAAM;AACpB,EAAE;AACF,EAAE,SAAS,KAAK,GAAG;AACnB,IAAI,MAAM,GAAG,KAAK;AAClB,EAAE;AACF,EAAE,IAAI,SAAS,GAAG,IAAI;AACtB,EAAE,IAAI,eAAe;AACrB,EAAE,SAAS,cAAc,CAAC,UAAU,EAAE;AACtC,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,2CAA2C,CAAC,CAAC;AACtE,IAAI,MAAM,CAAC,UAAU,EAAE;AACvB,MAAM,QAAQ,EAAE,CAAC,UAAU,KAAK;AAChC,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAChD,MAAM,CAAC;AACP,MAAM,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI;AAC9B,KAAK,CAAC;AACN,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACnC,IAAI,MAAM,CAAC,UAAU,EAAE;AACvB,MAAM,QAAQ,EAAE,CAAC,UAAU,KAAK;AAChC,QAAQ,IAAI,CAAC,UAAU,EAAE;AACzB,UAAU,IAAI,EAAE,GAAG;AACnB,UAAU,QAAQ,EAAE,CAAC,UAAU,KAAK;AACpC,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC;AACtD,UAAU,CAAC;AACX,UAAU,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI;AAClC,SAAS,CAAC;AACV,MAAM,CAAC;AACP,MAAM,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI;AAC9B,KAAK,CAAC;AACN,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACnC,IAAI,MAAM,CAAC,UAAU,EAAE;AACvB,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,eAAe,EAAE,gBAAgB;AACvC,MAAM,eAAe,EAAE,MAAM;AAC7B,MAAM,eAAe,EAAE,MAAM;AAC7B,MAAM,IAAI,EAAE,GAAG;AACf,QAAQ,OAAO,SAAS;AACxB,MAAM,CAAC;AACP,MAAM,IAAI,EAAE,CAAC,OAAO,EAAE;AACtB,QAAQ,SAAS,GAAG,OAAO;AAC3B,QAAQ,SAAS,GAAG,KAAK;AACzB,MAAM,CAAC;AACP,MAAM,QAAQ,EAAE,CAAC,UAAU,KAAK;AAChC,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC;AACpD,MAAM,CAAC;AACP,MAAM,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI;AAC9B,KAAK,CAAC;AACN,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACnC,IAAI;AACJ,MAAM,IAAI,QAAQ,GAAG,SAAS,UAAU,EAAE;AAC1C,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,0fAA0f,CAAC,CAAC;AACzhB,MAAM,CAAC;AACP,MAAM,QAAQ,CAAC,UAAU,EAAE;AAC3B,QAAQ,IAAI,EAAE,MAAM;AACpB,QAAQ,EAAE,EAAE,gBAAgB;AAC5B,QAAQ,SAAS,EAAE,cAAc;AACjC,QAAQ,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACtB,QAAQ,QAAQ,EAAE,SAAS;AAC3B,QAAQ,OAAO,EAAE,KAAK;AACtB,QAAQ;AACR,OAAO,CAAC;AACR,IAAI;AACJ,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,2DAA2D,CAAC,CAAC;AACtF,IAAI;AACJ,MAAM,IAAI,QAAQ,GAAG,SAAS,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE;AACzD,QAAQ,KAAK,CAAC,UAAU,EAAE;AAC1B,UAAU,IAAI,EAAE,GAAG;AACnB,UAAU,QAAQ,EAAE,CAAC,UAAU,KAAK;AACpC,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;AAC9C,UAAU;AACV,SAAS,CAAC;AACV,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACvC,QAAQ,SAAS,CAAC,UAAU,CAAC;AAC7B,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACvC,QAAQ,KAAK,CAAC,UAAU,EAAE;AAC1B,UAAU,IAAI,EAAE,QAAQ;AACxB,UAAU,QAAQ,EAAE,CAAC,UAAU,KAAK;AACpC,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAC/C,UAAU;AACV,SAAS,CAAC;AACV,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACvC,QAAQ,SAAS,CAAC,UAAU,CAAC;AAC7B,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACvC,QAAQ,KAAK,CAAC,UAAU,EAAE;AAC1B,UAAU,OAAO,EAAE,IAAI;AACvB,UAAU,QAAQ,EAAE,CAAC,UAAU,KAAK;AACpC,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;AACrD,UAAU;AACV,SAAS,CAAC;AACV,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;AACtC,MAAM,CAAC;AACP,MAAM,WAAW,CAAC,UAAU,EAAE;AAC9B,QAAQ,KAAK,EAAE,kBAAkB;AACjC,QAAQ;AACR,OAAO,CAAC;AACR,IAAI;AACJ,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,wDAAwD,CAAC,CAAC;AACnF,IAAI;AACJ,MAAM,IAAI,QAAQ,GAAG,SAAS,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE;AACzD,QAAQ;AACR,UAAU,IAAI,SAAS,GAAG,SAAS,UAAU,EAAE;AAC/C,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;AAC9C,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,UAAU,EAAE;AAC7C,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,gCAAgC,CAAC,CAAC;AACnE,YAAY,IAAI,CAAC,UAAU,EAAE;AAC7B,cAAc,IAAI,EAAE,MAAM;AAC1B,cAAc,KAAK,EAAE,mBAAmB;AACxC,cAAc,QAAQ,EAAE,CAAC,UAAU,KAAK;AACxC,gBAAgB,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;AACjD,cAAc,CAAC;AACf,cAAc,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI;AACtC,aAAa,CAAC;AACd,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC3C,YAAY,IAAI,CAAC,UAAU,EAAE;AAC7B,cAAc,IAAI,EAAE,WAAW;AAC/B,cAAc,KAAK,EAAE,mBAAmB;AACxC,cAAc,QAAQ,EAAE,CAAC,UAAU,KAAK;AACxC,gBAAgB,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC;AACtD,cAAc,CAAC;AACf,cAAc,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI;AACtC,aAAa,CAAC;AACd,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC;AAChD,UAAU,CAAC;AACX,UAAU,KAAK,CAAC,UAAU,EAAE;AAC5B,YAAY,IAAI,EAAE,GAAG;AACrB,YAAY,QAAQ,EAAE,SAAS;AAC/B,YAAY;AACZ,WAAW,CAAC;AACZ,QAAQ;AACR,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACvC,QAAQ,SAAS,CAAC,UAAU,CAAC;AAC7B,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACvC,QAAQ;AACR,UAAU,IAAI,SAAS,GAAG,SAAS,UAAU,EAAE;AAC/C,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAC/C,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,UAAU,EAAE;AAC7C,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,gCAAgC,CAAC,CAAC;AACnE,YAAY,IAAI,CAAC,UAAU,EAAE;AAC7B,cAAc,IAAI,EAAE,mBAAmB;AACvC,cAAc,KAAK,EAAE,mBAAmB;AACxC,cAAc,QAAQ,EAAE,CAAC,UAAU,KAAK;AACxC,gBAAgB,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,CAAC;AACxD,cAAc,CAAC;AACf,cAAc,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI;AACtC,aAAa,CAAC;AACd,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC3C,YAAY,IAAI,CAAC,UAAU,EAAE;AAC7B,cAAc,IAAI,EAAE,YAAY;AAChC,cAAc,KAAK,EAAE,mBAAmB;AACxC,cAAc,QAAQ,EAAE,CAAC,UAAU,KAAK;AACxC,gBAAgB,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;AACjD,cAAc,CAAC;AACf,cAAc,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI;AACtC,aAAa,CAAC;AACd,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC3C,YAAY,IAAI,CAAC,UAAU,EAAE;AAC7B,cAAc,IAAI,EAAE,YAAY;AAChC,cAAc,KAAK,EAAE,mBAAmB;AACxC,cAAc,QAAQ,EAAE,CAAC,UAAU,KAAK;AACxC,gBAAgB,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;AACjD,cAAc,CAAC;AACf,cAAc,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI;AACtC,aAAa,CAAC;AACd,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC;AAChD,UAAU,CAAC;AACX,UAAU,KAAK,CAAC,UAAU,EAAE;AAC5B,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,QAAQ,EAAE,SAAS;AAC/B,YAAY;AACZ,WAAW,CAAC;AACZ,QAAQ;AACR,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACvC,QAAQ,SAAS,CAAC,UAAU,CAAC;AAC7B,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AACvC,QAAQ;AACR,UAAU,IAAI,SAAS,GAAG,SAAS,UAAU,EAAE;AAC/C,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;AACrD,UAAU,CAAC;AACX,UAAU,KAAK,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AACnE,QAAQ;AACR,QAAQ,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;AACtC,MAAM,CAAC;AACP,MAAM,WAAW,CAAC,UAAU,EAAE;AAC9B,QAAQ,KAAK,EAAE,kBAAkB;AACjC,QAAQ;AACR,OAAO,CAAC;AACR,IAAI;AACJ,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC;AACxC,EAAE;AACF,EAAE,GAAG;AACL,IAAI,SAAS,GAAG,IAAI;AACpB,IAAI,eAAe,GAAG,YAAY,CAAC,SAAS,CAAC;AAC7C,IAAI,cAAc,CAAC,eAAe,CAAC;AACnC,EAAE,CAAC,QAAQ,CAAC,SAAS;AACrB,EAAE,cAAc,CAAC,SAAS,EAAE,eAAe,CAAC;AAC5C;;;;"}

package/build/server/chunks/_page.svelte-BTrMVKBN.js

@@ -0,0 +1,323 @@
+import { v as push, F as head, x as pop, G as current_component, J as copy_payload, K as assign_payload, N as attr_class, y as escape_html, O as ensure_array_like, P as attr } from './index-o5QjKPCU.js';
+import { L as Link, B as Button, D as Dropdown, I as Icon } from './Link--GZl5SPN.js';
+import 'js-yaml';
+
+function onDestroy(fn) {
+  var context = (
+    /** @type {Component} */
+    current_component
+  );
+  (context.d ??= []).push(fn);
+}
+function History($$payload, $$props) {
+  push();
+  let {
+    agentStates,
+    currentState,
+    onSelectState,
+    class: className = ""
+  } = $$props;
+  let isOpen = false;
+  let anchorEl = null;
+  function toggleDropdown() {
+    isOpen = !isOpen;
+  }
+  function handleSelectState(stateId) {
+    onSelectState(stateId);
+    isOpen = false;
+  }
+  function getUserMessage(state) {
+    const raw = state.userMessage;
+    if (raw == null) return "No message";
+    const msg = (typeof raw === "string" ? raw : String(raw)).trim();
+    return msg || "No message";
+  }
+  function truncateMessage(message, maxLength = 80, ellipsis = "…") {
+    if (!message) return "";
+    if (message.length <= maxLength) return message;
+    const slice = message.slice(0, maxLength + 1);
+    const lastSpace = Math.max(slice.lastIndexOf(" "), slice.lastIndexOf(" "), slice.lastIndexOf("	"), slice.lastIndexOf("\n"), slice.lastIndexOf("\r"));
+    const cut = lastSpace > 0 ? slice.slice(0, lastSpace) : message.slice(0, maxLength);
+    return cut.trimEnd() + ellipsis;
+  }
+  function handleKeyDown(event) {
+    if (event.key === "ArrowDown" && !isOpen) {
+      isOpen = true;
+      event.preventDefault();
+    } else if (event.key === "ArrowUp" && isOpen) {
+      isOpen = false;
+      event.preventDefault();
+    }
+  }
+  let selectedState = agentStates.find((s) => s.id === currentState) ?? null;
+  let triggerTitle = selectedState?.name ?? "History";
+  let $$settled = true;
+  let $$inner_payload;
+  function $$render_inner($$payload2) {
+    $$payload2.out.push(`<div${attr_class(`relative ${className}`)}>`);
+    Button($$payload2, {
+      variant: "outlined",
+      size: "medium",
+      "aria-expanded": isOpen,
+      "aria-haspopup": "listbox",
+      "aria-controls": "history-dropdown",
+      onclick: toggleDropdown,
+      onkeydown: handleKeyDown,
+      class: "flex items-center gap-3 rounded-xs border border-transparent bg-rc-gray-800 text-rc-gray-300 shadow-sm hover:bg-rc-gray-700 focus:outline-none focus:ring-0",
+      get el() {
+        return anchorEl;
+      },
+      set el($$value) {
+        anchorEl = $$value;
+        $$settled = false;
+      },
+      children: ($$payload3) => {
+        $$payload3.out.push(`<span>${escape_html(triggerTitle)}</span> `);
+        Icon($$payload3, {
+          name: "chevron-down",
+          class: "size-5 transition-transform " + (isOpen ? "rotate-180" : "")
+        });
+        $$payload3.out.push(`<!---->`);
+      },
+      $$slots: { default: true }
+    });
+    $$payload2.out.push(`<!----> `);
+    {
+      let children = function($$payload3) {
+        const each_array = ensure_array_like(agentStates.slice().reverse());
+        $$payload3.out.push(`<div class="mt-1 max-h-96 w-80 overflow-y-auto border border-rc-gray-600 bg-rc-gray-800 shadow-lg" role="listbox"><!--[-->`);
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let state = each_array[$$index];
+          Button($$payload3, {
+            variant: "ghost",
+            size: "small",
+            role: "option",
+            "aria-selected": state.id === currentState,
+            onclick: () => handleSelectState(state.id),
+            class: "w-full border-b border-rc-gray-600 py-2 pr-3 text-left last:border-b-0 hover:bg-rc-gray-700 focus:bg-rc-gray-400",
+            children: ($$payload4) => {
+              $$payload4.out.push(`<div class="flex items-start gap-2"><span class="flex h-5 w-5 items-center justify-center">`);
+              if (state.id === currentState) {
+                $$payload4.out.push("<!--[-->");
+                $$payload4.out.push(`<span class="text-green-500">`);
+                Icon($$payload4, {
+                  name: "checkmark",
+                  width: 20,
+                  height: 20,
+                  class: "inline-block"
+                });
+                $$payload4.out.push(`<!----></span>`);
+              } else {
+                $$payload4.out.push("<!--[!-->");
+              }
+              $$payload4.out.push(`<!--]--></span> <div class="min-w-0"><div class="text-sm font-bold leading-tight text-rc-gray-300">${escape_html(state.name)}</div> <div class="mt-1 text-sm leading-tight text-rc-gray-100">${escape_html(truncateMessage(getUserMessage(state)))}</div></div></div>`);
+            },
+            $$slots: { default: true }
+          });
+        }
+        $$payload3.out.push(`<!--]--></div>`);
+      };
+      Dropdown($$payload2, {
+        id: "history-dropdown",
+        open: isOpen,
+        onClose: () => isOpen = false,
+        anchorEl,
+        placement: "bottom-start",
+        offset: [0, 1],
+        children
+      });
+    }
+    $$payload2.out.push(`<!----></div>`);
+  }
+  do {
+    $$settled = true;
+    $$inner_payload = copy_payload($$payload);
+    $$render_inner($$inner_payload);
+  } while (!$$settled);
+  assign_payload($$payload, $$inner_payload);
+  pop();
+}
+function AgentDropdown($$payload, $$props) {
+  push();
+  let {
+    agents = [],
+    currentAgent = "",
+    id = "agents-dropdown",
+    placement = "bottom-start",
+    offset = [0, -2],
+    class: className = ""
+  } = $$props;
+  let dropdownOpen = false;
+  let buttonEl = null;
+  function toggleDropdown() {
+    dropdownOpen = !dropdownOpen;
+  }
+  function closeDropdown() {
+    dropdownOpen = false;
+  }
+  const displayAgents = () => {
+    const projects = new Set(agents.map((id2) => (id2 ?? "").split("/")[0]));
+    const multiProject = projects.size > 1;
+    return agents.map((id2) => {
+      const parts = (id2 ?? "").split("/");
+      const label = multiProject ? id2 : parts[1] ?? id2;
+      return { id: id2, label };
+    });
+  };
+  const currentAgentLabel = () => displayAgents().find((a) => a.id === currentAgent)?.label ?? currentAgent;
+  let $$settled = true;
+  let $$inner_payload;
+  function $$render_inner($$payload2) {
+    $$payload2.out.push(`<div${attr_class("relative ml-5 gap-3 " + className)}>`);
+    {
+      let children = function($$payload3) {
+        $$payload3.out.push(`<span class="text-rc-green-200">${escape_html(currentAgentLabel())}</span> `);
+        Icon($$payload3, {
+          name: "chevron-down",
+          class: "size-5 text-rc-green-200 transition-transform duration-300 ease-out " + (dropdownOpen ? "rotate-180" : "")
+        });
+        $$payload3.out.push(`<!---->`);
+      };
+      Button($$payload2, {
+        variant: "ghost",
+        onclick: toggleDropdown,
+        size: "big",
+        class: "flex items-center gap-2",
+        get el() {
+          return buttonEl;
+        },
+        set el($$value) {
+          buttonEl = $$value;
+          $$settled = false;
+        },
+        children,
+        $$slots: { default: true }
+      });
+    }
+    $$payload2.out.push(`<!----> `);
+    {
+      let children = function($$payload3) {
+        const each_array = ensure_array_like(displayAgents());
+        $$payload3.out.push(`<div><!--[-->`);
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let agent = each_array[$$index];
+          $$payload3.out.push(`<button${attr_class("w-full min-w-fit whitespace-nowrap break-words py-2 pl-3 pr-5 text-left text-gray-200 transition-colors hover:bg-rc-gray-700 focus:bg-rc-gray-700 focus:outline-none " + (currentAgent === agent.id ? "pointer-events-none text-rc-green-200" : ""))}><div class="flex items-start gap-2"><span class="flex h-5 w-5 items-center justify-center">`);
+          if (currentAgent === agent.id) {
+            $$payload3.out.push("<!--[-->");
+            $$payload3.out.push(`<span class="text-green-500">`);
+            Icon($$payload3, {
+              name: "checkmark",
+              width: 16,
+              height: 16,
+              class: "inline-block"
+            });
+            $$payload3.out.push(`<!----></span>`);
+          } else {
+            $$payload3.out.push("<!--[!-->");
+          }
+          $$payload3.out.push(`<!--]--></span> <span${attr("title", agent.id)}>${escape_html(agent.label)}</span></div></button>`);
+        }
+        $$payload3.out.push(`<!--]--></div>`);
+      };
+      Dropdown($$payload2, {
+        open: dropdownOpen,
+        anchorEl: buttonEl,
+        id,
+        placement,
+        offset,
+        onClose: closeDropdown,
+        children
+      });
+    }
+    $$payload2.out.push(`<!----></div>`);
+  }
+  do {
+    $$settled = true;
+    $$inner_payload = copy_payload($$payload);
+    $$render_inner($$inner_payload);
+  } while (!$$settled);
+  assign_payload($$payload, $$inner_payload);
+  pop();
+}
+function _page($$payload, $$props) {
+  push();
+  let ws;
+  let agents = [];
+  let currentAgent = "";
+  let agentStates = [];
+  let currentState = null;
+  onDestroy(() => {
+  });
+  function sendWsMessage(msg) {
+    ws.send(JSON.stringify(msg));
+  }
+  function sendEvent(event) {
+    sendWsMessage({ channel: "app-events", event });
+  }
+  function handleSelectState(stateId) {
+    currentState = stateId;
+    sendEvent({
+      type: "select-agent",
+      agent: currentAgent,
+      state: currentState
+    });
+  }
+  function handleNew() {
+    currentState = null;
+    sendEvent({
+      type: "select-agent",
+      agent: currentAgent,
+      state: currentState
+    });
+  }
+  head($$payload, ($$payload2) => {
+    $$payload2.title = `<title>Bosun: Playground</title>`;
+  });
+  $$payload.out.push(`<div class="flex h-full flex-col bg-rc-gray-700 px-lg py-md"><nav class="flex h-14 flex-none items-center justify-between border-b border-b-gray-700 bg-rc-gray-700 text-gray-500"><div class="ml-3 flex items-center gap-5"><div class="flex items-center gap-2"><a href="https://recombine.ai/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1"><img src="/recombine.svg" alt="Recombine Logo" width="20" height="20" class="shrink-0"/> <span class="text-lg font-semibold text-rc-gray-100 hover:text-rc-green-200">Recombine</span></a> <div class="hidden items-center gap-4">`);
+  Link($$payload, {
+    href: "#",
+    children: ($$payload2) => {
+      $$payload2.out.push(`<!---->Contacts`);
+    },
+    $$slots: { default: true }
+  });
+  $$payload.out.push(`<!----> `);
+  Link($$payload, {
+    href: "#",
+    children: ($$payload2) => {
+      $$payload2.out.push(`<!---->Conversations`);
+    },
+    $$slots: { default: true }
+  });
+  $$payload.out.push(`<!----></div></div> `);
+  AgentDropdown($$payload, { agents, currentAgent });
+  $$payload.out.push(`<!----></div> <div class="ml-auto flex items-center gap-5">`);
+  if (agentStates.length > 1) {
+    $$payload.out.push("<!--[-->");
+    History($$payload, { agentStates, currentState, onSelectState: handleSelectState });
+  } else {
+    $$payload.out.push("<!--[!-->");
+  }
+  $$payload.out.push(`<!--]--> `);
+  Button($$payload, {
+    onclick: handleNew,
+    children: ($$payload2) => {
+      $$payload2.out.push(`<!---->New chat`);
+    },
+    $$slots: { default: true }
+  });
+  $$payload.out.push(`<!----></div></nav> <div class="flex-1 overflow-hidden">`);
+  {
+    $$payload.out.push("<!--[!-->");
+    $$payload.out.push(`<div class="flex h-full items-center justify-center"><div class="text-rc-gray-100">Connecting...</div></div>`);
+  }
+  $$payload.out.push(`<!--]--></div> `);
+  {
+    $$payload.out.push("<!--[!-->");
+  }
+  $$payload.out.push(`<!--]--></div>`);
+  pop();
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte-BTrMVKBN.js.map