@massdriver/backstage-plugin 1.0.0

package/dist/features/resource/tabs/TabHeader.esm.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '@massdriver/ui/Box';
+import Stack from '@massdriver/ui/Stack';
+import Typography from '@massdriver/ui/Typography';
+import stylin from '@massdriver/ui/stylin';
+
+const TabHeader = ({
+  title,
+  description,
+  actions
+}) => /* @__PURE__ */ jsxs(Wrapper, { children: [
+  /* @__PURE__ */ jsxs(Heading, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", children: title }),
+    description ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: description }) : null
+  ] }),
+  actions ? /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1.5, flexWrap: "wrap", useFlexGap: true, children: actions }) : null
+] });
+const Wrapper = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(2)
+}));
+const Heading = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(0.5)
+}));
+
+export { TabHeader };
+//# sourceMappingURL=TabHeader.esm.js.map

package/dist/features/resource/tabs/TabHeader.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabHeader.esm.js","sources":["../../../../src/features/resource/tabs/TabHeader.tsx"],"sourcesContent":["import Box from '@massdriver/ui/Box';\nimport Stack from '@massdriver/ui/Stack';\nimport Typography from '@massdriver/ui/Typography';\nimport stylin from '@massdriver/ui/stylin';\nimport { ReactNode } from 'react';\n\n// Ported from apps/web/shared/components/TabHeader.js. The plugin can't import\n// the web app's shared components, so this is a local, faithful copy: a stacked\n// title + description, with any actions rendered in a row below the heading.\nexport const TabHeader = ({\n  title,\n  description,\n  actions,\n}: {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n}) => (\n  <Wrapper>\n    <Heading>\n      <Typography variant=\"h6\">{title}</Typography>\n      {description ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {description}\n        </Typography>\n      ) : null}\n    </Heading>\n    {actions ? (\n      <Stack direction=\"row\" spacing={1.5} flexWrap=\"wrap\" useFlexGap>\n        {actions}\n      </Stack>\n    ) : null}\n  </Wrapper>\n);\n\nexport default TabHeader;\n\nconst Wrapper = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n}));\n\nconst Heading = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.5),\n}));\n"],"names":[],"mappings":";;;;;;AASO,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,0BAKG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IAC/B,WAAA,uBACE,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAQ,KAAA,EAAM,gBAAA,EAC/B,uBACH,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAAA,EACC,OAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,KAAA,EAAM,OAAA,EAAS,GAAA,EAAK,QAAA,EAAS,MAAA,EAAO,UAAA,EAAU,IAAA,EAC5D,QAAA,EAAA,OAAA,EACH,CAAA,GACE;AAAA,CAAA,EACN;AAKF,MAAM,UAAU,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC1D,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC;AACtB,CAAA,CAAE,CAAA;AAEF,MAAM,UAAU,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC1D,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG;AACxB,CAAA,CAAE,CAAA;;;;"}

package/dist/features/resource/tabs/UsagePanel.esm.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import Alert from '@massdriver/ui/Alert';
+import DataList from '@massdriver/ui/DataList';
+import { usePaginatedRelayQuery } from '../../../hooks/usePaginatedRelayQuery.esm.js';
+import { USAGE_TYPE_CONFIG } from './UsageTab.helpers.esm.js';
+
+const UsagePanel = ({
+  type,
+  resourceId
+}) => {
+  const config = USAGE_TYPE_CONFIG[type];
+  const { items, loading, error, hasMore, dataListParams } = usePaginatedRelayQuery(config.query, {
+    responseKey: config.responseKey,
+    variables: { id: resourceId },
+    pageSize: 20
+  });
+  const columns = config.buildColumns();
+  const rows = items.map(config.mapRow);
+  return error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error.message ?? error) }) : /* @__PURE__ */ jsx(
+    DataList,
+    {
+      rows,
+      columns,
+      loading,
+      serverSide: true,
+      hasMore,
+      emptyMessage: config.emptyMessage,
+      variant: "outlined",
+      ...dataListParams
+    }
+  );
+};
+
+export { UsagePanel };
+//# sourceMappingURL=UsagePanel.esm.js.map

package/dist/features/resource/tabs/UsagePanel.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsagePanel.esm.js","sources":["../../../../src/features/resource/tabs/UsagePanel.tsx"],"sourcesContent":["import Alert from '@massdriver/ui/Alert';\nimport DataList from '@massdriver/ui/DataList';\nimport { usePaginatedRelayQuery } from '../../../hooks/usePaginatedRelayQuery';\nimport { USAGE_TYPE_CONFIG, UsageType } from './UsageTab.helpers';\n\n// Ported from apps/web/features/resources/sections/UsageTab/UsagePanel/.\n\n/** One usage list (connections / remote references / environment defaults). */\nexport const UsagePanel = ({\n  type,\n  resourceId,\n}: {\n  type: UsageType;\n  resourceId: string;\n}) => {\n  const config = USAGE_TYPE_CONFIG[type];\n\n  const { items, loading, error, hasMore, dataListParams } =\n    usePaginatedRelayQuery<any>(config.query, {\n      responseKey: config.responseKey,\n      variables: { id: resourceId },\n      pageSize: 20,\n    });\n\n  const columns = config.buildColumns();\n  const rows = items.map(config.mapRow);\n\n  return error ? (\n    <Alert severity=\"error\">{String(error.message ?? error)}</Alert>\n  ) : (\n    <DataList\n      rows={rows}\n      columns={columns}\n      loading={loading}\n      serverSide\n      hasMore={hasMore}\n      emptyMessage={config.emptyMessage}\n      variant=\"outlined\"\n      {...dataListParams}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,aAAa,CAAC;AAAA,EACzB,IAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,MAAA,GAAS,kBAAkB,IAAI,CAAA;AAErC,EAAA,MAAM,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,cAAA,EAAe,GACrD,sBAAA,CAA4B,MAAA,CAAO,KAAA,EAAO;AAAA,IACxC,aAAa,MAAA,CAAO,WAAA;AAAA,IACpB,SAAA,EAAW,EAAE,EAAA,EAAI,UAAA,EAAW;AAAA,IAC5B,QAAA,EAAU;AAAA,GACX,CAAA;AAEH,EAAA,MAAM,OAAA,GAAU,OAAO,YAAA,EAAa;AACpC,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,GAAA,CAAI,MAAA,CAAO,MAAM,CAAA;AAEpC,EAAA,OAAO,KAAA,mBACL,GAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAS,iBAAO,KAAA,CAAM,OAAA,IAAW,KAAK,CAAA,EAAE,CAAA,mBAExD,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA,EAAU,IAAA;AAAA,MACV,OAAA;AAAA,MACA,cAAc,MAAA,CAAO,YAAA;AAAA,MACrB,OAAA,EAAQ,UAAA;AAAA,MACP,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/features/resource/tabs/UsageTab.esm.js

@@ -0,0 +1,91 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '@massdriver/ui/Box';
+import ToggleButton from '@massdriver/ui/ToggleButton';
+import ToggleButtonGroup from '@massdriver/ui/ToggleButtonGroup';
+import Tooltip from '@massdriver/ui/Tooltip';
+import InfoOutlinedIcon from '@massdriver/ui/icons/InfoOutlinedIcon';
+import stylin from '@massdriver/ui/stylin';
+import { useState } from 'react';
+import { SettingsTabLayout } from './SettingsTabLayout.esm.js';
+import { TabHeader } from './TabHeader.esm.js';
+import { UsagePanel } from './UsagePanel.esm.js';
+import { USAGE_TYPE_ORDER, USAGE_TYPE_CONFIG } from './UsageTab.helpers.esm.js';
+
+const TOOLTIP_SLOT_PROPS = {
+  tooltip: { sx: { maxWidth: 320, px: 1.25, py: 1 } }
+};
+const UsageTab = ({
+  resourceId,
+  resourceOrigin
+}) => {
+  const isImported = resourceOrigin === "IMPORTED";
+  const types = isImported ? USAGE_TYPE_ORDER.filter((type) => type !== "connection") : USAGE_TYPE_ORDER;
+  const [activeType, setActiveType] = useState(USAGE_TYPE_ORDER[0]);
+  const effectiveType = types.includes(activeType) ? activeType : types[0];
+  const activeInfo = USAGE_TYPE_CONFIG[effectiveType].info;
+  const handleTypeChange = (value) => {
+    if (value && value !== effectiveType) setActiveType(value);
+  };
+  return /* @__PURE__ */ jsxs(SettingsTabLayout, { children: [
+    /* @__PURE__ */ jsx(
+      TabHeader,
+      {
+        title: "Usage",
+        description: "Places where this resource is currently being consumed."
+      }
+    ),
+    /* @__PURE__ */ jsxs(FilterBar, { children: [
+      /* @__PURE__ */ jsx(
+        ToggleButtonGroup,
+        {
+          value: effectiveType,
+          onChange: (_event, value) => handleTypeChange(value),
+          exclusive: true,
+          size: "small",
+          "aria-label": "Usage type",
+          children: types.map((type) => /* @__PURE__ */ jsx(ToggleButton, { value: type, children: USAGE_TYPE_CONFIG[type].label }, type))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          arrow: true,
+          enterDelay: 200,
+          slotProps: TOOLTIP_SLOT_PROPS,
+          title: /* @__PURE__ */ jsx(TooltipText, { children: activeInfo }),
+          children: /* @__PURE__ */ jsx(InfoIconWrapper, { "aria-label": "About this usage type", children: /* @__PURE__ */ jsx(InfoOutlinedIcon, { fontSize: "inherit" }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      UsagePanel,
+      {
+        type: effectiveType,
+        resourceId
+      },
+      effectiveType
+    )
+  ] });
+};
+const FilterBar = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1),
+  marginBottom: theme.spacing(2)
+}));
+const InfoIconWrapper = stylin("span")(({ theme }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  color: theme.palette.text.disabled,
+  fontSize: theme.typography.pxToRem(18),
+  "&:hover": {
+    color: theme.palette.text.secondary
+  }
+}));
+const TooltipText = stylin("span")(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(12),
+  lineHeight: 1.4
+}));
+
+export { UsageTab };
+//# sourceMappingURL=UsageTab.esm.js.map

package/dist/features/resource/tabs/UsageTab.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageTab.esm.js","sources":["../../../../src/features/resource/tabs/UsageTab.tsx"],"sourcesContent":["import Box from '@massdriver/ui/Box';\nimport ToggleButton from '@massdriver/ui/ToggleButton';\nimport ToggleButtonGroup from '@massdriver/ui/ToggleButtonGroup';\nimport Tooltip from '@massdriver/ui/Tooltip';\nimport InfoOutlinedIcon from '@massdriver/ui/icons/InfoOutlinedIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport { useState } from 'react';\nimport { SettingsTabLayout } from './SettingsTabLayout';\nimport { TabHeader } from './TabHeader';\nimport { UsagePanel } from './UsagePanel';\nimport {\n  USAGE_TYPE_CONFIG,\n  USAGE_TYPE_ORDER,\n  UsageType,\n} from './UsageTab.helpers';\n\n// Ported from apps/web/features/resources/sections/UsageTab/UsageTab.{container,view}.js.\n// Imported resources have no connections, so that toggle is dropped for them.\n\nconst TOOLTIP_SLOT_PROPS = {\n  tooltip: { sx: { maxWidth: 320, px: 1.25, py: 1 } },\n};\n\n/** Read-only Usage tab: consumption of this resource, grouped by usage type. */\nexport const UsageTab = ({\n  resourceId,\n  resourceOrigin,\n}: {\n  resourceId: string;\n  resourceOrigin?: string | null;\n}) => {\n  const isImported = resourceOrigin === 'IMPORTED';\n  const types = isImported\n    ? USAGE_TYPE_ORDER.filter(type => type !== 'connection')\n    : USAGE_TYPE_ORDER;\n\n  const [activeType, setActiveType] = useState<UsageType>(USAGE_TYPE_ORDER[0]);\n  // If the current selection isn't available (e.g. an imported resource can't\n  // show connections), fall back to the first available type.\n  const effectiveType = types.includes(activeType) ? activeType : types[0];\n  const activeInfo = USAGE_TYPE_CONFIG[effectiveType].info;\n\n  const handleTypeChange = (value: UsageType | null) => {\n    if (value && value !== effectiveType) setActiveType(value);\n  };\n\n  return (\n    <SettingsTabLayout>\n      <TabHeader\n        title=\"Usage\"\n        description=\"Places where this resource is currently being consumed.\"\n      />\n      <FilterBar>\n        <ToggleButtonGroup\n          value={effectiveType}\n          onChange={(_event: unknown, value: UsageType | null) =>\n            handleTypeChange(value)\n          }\n          exclusive\n          size=\"small\"\n          aria-label=\"Usage type\"\n        >\n          {types.map(type => (\n            <ToggleButton key={type} value={type}>\n              {USAGE_TYPE_CONFIG[type].label}\n            </ToggleButton>\n          ))}\n        </ToggleButtonGroup>\n        <Tooltip\n          arrow\n          enterDelay={200}\n          slotProps={TOOLTIP_SLOT_PROPS}\n          title={<TooltipText>{activeInfo}</TooltipText>}\n        >\n          <InfoIconWrapper aria-label=\"About this usage type\">\n            <InfoOutlinedIcon fontSize=\"inherit\" />\n          </InfoIconWrapper>\n        </Tooltip>\n      </FilterBar>\n      {/* key={type} so DataList paging state resets when the type changes. */}\n      <UsagePanel\n        key={effectiveType}\n        type={effectiveType}\n        resourceId={resourceId}\n      />\n    </SettingsTabLayout>\n  );\n};\n\nconst FilterBar = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  marginBottom: theme.spacing(2),\n}));\n\nconst InfoIconWrapper = stylin('span')(({ theme }: { theme: any }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  color: theme.palette.text.disabled,\n  fontSize: theme.typography.pxToRem(18),\n  '&:hover': {\n    color: theme.palette.text.secondary,\n  },\n}));\n\nconst TooltipText = stylin('span')(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  lineHeight: 1.4,\n}));\n"],"names":[],"mappings":"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"}

package/dist/features/resource/tabs/UsageTab.helpers.esm.js

@@ -0,0 +1,168 @@
+import { jsx } from 'react/jsx-runtime';
+import { parseEnvironmentId, parseInstanceId } from '@massdriver/backstage-plugin-common';
+import Box from '@massdriver/ui/Box';
+import { col } from '@massdriver/ui/DataList';
+import stylin from '@massdriver/ui/stylin';
+import { InstanceStatusPill } from '../../../components/InstanceStatusPill.esm.js';
+import { RouterLinkAdapter } from '../../../components/RouterLinkAdapter.esm.js';
+import { internalRoutes } from '../../../internalRoutes.esm.js';
+import { formatAbsoluteTime, formatRelativeTime } from '../../../utils/formatRelativeTime.esm.js';
+import { RESOURCE_ENVIRONMENT_DEFAULTS_QUERY, RESOURCE_REMOTE_REFERENCES_QUERY, RESOURCE_CONNECTIONS_QUERY } from '../queries.esm.js';
+
+const buildInstanceHref = (instance) => {
+  if (!instance?.id) return null;
+  const { projectId, scopedEnvironmentId, scopedComponentId } = parseInstanceId(
+    instance.id
+  );
+  if (!projectId || !scopedEnvironmentId || !scopedComponentId) return null;
+  return internalRoutes.instance(
+    projectId,
+    scopedEnvironmentId,
+    scopedComponentId
+  );
+};
+const buildEnvironmentHref = (environment) => {
+  if (!environment?.id) return null;
+  const { projectId, scopedEnvironmentId } = parseEnvironmentId(environment.id);
+  if (!projectId || !scopedEnvironmentId) return null;
+  return internalRoutes.environment(projectId, environment.id);
+};
+const buildProjectHref = (project) => project?.id ? internalRoutes.project(project.id) : null;
+const since = (iso) => ({
+  when: formatRelativeTime(iso),
+  whenAbsolute: formatAbsoluteTime(iso)
+});
+const mapConnectionRow = (connection) => {
+  const target = connection.toInstance;
+  const project = target?.environment?.project;
+  return {
+    id: connection.id,
+    instance: target?.id ?? "--",
+    instanceHref: buildInstanceHref(target),
+    field: connection.toField || "--",
+    instanceType: target?.bundle?.name ?? "--",
+    status: target?.status ?? null,
+    project: project?.name ?? "--",
+    projectHref: buildProjectHref(project),
+    ...since(connection.createdAt)
+  };
+};
+const mapRemoteReferenceRow = (reference) => {
+  const target = reference.instance;
+  const project = target?.environment?.project;
+  return {
+    id: reference.id,
+    instance: target?.id ?? "--",
+    instanceHref: buildInstanceHref(target),
+    field: reference.field || "--",
+    instanceType: target?.bundle?.name ?? "--",
+    status: target?.status ?? null,
+    project: project?.name ?? "--",
+    projectHref: buildProjectHref(project),
+    ...since(reference.createdAt)
+  };
+};
+const mapEnvironmentDefaultRow = (envDefault) => {
+  const target = envDefault.environment;
+  return {
+    id: envDefault.id,
+    environment: target?.name ?? "--",
+    environmentHref: buildEnvironmentHref(target),
+    project: target?.project?.name ?? "--",
+    projectHref: buildProjectHref(target?.project),
+    ...since(envDefault.createdAt)
+  };
+};
+const renderLink = (hrefField, nameField) => (_value, row) => {
+  const name = row[nameField];
+  const href = row[hrefField];
+  return href ? /* @__PURE__ */ jsx(CellLink, { component: RouterLinkAdapter, href, children: name }) : name;
+};
+const renderStatus = (value) => value ? /* @__PURE__ */ jsx(InstanceStatusPill, { status: value }) : "--";
+const staticCol = (field, header, options = {}) => col.text(field, header, { sortable: false, searchable: false, ...options });
+const whenColumn = (header) => staticCol("when", header, {
+  flex: 1,
+  minWidth: 130,
+  emptyFallback: "\u2014",
+  tooltip: (_value, row) => row.whenAbsolute
+});
+const projectColumn = () => col.custom("project", "Project", renderLink("projectHref", "project"), {
+  flex: 1,
+  minWidth: 150,
+  sortable: false,
+  searchable: false
+});
+const buildInstanceUsageColumns = (dateHeader) => [
+  col.custom("instance", "Instance", renderLink("instanceHref", "instance"), {
+    flex: 2,
+    minWidth: 200,
+    sortable: false,
+    searchable: false
+  }),
+  staticCol("field", "Field", { flex: 1, minWidth: 140 }),
+  staticCol("instanceType", "Instance type", { flex: 1, minWidth: 150 }),
+  col.custom("status", "Status", renderStatus, {
+    width: 150,
+    sortable: false,
+    searchable: false
+  }),
+  projectColumn(),
+  whenColumn(dateHeader)
+];
+const buildEnvironmentDefaultColumns = () => [
+  col.custom(
+    "environment",
+    "Environment",
+    renderLink("environmentHref", "environment"),
+    {
+      flex: 2,
+      minWidth: 200,
+      sortable: false,
+      searchable: false
+    }
+  ),
+  projectColumn(),
+  whenColumn("Configured")
+];
+const USAGE_TYPE_ORDER = [
+  "connection",
+  "reference",
+  "default"
+];
+const USAGE_TYPE_CONFIG = {
+  connection: {
+    label: "Connections",
+    info: "Other instances in your environments that consume this resource at runtime through a blueprint link.",
+    query: RESOURCE_CONNECTIONS_QUERY,
+    responseKey: ["resource", "connections"],
+    mapRow: mapConnectionRow,
+    buildColumns: () => buildInstanceUsageColumns("Connected"),
+    emptyMessage: "No instances consume this resource through a connection."
+  },
+  reference: {
+    label: "Remote references",
+    info: "Per-instance overrides where an instance's connection slot has been explicitly pointed at this resource instead of resolving automatically.",
+    query: RESOURCE_REMOTE_REFERENCES_QUERY,
+    responseKey: ["resource", "remoteReferences"],
+    mapRow: mapRemoteReferenceRow,
+    buildColumns: () => buildInstanceUsageColumns("Configured"),
+    emptyMessage: "No remote references point at this resource."
+  },
+  default: {
+    label: "Environment defaults",
+    info: "Environments where this resource is set as the default for its resource type, used by any new instance that needs this type.",
+    query: RESOURCE_ENVIRONMENT_DEFAULTS_QUERY,
+    responseKey: ["resource", "environmentDefaults"],
+    mapRow: mapEnvironmentDefaultRow,
+    buildColumns: buildEnvironmentDefaultColumns,
+    emptyMessage: "This resource is not the default in any environment."
+  }
+};
+const CellLink = stylin(Box)(({ theme }) => ({
+  color: theme.palette.text.primary,
+  textDecoration: "none",
+  "&:hover": { textDecoration: "underline" }
+}));
+
+export { USAGE_TYPE_CONFIG, USAGE_TYPE_ORDER };
+//# sourceMappingURL=UsageTab.helpers.esm.js.map

package/dist/features/resource/tabs/UsageTab.helpers.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageTab.helpers.esm.js","sources":["../../../../src/features/resource/tabs/UsageTab.helpers.tsx"],"sourcesContent":["import {\n  parseEnvironmentId,\n  parseInstanceId,\n} from '@massdriver/backstage-plugin-common';\nimport Box from '@massdriver/ui/Box';\nimport { col } from '@massdriver/ui/DataList';\nimport stylin from '@massdriver/ui/stylin';\nimport { ReactNode } from 'react';\nimport { InstanceStatusPill } from '../../../components/InstanceStatusPill';\nimport { RouterLinkAdapter } from '../../../components/RouterLinkAdapter';\nimport { internalRoutes } from '../../../internalRoutes';\nimport {\n  formatAbsoluteTime,\n  formatRelativeTime,\n} from '../../../utils/formatRelativeTime';\nimport {\n  RESOURCE_CONNECTIONS_QUERY,\n  RESOURCE_ENVIRONMENT_DEFAULTS_QUERY,\n  RESOURCE_REMOTE_REFERENCES_QUERY,\n} from '../queries';\n\n// Ported from apps/web/features/resources/sections/UsageTab/UsageTab.helpers.js.\n// Instance/project/environment links are internal (react-router). The status\n// column uses InstanceStatusPill — the faithful equivalent of the web helper's\n// tinted lowercase StatusChip (renderInstanceStatus).\n\nexport type UsageType = 'connection' | 'reference' | 'default';\n\ninterface UsageRow {\n  id: string;\n  instance?: string;\n  instanceHref?: string | null;\n  field?: string;\n  instanceType?: string;\n  status?: string | null;\n  environment?: string;\n  environmentHref?: string | null;\n  project: string;\n  projectHref: string | null;\n  when: string;\n  whenAbsolute: string;\n}\n\ninterface InstanceLeaf {\n  id?: string;\n  status?: string | null;\n  bundle?: { id: string; name?: string | null } | null;\n  environment?: {\n    id: string;\n    project?: { id: string; name?: string | null } | null;\n  } | null;\n}\n\nconst buildInstanceHref = (instance?: InstanceLeaf | null): string | null => {\n  if (!instance?.id) return null;\n  const { projectId, scopedEnvironmentId, scopedComponentId } = parseInstanceId(\n    instance.id,\n  );\n  if (!projectId || !scopedEnvironmentId || !scopedComponentId) return null;\n  return internalRoutes.instance(\n    projectId,\n    scopedEnvironmentId,\n    scopedComponentId,\n  );\n};\n\nconst buildEnvironmentHref = (\n  environment?: { id?: string } | null,\n): string | null => {\n  if (!environment?.id) return null;\n  const { projectId, scopedEnvironmentId } = parseEnvironmentId(environment.id);\n  if (!projectId || !scopedEnvironmentId) return null;\n  return internalRoutes.environment(projectId, environment.id);\n};\n\nconst buildProjectHref = (project?: { id?: string } | null): string | null =>\n  project?.id ? internalRoutes.project(project.id) : null;\n\nconst since = (iso?: string | null) => ({\n  when: formatRelativeTime(iso),\n  whenAbsolute: formatAbsoluteTime(iso),\n});\n\ninterface ConnectionItem {\n  id: string;\n  toField?: string | null;\n  createdAt?: string | null;\n  toInstance?: InstanceLeaf | null;\n}\n\ninterface ReferenceItem {\n  id: string;\n  field?: string | null;\n  createdAt?: string | null;\n  instance?: InstanceLeaf | null;\n}\n\ninterface EnvironmentDefaultItem {\n  id: string;\n  createdAt?: string | null;\n  environment?: {\n    id: string;\n    name?: string | null;\n    project?: { id: string; name?: string | null } | null;\n  } | null;\n}\n\nconst mapConnectionRow = (connection: ConnectionItem): UsageRow => {\n  const target = connection.toInstance;\n  const project = target?.environment?.project;\n  return {\n    id: connection.id,\n    instance: target?.id ?? '--',\n    instanceHref: buildInstanceHref(target),\n    field: connection.toField || '--',\n    instanceType: target?.bundle?.name ?? '--',\n    status: target?.status ?? null,\n    project: project?.name ?? '--',\n    projectHref: buildProjectHref(project),\n    ...since(connection.createdAt),\n  };\n};\n\nconst mapRemoteReferenceRow = (reference: ReferenceItem): UsageRow => {\n  const target = reference.instance;\n  const project = target?.environment?.project;\n  return {\n    id: reference.id,\n    instance: target?.id ?? '--',\n    instanceHref: buildInstanceHref(target),\n    field: reference.field || '--',\n    instanceType: target?.bundle?.name ?? '--',\n    status: target?.status ?? null,\n    project: project?.name ?? '--',\n    projectHref: buildProjectHref(project),\n    ...since(reference.createdAt),\n  };\n};\n\nconst mapEnvironmentDefaultRow = (\n  envDefault: EnvironmentDefaultItem,\n): UsageRow => {\n  const target = envDefault.environment;\n  return {\n    id: envDefault.id,\n    environment: target?.name ?? '--',\n    environmentHref: buildEnvironmentHref(target),\n    project: target?.project?.name ?? '--',\n    projectHref: buildProjectHref(target?.project),\n    ...since(envDefault.createdAt),\n  };\n};\n\nconst renderLink =\n  (hrefField: keyof UsageRow, nameField: keyof UsageRow) =>\n  (_value: unknown, row: UsageRow): ReactNode => {\n    const name = row[nameField] as ReactNode;\n    const href = row[hrefField] as string | null | undefined;\n    return href ? (\n      <CellLink component={RouterLinkAdapter} href={href}>\n        {name}\n      </CellLink>\n    ) : (\n      name\n    );\n  };\n\nconst renderStatus = (value: unknown): ReactNode =>\n  value ? <InstanceStatusPill status={value as string} /> : '--';\n\nconst staticCol = (\n  field: string,\n  header: string,\n  options: Record<string, unknown> = {},\n) =>\n  col.text(field, header, { sortable: false, searchable: false, ...options });\n\nconst whenColumn = (header: string) =>\n  staticCol('when', header, {\n    flex: 1,\n    minWidth: 130,\n    emptyFallback: '—',\n    tooltip: (_value: unknown, row: UsageRow) => row.whenAbsolute,\n  });\n\nconst projectColumn = () =>\n  col.custom('project', 'Project', renderLink('projectHref', 'project'), {\n    flex: 1,\n    minWidth: 150,\n    sortable: false,\n    searchable: false,\n  });\n\n// Connections and remote references describe the same thing — an instance\n// consuming this resource through a field — so they share a column layout and\n// differ only in the date header (\"Connected\" vs \"Configured\").\nconst buildInstanceUsageColumns = (dateHeader: string) => [\n  col.custom('instance', 'Instance', renderLink('instanceHref', 'instance'), {\n    flex: 2,\n    minWidth: 200,\n    sortable: false,\n    searchable: false,\n  }),\n  staticCol('field', 'Field', { flex: 1, minWidth: 140 }),\n  staticCol('instanceType', 'Instance type', { flex: 1, minWidth: 150 }),\n  col.custom('status', 'Status', renderStatus, {\n    width: 150,\n    sortable: false,\n    searchable: false,\n  }),\n  projectColumn(),\n  whenColumn(dateHeader),\n];\n\nconst buildEnvironmentDefaultColumns = () => [\n  col.custom(\n    'environment',\n    'Environment',\n    renderLink('environmentHref', 'environment'),\n    {\n      flex: 2,\n      minWidth: 200,\n      sortable: false,\n      searchable: false,\n    },\n  ),\n  projectColumn(),\n  whenColumn('Configured'),\n];\n\nexport const USAGE_TYPE_ORDER: UsageType[] = [\n  'connection',\n  'reference',\n  'default',\n];\n\nexport interface UsageTypeConfig {\n  label: string;\n  info: string;\n  query: string;\n  responseKey: string[];\n  mapRow: (item: any) => UsageRow;\n  buildColumns: () => ReturnType<typeof col.custom>[];\n  emptyMessage: string;\n}\n\nexport const USAGE_TYPE_CONFIG: Record<UsageType, UsageTypeConfig> = {\n  connection: {\n    label: 'Connections',\n    info: 'Other instances in your environments that consume this resource at runtime through a blueprint link.',\n    query: RESOURCE_CONNECTIONS_QUERY,\n    responseKey: ['resource', 'connections'],\n    mapRow: mapConnectionRow,\n    buildColumns: () => buildInstanceUsageColumns('Connected'),\n    emptyMessage: 'No instances consume this resource through a connection.',\n  },\n  reference: {\n    label: 'Remote references',\n    info: \"Per-instance overrides where an instance's connection slot has been explicitly pointed at this resource instead of resolving automatically.\",\n    query: RESOURCE_REMOTE_REFERENCES_QUERY,\n    responseKey: ['resource', 'remoteReferences'],\n    mapRow: mapRemoteReferenceRow,\n    buildColumns: () => buildInstanceUsageColumns('Configured'),\n    emptyMessage: 'No remote references point at this resource.',\n  },\n  default: {\n    label: 'Environment defaults',\n    info: 'Environments where this resource is set as the default for its resource type, used by any new instance that needs this type.',\n    query: RESOURCE_ENVIRONMENT_DEFAULTS_QUERY,\n    responseKey: ['resource', 'environmentDefaults'],\n    mapRow: mapEnvironmentDefaultRow,\n    buildColumns: buildEnvironmentDefaultColumns,\n    emptyMessage: 'This resource is not the default in any environment.',\n  },\n};\n\nconst CellLink = stylin(Box)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n  '&:hover': { textDecoration: 'underline' },\n}));\n"],"names":[],"mappings":"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"}

package/dist/features/resources/ResourcesEmptyState.esm.js

@@ -0,0 +1,148 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import Box from '@massdriver/ui/Box';
+import Button from '@massdriver/ui/Button';
+import Typography from '@massdriver/ui/Typography';
+import GitHubIcon from '@massdriver/ui/icons/GitHubIcon';
+import stylin from '@massdriver/ui/stylin';
+import { OpenInMassdriverButton } from '../../components/OpenInMassdriverButton.esm.js';
+
+const CATALOG_REPO_URL = "https://github.com/massdriver-cloud/massdriver-catalog";
+const STEPS = [
+  {
+    title: "Clone the catalog repository",
+    description: "This repository contains example resource type definitions and bundle schemas that you will customize for your organization."
+  },
+  {
+    title: "Publish the catalog to Massdriver",
+    description: /* @__PURE__ */ jsxs(Fragment, { children: [
+      "Use the included ",
+      /* @__PURE__ */ jsx("code", { children: "make" }),
+      " targets or GitHub Actions to publish resource types and bundles to your Massdriver instance."
+    ] })
+  },
+  {
+    title: "Model your architecture in the UI",
+    description: "Add bundles to a canvas, configure parameters, and connect resources. Changes made in the repository are reflected in the Massdriver UI as you iterate."
+  },
+  {
+    title: "Implement infrastructure when ready",
+    description: "Replace the placeholder OpenTofu/Terraform code in bundles after the model and developer experience are defined."
+  }
+];
+const ResourcesEmptyState = ({ importUrl }) => /* @__PURE__ */ jsxs(Card, { children: [
+  /* @__PURE__ */ jsx(Heading, { variant: "h5", children: "Set Up Your Massdriver Catalog" }),
+  /* @__PURE__ */ jsx(Body, { children: "The Massdriver Catalog is where you define resource types, infrastructure bundles, and cloud support for your developer platform. Resources flow into Massdriver automatically as instances deploy, or you can import existing resources by hand." }),
+  /* @__PURE__ */ jsx(Subtitle, { children: "Next Steps" }),
+  /* @__PURE__ */ jsx(Steps, { children: STEPS.map((step, index) => /* @__PURE__ */ jsxs(Step, { children: [
+    /* @__PURE__ */ jsx(StepNumber, { children: index + 1 }),
+    /* @__PURE__ */ jsxs(StepBody, { children: [
+      /* @__PURE__ */ jsx(StepTitle, { children: step.title }),
+      /* @__PURE__ */ jsx(StepDescription, { children: step.description })
+    ] })
+  ] }, step.title)) }),
+  /* @__PURE__ */ jsx(Footnote, { children: "For details on structure, workflow, and customization, see the repository README." }),
+  /* @__PURE__ */ jsxs(Actions, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "contained",
+        component: "a",
+        href: CATALOG_REPO_URL,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        startIcon: /* @__PURE__ */ jsx(GitHubIcon, {}),
+        children: "Clone the Catalog"
+      }
+    ),
+    importUrl ? /* @__PURE__ */ jsx(OpenInMassdriverButton, { url: importUrl, variant: "outlined", children: "Import a Resource" }) : null
+  ] })
+] });
+const Card = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  padding: theme.spacing(4),
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: 1,
+  backgroundColor: theme.palette.background.paper,
+  maxWidth: theme.spacing(96),
+  marginLeft: "auto",
+  marginRight: "auto",
+  marginTop: theme.spacing(4)
+}));
+const Heading = stylin(Typography)(({ theme }) => ({
+  fontWeight: 700,
+  marginBottom: theme.spacing(1.5),
+  color: theme.palette.text.primary
+}));
+const Body = stylin(Typography)(({ theme }) => ({
+  fontSize: "1rem",
+  marginBottom: theme.spacing(3),
+  color: theme.palette.text.secondary,
+  lineHeight: 1.6
+}));
+const Subtitle = stylin(Typography)(({ theme }) => ({
+  fontSize: "1.125rem",
+  fontWeight: 600,
+  marginBottom: theme.spacing(2),
+  color: theme.palette.text.primary
+}));
+const Steps = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(2),
+  marginBottom: theme.spacing(3)
+}));
+const Step = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  gap: theme.spacing(1.5),
+  alignItems: "flex-start"
+}));
+const StepNumber = stylin(Box)(({ theme }) => ({
+  width: 24,
+  height: 24,
+  borderRadius: "50%",
+  backgroundColor: theme.palette.primary.main,
+  color: theme.palette.primary.contrastText,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: "0.75rem",
+  fontWeight: 600,
+  flexShrink: 0,
+  marginTop: "1px"
+}));
+const StepBody = stylin(Box)({
+  flex: 1
+});
+const StepTitle = stylin(Typography)(({ theme }) => ({
+  fontSize: "1rem",
+  fontWeight: 600,
+  marginBottom: theme.spacing(0.25),
+  color: theme.palette.text.primary
+}));
+const StepDescription = stylin(Typography)(({ theme }) => ({
+  fontSize: "0.875rem",
+  color: theme.palette.text.secondary,
+  lineHeight: 1.6,
+  "& code": {
+    backgroundColor: theme.palette.action.hover,
+    padding: "1px 4px",
+    borderRadius: "3px",
+    fontSize: "0.8125rem",
+    fontFamily: "monospace"
+  }
+}));
+const Footnote = stylin(Typography)(({ theme }) => ({
+  fontSize: "0.875rem",
+  color: theme.palette.text.secondary,
+  marginBottom: theme.spacing(2)
+}));
+const Actions = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  justifyContent: "center",
+  gap: theme.spacing(1.5),
+  flexWrap: "wrap"
+}));
+
+export { ResourcesEmptyState };
+//# sourceMappingURL=ResourcesEmptyState.esm.js.map

package/dist/features/resources/ResourcesEmptyState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourcesEmptyState.esm.js","sources":["../../../src/features/resources/ResourcesEmptyState.tsx"],"sourcesContent":["import Box from '@massdriver/ui/Box';\nimport Button from '@massdriver/ui/Button';\nimport Typography from '@massdriver/ui/Typography';\nimport GitHubIcon from '@massdriver/ui/icons/GitHubIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport { ReactNode } from 'react';\nimport { OpenInMassdriverButton } from '../../components/OpenInMassdriverButton';\n\n// Ported from apps/web/features/resources/components/ResourcesEmptyState.js.\n// The web app's \"Import a Resource\" opens a dialog; in this read-only mirror it\n// deep-links into Massdriver instead.\n\nconst CATALOG_REPO_URL =\n  'https://github.com/massdriver-cloud/massdriver-catalog';\n\ninterface StepItem {\n  title: string;\n  description: ReactNode;\n}\n\nconst STEPS: StepItem[] = [\n  {\n    title: 'Clone the catalog repository',\n    description:\n      'This repository contains example resource type definitions and bundle schemas that you will customize for your organization.',\n  },\n  {\n    title: 'Publish the catalog to Massdriver',\n    description: (\n      <>\n        Use the included <code>make</code> targets or GitHub Actions to publish\n        resource types and bundles to your Massdriver instance.\n      </>\n    ),\n  },\n  {\n    title: 'Model your architecture in the UI',\n    description:\n      'Add bundles to a canvas, configure parameters, and connect resources. Changes made in the repository are reflected in the Massdriver UI as you iterate.',\n  },\n  {\n    title: 'Implement infrastructure when ready',\n    description:\n      'Replace the placeholder OpenTofu/Terraform code in bundles after the model and developer experience are defined.',\n  },\n];\n\n/** Catalog-onboarding card shown when there are no resources and no active filters. */\nexport const ResourcesEmptyState = ({ importUrl }: { importUrl?: string }) => (\n  <Card>\n    <Heading variant=\"h5\">Set Up Your Massdriver Catalog</Heading>\n    <Body>\n      The Massdriver Catalog is where you define resource types, infrastructure\n      bundles, and cloud support for your developer platform. Resources flow\n      into Massdriver automatically as instances deploy, or you can import\n      existing resources by hand.\n    </Body>\n\n    <Subtitle>Next Steps</Subtitle>\n\n    <Steps>\n      {STEPS.map((step, index) => (\n        <Step key={step.title}>\n          <StepNumber>{index + 1}</StepNumber>\n          <StepBody>\n            <StepTitle>{step.title}</StepTitle>\n            <StepDescription>{step.description}</StepDescription>\n          </StepBody>\n        </Step>\n      ))}\n    </Steps>\n\n    <Footnote>\n      For details on structure, workflow, and customization, see the repository\n      README.\n    </Footnote>\n\n    <Actions>\n      <Button\n        variant=\"contained\"\n        component=\"a\"\n        href={CATALOG_REPO_URL}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        startIcon={<GitHubIcon />}\n      >\n        Clone the Catalog\n      </Button>\n      {importUrl ? (\n        <OpenInMassdriverButton url={importUrl} variant=\"outlined\">\n          Import a Resource\n        </OpenInMassdriverButton>\n      ) : null}\n    </Actions>\n  </Card>\n);\n\nexport default ResourcesEmptyState;\n\nconst Card = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  padding: theme.spacing(4),\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: 1,\n  backgroundColor: theme.palette.background.paper,\n  maxWidth: theme.spacing(96),\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  marginTop: theme.spacing(4),\n}));\n\nconst Heading = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontWeight: 700,\n  marginBottom: theme.spacing(1.5),\n  color: theme.palette.text.primary,\n}));\n\nconst Body = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: '1rem',\n  marginBottom: theme.spacing(3),\n  color: theme.palette.text.secondary,\n  lineHeight: 1.6,\n}));\n\nconst Subtitle = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: '1.125rem',\n  fontWeight: 600,\n  marginBottom: theme.spacing(2),\n  color: theme.palette.text.primary,\n}));\n\nconst Steps = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  marginBottom: theme.spacing(3),\n}));\n\nconst Step = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  gap: theme.spacing(1.5),\n  alignItems: 'flex-start',\n}));\n\nconst StepNumber = stylin(Box)(({ theme }: { theme: any }) => ({\n  width: 24,\n  height: 24,\n  borderRadius: '50%',\n  backgroundColor: theme.palette.primary.main,\n  color: theme.palette.primary.contrastText,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fontSize: '0.75rem',\n  fontWeight: 600,\n  flexShrink: 0,\n  marginTop: '1px',\n}));\n\nconst StepBody = stylin(Box)({\n  flex: 1,\n});\n\nconst StepTitle = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: '1rem',\n  fontWeight: 600,\n  marginBottom: theme.spacing(0.25),\n  color: theme.palette.text.primary,\n}));\n\nconst StepDescription = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: '0.875rem',\n  color: theme.palette.text.secondary,\n  lineHeight: 1.6,\n  '& code': {\n    backgroundColor: theme.palette.action.hover,\n    padding: '1px 4px',\n    borderRadius: '3px',\n    fontSize: '0.8125rem',\n    fontFamily: 'monospace',\n  },\n}));\n\nconst Footnote = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: '0.875rem',\n  color: theme.palette.text.secondary,\n  marginBottom: theme.spacing(2),\n}));\n\nconst Actions = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  gap: theme.spacing(1.5),\n  flexWrap: 'wrap',\n}));\n"],"names":[],"mappings":";;;;;;;;AAYA,MAAM,gBAAA,GACJ,wDAAA;AAOF,MAAM,KAAA,GAAoB;AAAA,EACxB;AAAA,IACE,KAAA,EAAO,8BAAA;AAAA,IACP,WAAA,EACE;AAAA,GACJ;AAAA,EACA;AAAA,IACE,KAAA,EAAO,mCAAA;AAAA,IACP,6BACE,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,MAAA,mBAAA;AAAA,sBACiB,GAAA,CAAC,UAAK,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,MAAO;AAAA,KAAA,EAEpC;AAAA,GAEJ;AAAA,EACA;AAAA,IACE,KAAA,EAAO,mCAAA;AAAA,IACP,WAAA,EACE;AAAA,GACJ;AAAA,EACA;AAAA,IACE,KAAA,EAAO,qCAAA;AAAA,IACP,WAAA,EACE;AAAA;AAEN,CAAA;AAGO,MAAM,sBAAsB,CAAC,EAAE,SAAA,EAAU,0BAC7C,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAA,gCAAA,EAA8B,CAAA;AAAA,kBACpD,GAAA,CAAC,QAAK,QAAA,EAAA,mPAAA,EAKN,CAAA;AAAA,kBAEA,GAAA,CAAC,YAAS,QAAA,EAAA,YAAA,EAAU,CAAA;AAAA,kBAEpB,GAAA,CAAC,SACE,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,0BACf,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAY,kBAAQ,CAAA,EAAE,CAAA;AAAA,yBACtB,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,EAAA,EAAW,eAAK,KAAA,EAAM,CAAA;AAAA,sBACvB,GAAA,CAAC,eAAA,EAAA,EAAiB,QAAA,EAAA,IAAA,CAAK,WAAA,EAAY;AAAA,KAAA,EACrC;AAAA,GAAA,EAAA,EALS,IAAA,CAAK,KAMhB,CACD,CAAA,EACH,CAAA;AAAA,kBAEA,GAAA,CAAC,YAAS,QAAA,EAAA,mFAAA,EAGV,CAAA;AAAA,uBAEC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,WAAA;AAAA,QACR,SAAA,EAAU,GAAA;AAAA,QACV,IAAA,EAAM,gBAAA;AAAA,QACN,MAAA,EAAO,QAAA;AAAA,QACP,GAAA,EAAI,qBAAA;AAAA,QACJ,SAAA,sBAAY,UAAA,EAAA,EAAW,CAAA;AAAA,QACxB,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,IACC,SAAA,uBACE,sBAAA,EAAA,EAAuB,GAAA,EAAK,WAAW,OAAA,EAAQ,UAAA,EAAW,+BAE3D,CAAA,GACE;AAAA,GAAA,EACN;AAAA,CAAA,EACF;AAKF,MAAM,OAAO,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACvD,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACxB,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,EAC1C,YAAA,EAAc,CAAA;AAAA,EACd,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW,KAAA;AAAA,EAC1C,QAAA,EAAU,KAAA,CAAM,OAAA,CAAQ,EAAE,CAAA;AAAA,EAC1B,UAAA,EAAY,MAAA;AAAA,EACZ,WAAA,EAAa,MAAA;AAAA,EACb,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,CAAC;AAC5B,CAAA,CAAE,CAAA;AAEF,MAAM,UAAU,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACjE,UAAA,EAAY,GAAA;AAAA,EACZ,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,EAC/B,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAC5B,CAAA,CAAE,CAAA;AAEF,MAAM,OAAO,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC9D,QAAA,EAAU,MAAA;AAAA,EACV,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EAC7B,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,EAC1B,UAAA,EAAY;AACd,CAAA,CAAE,CAAA;AAEF,MAAM,WAAW,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAClE,QAAA,EAAU,UAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EAC7B,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAC5B,CAAA,CAAE,CAAA;AAEF,MAAM,QAAQ,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACxD,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACpB,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC;AAC/B,CAAA,CAAE,CAAA;AAEF,MAAM,OAAO,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACvD,OAAA,EAAS,MAAA;AAAA,EACT,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,EACtB,UAAA,EAAY;AACd,CAAA,CAAE,CAAA;AAEF,MAAM,aAAa,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC7D,KAAA,EAAO,EAAA;AAAA,EACP,MAAA,EAAQ,EAAA;AAAA,EACR,YAAA,EAAc,KAAA;AAAA,EACd,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,IAAA;AAAA,EACvC,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,YAAA;AAAA,EAC7B,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,cAAA,EAAgB,QAAA;AAAA,EAChB,QAAA,EAAU,SAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,UAAA,EAAY,CAAA;AAAA,EACZ,SAAA,EAAW;AACb,CAAA,CAAE,CAAA;AAEF,MAAM,QAAA,GAAW,MAAA,CAAO,GAAG,CAAA,CAAE;AAAA,EAC3B,IAAA,EAAM;AACR,CAAC,CAAA;AAED,MAAM,YAAY,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACnE,QAAA,EAAU,MAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,EAChC,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAC5B,CAAA,CAAE,CAAA;AAEF,MAAM,kBAAkB,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACzE,QAAA,EAAU,UAAA;AAAA,EACV,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,EAC1B,UAAA,EAAY,GAAA;AAAA,EACZ,QAAA,EAAU;AAAA,IACR,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,KAAA;AAAA,IACtC,OAAA,EAAS,SAAA;AAAA,IACT,YAAA,EAAc,KAAA;AAAA,IACd,QAAA,EAAU,WAAA;AAAA,IACV,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEF,MAAM,WAAW,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAClE,QAAA,EAAU,UAAA;AAAA,EACV,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,EAC1B,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC;AAC/B,CAAA,CAAE,CAAA;AAEF,MAAM,UAAU,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC1D,OAAA,EAAS,MAAA;AAAA,EACT,cAAA,EAAgB,QAAA;AAAA,EAChB,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,EACtB,QAAA,EAAU;AACZ,CAAA,CAAE,CAAA;;;;"}