@plumile/backoffice-react 0.1.59

package/lib/esm/components/backoffice/shared/backofficeInlineFilterRow.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeInlineFilterRow.css.js","names":[],"sources":["../../../../../src/components/backoffice/shared/backofficeInlineFilterRow.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 1,\n  flexWrap: 'wrap',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/tools/BackofficeToolsDocPanel.js

@@ -0,0 +1,40 @@
+import { panel as e, trigger as t, triggerIcon as n, triggerIconOpen as r, triggerTitle as i } from "./backofficeToolsDocPanel.css.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { cx as c } from "@plumile/ui/theme/tools.js";
+import { LazyMarkdownCodeBlock as l } from "@plumile/ui/atomic/molecules/markdown/components/LazyMarkdownCodeBlock.js";
+import { ChevronDownSvg as u } from "@plumile/ui/icons/ChevronDownSvg.js";
+//#region src/components/backoffice/tools/BackofficeToolsDocPanel.tsx
+var d = ({ title: d, content: f, language: p, badgeLabel: m, defaultOpen: h = !1 }) => {
+	let g = f.trim(), [_, v] = s(h);
+	return g === "" ? null : /* @__PURE__ */ o("div", {
+		className: e,
+		children: [/* @__PURE__ */ o("button", {
+			type: "button",
+			className: t,
+			onClick: () => {
+				v((e) => !e);
+			},
+			"aria-expanded": _,
+			children: [/* @__PURE__ */ a("span", {
+				className: i,
+				children: d
+			}), /* @__PURE__ */ a(u, {
+				width: 16,
+				height: 16,
+				className: c(n, { [r]: _ })
+			})]
+		}), _ && /* @__PURE__ */ a("div", {
+			className: "_8o9eh86 vncd894sf vncd891qf vncd892cx vncd89v2t vncd89la6",
+			children: /* @__PURE__ */ a(l, {
+				code: g,
+				language: p,
+				badgeLabel: m
+			})
+		})]
+	});
+};
+//#endregion
+export { d as BackofficeToolsDocPanel, d as default };
+
+//# sourceMappingURL=BackofficeToolsDocPanel.js.map

package/lib/esm/components/backoffice/tools/BackofficeToolsDocPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeToolsDocPanel.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsDocPanel.tsx"],"sourcesContent":["import { useState, type JSX } from 'react';\n\nimport { LazyMarkdownCodeBlock } from '@plumile/ui/atomic/molecules/markdown/components/LazyMarkdownCodeBlock.js';\nimport { ChevronDownSvg } from '@plumile/ui/icons/ChevronDownSvg.js';\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport * as styles from './backofficeToolsDocPanel.css.js';\n\nexport type BackofficeToolsDocPanelProps = {\n  title: string;\n  content: string;\n  language?: string | null;\n  badgeLabel?: string | null;\n  defaultOpen?: boolean;\n};\n\nexport const BackofficeToolsDocPanel = ({\n  title,\n  content,\n  language,\n  badgeLabel,\n  defaultOpen = false,\n}: BackofficeToolsDocPanelProps): JSX.Element | null => {\n  const trimmedContent = content.trim();\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n\n  if (trimmedContent === '') {\n    return null;\n  }\n\n  return (\n    <div className={styles.panel}>\n      <button\n        type=\"button\"\n        className={styles.trigger}\n        onClick={() => {\n          setIsOpen((prev) => {\n            return !prev;\n          });\n        }}\n        aria-expanded={isOpen}\n      >\n        <span className={styles.triggerTitle}>{title}</span>\n        <ChevronDownSvg\n          width={16}\n          height={16}\n          className={cx(styles.triggerIcon, {\n            [styles.triggerIconOpen]: isOpen,\n          })}\n        />\n      </button>\n      {isOpen && (\n        <div className={styles.content}>\n          <LazyMarkdownCodeBlock\n            code={trimmedContent}\n            language={language}\n            badgeLabel={badgeLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default BackofficeToolsDocPanel;\n"],"mappings":";;;;;;;AAgBA,IAAa,KAA2B,EACtC,UACA,SAAA,GACA,aACA,eACA,iBAAc,SACwC;CACtD,IAAM,IAAiB,EAAQ,MAAM,EAC/B,CAAC,GAAQ,KAAa,EAAS,EAAY;AAMjD,QAJI,MAAmB,KACd,OAIP,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,UAAD;GACE,MAAK;GACL,WAAW;GACX,eAAe;AACb,OAAW,MACF,CAAC,EACR;;GAEJ,iBAAe;aARjB,CAUE,kBAAC,QAAD;IAAM,WAAW;cAAsB;IAAa,CAAA,EACpD,kBAAC,GAAD;IACE,OAAO;IACP,QAAQ;IACR,WAAW,EAAG,GAAoB,GAC/B,IAAyB,GAC3B,CAAC;IACF,CAAA,CACK;MACR,KACC,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IACE,MAAM;IACI;IACE;IACZ,CAAA;GACE,CAAA,CAEJ"}

package/lib/esm/components/backoffice/tools/BackofficeToolsErrorFallback.js

@@ -0,0 +1,48 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { BackofficeDetailSection as t } from "../detail/BackofficeDetailSection.js";
+import { BackofficeDetailPayload as n } from "../detail/BackofficeDetailPayload.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as o } from "@plumile/ui";
+//#region src/components/backoffice/tools/BackofficeToolsErrorFallback.tsx
+var s = (e) => {
+	if (e instanceof Error) return e.stack != null && e.stack.trim() !== "" ? e.stack : e.name !== "" && e.message !== "" ? `${e.name}: ${e.message}` : e.message === "" ? null : e.message;
+	if (typeof e == "string") return e;
+	try {
+		return JSON.stringify(e, null, 2);
+	} catch {
+		return String(e);
+	}
+}, c = ({ error: c, onRetry: l }) => {
+	let { t: u } = e(), d = u("tools.errors.unknown");
+	c instanceof Error && (d = c.message);
+	let f = s(c), p = null;
+	if (f != null) {
+		let e = f.trim();
+		e !== "" && e !== d && (p = `\`\`\`\n${e}\n\`\`\``);
+	}
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, {
+		title: u("tools.errors.title"),
+		description: u("tools.errors.description"),
+		items: [{
+			id: "error",
+			label: u("tools.errors.label"),
+			size: "fluid",
+			value: d
+		}],
+		children: /* @__PURE__ */ i(o, {
+			type: "button",
+			variant: "secondary",
+			size: "small",
+			onClick: l,
+			children: u("common.actions.retry")
+		})
+	}), p != null && /* @__PURE__ */ i(n, {
+		title: u("tools.errors.details"),
+		content: p,
+		format: "markdown"
+	})] });
+};
+//#endregion
+export { c as BackofficeToolsErrorFallback, c as default };
+
+//# sourceMappingURL=BackofficeToolsErrorFallback.js.map

package/lib/esm/components/backoffice/tools/BackofficeToolsErrorFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeToolsErrorFallback.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsErrorFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\n\nimport { BackofficeDetailPayload } from '../detail/BackofficeDetailPayload.js';\nimport { BackofficeDetailSection } from '../detail/BackofficeDetailSection.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeToolsErrorFallbackProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nconst resolveErrorDetails = (error: unknown): string | null => {\n  if (error instanceof Error) {\n    if (error.stack != null && error.stack.trim() !== '') {\n      return error.stack;\n    }\n    if (error.name !== '' && error.message !== '') {\n      return `${error.name}: ${error.message}`;\n    }\n    if (error.message !== '') {\n      return error.message;\n    }\n    return null;\n  }\n\n  if (typeof error === 'string') {\n    return error;\n  }\n\n  try {\n    return JSON.stringify(error, null, 2);\n  } catch {\n    return String(error);\n  }\n};\n\nexport const BackofficeToolsErrorFallback = ({\n  error,\n  onRetry,\n}: BackofficeToolsErrorFallbackProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  let message = t('tools.errors.unknown');\n  if (error instanceof Error) {\n    message = error.message;\n  }\n  const details = resolveErrorDetails(error);\n  let detailsContent: string | null = null;\n  if (details != null) {\n    const trimmed = details.trim();\n    if (trimmed !== '' && trimmed !== message) {\n      detailsContent = `\\`\\`\\`\\n${trimmed}\\n\\`\\`\\``;\n    }\n  }\n\n  return (\n    <>\n      <BackofficeDetailSection\n        title={t('tools.errors.title')}\n        description={t('tools.errors.description')}\n        items={[\n          {\n            id: 'error',\n            label: t('tools.errors.label'),\n            size: 'fluid',\n            value: message,\n          },\n        ]}\n      >\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={onRetry}\n        >\n          {t('common.actions.retry')}\n        </Button>\n      </BackofficeDetailSection>\n      {detailsContent != null && (\n        <BackofficeDetailPayload\n          title={t('tools.errors.details')}\n          content={detailsContent}\n          format=\"markdown\"\n        />\n      )}\n    </>\n  );\n};\n\nexport default BackofficeToolsErrorFallback;\n"],"mappings":";;;;;;AAaA,IAAM,KAAuB,MAAkC;AAC7D,KAAI,aAAiB,MAUnB,QATI,EAAM,SAAS,QAAQ,EAAM,MAAM,MAAM,KAAK,KACzC,EAAM,QAEX,EAAM,SAAS,MAAM,EAAM,YAAY,KAClC,GAAG,EAAM,KAAK,IAAI,EAAM,YAE7B,EAAM,YAAY,KAGf,OAFE,EAAM;AAKjB,KAAI,OAAO,KAAU,SACnB,QAAO;AAGT,KAAI;AACF,SAAO,KAAK,UAAU,GAAO,MAAM,EAAE;SAC/B;AACN,SAAO,OAAO,EAAM;;GAIX,KAAgC,EAC3C,UACA,iBACoD;CACpD,IAAM,EAAE,SAAM,GAA+B,EACzC,IAAU,EAAE,uBAAuB;AACvC,CAAI,aAAiB,UACnB,IAAU,EAAM;CAElB,IAAM,IAAU,EAAoB,EAAM,EACtC,IAAgC;AACpC,KAAI,KAAW,MAAM;EACnB,IAAM,IAAU,EAAQ,MAAM;AAC9B,EAAI,MAAY,MAAM,MAAY,MAChC,IAAiB,WAAW,EAAQ;;AAIxC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,2BAA2B;EAC1C,OAAO,CACL;GACE,IAAI;GACJ,OAAO,EAAE,qBAAqB;GAC9B,MAAM;GACN,OAAO;GACR,CACF;YAED,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,SAAS;aAER,EAAE,uBAAuB;GACnB,CAAA;EACe,CAAA,EACzB,KAAkB,QACjB,kBAAC,GAAD;EACE,OAAO,EAAE,uBAAuB;EAChC,SAAS;EACT,QAAO;EACP,CAAA,CAEH,EAAA,CAAA"}

package/lib/esm/components/backoffice/tools/BackofficeToolsJsonForm.js

@@ -0,0 +1,58 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { actions as t, form as n, inputHeader as r } from "./backofficeToolsJsonForm.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as o } from "@plumile/ui";
+import { Label as s } from "@plumile/ui/atomic/atoms/label/Label.js";
+import { Textarea as c } from "@plumile/ui/atomic/atoms/textarea/Textarea.js";
+import { Form as l } from "@plumile/ui/atomic/molecules/form/Form.js";
+import { FormErrorBanner as u } from "@plumile/ui/atomic/molecules/form/FormErrorBanner.js";
+import { FormGroup as d } from "@plumile/ui/atomic/molecules/form/FormGroup.js";
+//#region src/components/backoffice/tools/BackofficeToolsJsonForm.tsx
+var f = ({ value: f, onChange: p, onSubmit: m, error: h, disabled: g = !1, label: _, submitLabel: v, exampleValue: y, exampleLabel: b }) => {
+	let { t: x } = e(), S = _ ?? x("tools.forms.inputJsonLabel"), C = v ?? x("tools.forms.actions.run"), w = b ?? x("tools.forms.actions.insertExample"), T = "";
+	typeof y == "string" && (T = y);
+	let E = T.trim() !== "";
+	return /* @__PURE__ */ a(l, {
+		onSubmit: (e) => {
+			e.preventDefault(), !g && m();
+		},
+		className: n,
+		children: [
+			/* @__PURE__ */ i(u, { message: h }),
+			/* @__PURE__ */ a(d, { children: [/* @__PURE__ */ a("div", {
+				className: r,
+				children: [/* @__PURE__ */ i(s, { children: S }), E && /* @__PURE__ */ i(o, {
+					type: "button",
+					variant: "text",
+					size: "small",
+					disabled: g,
+					onClick: () => {
+						p(T);
+					},
+					children: w
+				})]
+			}), /* @__PURE__ */ i(c, {
+				value: f,
+				onChange: (e) => {
+					p(e.target.value);
+				},
+				rows: 8,
+				fullWidth: !0
+			})] }),
+			/* @__PURE__ */ i("div", {
+				className: t,
+				children: /* @__PURE__ */ i(o, {
+					type: "submit",
+					variant: "primary",
+					size: "small",
+					disabled: g,
+					children: C
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { f as BackofficeToolsJsonForm, f as default };
+
+//# sourceMappingURL=BackofficeToolsJsonForm.js.map

package/lib/esm/components/backoffice/tools/BackofficeToolsJsonForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeToolsJsonForm.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsJsonForm.tsx"],"sourcesContent":["import { type FormEvent, type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\nimport { Label } from '@plumile/ui/atomic/atoms/label/Label.js';\nimport { Textarea } from '@plumile/ui/atomic/atoms/textarea/Textarea.js';\nimport { Form } from '@plumile/ui/atomic/molecules/form/Form.js';\nimport { FormGroup } from '@plumile/ui/atomic/molecules/form/FormGroup.js';\nimport { FormErrorBanner } from '@plumile/ui/atomic/molecules/form/FormErrorBanner.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeToolsJsonForm.css.js';\n\nexport type BackofficeToolsJsonFormProps = {\n  value: string;\n  onChange: (next: string) => void;\n  onSubmit: () => void;\n  error?: string | null;\n  disabled?: boolean;\n  label?: string;\n  submitLabel?: string;\n  exampleValue?: string;\n  exampleLabel?: string;\n};\n\nexport const BackofficeToolsJsonForm = ({\n  value,\n  onChange,\n  onSubmit,\n  error,\n  disabled = false,\n  label,\n  submitLabel,\n  exampleValue,\n  exampleLabel,\n}: BackofficeToolsJsonFormProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  const resolvedLabel = label ?? t('tools.forms.inputJsonLabel');\n  const resolvedSubmitLabel = submitLabel ?? t('tools.forms.actions.run');\n  const resolvedExampleLabel =\n    exampleLabel ?? t('tools.forms.actions.insertExample');\n  let resolvedExampleValue = '';\n  if (typeof exampleValue === 'string') {\n    resolvedExampleValue = exampleValue;\n  }\n  const hasExample = resolvedExampleValue.trim() !== '';\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (disabled) {\n      return;\n    }\n    onSubmit();\n  };\n\n  return (\n    <Form onSubmit={handleSubmit} className={styles.form}>\n      <FormErrorBanner message={error} />\n      <FormGroup>\n        <div className={styles.inputHeader}>\n          <Label>{resolvedLabel}</Label>\n          {hasExample && (\n            <Button\n              type=\"button\"\n              variant=\"text\"\n              size=\"small\"\n              disabled={disabled}\n              onClick={() => {\n                onChange(resolvedExampleValue);\n              }}\n            >\n              {resolvedExampleLabel}\n            </Button>\n          )}\n        </div>\n        <Textarea\n          value={value}\n          onChange={(event) => {\n            onChange(event.target.value);\n          }}\n          rows={8}\n          fullWidth\n        />\n      </FormGroup>\n      <div className={styles.actions}>\n        <Button\n          type=\"submit\"\n          variant=\"primary\"\n          size=\"small\"\n          disabled={disabled}\n        >\n          {resolvedSubmitLabel}\n        </Button>\n      </div>\n    </Form>\n  );\n};\n\nexport default BackofficeToolsJsonForm;\n"],"mappings":";;;;;;;;;;AAyBA,IAAa,KAA2B,EACtC,UACA,aACA,aACA,UACA,cAAW,IACX,UACA,gBACA,iBACA,sBAC+C;CAC/C,IAAM,EAAE,SAAM,GAA+B,EAEvC,IAAgB,KAAS,EAAE,6BAA6B,EACxD,IAAsB,KAAe,EAAE,0BAA0B,EACjE,IACJ,KAAgB,EAAE,oCAAoC,EACpD,IAAuB;AAC3B,CAAI,OAAO,KAAiB,aAC1B,IAAuB;CAEzB,IAAM,IAAa,EAAqB,MAAM,KAAK;AAUnD,QACE,kBAAC,GAAD;EAAM,WATc,MAAsC;AAC1D,KAAM,gBAAgB,EAClB,MAGJ,GAAU;;EAIoB,WAAW;YAAzC;GACE,kBAAC,GAAD,EAAiB,SAAS,GAAS,CAAA;GACnC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,GAAD,EAAA,UAAQ,GAAsB,CAAA,EAC7B,KACC,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACK;KACV,eAAe;AACb,QAAS,EAAqB;;eAG/B;KACM,CAAA,CAEP;OACN,kBAAC,GAAD;IACS;IACP,WAAW,MAAU;AACnB,OAAS,EAAM,OAAO,MAAM;;IAE9B,MAAM;IACN,WAAA;IACA,CAAA,CACQ,EAAA,CAAA;GACZ,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACK;eAET;KACM,CAAA;IACL,CAAA;GACD"}

package/lib/esm/components/backoffice/tools/BackofficeToolsPageLayout.js

@@ -0,0 +1,81 @@
+import { BackofficeToolsParamsProvider as e } from "./BackofficeToolsParamsContext.js";
+import { BackofficeToolsScopePicker as t } from "./BackofficeToolsScopePicker.js";
+import { BackofficeToolsProjectPicker as n } from "./BackofficeToolsProjectPicker.js";
+import { body as r, bodySplit as i, controls as a, header as o, main as s, page as c, title as l } from "./backofficeToolsPageLayout.css.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { cx as p } from "@plumile/ui/theme/tools.js";
+//#region src/components/backoffice/tools/BackofficeToolsPageLayout.tsx
+var m = ({ title: m, subtitle: h, toolId: g, toolIdLabel: _, showProjectPicker: v = !1, docPanel: y, children: b }) => {
+	let [x, S] = f(null), [C, w] = f(null), T = h != null && h !== "", E = g?.trim() ?? "";
+	return /* @__PURE__ */ u(e, {
+		value: {
+			initiativeId: x,
+			projectId: C
+		},
+		children: /* @__PURE__ */ d("div", {
+			className: c,
+			children: [
+				/* @__PURE__ */ d("header", {
+					className: o,
+					children: [
+						/* @__PURE__ */ u("h1", {
+							className: l,
+							children: m
+						}),
+						T && /* @__PURE__ */ u("p", {
+							className: "r0idsk3 vncd89v8r vncd89fbo",
+							children: h
+						}),
+						E !== "" && /* @__PURE__ */ d("div", {
+							className: "r0idsk4 vncd899io vncd89co vncd89ao6 vncd898x vncd89v8r",
+							children: [_ != null && _ !== "" && /* @__PURE__ */ u("span", {
+								className: "r0idsk5 vncd89amf",
+								children: _
+							}), /* @__PURE__ */ u("span", {
+								className: "r0idsk6 vncd89al6 vncd89v8p",
+								children: E
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: a,
+					children: [/* @__PURE__ */ u(t, {
+						initiativeId: x,
+						onChange: (e) => {
+							if (e === "") {
+								S(null);
+								return;
+							}
+							S(e);
+						}
+					}), v && /* @__PURE__ */ u(n, {
+						projectId: C,
+						onChange: (e) => {
+							if (e === "") {
+								w(null);
+								return;
+							}
+							w(e);
+						}
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: p(r, { [i]: y != null }),
+					children: [/* @__PURE__ */ u("div", {
+						className: s,
+						children: b
+					}), y != null && /* @__PURE__ */ u("aside", {
+						className: "r0idskb vncd899io vncd89ai6 vncd89aof",
+						children: y
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { m as BackofficeToolsPageLayout, m as default };
+
+//# sourceMappingURL=BackofficeToolsPageLayout.js.map

package/lib/esm/components/backoffice/tools/BackofficeToolsPageLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeToolsPageLayout.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsPageLayout.tsx"],"sourcesContent":["import { useState, type JSX, type ReactNode } from 'react';\nimport { cx } from '@plumile/ui/theme/tools.js';\nimport { BackofficeToolsParamsProvider } from './BackofficeToolsParamsContext.js';\nimport { BackofficeToolsScopePicker } from './BackofficeToolsScopePicker.js';\nimport { BackofficeToolsProjectPicker } from './BackofficeToolsProjectPicker.js';\n\nimport * as styles from './backofficeToolsPageLayout.css.js';\n\nexport type BackofficeToolsPageLayoutProps = {\n  title: string;\n  subtitle?: string;\n  toolId?: string;\n  toolIdLabel?: string;\n  showProjectPicker?: boolean;\n  docPanel?: ReactNode;\n  children: ReactNode;\n};\n\nexport const BackofficeToolsPageLayout = ({\n  title,\n  subtitle,\n  toolId,\n  toolIdLabel,\n  showProjectPicker = false,\n  docPanel,\n  children,\n}: BackofficeToolsPageLayoutProps): JSX.Element => {\n  const [initiativeId, setInitiativeId] = useState<string | null>(null);\n  const [projectId, setProjectId] = useState<string | null>(null);\n  const showSubtitle = subtitle != null && subtitle !== '';\n  const resolvedToolId = toolId?.trim() ?? '';\n  const showToolId = resolvedToolId !== '';\n\n  return (\n    <BackofficeToolsParamsProvider\n      value={{\n        initiativeId,\n        projectId,\n      }}\n    >\n      <div className={styles.page}>\n        <header className={styles.header}>\n          <h1 className={styles.title}>{title}</h1>\n          {showSubtitle && <p className={styles.subtitle}>{subtitle}</p>}\n          {showToolId && (\n            <div className={styles.toolIdRow}>\n              {toolIdLabel != null && toolIdLabel !== '' && (\n                <span className={styles.toolIdLabel}>{toolIdLabel}</span>\n              )}\n              <span className={styles.toolIdValue}>{resolvedToolId}</span>\n            </div>\n          )}\n        </header>\n        <div className={styles.controls}>\n          <BackofficeToolsScopePicker\n            initiativeId={initiativeId}\n            onChange={(next) => {\n              if (next === '') {\n                setInitiativeId(null);\n                return;\n              }\n              setInitiativeId(next);\n            }}\n          />\n          {showProjectPicker && (\n            <BackofficeToolsProjectPicker\n              projectId={projectId}\n              onChange={(next) => {\n                if (next === '') {\n                  setProjectId(null);\n                  return;\n                }\n                setProjectId(next);\n              }}\n            />\n          )}\n        </div>\n        <div\n          className={cx(styles.body, {\n            [styles.bodySplit]: docPanel != null,\n          })}\n        >\n          <div className={styles.main}>{children}</div>\n          {docPanel != null && (\n            <aside className={styles.aside}>{docPanel}</aside>\n          )}\n        </div>\n      </div>\n    </BackofficeToolsParamsProvider>\n  );\n};\n\nexport default BackofficeToolsPageLayout;\n"],"mappings":";;;;;;;;AAkBA,IAAa,KAA6B,EACxC,OAAA,GACA,UAAA,GACA,WACA,aAAA,GACA,uBAAoB,IACpB,aACA,kBACiD;CACjD,IAAM,CAAC,GAAc,KAAmB,EAAwB,KAAK,EAC/D,CAAC,GAAW,KAAgB,EAAwB,KAAK,EACzD,IAAe,KAAY,QAAQ,MAAa,IAChD,IAAiB,GAAQ,MAAM,IAAI;AAGzC,QACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA;GACD;YAED,kBAAC,OAAD;GAAK,WAAW;aAAhB;IACE,kBAAC,UAAD;KAAQ,WAAW;eAAnB;MACE,kBAAC,MAAD;OAAI,WAAW;iBAAe;OAAW,CAAA;MACxC,KAAgB,kBAAC,KAAD;OAAG,WAAW;iBAAkB;OAAa,CAAA;MAZnD,MAAmB,MAc5B,kBAAC,OAAD;OAAK,WAAW;iBAAhB,CACG,KAAe,QAAQ,MAAgB,MACtC,kBAAC,QAAD;QAAM,WAAW;kBAAqB;QAAmB,CAAA,EAE3D,kBAAC,QAAD;QAAM,WAAW;kBAAqB;QAAsB,CAAA,CACxD;;MAED;;IACT,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACE,kBAAC,GAAD;MACgB;MACd,WAAW,MAAS;AAClB,WAAI,MAAS,IAAI;AACf,UAAgB,KAAK;AACrB;;AAEF,SAAgB,EAAK;;MAEvB,CAAA,EACD,KACC,kBAAC,GAAD;MACa;MACX,WAAW,MAAS;AAClB,WAAI,MAAS,IAAI;AACf,UAAa,KAAK;AAClB;;AAEF,SAAa,EAAK;;MAEpB,CAAA,CAEA;;IACN,kBAAC,OAAD;KACE,WAAW,EAAG,GAAa,GACxB,IAAmB,KAAY,MACjC,CAAC;eAHJ,CAKE,kBAAC,OAAD;MAAK,WAAW;MAAc;MAAe,CAAA,EAC5C,KAAY,QACX,kBAAC,SAAD;MAAO,WAAW;gBAAe;MAAiB,CAAA,CAEhD;;IACF;;EACwB,CAAA"}

package/lib/esm/components/backoffice/tools/BackofficeToolsParamsContext.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as t, useContext as n } from "react";
+//#region src/components/backoffice/tools/BackofficeToolsParamsContext.tsx
+var r = t(null), i = ({ value: t, children: n }) => /* @__PURE__ */ e(r.Provider, {
+	value: t,
+	children: n
+});
+function a() {
+	let e = n(r);
+	if (e == null) throw Error("BackofficeToolsParamsProvider is missing.");
+	return e;
+}
+//#endregion
+export { i as BackofficeToolsParamsProvider, r as default, a as useBackofficeToolsParams };
+
+//# sourceMappingURL=BackofficeToolsParamsContext.js.map

package/lib/esm/components/backoffice/tools/BackofficeToolsParamsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeToolsParamsContext.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsParamsContext.tsx"],"sourcesContent":["import { createContext, useContext, type JSX, type ReactNode } from 'react';\n\nexport type BackofficeToolsParamsValue = {\n  initiativeId: string | null;\n  projectId: string | null;\n};\n\nconst BackofficeToolsParamsContext =\n  createContext<BackofficeToolsParamsValue | null>(null);\n\nexport type BackofficeToolsParamsProviderProps = {\n  value: BackofficeToolsParamsValue;\n  children: ReactNode;\n};\n\nexport const BackofficeToolsParamsProvider = ({\n  value,\n  children,\n}: BackofficeToolsParamsProviderProps): JSX.Element => {\n  return (\n    <BackofficeToolsParamsContext.Provider value={value}>\n      {children}\n    </BackofficeToolsParamsContext.Provider>\n  );\n};\n\n/**\n *\n */\nexport function useBackofficeToolsParams(): BackofficeToolsParamsValue {\n  const context = useContext(BackofficeToolsParamsContext);\n  if (context == null) {\n    throw new Error('BackofficeToolsParamsProvider is missing.');\n  }\n  return context;\n}\n\nexport default BackofficeToolsParamsContext;\n"],"mappings":";;;AAOA,IAAM,IACJ,EAAiD,KAAK,EAO3C,KAAiC,EAC5C,UACA,kBAGE,kBAAC,EAA6B,UAA9B;CAA8C;CAC3C;CACqC,CAAA;AAO5C,SAAgB,IAAuD;CACrE,IAAM,IAAU,EAAW,EAA6B;AACxD,KAAI,KAAW,KACb,OAAU,MAAM,4CAA4C;AAE9D,QAAO"}

package/lib/esm/components/backoffice/tools/BackofficeToolsProjectPicker.js

@@ -0,0 +1,56 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { EntityIdPickerDialog as t } from "../pickers/EntityIdPickerDialog.js";
+import { BackofficeDetailSection as n } from "../detail/BackofficeDetailSection.js";
+import { input as r, row as i } from "./backofficeToolsProjectPicker.css.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s } from "@plumile/ui";
+import { useState as c } from "react";
+import { Input as l } from "@plumile/ui/atomic/atoms/input/Input.js";
+//#region src/components/backoffice/tools/BackofficeToolsProjectPicker.tsx
+var u = ({ projectId: u, onChange: d }) => {
+	let { t: f } = e(), [p, m] = c(!1), h = u ?? "";
+	return /* @__PURE__ */ o(n, {
+		title: f("tools.project.title"),
+		description: f("tools.project.description"),
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: i,
+				children: [/* @__PURE__ */ a(l, {
+					value: h,
+					onChange: (e) => {
+						d(e.target.value);
+					},
+					placeholder: f("tools.project.placeholder"),
+					className: r
+				}), /* @__PURE__ */ a(s, {
+					type: "button",
+					variant: "secondary",
+					size: "small",
+					onClick: () => {
+						m(!0);
+					},
+					children: f("tools.project.actions.pick")
+				})]
+			}),
+			h === "" && /* @__PURE__ */ a("p", {
+				className: "a76idv2 vncd89v8t vncd89hx6",
+				children: f("tools.project.empty")
+			}),
+			/* @__PURE__ */ a(t, {
+				isOpen: p,
+				entity: "projects",
+				title: f("tools.project.pickerTitle"),
+				onClose: () => {
+					m(!1);
+				},
+				onSelectId: (e) => {
+					d(e);
+				}
+			})
+		]
+	});
+};
+//#endregion
+export { u as BackofficeToolsProjectPicker, u as default };
+
+//# sourceMappingURL=BackofficeToolsProjectPicker.js.map

package/lib/esm/components/backoffice/tools/BackofficeToolsProjectPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeToolsProjectPicker.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsProjectPicker.tsx"],"sourcesContent":["import { useState, type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\nimport { Input } from '@plumile/ui/atomic/atoms/input/Input.js';\n\nimport { BackofficeDetailSection } from '../detail/BackofficeDetailSection.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeToolsProjectPicker.css.js';\n\nexport type BackofficeToolsProjectPickerProps = {\n  projectId: string | null;\n  onChange: (next: string) => void;\n};\n\nexport const BackofficeToolsProjectPicker = ({\n  projectId,\n  onChange,\n}: BackofficeToolsProjectPickerProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const [isOpen, setIsOpen] = useState(false);\n\n  const resolvedValue = projectId ?? '';\n\n  return (\n    <BackofficeDetailSection\n      title={t('tools.project.title')}\n      description={t('tools.project.description')}\n    >\n      <div className={styles.row}>\n        <Input\n          value={resolvedValue}\n          onChange={(event) => {\n            onChange(event.target.value);\n          }}\n          placeholder={t('tools.project.placeholder')}\n          className={styles.input}\n        />\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={() => {\n            setIsOpen(true);\n          }}\n        >\n          {t('tools.project.actions.pick')}\n        </Button>\n      </div>\n      {resolvedValue === '' && (\n        <p className={styles.helper}>{t('tools.project.empty')}</p>\n      )}\n      <EntityIdPickerDialog\n        isOpen={isOpen}\n        entity=\"projects\"\n        title={t('tools.project.pickerTitle')}\n        onClose={() => {\n          setIsOpen(false);\n        }}\n        onSelectId={(id) => {\n          onChange(id);\n        }}\n      />\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeToolsProjectPicker;\n"],"mappings":";;;;;;;;;AAgBA,IAAa,KAAgC,EAC3C,cACA,kBACoD;CACpD,IAAM,EAAE,SAAM,GAA+B,EACvC,CAAC,GAAQ,KAAa,EAAS,GAAM,EAErC,IAAgB,KAAa;AAEnC,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,sBAAsB;EAC/B,aAAa,EAAE,4BAA4B;YAF7C;GAIE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,GAAD;KACE,OAAO;KACP,WAAW,MAAU;AACnB,QAAS,EAAM,OAAO,MAAM;;KAE9B,aAAa,EAAE,4BAA4B;KAC3C,WAAW;KACX,CAAA,EACF,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eAAe;AACb,QAAU,GAAK;;eAGhB,EAAE,6BAA6B;KACzB,CAAA,CACL;;GACL,MAAkB,MACjB,kBAAC,KAAD;IAAG,WAAW;cAAgB,EAAE,sBAAsB;IAAK,CAAA;GAE7D,kBAAC,GAAD;IACU;IACR,QAAO;IACP,OAAO,EAAE,4BAA4B;IACrC,eAAe;AACb,OAAU,GAAM;;IAElB,aAAa,MAAO;AAClB,OAAS,EAAG;;IAEd,CAAA;GACsB"}

package/lib/esm/components/backoffice/tools/BackofficeToolsQueryBoundary.js

@@ -0,0 +1,20 @@
+import { BackofficeErrorBoundary as e } from "../errors/BackofficeErrorBoundary.js";
+import { BackofficeToolsErrorFallback as t } from "./BackofficeToolsErrorFallback.js";
+import { jsx as n } from "react/jsx-runtime";
+import { Suspense as r } from "react";
+import { Spinner as i } from "@plumile/ui-backoffice/backoffice/atoms/spinner/Spinner.js";
+//#region src/components/backoffice/tools/BackofficeToolsQueryBoundary.tsx
+var a = ({ children: a }) => /* @__PURE__ */ n(e, {
+	fallback: ({ error: e, reset: r }) => /* @__PURE__ */ n(t, {
+		error: e,
+		onRetry: r
+	}),
+	children: /* @__PURE__ */ n(r, {
+		fallback: /* @__PURE__ */ n(i, {}),
+		children: a
+	})
+});
+//#endregion
+export { a as BackofficeToolsQueryBoundary, a as default };
+
+//# sourceMappingURL=BackofficeToolsQueryBoundary.js.map

package/lib/esm/components/backoffice/tools/BackofficeToolsQueryBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeToolsQueryBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsQueryBoundary.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\n\nimport { Spinner } from '@plumile/ui-backoffice/backoffice/atoms/spinner/Spinner.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nimport { BackofficeToolsErrorFallback } from './BackofficeToolsErrorFallback.js';\n\nexport type BackofficeToolsQueryBoundaryProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeToolsQueryBoundary = ({\n  children,\n}: BackofficeToolsQueryBoundaryProps): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={({ error, reset }) => {\n        return <BackofficeToolsErrorFallback error={error} onRetry={reset} />;\n      }}\n    >\n      <Suspense fallback={<Spinner />}>{children}</Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeToolsQueryBoundary;\n"],"mappings":";;;;;;AAYA,IAAa,KAAgC,EAC3C,kBAGE,kBAAC,GAAD;CACE,WAAW,EAAE,UAAO,eACX,kBAAC,GAAD;EAAqC;EAAO,SAAS;EAAS,CAAA;WAGvE,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAW,CAAA;EAAG;EAAoB,CAAA;CAC9B,CAAA"}

package/lib/esm/components/backoffice/tools/BackofficeToolsScopePicker.js

@@ -0,0 +1,56 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { EntityIdPickerDialog as t } from "../pickers/EntityIdPickerDialog.js";
+import { BackofficeDetailSection as n } from "../detail/BackofficeDetailSection.js";
+import { input as r, row as i } from "./backofficeToolsScopePicker.css.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s } from "@plumile/ui";
+import { useState as c } from "react";
+import { Input as l } from "@plumile/ui/atomic/atoms/input/Input.js";
+//#region src/components/backoffice/tools/BackofficeToolsScopePicker.tsx
+var u = ({ initiativeId: u, onChange: d }) => {
+	let { t: f } = e(), [p, m] = c(!1), h = u ?? "";
+	return /* @__PURE__ */ o(n, {
+		title: f("tools.scope.title"),
+		description: f("tools.scope.description"),
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: i,
+				children: [/* @__PURE__ */ a(l, {
+					value: h,
+					onChange: (e) => {
+						d(e.target.value);
+					},
+					placeholder: f("tools.scope.placeholder"),
+					className: r
+				}), /* @__PURE__ */ a(s, {
+					type: "button",
+					variant: "secondary",
+					size: "small",
+					onClick: () => {
+						m(!0);
+					},
+					children: f("tools.scope.actions.pick")
+				})]
+			}),
+			h === "" && /* @__PURE__ */ a("p", {
+				className: "_979xlr2 vncd89v8t vncd89hx6",
+				children: f("tools.scope.empty")
+			}),
+			/* @__PURE__ */ a(t, {
+				isOpen: p,
+				entity: "initiatives",
+				title: f("tools.scope.pickerTitle"),
+				onClose: () => {
+					m(!1);
+				},
+				onSelectId: (e) => {
+					d(e);
+				}
+			})
+		]
+	});
+};
+//#endregion
+export { u as BackofficeToolsScopePicker, u as default };
+
+//# sourceMappingURL=BackofficeToolsScopePicker.js.map

package/lib/esm/components/backoffice/tools/BackofficeToolsScopePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeToolsScopePicker.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsScopePicker.tsx"],"sourcesContent":["import { useState, type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\nimport { Input } from '@plumile/ui/atomic/atoms/input/Input.js';\n\nimport { BackofficeDetailSection } from '../detail/BackofficeDetailSection.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeToolsScopePicker.css.js';\n\nexport type BackofficeToolsScopePickerProps = {\n  initiativeId: string | null;\n  onChange: (next: string) => void;\n};\n\nexport const BackofficeToolsScopePicker = ({\n  initiativeId,\n  onChange,\n}: BackofficeToolsScopePickerProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const [isOpen, setIsOpen] = useState(false);\n\n  const resolvedValue = initiativeId ?? '';\n\n  return (\n    <BackofficeDetailSection\n      title={t('tools.scope.title')}\n      description={t('tools.scope.description')}\n    >\n      <div className={styles.row}>\n        <Input\n          value={resolvedValue}\n          onChange={(event) => {\n            onChange(event.target.value);\n          }}\n          placeholder={t('tools.scope.placeholder')}\n          className={styles.input}\n        />\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={() => {\n            setIsOpen(true);\n          }}\n        >\n          {t('tools.scope.actions.pick')}\n        </Button>\n      </div>\n      {resolvedValue === '' && (\n        <p className={styles.helper}>{t('tools.scope.empty')}</p>\n      )}\n      <EntityIdPickerDialog\n        isOpen={isOpen}\n        entity=\"initiatives\"\n        title={t('tools.scope.pickerTitle')}\n        onClose={() => {\n          setIsOpen(false);\n        }}\n        onSelectId={(id) => {\n          onChange(id);\n        }}\n      />\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeToolsScopePicker;\n"],"mappings":";;;;;;;;;AAgBA,IAAa,KAA8B,EACzC,iBACA,kBACkD;CAClD,IAAM,EAAE,SAAM,GAA+B,EACvC,CAAC,GAAQ,KAAa,EAAS,GAAM,EAErC,IAAgB,KAAgB;AAEtC,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,oBAAoB;EAC7B,aAAa,EAAE,0BAA0B;YAF3C;GAIE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,GAAD;KACE,OAAO;KACP,WAAW,MAAU;AACnB,QAAS,EAAM,OAAO,MAAM;;KAE9B,aAAa,EAAE,0BAA0B;KACzC,WAAW;KACX,CAAA,EACF,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eAAe;AACb,QAAU,GAAK;;eAGhB,EAAE,2BAA2B;KACvB,CAAA,CACL;;GACL,MAAkB,MACjB,kBAAC,KAAD;IAAG,WAAW;cAAgB,EAAE,oBAAoB;IAAK,CAAA;GAE3D,kBAAC,GAAD;IACU;IACR,QAAO;IACP,OAAO,EAAE,0BAA0B;IACnC,eAAe;AACb,OAAU,GAAM;;IAElB,aAAa,MAAO;AAClB,OAAS,EAAG;;IAEd,CAAA;GACsB"}

package/lib/esm/components/backoffice/tools/backofficeToolsDocPanel.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                       */
+//#region src/components/backoffice/tools/backofficeToolsDocPanel.css.ts
+var e = "_8o9eh80 vncd899io vncd89ai6 vncd89aof", t = "_8o9eh81 vncd891co vncd891qf vncd89wf vncd891ro vncd89v2r vncd89l6f", n = "_8o9eh82 vncd89nvf vncd89oio vncd89p5o vncd89lxf vncd89u6f vncd899io vncd89co vncd89doo vncd89ao6 vncd89uzj vncd8912f vncd891px vncd89v8p vncd89v vncd89t5o", r = "_8o9eh83 vncd8996 vncd89amo", i = "_8o9eh84 vncd89v8r vncd897g vncd896w vncd897k", a = "_8o9eh85 vncd892w", o = "_8o9eh86 vncd894sf vncd891qf vncd892cx vncd89v2t vncd89la6";
+//#endregion
+export { o as content, t as panel, e as panelGroup, n as trigger, i as triggerIcon, a as triggerIconOpen, r as triggerTitle };
+
+//# sourceMappingURL=backofficeToolsDocPanel.css.js.map

package/lib/esm/components/backoffice/tools/backofficeToolsDocPanel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeToolsDocPanel.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsDocPanel.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const panelGroup = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const panel = sprinkles({\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  borderRadius: 'lg',\n  backgroundColor: 'surface',\n  overflow: 'hidden',\n});\n\nexport const trigger = sprinkles({\n  width: 'full',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 2,\n  paddingY: 3,\n  paddingX: 4,\n  backgroundColor: 'transparent',\n  borderWidth: 0,\n  borderStyle: 'none',\n  color: 'text',\n  cursor: 'pointer',\n  textAlign: 'left',\n});\n\nexport const triggerTitle = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n});\n\nexport const triggerIcon = sprinkles({\n  color: 'textSecondary',\n  transitionProperty: 'transform',\n  transitionDuration: 120,\n  transitionTimingFunction: 'ease',\n});\n\nexport const triggerIconOpen = sprinkles({\n  rotate: 180,\n});\n\nexport const content = sprinkles({\n  borderTopWidth: 'px',\n  borderStyle: 'solid',\n  borderTopColor: 'borderLight',\n  backgroundColor: 'surfaceSecondary',\n  padding: 3,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/tools/backofficeToolsForm.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                   */
+//#region src/components/backoffice/tools/backofficeToolsForm.css.ts
+var e = "_3yjjsp0 vncd899io vncd89ai6 vncd89aof", t = "_3yjjsp1 vncd899io vncd89do6", n = "_3yjjsp2 vncd899io vncd89co vncd89doo vncd89ao6", r = "_3yjjsp3 vncd899io vncd89ai6 vncd89aof", i = "_3yjjsp4 vncd899ix vncd89aoo vncd89c0f";
+//#endregion
+export { t as actions, e as form, n as inputHeader, i as keyValueGrid, r as outputStack };
+
+//# sourceMappingURL=backofficeToolsForm.css.js.map

package/lib/esm/components/backoffice/tools/backofficeToolsForm.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeToolsForm.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsForm.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const form = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  justifyContent: 'flex-end',\n});\n\nexport const inputHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 2,\n});\n\nexport const outputStack = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const keyValueGrid = sprinkles({\n  display: 'grid',\n  gap: 4,\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/tools/backofficeToolsJsonForm.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                       */
+//#region src/components/backoffice/tools/backofficeToolsJsonForm.css.ts
+var e = "_1qbbudq0 vncd899io vncd89ai6 vncd89aoo", t = "_1qbbudq1 vncd899io vncd89do6", n = "_1qbbudq2 vncd899io vncd89co vncd89doo vncd89ao6";
+//#endregion
+export { t as actions, e as form, n as inputHeader };
+
+//# sourceMappingURL=backofficeToolsJsonForm.css.js.map

package/lib/esm/components/backoffice/tools/backofficeToolsJsonForm.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeToolsJsonForm.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsJsonForm.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const form = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  justifyContent: 'flex-end',\n});\n\nexport const inputHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 2,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/tools/backofficeToolsPageLayout.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                         */
+//#region src/components/backoffice/tools/backofficeToolsPageLayout.css.ts
+var e = "r0idsk0 vncd899io vncd89ai6 vncd89ap6", t = "r0idsk1 vncd899io vncd89ai6 vncd89ao6", n = "r0idsk2 vncd899o vncd89amo vncd89v8p vncd89fbo", r = "r0idsk3 vncd89v8r vncd89fbo", i = "r0idsk4 vncd899io vncd89co vncd89ao6 vncd898x vncd89v8r", a = "r0idsk5 vncd89amf", o = "r0idsk6 vncd89al6 vncd89v8p", s = "r0idsk7 vncd899io vncd89ai6 vncd89aof", c = "r0idsk8 vncd899ix vncd89bwo vncd89ap6 vncd89cf", l = "r0idsk9 vncd89bwx vncd89bwr", u = "r0idska vncd899io vncd89ai6 vncd89aoo", d = "r0idskb vncd899io vncd89ai6 vncd89aof";
+//#endregion
+export { d as aside, c as body, l as bodySplit, s as controls, t as header, u as main, e as page, r as subtitle, n as title, a as toolIdLabel, i as toolIdRow, o as toolIdValue };
+
+//# sourceMappingURL=backofficeToolsPageLayout.css.js.map

package/lib/esm/components/backoffice/tools/backofficeToolsPageLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeToolsPageLayout.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsPageLayout.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const page = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const title = sprinkles({\n  fontSize: 'xl',\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n});\n\nexport const subtitle = sprinkles({\n  color: 'textSecondary',\n  margin: 0,\n});\n\nexport const toolIdRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const toolIdLabel = sprinkles({\n  fontWeight: 'medium',\n});\n\nexport const toolIdValue = sprinkles({\n  fontFamily: 'mono',\n  color: 'text',\n});\n\nexport const controls = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const body = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: 'detailSingle',\n  gap: 6,\n  alignItems: 'flex-start',\n});\n\nexport const bodySplit = sprinkles({\n  gridTemplateColumns: {\n    base: 'twoFrOneFr',\n    lg: 'detailSingle',\n  },\n});\n\nexport const main = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const aside = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/tools/backofficeToolsProjectPicker.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                            */
+//#region src/components/backoffice/tools/backofficeToolsProjectPicker.css.ts
+var e = "a76idv0 vncd899io vncd89ajx vncd89aof vncd89co", t = "a76idv1 vncd89kff vncd89aix vncd89ajf vncd899y6", n = "a76idv2 vncd89v8t vncd89hx6";
+//#endregion
+export { n as helper, t as input, e as row };
+
+//# sourceMappingURL=backofficeToolsProjectPicker.css.js.map

package/lib/esm/components/backoffice/tools/backofficeToolsProjectPicker.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeToolsProjectPicker.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsProjectPicker.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const row = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 3,\n  alignItems: 'center',\n});\n\nexport const input = sprinkles({\n  minWidth: 260,\n  flexGrow: 'default',\n  flexShrink: 'default',\n  flexBasis: 260,\n});\n\nexport const helper = sprinkles({\n  color: 'textMuted',\n  marginTop: 2,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/tools/backofficeToolsScopePicker.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                          */
+//#region src/components/backoffice/tools/backofficeToolsScopePicker.css.ts
+var e = "_979xlr0 vncd899io vncd89ajx vncd89aof vncd89co", t = "_979xlr1 vncd89kff vncd89aix vncd89ajf vncd899y6", n = "_979xlr2 vncd89v8t vncd89hx6";
+//#endregion
+export { n as helper, t as input, e as row };
+
+//# sourceMappingURL=backofficeToolsScopePicker.css.js.map

package/lib/esm/components/backoffice/tools/backofficeToolsScopePicker.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeToolsScopePicker.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsScopePicker.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const row = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 3,\n  alignItems: 'center',\n});\n\nexport const input = sprinkles({\n  minWidth: 260,\n  flexGrow: 'default',\n  flexShrink: 'default',\n  flexBasis: 260,\n});\n\nexport const helper = sprinkles({\n  color: 'textMuted',\n  marginTop: 2,\n});\n"],"mappings":""}

package/lib/esm/filters/filterHelpers.js

@@ -0,0 +1,36 @@
+//#region src/filters/filterHelpers.ts
+var e = (e, t) => {
+	let n = e ?? [], r = t ?? [];
+	return n.length === r.length ? n.every((e, t) => e === r[t]) : !1;
+}, t = {
+	organization: "organizationId",
+	group: "groupId",
+	project: "projectId",
+	initiative: "initiativeId",
+	task: "taskId",
+	user: "userId",
+	team: "teamId",
+	conversation: "conversationId",
+	run: "runId"
+};
+function n(t, n, r) {
+	let { filters: i } = t.list;
+	return i.find((t) => String(t.whereKey ?? t.id) === n && e(t.path, r)) ?? null;
+}
+function r(e, r) {
+	let i = n(e, r);
+	if (i != null) return i;
+	let { [r]: a } = t;
+	if (a != null) {
+		let t = n(e, a);
+		if (t != null) return t;
+	}
+	return n(e, `${r}Contains`) ?? null;
+}
+function i(e, t) {
+	return t == null ? !1 : e.kind === "boolean" ? typeof t == "boolean" : e.kind === "entityId" ? typeof t == "string" && t.trim() !== "" : typeof t == "number" ? String(t).trim() !== "" : typeof t == "string" ? t.trim() !== "" : !1;
+}
+//#endregion
+export { i as canFilterValue, r as resolveFilterForColumn, n as resolveFilterForWhereKey };
+
+//# sourceMappingURL=filterHelpers.js.map

package/lib/esm/filters/filterHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterHelpers.js","names":[],"sources":["../../../src/filters/filterHelpers.ts"],"sourcesContent":["import type {\n  BackofficeFilterSpec,\n  BackofficeResolvedListFacetConfig,\n} from '@plumile/backoffice-core/types.js';\n\n/** Compare two optional path arrays for equality. */\nconst arePathsEqual = (\n  left?: readonly string[],\n  right?: readonly string[],\n): boolean => {\n  const leftPath = left ?? [];\n  const rightPath = right ?? [];\n  if (leftPath.length !== rightPath.length) {\n    return false;\n  }\n  return leftPath.every((segment, index) => {\n    return segment === rightPath[index];\n  });\n};\n\nconst COLUMN_FILTER_ALIASES: Record<string, string> = {\n  organization: 'organizationId',\n  group: 'groupId',\n  project: 'projectId',\n  initiative: 'initiativeId',\n  task: 'taskId',\n  user: 'userId',\n  team: 'teamId',\n  conversation: 'conversationId',\n  run: 'runId',\n};\n\n/** Find a filter spec by its where key and optional path. */\nexport function resolveFilterForWhereKey<\n  Where extends Record<string, unknown>,\n  Sort extends string,\n>(\n  config: BackofficeResolvedListFacetConfig<Where, Sort>,\n  whereKey: string,\n  path?: readonly string[],\n): BackofficeFilterSpec<Where> | null {\n  const { filters } = config.list;\n  const match = filters.find((filter) => {\n    return (\n      String(filter.whereKey ?? filter.id) === whereKey &&\n      arePathsEqual(filter.path, path)\n    );\n  });\n  return match ?? null;\n}\n\n/** Resolve a filter spec from a column id, alias, or contains field. */\nexport function resolveFilterForColumn<\n  Where extends Record<string, unknown>,\n  Sort extends string,\n>(\n  config: BackofficeResolvedListFacetConfig<Where, Sort>,\n  columnId: string,\n): BackofficeFilterSpec<Where> | null {\n  const direct = resolveFilterForWhereKey(config, columnId);\n  if (direct != null) {\n    return direct;\n  }\n\n  const { [columnId]: alias } = COLUMN_FILTER_ALIASES;\n  if (alias != null) {\n    const aliasFilter = resolveFilterForWhereKey(config, alias);\n    if (aliasFilter != null) {\n      return aliasFilter;\n    }\n  }\n\n  const containsKey = `${columnId}Contains`;\n  const containsFilter = resolveFilterForWhereKey(config, containsKey);\n  if (containsFilter != null) {\n    return containsFilter;\n  }\n\n  return null;\n}\n\n/** Check if a value is compatible with a filter spec. */\nexport function canFilterValue<Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  value: unknown,\n): boolean {\n  if (value == null) {\n    return false;\n  }\n\n  if (filter.kind === 'boolean') {\n    return typeof value === 'boolean';\n  }\n\n  if (filter.kind === 'entityId') {\n    return typeof value === 'string' && value.trim() !== '';\n  }\n\n  if (typeof value === 'number') {\n    return String(value).trim() !== '';\n  }\n\n  if (typeof value !== 'string') {\n    return false;\n  }\n\n  return value.trim() !== '';\n}\n"],"mappings":";AAMA,IAAM,KACJ,GACA,MACY;CACZ,IAAM,IAAW,KAAQ,EAAE,EACrB,IAAY,KAAS,EAAE;AAI7B,QAHI,EAAS,WAAW,EAAU,SAG3B,EAAS,OAAO,GAAS,MACvB,MAAY,EAAU,GAC7B,GAJO;GAOL,IAAgD;CACpD,cAAc;CACd,OAAO;CACP,SAAS;CACT,YAAY;CACZ,MAAM;CACN,MAAM;CACN,MAAM;CACN,cAAc;CACd,KAAK;CACN;AAGD,SAAgB,EAId,GACA,GACA,GACoC;CACpC,IAAM,EAAE,eAAY,EAAO;AAO3B,QANc,EAAQ,MAAM,MAExB,OAAO,EAAO,YAAY,EAAO,GAAG,KAAK,KACzC,EAAc,EAAO,MAAM,EAAK,CAElC,IACc;;AAIlB,SAAgB,EAId,GACA,GACoC;CACpC,IAAM,IAAS,EAAyB,GAAQ,EAAS;AACzD,KAAI,KAAU,KACZ,QAAO;CAGT,IAAM,GAAG,IAAW,MAAU;AAC9B,KAAI,KAAS,MAAM;EACjB,IAAM,IAAc,EAAyB,GAAQ,EAAM;AAC3D,MAAI,KAAe,KACjB,QAAO;;AAUX,QALuB,EAAyB,GAD5B,GAAG,EAAS,UACoC,IAK7D;;AAIT,SAAgB,EACd,GACA,GACS;AAqBT,QApBI,KAAS,OACJ,KAGL,EAAO,SAAS,YACX,OAAO,KAAU,YAGtB,EAAO,SAAS,aACX,OAAO,KAAU,YAAY,EAAM,MAAM,KAAK,KAGnD,OAAO,KAAU,WACZ,OAAO,EAAM,CAAC,MAAM,KAAK,KAG9B,OAAO,KAAU,WAId,EAAM,MAAM,KAAK,KAHf"}