@flanksource/clicky-ui 0.3.21 → 0.3.22

package/dist/profiles/wizard/profileWizardSteps.js

@@ -0,0 +1,214 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { ProfileFieldManager } from "../fields/profileFieldManager.js";
+import { profileConnectionID, profileWizardErrorMessage, profileWizardSteps } from "./profileWizardModel.js";
+function WizardProgress({
+  stepIndex,
+  onStepChange
+}) {
+  return /* @__PURE__ */ jsx("ol", { className: "grid grid-cols-4 gap-2", "aria-label": "Profile builder progress", children: profileWizardSteps.map((step, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      disabled: index > stepIndex,
+      "aria-current": index === stepIndex ? "step" : void 0,
+      className: `flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left ${index === stepIndex ? "bg-primary/10 text-foreground" : "text-muted-foreground"}`,
+      onClick: () => onStepChange(index),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `grid size-6 shrink-0 place-items-center rounded-full text-xs font-semibold ${index <= stepIndex ? "bg-primary text-primary-foreground" : "bg-muted"}`,
+            children: index + 1
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "hidden min-w-0 md:block", children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-xs font-medium", children: step.label }),
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-[10px]", children: step.description })
+        ] })
+      ]
+    }
+  ) }, step.id)) });
+}
+function SourceStep({
+  choices,
+  loading,
+  error,
+  truncated,
+  total,
+  search,
+  selected,
+  selectedType,
+  onSearchChange,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-4xl gap-5 lg:grid-cols-[1fr_18rem]", children: [
+    /* @__PURE__ */ jsxs("section", { className: "overflow-hidden rounded-xl border bg-card", children: [
+      /* @__PURE__ */ jsx("div", { className: "border-b p-4", children: /* @__PURE__ */ jsxs("label", { className: "grid gap-1.5 text-sm font-medium", children: [
+        "Find a saved connection",
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "search",
+            value: search,
+            autoFocus: true,
+            placeholder: "Search connections",
+            className: "rounded-md border border-input bg-background px-3 py-2.5 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15",
+            onChange: (event) => onSearchChange(event.target.value)
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "max-h-[26rem] overflow-auto p-2", children: [
+        choices.map((choice) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: `flex w-full items-center justify-between rounded-lg border px-4 py-3 text-left transition-colors ${selected === choice.value ? "border-primary bg-primary/8" : "border-transparent hover:bg-muted/60"}`,
+            onClick: () => onSelect(choice),
+            children: [
+              /* @__PURE__ */ jsxs("span", { children: [
+                /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium", children: choice.name }),
+                /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Saved connection" })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-2.5 py-1 text-xs font-medium", children: choice.providerType })
+            ]
+          },
+          choice.value
+        )),
+        loading ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "Loading connections…" }) : null,
+        error ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-destructive", children: profileWizardErrorMessage(error, "Unable to load connections") }) : null,
+        !loading && !error && choices.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "No saved connections match this search." }) : null
+      ] }),
+      truncated ? /* @__PURE__ */ jsxs("p", { className: "border-t px-4 py-2 text-xs text-muted-foreground", children: [
+        "Showing the first ",
+        choices.length,
+        " of ",
+        total ?? "many",
+        ". Search to narrow the list."
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("aside", { className: "rounded-xl border bg-muted/25 p-5", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Selected source" }),
+      selected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("h3", { className: "mt-3 font-semibold", children: profileConnectionID(selected) }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: selectedType }),
+        /* @__PURE__ */ jsx("p", { className: "mt-5 text-sm leading-6 text-muted-foreground", children: "The next step loads this connection's catalog, query language, and sampling controls." })
+      ] }) : /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm leading-6 text-muted-foreground", children: "Choose a connection to begin. Connection credentials stay on the server and are never copied into the profile." })
+    ] })
+  ] });
+}
+function FieldsStep({
+  draft,
+  discovered,
+  activeField,
+  onDraftChange,
+  onActiveFieldChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-5", children: [
+    /* @__PURE__ */ jsxs("section", { className: "grid gap-4 rounded-xl border bg-muted/25 p-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("label", { className: "grid gap-1.5 text-sm font-medium", children: [
+        "Profile name ",
+        /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: draft.profile ?? "",
+            placeholder: "e.g. service-logs",
+            className: "rounded-md border border-input bg-background px-3 py-2 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15",
+            onChange: (event) => onDraftChange({ ...draft, profile: event.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "grid gap-1.5 text-sm font-medium", children: [
+        "Namespace ",
+        /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "Optional" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: draft.namespace ?? "",
+            placeholder: "e.g. observability",
+            className: "rounded-md border border-input bg-background px-3 py-2 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15",
+            onChange: (event) => onDraftChange({ ...draft, namespace: event.target.value })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ProfileFieldManager,
+      {
+        discovered,
+        configured: draft.columns ?? [],
+        activeName: activeField,
+        onConfiguredChange: (columns) => onDraftChange({ ...draft, columns }),
+        onActiveNameChange: onActiveFieldChange
+      }
+    )
+  ] });
+}
+function ReviewStep({
+  draft,
+  discovered
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  const connection = profileConnectionID(((_a = draft.provider) == null ? void 0 : _a.connection) ?? "");
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-5xl gap-4 lg:grid-cols-2", children: [
+    /* @__PURE__ */ jsx(ReviewCard, { label: "Profile", value: draft.profile || "Unnamed", children: draft.namespace ? `Namespace: ${draft.namespace}` : "Default namespace" }),
+    /* @__PURE__ */ jsx(ReviewCard, { label: "Source", value: connection || "Not selected", children: ((_b = draft.provider) == null ? void 0 : _b.type) || "Unknown provider" }),
+    /* @__PURE__ */ jsxs("section", { className: "rounded-xl border bg-card p-5 lg:col-span-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Fields" }),
+          /* @__PURE__ */ jsxs("h3", { className: "mt-1 font-semibold", children: [
+            ((_c = draft.columns) == null ? void 0 : _c.length) ?? 0,
+            " of ",
+            discovered.length,
+            " included"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary", children: [
+          ((_d = draft.columns) == null ? void 0 : _d.filter((field) => field.hidden).length) ?? 0,
+          " hidden"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
+        (draft.columns ?? []).slice(0, 16).map((field) => /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "rounded-md border bg-muted/30 px-2.5 py-1.5 font-mono text-xs",
+            children: [
+              field.label || field.name,
+              /* @__PURE__ */ jsx("span", { className: "ml-2 text-muted-foreground", children: field.type || "auto" })
+            ]
+          },
+          field.name
+        )),
+        (((_e = draft.columns) == null ? void 0 : _e.length) ?? 0) > 16 ? /* @__PURE__ */ jsxs("span", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: [
+          "+",
+          (((_f = draft.columns) == null ? void 0 : _f.length) ?? 0) - 16,
+          " more"
+        ] }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "rounded-xl border bg-card p-5 lg:col-span-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Query" }),
+      /* @__PURE__ */ jsx("pre", { className: "mt-3 max-h-72 overflow-auto whitespace-pre-wrap rounded-lg bg-muted/50 p-4 font-mono text-xs leading-6", children: draft.query })
+    ] })
+  ] });
+}
+function ReviewCard({
+  label,
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-xl border bg-card p-5", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("h3", { className: "mt-2 text-lg font-semibold", children: value }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children })
+  ] });
+}
+export {
+  FieldsStep,
+  ReviewStep,
+  SourceStep,
+  WizardProgress
+};
+//# sourceMappingURL=profileWizardSteps.js.map

package/dist/profiles/wizard/profileWizardSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileWizardSteps.js","sources":["../../../src/profiles/wizard/profileWizardSteps.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { ProfileFieldManager } from \"../fields/profileFieldManager\";\nimport {\n  profileConnectionID,\n  profileWizardErrorMessage,\n  profileWizardSteps,\n  type ProfileColumn,\n  type ProfileWizardDraft,\n} from \"./profileWizardModel\";\n\nexport type ConnectionChoice = {\n  value: string;\n  label: string;\n  name: string;\n  providerType: string;\n};\n\nexport function WizardProgress({\n  stepIndex,\n  onStepChange,\n}: {\n  stepIndex: number;\n  onStepChange: (index: number) => void;\n}) {\n  return (\n    <ol className=\"grid grid-cols-4 gap-2\" aria-label=\"Profile builder progress\">\n      {profileWizardSteps.map((step, index) => (\n        <li key={step.id}>\n          <button\n            type=\"button\"\n            disabled={index > stepIndex}\n            aria-current={index === stepIndex ? \"step\" : undefined}\n            className={`flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left ${index === stepIndex ? \"bg-primary/10 text-foreground\" : \"text-muted-foreground\"}`}\n            onClick={() => onStepChange(index)}\n          >\n            <span\n              className={`grid size-6 shrink-0 place-items-center rounded-full text-xs font-semibold ${index <= stepIndex ? \"bg-primary text-primary-foreground\" : \"bg-muted\"}`}\n            >\n              {index + 1}\n            </span>\n            <span className=\"hidden min-w-0 md:block\">\n              <span className=\"block truncate text-xs font-medium\">{step.label}</span>\n              <span className=\"block truncate text-[10px]\">{step.description}</span>\n            </span>\n          </button>\n        </li>\n      ))}\n    </ol>\n  );\n}\n\nexport function SourceStep({\n  choices,\n  loading,\n  error,\n  truncated,\n  total,\n  search,\n  selected,\n  selectedType,\n  onSearchChange,\n  onSelect,\n}: {\n  choices: ConnectionChoice[];\n  loading: boolean;\n  error: unknown;\n  truncated?: boolean;\n  total?: number;\n  search: string;\n  selected: string;\n  selectedType: string;\n  onSearchChange: (search: string) => void;\n  onSelect: (choice: ConnectionChoice) => void;\n}) {\n  return (\n    <div className=\"mx-auto grid max-w-4xl gap-5 lg:grid-cols-[1fr_18rem]\">\n      <section className=\"overflow-hidden rounded-xl border bg-card\">\n        <div className=\"border-b p-4\">\n          <label className=\"grid gap-1.5 text-sm font-medium\">\n            Find a saved connection\n            <input\n              type=\"search\"\n              value={search}\n              autoFocus\n              placeholder=\"Search connections\"\n              className=\"rounded-md border border-input bg-background px-3 py-2.5 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n              onChange={(event) => onSearchChange(event.target.value)}\n            />\n          </label>\n        </div>\n        <div className=\"max-h-[26rem] overflow-auto p-2\">\n          {choices.map((choice) => (\n            <button\n              key={choice.value}\n              type=\"button\"\n              className={`flex w-full items-center justify-between rounded-lg border px-4 py-3 text-left transition-colors ${selected === choice.value ? \"border-primary bg-primary/8\" : \"border-transparent hover:bg-muted/60\"}`}\n              onClick={() => onSelect(choice)}\n            >\n              <span>\n                <span className=\"block text-sm font-medium\">{choice.name}</span>\n                <span className=\"block text-xs text-muted-foreground\">\n                  Saved connection\n                </span>\n              </span>\n              <span className=\"rounded-full bg-muted px-2.5 py-1 text-xs font-medium\">\n                {choice.providerType}\n              </span>\n            </button>\n          ))}\n          {loading ? (\n            <p className=\"p-8 text-center text-sm text-muted-foreground\">\n              Loading connections…\n            </p>\n          ) : null}\n          {error ? (\n            <p className=\"p-8 text-center text-sm text-destructive\">\n              {profileWizardErrorMessage(error, \"Unable to load connections\")}\n            </p>\n          ) : null}\n          {!loading && !error && choices.length === 0 ? (\n            <p className=\"p-8 text-center text-sm text-muted-foreground\">\n              No saved connections match this search.\n            </p>\n          ) : null}\n        </div>\n        {truncated ? (\n          <p className=\"border-t px-4 py-2 text-xs text-muted-foreground\">\n            Showing the first {choices.length} of {total ?? \"many\"}. Search to narrow the list.\n          </p>\n        ) : null}\n      </section>\n      <aside className=\"rounded-xl border bg-muted/25 p-5\">\n        <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          Selected source\n        </p>\n        {selected ? (\n          <>\n            <h3 className=\"mt-3 font-semibold\">{profileConnectionID(selected)}</h3>\n            <p className=\"mt-1 text-sm text-muted-foreground\">{selectedType}</p>\n            <p className=\"mt-5 text-sm leading-6 text-muted-foreground\">\n              The next step loads this connection&apos;s catalog, query language,\n              and sampling controls.\n            </p>\n          </>\n        ) : (\n          <p className=\"mt-3 text-sm leading-6 text-muted-foreground\">\n            Choose a connection to begin. Connection credentials stay on the\n            server and are never copied into the profile.\n          </p>\n        )}\n      </aside>\n    </div>\n  );\n}\n\nexport function FieldsStep({\n  draft,\n  discovered,\n  activeField,\n  onDraftChange,\n  onActiveFieldChange,\n}: {\n  draft: ProfileWizardDraft;\n  discovered: ProfileColumn[];\n  activeField: string;\n  onDraftChange: (draft: ProfileWizardDraft) => void;\n  onActiveFieldChange: (name: string) => void;\n}) {\n  return (\n    <div className=\"grid gap-5\">\n      <section className=\"grid gap-4 rounded-xl border bg-muted/25 p-4 md:grid-cols-2\">\n        <label className=\"grid gap-1.5 text-sm font-medium\">\n          Profile name <span className=\"text-destructive\">*</span>\n          <input\n            value={draft.profile ?? \"\"}\n            placeholder=\"e.g. service-logs\"\n            className=\"rounded-md border border-input bg-background px-3 py-2 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n            onChange={(event) =>\n              onDraftChange({ ...draft, profile: event.target.value })\n            }\n          />\n        </label>\n        <label className=\"grid gap-1.5 text-sm font-medium\">\n          Namespace <span className=\"font-normal text-muted-foreground\">Optional</span>\n          <input\n            value={draft.namespace ?? \"\"}\n            placeholder=\"e.g. observability\"\n            className=\"rounded-md border border-input bg-background px-3 py-2 outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n            onChange={(event) =>\n              onDraftChange({ ...draft, namespace: event.target.value })\n            }\n          />\n        </label>\n      </section>\n      <ProfileFieldManager\n        discovered={discovered}\n        configured={draft.columns ?? []}\n        activeName={activeField}\n        onConfiguredChange={(columns) => onDraftChange({ ...draft, columns })}\n        onActiveNameChange={onActiveFieldChange}\n      />\n    </div>\n  );\n}\n\nexport function ReviewStep({\n  draft,\n  discovered,\n}: {\n  draft: ProfileWizardDraft;\n  discovered: ProfileColumn[];\n}) {\n  const connection = profileConnectionID(draft.provider?.connection ?? \"\");\n  return (\n    <div className=\"mx-auto grid max-w-5xl gap-4 lg:grid-cols-2\">\n      <ReviewCard label=\"Profile\" value={draft.profile || \"Unnamed\"}>\n        {draft.namespace ? `Namespace: ${draft.namespace}` : \"Default namespace\"}\n      </ReviewCard>\n      <ReviewCard label=\"Source\" value={connection || \"Not selected\"}>\n        {draft.provider?.type || \"Unknown provider\"}\n      </ReviewCard>\n      <section className=\"rounded-xl border bg-card p-5 lg:col-span-2\">\n        <div className=\"flex items-center justify-between gap-4\">\n          <div>\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n              Fields\n            </p>\n            <h3 className=\"mt-1 font-semibold\">\n              {draft.columns?.length ?? 0} of {discovered.length} included\n            </h3>\n          </div>\n          <span className=\"rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary\">\n            {draft.columns?.filter((field) => field.hidden).length ?? 0} hidden\n          </span>\n        </div>\n        <div className=\"mt-4 flex flex-wrap gap-2\">\n          {(draft.columns ?? []).slice(0, 16).map((field) => (\n            <span\n              key={field.name}\n              className=\"rounded-md border bg-muted/30 px-2.5 py-1.5 font-mono text-xs\"\n            >\n              {field.label || field.name}\n              <span className=\"ml-2 text-muted-foreground\">\n                {field.type || \"auto\"}\n              </span>\n            </span>\n          ))}\n          {(draft.columns?.length ?? 0) > 16 ? (\n            <span className=\"px-2 py-1.5 text-xs text-muted-foreground\">\n              +{(draft.columns?.length ?? 0) - 16} more\n            </span>\n          ) : null}\n        </div>\n      </section>\n      <section className=\"rounded-xl border bg-card p-5 lg:col-span-2\">\n        <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          Query\n        </p>\n        <pre className=\"mt-3 max-h-72 overflow-auto whitespace-pre-wrap rounded-lg bg-muted/50 p-4 font-mono text-xs leading-6\">\n          {draft.query}\n        </pre>\n      </section>\n    </div>\n  );\n}\n\nfunction ReviewCard({\n  label,\n  value,\n  children,\n}: {\n  label: string;\n  value: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"rounded-xl border bg-card p-5\">\n      <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {label}\n      </p>\n      <h3 className=\"mt-2 text-lg font-semibold\">{value}</h3>\n      <p className=\"mt-1 text-sm text-muted-foreground\">{children}</p>\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;AAiBO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,SACE,oBAAC,MAAA,EAAG,WAAU,0BAAyB,cAAW,4BAC/C,UAAA,mBAAmB,IAAI,CAAC,MAAM,UAC7B,oBAAC,MAAA,EACC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU,QAAQ;AAAA,MAClB,gBAAc,UAAU,YAAY,SAAS;AAAA,MAC7C,WAAW,mEAAmE,UAAU,YAAY,kCAAkC,uBAAuB;AAAA,MAC7J,SAAS,MAAM,aAAa,KAAK;AAAA,MAEjC,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,8EAA8E,SAAS,YAAY,uCAAuC,UAAU;AAAA,YAE9J,UAAA,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,qBAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,sCAAsC,UAAA,KAAK,OAAM;AAAA,UACjE,oBAAC,QAAA,EAAK,WAAU,8BAA8B,eAAK,YAAA,CAAY;AAAA,QAAA,EAAA,CACjE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EACF,GAjBO,KAAK,EAkBd,CACD,GACH;AAEJ;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAWG;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,yDACb,UAAA;AAAA,IAAA,qBAAC,WAAA,EAAQ,WAAU,6CACjB,UAAA;AAAA,MAAA,oBAAC,SAAI,WAAU,gBACb,UAAA,qBAAC,SAAA,EAAM,WAAU,oCAAmC,UAAA;AAAA,QAAA;AAAA,QAElD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,WAAS;AAAA,YACT,aAAY;AAAA,YACZ,WAAU;AAAA,YACV,UAAU,CAAC,UAAU,eAAe,MAAM,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACxD,EAAA,CACF,EAAA,CACF;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,mCACZ,UAAA;AAAA,QAAA,QAAQ,IAAI,CAAC,WACZ;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,WAAW,oGAAoG,aAAa,OAAO,QAAQ,gCAAgC,sCAAsC;AAAA,YACjN,SAAS,MAAM,SAAS,MAAM;AAAA,YAE9B,UAAA;AAAA,cAAA,qBAAC,QAAA,EACC,UAAA;AAAA,gBAAA,oBAAC,QAAA,EAAK,WAAU,6BAA6B,UAAA,OAAO,MAAK;AAAA,gBACzD,oBAAC,QAAA,EAAK,WAAU,uCAAsC,UAAA,mBAAA,CAEtD;AAAA,cAAA,GACF;AAAA,cACA,oBAAC,QAAA,EAAK,WAAU,yDACb,iBAAO,aAAA,CACV;AAAA,YAAA;AAAA,UAAA;AAAA,UAbK,OAAO;AAAA,QAAA,CAef;AAAA,QACA,UACC,oBAAC,KAAA,EAAE,WAAU,iDAAgD,kCAE7D,IACE;AAAA,QACH,4BACE,KAAA,EAAE,WAAU,4CACV,UAAA,0BAA0B,OAAO,4BAA4B,EAAA,CAChE,IACE;AAAA,QACH,CAAC,WAAW,CAAC,SAAS,QAAQ,WAAW,IACxC,oBAAC,KAAA,EAAE,WAAU,iDAAgD,UAAA,0CAAA,CAE7D,IACE;AAAA,MAAA,GACN;AAAA,MACC,YACC,qBAAC,KAAA,EAAE,WAAU,oDAAmD,UAAA;AAAA,QAAA;AAAA,QAC3C,QAAQ;AAAA,QAAO;AAAA,QAAK,SAAS;AAAA,QAAO;AAAA,MAAA,EAAA,CACzD,IACE;AAAA,IAAA,GACN;AAAA,IACA,qBAAC,SAAA,EAAM,WAAU,qCACf,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAE,WAAU,uEAAsE,UAAA,mBAEnF;AAAA,MACC,WACC,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,sBAAsB,UAAA,oBAAoB,QAAQ,GAAE;AAAA,QAClE,oBAAC,KAAA,EAAE,WAAU,sCAAsC,UAAA,cAAa;AAAA,QAChE,oBAAC,KAAA,EAAE,WAAU,gDAA+C,UAAA,wFAAA,CAG5D;AAAA,MAAA,EAAA,CACF,IAEA,oBAAC,KAAA,EAAE,WAAU,gDAA+C,UAAA,iHAAA,CAG5D;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,IAAA,qBAAC,WAAA,EAAQ,WAAU,+DACjB,UAAA;AAAA,MAAA,qBAAC,SAAA,EAAM,WAAU,oCAAmC,UAAA;AAAA,QAAA;AAAA,QACrC,oBAAC,QAAA,EAAK,WAAU,oBAAmB,UAAA,KAAC;AAAA,QACjD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,MAAM,WAAW;AAAA,YACxB,aAAY;AAAA,YACZ,WAAU;AAAA,YACV,UAAU,CAAC,UACT,cAAc,EAAE,GAAG,OAAO,SAAS,MAAM,OAAO,MAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAE3D,GACF;AAAA,MACA,qBAAC,SAAA,EAAM,WAAU,oCAAmC,UAAA;AAAA,QAAA;AAAA,QACxC,oBAAC,QAAA,EAAK,WAAU,qCAAoC,UAAA,YAAQ;AAAA,QACtE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,MAAM,aAAa;AAAA,YAC1B,aAAY;AAAA,YACZ,WAAU;AAAA,YACV,UAAU,CAAC,UACT,cAAc,EAAE,GAAG,OAAO,WAAW,MAAM,OAAO,MAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAE7D,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,YAAY,MAAM,WAAW,CAAA;AAAA,QAC7B,YAAY;AAAA,QACZ,oBAAoB,CAAC,YAAY,cAAc,EAAE,GAAG,OAAO,SAAS;AAAA,QACpE,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GACF;AAEJ;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;;AACD,QAAM,aAAa,sBAAoB,WAAM,aAAN,mBAAgB,eAAc,EAAE;AACvE,SACE,qBAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,OAAM,WAAU,OAAO,MAAM,WAAW,WACjD,UAAA,MAAM,YAAY,cAAc,MAAM,SAAS,KAAK,qBACvD;AAAA,IACA,oBAAC,YAAA,EAAW,OAAM,UAAS,OAAO,cAAc,gBAC7C,YAAA,WAAM,aAAN,mBAAgB,SAAQ,mBAAA,CAC3B;AAAA,IACA,qBAAC,WAAA,EAAQ,WAAU,+CACjB,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EACC,UAAA;AAAA,UAAA,oBAAC,KAAA,EAAE,WAAU,uEAAsE,UAAA,UAEnF;AAAA,UACA,qBAAC,MAAA,EAAG,WAAU,sBACX,UAAA;AAAA,cAAA,WAAM,YAAN,mBAAe,WAAU;AAAA,YAAE;AAAA,YAAK,WAAW;AAAA,YAAO;AAAA,UAAA,EAAA,CACrD;AAAA,QAAA,GACF;AAAA,QACA,qBAAC,QAAA,EAAK,WAAU,yEACb,UAAA;AAAA,YAAA,WAAM,YAAN,mBAAe,OAAO,CAAC,UAAU,MAAM,QAAQ,WAAU;AAAA,UAAE;AAAA,QAAA,EAAA,CAC9D;AAAA,MAAA,GACF;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,SAAA,MAAM,WAAW,CAAA,GAAI,MAAM,GAAG,EAAE,EAAE,IAAI,CAAC,UACvC;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YAET,UAAA;AAAA,cAAA,MAAM,SAAS,MAAM;AAAA,kCACrB,QAAA,EAAK,WAAU,8BACb,UAAA,MAAM,QAAQ,OAAA,CACjB;AAAA,YAAA;AAAA,UAAA;AAAA,UANK,MAAM;AAAA,QAAA,CAQd;AAAA,WACC,WAAM,YAAN,mBAAe,WAAU,KAAK,KAC9B,qBAAC,QAAA,EAAK,WAAU,6CAA4C,UAAA;AAAA,UAAA;AAAA,aACvD,WAAM,YAAN,mBAAe,WAAU,KAAK;AAAA,UAAG;AAAA,QAAA,EAAA,CACtC,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA,GACF;AAAA,IACA,qBAAC,WAAA,EAAQ,WAAU,+CACjB,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAE,WAAU,uEAAsE,UAAA,SAEnF;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,0GACZ,gBAAM,MAAA,CACT;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,WAAA,EAAQ,WAAU,iCACjB,UAAA;AAAA,IAAA,oBAAC,KAAA,EAAE,WAAU,uEACV,UAAA,OACH;AAAA,IACA,oBAAC,MAAA,EAAG,WAAU,8BAA8B,UAAA,OAAM;AAAA,IAClD,oBAAC,KAAA,EAAE,WAAU,sCAAsC,SAAA,CAAS;AAAA,EAAA,GAC9D;AAEJ;"}