@flanksource/clicky-ui 0.3.21 → 0.3.22

package/dist/components/EndpointSelector.model.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointSelector.model.cjs","sources":["../../src/components/EndpointSelector.model.ts"],"sourcesContent":["import type { SecretKeySelectorProps, SecretKeyValue } from \"./SecretKeySelector\";\nimport type {\n  WorkloadKind,\n  WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type { WorkloadPickerProps } from \"./WorkloadPicker\";\nimport {\n  parseSecretRef,\n  serializeSecretRef,\n} from \"./SecretKeySelector.model\";\n\nexport type EndpointMode =\n  | \"url\"\n  | \"service\"\n  | \"cluster-ip\"\n  | \"api-proxy\"\n  | \"ingress\"\n  | \"port-forward\";\n\nexport type EndpointWorkloadMode = Exclude<EndpointMode, \"url\">;\n\nexport type EndpointTarget =\n  | {\n      kind: \"ingress\";\n      name: string;\n      host?: string;\n      namespace?: string;\n    }\n  | {\n      kind: Exclude<WorkloadKind, \"ingress\">;\n      name: string;\n      namespace?: string;\n    };\n\nexport type EndpointWorkloadValue = {\n  mode: EndpointWorkloadMode;\n  target: EndpointTarget;\n  scheme?: string;\n  port?: string;\n  path?: string;\n};\n\nexport type EndpointSelectorValue =\n  | {\n      mode: \"url\";\n      source: SecretKeyValue;\n    }\n  | EndpointWorkloadValue;\n\nexport type EndpointSelectorDefaults = {\n  scheme?: string;\n  path?: string;\n};\n\nexport type EndpointUrlSelectorProps = Omit<\n  SecretKeySelectorProps,\n  \"value\" | \"onChange\"\n>;\n\nexport type EndpointSelectorProps = {\n  value: EndpointSelectorValue | undefined;\n  onChange: (value: EndpointSelectorValue | undefined) => void;\n  namespace?: string;\n  modes: EndpointMode[];\n  defaultMode?: EndpointMode;\n  loadWorkloads: WorkloadPickerProps[\"loadWorkloads\"];\n  urlSelector?: EndpointUrlSelectorProps;\n  modeKinds?: Partial<Record<EndpointWorkloadMode, WorkloadKind[]>>;\n  defaults?: EndpointSelectorDefaults;\n  preferredPorts?: readonly number[];\n  schemes?: string[];\n  allowCustomScheme?: boolean;\n  allowCustomPort?: boolean;\n  showScheme?: boolean;\n  showPath?: boolean;\n  showIngressPort?: boolean;\n  className?: string;\n};\n\nexport type EndpointResources = Partial<\n  Record<WorkloadKind, WorkloadResource[]>\n>;\n\nconst SCHEME_TO_MODE = {\n  svc: \"service\",\n  ip: \"cluster-ip\",\n  proxy: \"api-proxy\",\n  host: \"ingress\",\n  portforward: \"port-forward\",\n} as const satisfies Record<string, EndpointMode>;\n\nconst MODE_TO_SCHEME = Object.fromEntries(\n  Object.entries(SCHEME_TO_MODE).map(([scheme, mode]) => [mode, scheme]),\n) as Record<EndpointWorkloadMode, keyof typeof SCHEME_TO_MODE>;\n\nconst WORKLOAD_URL =\n  /^([a-z]+):\\/\\/([^/:?#]*)(?::(\\d+))?([^?#]*)(?:\\?(.+))?$/;\n\nfunction validPort(port: string) {\n  return /^\\d+$/.test(port) && Number(port) >= 1 && Number(port) <= 65535;\n}\n\nfunction parseTarget(\n  mode: EndpointWorkloadMode,\n  host: string,\n  query: string,\n): EndpointTarget | undefined {\n  const dot = host.indexOf(\".\");\n  const name = dot >= 0 ? host.slice(0, dot) : host;\n  const namespace = dot >= 0 ? host.slice(dot + 1) : \"\";\n  if (!name) return undefined;\n\n  const kind =\n    mode === \"ingress\"\n      ? \"ingress\"\n      : mode === \"port-forward\" &&\n          new URLSearchParams(query).get(\"kind\") === \"deployment\"\n        ? \"deployment\"\n        : \"service\";\n  return {\n    kind,\n    name,\n    ...(namespace ? { namespace } : {}),\n  };\n}\n\nfunction parseWorkloadValue(raw: string): EndpointWorkloadValue | undefined {\n  const match = WORKLOAD_URL.exec(raw);\n  if (!match) return undefined;\n  const [, scheme = \"\", host = \"\", port = \"\", path = \"\", query = \"\"] =\n    match;\n  const mode = SCHEME_TO_MODE[scheme as keyof typeof SCHEME_TO_MODE];\n  if (!mode || (port && !validPort(port))) return undefined;\n  if (\n    mode === \"port-forward\" &&\n    (new URLSearchParams(query).has(\"selector\") ||\n      ![\"\", \"service\", \"deployment\"].includes(\n        new URLSearchParams(query).get(\"kind\") ?? \"\",\n      ))\n  ) {\n    return undefined;\n  }\n\n  const target = parseTarget(mode, host, query);\n  if (!target) return undefined;\n  return {\n    mode,\n    target,\n    ...(port ? { port } : {}),\n    ...(path ? { path } : {}),\n  };\n}\n\nexport function parseEndpointValue(\n  raw: unknown,\n): EndpointSelectorValue | undefined {\n  if (typeof raw !== \"string\" || raw === \"\") return undefined;\n  return (\n    parseWorkloadValue(raw) ?? {\n      mode: \"url\",\n      source: parseSecretRef(raw)!,\n    }\n  );\n}\n\nfunction workloadHost(target: EndpointTarget) {\n  if (!target.name) {\n    throw new Error(\"Endpoint workload mode requires a workload name\");\n  }\n  return target.namespace\n    ? `${target.name}.${target.namespace}`\n    : target.name;\n}\n\nfunction validateWorkloadValue(value: EndpointWorkloadValue) {\n  if (value.mode === \"ingress\" && value.target.kind !== \"ingress\") {\n    throw new Error(\"Ingress endpoint mode requires an ingress target\");\n  }\n  if (\n    value.mode !== \"ingress\" &&\n    value.mode !== \"port-forward\" &&\n    value.target.kind !== \"service\"\n  ) {\n    throw new Error(`${value.mode} endpoint mode requires a service target`);\n  }\n  if (\n    value.mode === \"port-forward\" &&\n    ![\"service\", \"deployment\"].includes(value.target.kind)\n  ) {\n    throw new Error(\n      \"Port-forward endpoint mode requires a service or deployment target\",\n    );\n  }\n  if (value.port && !validPort(value.port)) {\n    throw new Error(\n      `Endpoint port \"${value.port}\" must be between 1 and 65535`,\n    );\n  }\n  if (value.path && !value.path.startsWith(\"/\")) {\n    throw new Error(`Endpoint path \"${value.path}\" must start with /`);\n  }\n}\n\nexport function serializeEndpointValue(\n  value: EndpointSelectorValue | undefined,\n): string {\n  if (!value) return \"\";\n  if (value.mode === \"url\") return serializeSecretRef(value.source);\n  validateWorkloadValue(value);\n  const scheme = MODE_TO_SCHEME[value.mode];\n  const port = value.port ? `:${value.port}` : \"\";\n  const path = value.path ?? \"\";\n  const kind =\n    value.mode === \"port-forward\" && value.target.kind === \"deployment\"\n      ? \"?kind=deployment\"\n      : \"\";\n  return `${scheme}://${workloadHost(value.target)}${port}${path}${kind}`;\n}\n"],"names":["parseSecretRef","serializeSecretRef"],"mappings":"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"}
+{"version":3,"file":"EndpointSelector.model.cjs","sources":["../../src/components/EndpointSelector.model.ts"],"sourcesContent":["import type { SecretKeySelectorProps, SecretKeyValue } from \"./SecretKeySelector\";\nimport type {\n  WorkloadKind,\n  WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type { WorkloadPickerProps } from \"./WorkloadPicker\";\nimport type { NamespacePickerProps } from \"./NamespacePicker\";\nimport {\n  parseSecretRef,\n  serializeSecretRef,\n} from \"./SecretKeySelector.model\";\n\nexport type EndpointMode =\n  | \"url\"\n  | \"service\"\n  | \"cluster-ip\"\n  | \"api-proxy\"\n  | \"ingress\"\n  | \"port-forward\";\n\nexport type EndpointWorkloadMode = Exclude<EndpointMode, \"url\">;\n\nexport type EndpointTarget =\n  | {\n      kind: \"ingress\";\n      name: string;\n      host?: string;\n      namespace?: string;\n    }\n  | {\n      kind: Exclude<WorkloadKind, \"ingress\">;\n      name: string;\n      namespace?: string;\n    };\n\nexport type EndpointWorkloadValue = {\n  mode: EndpointWorkloadMode;\n  target: EndpointTarget;\n  scheme?: string;\n  port?: string;\n  path?: string;\n};\n\nexport type EndpointSelectorValue =\n  | {\n      mode: \"url\";\n      source: SecretKeyValue;\n    }\n  | EndpointWorkloadValue;\n\nexport type EndpointSelectorDefaults = {\n  scheme?: string;\n  port?: string;\n  path?: string;\n};\n\nexport type EndpointUrlSelectorProps = Omit<\n  SecretKeySelectorProps,\n  \"value\" | \"onChange\"\n>;\n\nexport type EndpointSelectorProps = {\n  value: EndpointSelectorValue | undefined;\n  onChange: (value: EndpointSelectorValue | undefined) => void;\n  namespace?: string;\n  modes: EndpointMode[];\n  defaultMode?: EndpointMode;\n  loadWorkloads: WorkloadPickerProps[\"loadWorkloads\"];\n  allowNamespaceSelection?: boolean;\n  loadNamespaces?: NamespacePickerProps[\"loadNamespaces\"];\n  onNamespaceChange?: WorkloadPickerProps[\"onNamespaceChange\"];\n  urlSelector?: EndpointUrlSelectorProps;\n  modeKinds?: Partial<Record<EndpointWorkloadMode, WorkloadKind[]>>;\n  defaults?: EndpointSelectorDefaults;\n  preferredPorts?: readonly number[];\n  schemes?: string[];\n  allowCustomScheme?: boolean;\n  allowCustomPort?: boolean;\n  showScheme?: boolean;\n  showPath?: boolean;\n  showIngressPort?: boolean;\n  className?: string;\n};\n\nexport type EndpointResources = Partial<\n  Record<WorkloadKind, WorkloadResource[]>\n>;\n\nconst SCHEME_TO_MODE = {\n  svc: \"service\",\n  ip: \"cluster-ip\",\n  proxy: \"api-proxy\",\n  host: \"ingress\",\n  portforward: \"port-forward\",\n} as const satisfies Record<string, EndpointMode>;\n\nconst MODE_TO_SCHEME = Object.fromEntries(\n  Object.entries(SCHEME_TO_MODE).map(([scheme, mode]) => [mode, scheme]),\n) as Record<EndpointWorkloadMode, keyof typeof SCHEME_TO_MODE>;\n\nconst WORKLOAD_URL =\n  /^([a-z]+):\\/\\/([^/:?#]*)(?::(\\d+))?([^?#]*)(?:\\?(.+))?$/;\n\nfunction validPort(port: string) {\n  return /^\\d+$/.test(port) && Number(port) >= 1 && Number(port) <= 65535;\n}\n\nfunction parseTarget(\n  mode: EndpointWorkloadMode,\n  host: string,\n  query: string,\n): EndpointTarget | undefined {\n  const dot = host.indexOf(\".\");\n  const name = dot >= 0 ? host.slice(0, dot) : host;\n  const namespace = dot >= 0 ? host.slice(dot + 1) : \"\";\n  if (!name) return undefined;\n\n  const kind =\n    mode === \"ingress\"\n      ? \"ingress\"\n      : mode === \"port-forward\" &&\n          new URLSearchParams(query).get(\"kind\") === \"deployment\"\n        ? \"deployment\"\n        : \"service\";\n  return {\n    kind,\n    name,\n    ...(namespace ? { namespace } : {}),\n  };\n}\n\nfunction parseWorkloadValue(raw: string): EndpointWorkloadValue | undefined {\n  const match = WORKLOAD_URL.exec(raw);\n  if (!match) return undefined;\n  const [, scheme = \"\", host = \"\", port = \"\", path = \"\", query = \"\"] =\n    match;\n  const mode = SCHEME_TO_MODE[scheme as keyof typeof SCHEME_TO_MODE];\n  if (!mode || (port && !validPort(port))) return undefined;\n  if (\n    mode === \"port-forward\" &&\n    (new URLSearchParams(query).has(\"selector\") ||\n      ![\"\", \"service\", \"deployment\"].includes(\n        new URLSearchParams(query).get(\"kind\") ?? \"\",\n      ))\n  ) {\n    return undefined;\n  }\n\n  const target = parseTarget(mode, host, query);\n  if (!target) return undefined;\n  return {\n    mode,\n    target,\n    ...(port ? { port } : {}),\n    ...(path ? { path } : {}),\n  };\n}\n\nexport function parseEndpointValue(\n  raw: unknown,\n): EndpointSelectorValue | undefined {\n  if (typeof raw !== \"string\" || raw === \"\") return undefined;\n  return (\n    parseWorkloadValue(raw) ?? {\n      mode: \"url\",\n      source: parseSecretRef(raw)!,\n    }\n  );\n}\n\nfunction workloadHost(target: EndpointTarget) {\n  if (!target.name) {\n    throw new Error(\"Endpoint workload mode requires a workload name\");\n  }\n  return target.namespace\n    ? `${target.name}.${target.namespace}`\n    : target.name;\n}\n\nfunction validateWorkloadValue(value: EndpointWorkloadValue) {\n  if (value.mode === \"ingress\" && value.target.kind !== \"ingress\") {\n    throw new Error(\"Ingress endpoint mode requires an ingress target\");\n  }\n  if (\n    value.mode !== \"ingress\" &&\n    value.mode !== \"port-forward\" &&\n    value.target.kind !== \"service\"\n  ) {\n    throw new Error(`${value.mode} endpoint mode requires a service target`);\n  }\n  if (\n    value.mode === \"port-forward\" &&\n    ![\"service\", \"deployment\"].includes(value.target.kind)\n  ) {\n    throw new Error(\n      \"Port-forward endpoint mode requires a service or deployment target\",\n    );\n  }\n  if (value.port && !validPort(value.port)) {\n    throw new Error(\n      `Endpoint port \"${value.port}\" must be between 1 and 65535`,\n    );\n  }\n  if (value.path && !value.path.startsWith(\"/\")) {\n    throw new Error(`Endpoint path \"${value.path}\" must start with /`);\n  }\n}\n\nexport function serializeEndpointValue(\n  value: EndpointSelectorValue | undefined,\n): string {\n  if (!value) return \"\";\n  if (value.mode === \"url\") return serializeSecretRef(value.source);\n  validateWorkloadValue(value);\n  const scheme = MODE_TO_SCHEME[value.mode];\n  const port = value.port ? `:${value.port}` : \"\";\n  const path = value.path ?? \"\";\n  const kind =\n    value.mode === \"port-forward\" && value.target.kind === \"deployment\"\n      ? \"?kind=deployment\"\n      : \"\";\n  return `${scheme}://${workloadHost(value.target)}${port}${path}${kind}`;\n}\n"],"names":["parseSecretRef","serializeSecretRef"],"mappings":";;;AAwFA,MAAM,iBAAiB;AAAA,EACrB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,aAAa;AACf;AAEA,MAAM,iBAAiB,OAAO;AAAA,EAC5B,OAAO,QAAQ,cAAc,EAAE,IAAI,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,MAAM,CAAC;AACvE;AAEA,MAAM,eACJ;AAEF,SAAS,UAAU,MAAc;AAC/B,SAAO,QAAQ,KAAK,IAAI,KAAK,OAAO,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK;AACpE;AAEA,SAAS,YACP,MACA,MACA,OAC4B;AAC5B,QAAM,MAAM,KAAK,QAAQ,GAAG;AAC5B,QAAM,OAAO,OAAO,IAAI,KAAK,MAAM,GAAG,GAAG,IAAI;AAC7C,QAAM,YAAY,OAAO,IAAI,KAAK,MAAM,MAAM,CAAC,IAAI;AACnD,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,OACJ,SAAS,YACL,YACA,SAAS,kBACP,IAAI,gBAAgB,KAAK,EAAE,IAAI,MAAM,MAAM,eAC3C,eACA;AACR,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,EAAC;AAErC;AAEA,SAAS,mBAAmB,KAAgD;AAC1E,QAAM,QAAQ,aAAa,KAAK,GAAG;AACnC,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,GAAG,SAAS,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,EAAE,IAC/D;AACF,QAAM,OAAO,eAAe,MAAqC;AACjE,MAAI,CAAC,QAAS,QAAQ,CAAC,UAAU,IAAI,EAAI,QAAO;AAChD,MACE,SAAS,mBACR,IAAI,gBAAgB,KAAK,EAAE,IAAI,UAAU,KACxC,CAAC,CAAC,IAAI,WAAW,YAAY,EAAE;AAAA,IAC7B,IAAI,gBAAgB,KAAK,EAAE,IAAI,MAAM,KAAK;AAAA,EAAA,IAE9C;AACA,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,YAAY,MAAM,MAAM,KAAK;AAC5C,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA;AAAA,IACtB,GAAI,OAAO,EAAE,SAAS,CAAA;AAAA,EAAC;AAE3B;AAEO,SAAS,mBACd,KACmC;AACnC,MAAI,OAAO,QAAQ,YAAY,QAAQ,GAAI,QAAO;AAClD,SACE,mBAAmB,GAAG,KAAK;AAAA,IACzB,MAAM;AAAA,IACN,QAAQA,wBAAAA,eAAe,GAAG;AAAA,EAAA;AAGhC;AAEA,SAAS,aAAa,QAAwB;AAC5C,MAAI,CAAC,OAAO,MAAM;AAChB,UAAM,IAAI,MAAM,iDAAiD;AAAA,EACnE;AACA,SAAO,OAAO,YACV,GAAG,OAAO,IAAI,IAAI,OAAO,SAAS,KAClC,OAAO;AACb;AAEA,SAAS,sBAAsB,OAA8B;AAC3D,MAAI,MAAM,SAAS,aAAa,MAAM,OAAO,SAAS,WAAW;AAC/D,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AACA,MACE,MAAM,SAAS,aACf,MAAM,SAAS,kBACf,MAAM,OAAO,SAAS,WACtB;AACA,UAAM,IAAI,MAAM,GAAG,MAAM,IAAI,0CAA0C;AAAA,EACzE;AACA,MACE,MAAM,SAAS,kBACf,CAAC,CAAC,WAAW,YAAY,EAAE,SAAS,MAAM,OAAO,IAAI,GACrD;AACA,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,MAAI,MAAM,QAAQ,CAAC,UAAU,MAAM,IAAI,GAAG;AACxC,UAAM,IAAI;AAAA,MACR,kBAAkB,MAAM,IAAI;AAAA,IAAA;AAAA,EAEhC;AACA,MAAI,MAAM,QAAQ,CAAC,MAAM,KAAK,WAAW,GAAG,GAAG;AAC7C,UAAM,IAAI,MAAM,kBAAkB,MAAM,IAAI,qBAAqB;AAAA,EACnE;AACF;AAEO,SAAS,uBACd,OACQ;AACR,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,MAAM,SAAS,MAAO,QAAOC,wBAAAA,mBAAmB,MAAM,MAAM;AAChE,wBAAsB,KAAK;AAC3B,QAAM,SAAS,eAAe,MAAM,IAAI;AACxC,QAAM,OAAO,MAAM,OAAO,IAAI,MAAM,IAAI,KAAK;AAC7C,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,OACJ,MAAM,SAAS,kBAAkB,MAAM,OAAO,SAAS,eACnD,qBACA;AACN,SAAO,GAAG,MAAM,MAAM,aAAa,MAAM,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;AACvE;;;"}

package/dist/components/EndpointSelector.model.d.ts

@@ -1,6 +1,7 @@
 import { SecretKeySelectorProps, SecretKeyValue } from './SecretKeySelector';
 import { WorkloadKind, WorkloadResource } from './workload-picker-utils';
 import { WorkloadPickerProps } from './WorkloadPicker';
+import { NamespacePickerProps } from './NamespacePicker';
 export type EndpointMode = "url" | "service" | "cluster-ip" | "api-proxy" | "ingress" | "port-forward";
 export type EndpointWorkloadMode = Exclude<EndpointMode, "url">;
 export type EndpointTarget = {
@@ -26,6 +27,7 @@ export type EndpointSelectorValue = {
 } | EndpointWorkloadValue;
 export type EndpointSelectorDefaults = {
     scheme?: string;
+    port?: string;
     path?: string;
 };
 export type EndpointUrlSelectorProps = Omit<SecretKeySelectorProps, "value" | "onChange">;
@@ -36,6 +38,9 @@ export type EndpointSelectorProps = {
     modes: EndpointMode[];
     defaultMode?: EndpointMode;
     loadWorkloads: WorkloadPickerProps["loadWorkloads"];
+    allowNamespaceSelection?: boolean;
+    loadNamespaces?: NamespacePickerProps["loadNamespaces"];
+    onNamespaceChange?: WorkloadPickerProps["onNamespaceChange"];
     urlSelector?: EndpointUrlSelectorProps;
     modeKinds?: Partial<Record<EndpointWorkloadMode, WorkloadKind[]>>;
     defaults?: EndpointSelectorDefaults;

package/dist/components/EndpointSelector.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointSelector.model.d.ts","sourceRoot":"","sources":["../../src/components/EndpointSelector.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAM5D,MAAM,MAAM,YAAY,GACpB,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,SAAS,GACT,cAAc,CAAC;AAEnB,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAEhE,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD;IACE,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC7B;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,cAAc,CAAC;CACxB,GACD,qBAAqB,CAAC;AAE1B,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,sBAAsB,EACtB,OAAO,GAAG,UAAU,CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CAAC,YAAY,EAAE,gBAAgB,EAAE,CAAC,CACzC,CAAC;AAwEF,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,OAAO,GACX,qBAAqB,GAAG,SAAS,CAQnC;AAwCD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GACvC,MAAM,CAYR"}
+{"version":3,"file":"EndpointSelector.model.d.ts","sourceRoot":"","sources":["../../src/components/EndpointSelector.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAM9D,MAAM,MAAM,YAAY,GACpB,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,SAAS,GACT,cAAc,CAAC;AAEnB,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAEhE,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD;IACE,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC7B;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,cAAc,CAAC;CACxB,GACD,qBAAqB,CAAC;AAE1B,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,sBAAsB,EACtB,OAAO,GAAG,UAAU,CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,cAAc,CAAC,EAAE,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACxD,iBAAiB,CAAC,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CAAC,YAAY,EAAE,gBAAgB,EAAE,CAAC,CACzC,CAAC;AAwEF,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,OAAO,GACX,qBAAqB,GAAG,SAAS,CAQnC;AAwCD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GACvC,MAAM,CAYR"}

package/dist/components/EndpointSelector.model.js.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointSelector.model.js","sources":["../../src/components/EndpointSelector.model.ts"],"sourcesContent":["import type { SecretKeySelectorProps, SecretKeyValue } from \"./SecretKeySelector\";\nimport type {\n  WorkloadKind,\n  WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type { WorkloadPickerProps } from \"./WorkloadPicker\";\nimport {\n  parseSecretRef,\n  serializeSecretRef,\n} from \"./SecretKeySelector.model\";\n\nexport type EndpointMode =\n  | \"url\"\n  | \"service\"\n  | \"cluster-ip\"\n  | \"api-proxy\"\n  | \"ingress\"\n  | \"port-forward\";\n\nexport type EndpointWorkloadMode = Exclude<EndpointMode, \"url\">;\n\nexport type EndpointTarget =\n  | {\n      kind: \"ingress\";\n      name: string;\n      host?: string;\n      namespace?: string;\n    }\n  | {\n      kind: Exclude<WorkloadKind, \"ingress\">;\n      name: string;\n      namespace?: string;\n    };\n\nexport type EndpointWorkloadValue = {\n  mode: EndpointWorkloadMode;\n  target: EndpointTarget;\n  scheme?: string;\n  port?: string;\n  path?: string;\n};\n\nexport type EndpointSelectorValue =\n  | {\n      mode: \"url\";\n      source: SecretKeyValue;\n    }\n  | EndpointWorkloadValue;\n\nexport type EndpointSelectorDefaults = {\n  scheme?: string;\n  path?: string;\n};\n\nexport type EndpointUrlSelectorProps = Omit<\n  SecretKeySelectorProps,\n  \"value\" | \"onChange\"\n>;\n\nexport type EndpointSelectorProps = {\n  value: EndpointSelectorValue | undefined;\n  onChange: (value: EndpointSelectorValue | undefined) => void;\n  namespace?: string;\n  modes: EndpointMode[];\n  defaultMode?: EndpointMode;\n  loadWorkloads: WorkloadPickerProps[\"loadWorkloads\"];\n  urlSelector?: EndpointUrlSelectorProps;\n  modeKinds?: Partial<Record<EndpointWorkloadMode, WorkloadKind[]>>;\n  defaults?: EndpointSelectorDefaults;\n  preferredPorts?: readonly number[];\n  schemes?: string[];\n  allowCustomScheme?: boolean;\n  allowCustomPort?: boolean;\n  showScheme?: boolean;\n  showPath?: boolean;\n  showIngressPort?: boolean;\n  className?: string;\n};\n\nexport type EndpointResources = Partial<\n  Record<WorkloadKind, WorkloadResource[]>\n>;\n\nconst SCHEME_TO_MODE = {\n  svc: \"service\",\n  ip: \"cluster-ip\",\n  proxy: \"api-proxy\",\n  host: \"ingress\",\n  portforward: \"port-forward\",\n} as const satisfies Record<string, EndpointMode>;\n\nconst MODE_TO_SCHEME = Object.fromEntries(\n  Object.entries(SCHEME_TO_MODE).map(([scheme, mode]) => [mode, scheme]),\n) as Record<EndpointWorkloadMode, keyof typeof SCHEME_TO_MODE>;\n\nconst WORKLOAD_URL =\n  /^([a-z]+):\\/\\/([^/:?#]*)(?::(\\d+))?([^?#]*)(?:\\?(.+))?$/;\n\nfunction validPort(port: string) {\n  return /^\\d+$/.test(port) && Number(port) >= 1 && Number(port) <= 65535;\n}\n\nfunction parseTarget(\n  mode: EndpointWorkloadMode,\n  host: string,\n  query: string,\n): EndpointTarget | undefined {\n  const dot = host.indexOf(\".\");\n  const name = dot >= 0 ? host.slice(0, dot) : host;\n  const namespace = dot >= 0 ? host.slice(dot + 1) : \"\";\n  if (!name) return undefined;\n\n  const kind =\n    mode === \"ingress\"\n      ? \"ingress\"\n      : mode === \"port-forward\" &&\n          new URLSearchParams(query).get(\"kind\") === \"deployment\"\n        ? \"deployment\"\n        : \"service\";\n  return {\n    kind,\n    name,\n    ...(namespace ? { namespace } : {}),\n  };\n}\n\nfunction parseWorkloadValue(raw: string): EndpointWorkloadValue | undefined {\n  const match = WORKLOAD_URL.exec(raw);\n  if (!match) return undefined;\n  const [, scheme = \"\", host = \"\", port = \"\", path = \"\", query = \"\"] =\n    match;\n  const mode = SCHEME_TO_MODE[scheme as keyof typeof SCHEME_TO_MODE];\n  if (!mode || (port && !validPort(port))) return undefined;\n  if (\n    mode === \"port-forward\" &&\n    (new URLSearchParams(query).has(\"selector\") ||\n      ![\"\", \"service\", \"deployment\"].includes(\n        new URLSearchParams(query).get(\"kind\") ?? \"\",\n      ))\n  ) {\n    return undefined;\n  }\n\n  const target = parseTarget(mode, host, query);\n  if (!target) return undefined;\n  return {\n    mode,\n    target,\n    ...(port ? { port } : {}),\n    ...(path ? { path } : {}),\n  };\n}\n\nexport function parseEndpointValue(\n  raw: unknown,\n): EndpointSelectorValue | undefined {\n  if (typeof raw !== \"string\" || raw === \"\") return undefined;\n  return (\n    parseWorkloadValue(raw) ?? {\n      mode: \"url\",\n      source: parseSecretRef(raw)!,\n    }\n  );\n}\n\nfunction workloadHost(target: EndpointTarget) {\n  if (!target.name) {\n    throw new Error(\"Endpoint workload mode requires a workload name\");\n  }\n  return target.namespace\n    ? `${target.name}.${target.namespace}`\n    : target.name;\n}\n\nfunction validateWorkloadValue(value: EndpointWorkloadValue) {\n  if (value.mode === \"ingress\" && value.target.kind !== \"ingress\") {\n    throw new Error(\"Ingress endpoint mode requires an ingress target\");\n  }\n  if (\n    value.mode !== \"ingress\" &&\n    value.mode !== \"port-forward\" &&\n    value.target.kind !== \"service\"\n  ) {\n    throw new Error(`${value.mode} endpoint mode requires a service target`);\n  }\n  if (\n    value.mode === \"port-forward\" &&\n    ![\"service\", \"deployment\"].includes(value.target.kind)\n  ) {\n    throw new Error(\n      \"Port-forward endpoint mode requires a service or deployment target\",\n    );\n  }\n  if (value.port && !validPort(value.port)) {\n    throw new Error(\n      `Endpoint port \"${value.port}\" must be between 1 and 65535`,\n    );\n  }\n  if (value.path && !value.path.startsWith(\"/\")) {\n    throw new Error(`Endpoint path \"${value.path}\" must start with /`);\n  }\n}\n\nexport function serializeEndpointValue(\n  value: EndpointSelectorValue | undefined,\n): string {\n  if (!value) return \"\";\n  if (value.mode === \"url\") return serializeSecretRef(value.source);\n  validateWorkloadValue(value);\n  const scheme = MODE_TO_SCHEME[value.mode];\n  const port = value.port ? `:${value.port}` : \"\";\n  const path = value.path ?? \"\";\n  const kind =\n    value.mode === \"port-forward\" && value.target.kind === \"deployment\"\n      ? \"?kind=deployment\"\n      : \"\";\n  return `${scheme}://${workloadHost(value.target)}${port}${path}${kind}`;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EndpointSelector.model.js","sources":["../../src/components/EndpointSelector.model.ts"],"sourcesContent":["import type { SecretKeySelectorProps, SecretKeyValue } from \"./SecretKeySelector\";\nimport type {\n  WorkloadKind,\n  WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type { WorkloadPickerProps } from \"./WorkloadPicker\";\nimport type { NamespacePickerProps } from \"./NamespacePicker\";\nimport {\n  parseSecretRef,\n  serializeSecretRef,\n} from \"./SecretKeySelector.model\";\n\nexport type EndpointMode =\n  | \"url\"\n  | \"service\"\n  | \"cluster-ip\"\n  | \"api-proxy\"\n  | \"ingress\"\n  | \"port-forward\";\n\nexport type EndpointWorkloadMode = Exclude<EndpointMode, \"url\">;\n\nexport type EndpointTarget =\n  | {\n      kind: \"ingress\";\n      name: string;\n      host?: string;\n      namespace?: string;\n    }\n  | {\n      kind: Exclude<WorkloadKind, \"ingress\">;\n      name: string;\n      namespace?: string;\n    };\n\nexport type EndpointWorkloadValue = {\n  mode: EndpointWorkloadMode;\n  target: EndpointTarget;\n  scheme?: string;\n  port?: string;\n  path?: string;\n};\n\nexport type EndpointSelectorValue =\n  | {\n      mode: \"url\";\n      source: SecretKeyValue;\n    }\n  | EndpointWorkloadValue;\n\nexport type EndpointSelectorDefaults = {\n  scheme?: string;\n  port?: string;\n  path?: string;\n};\n\nexport type EndpointUrlSelectorProps = Omit<\n  SecretKeySelectorProps,\n  \"value\" | \"onChange\"\n>;\n\nexport type EndpointSelectorProps = {\n  value: EndpointSelectorValue | undefined;\n  onChange: (value: EndpointSelectorValue | undefined) => void;\n  namespace?: string;\n  modes: EndpointMode[];\n  defaultMode?: EndpointMode;\n  loadWorkloads: WorkloadPickerProps[\"loadWorkloads\"];\n  allowNamespaceSelection?: boolean;\n  loadNamespaces?: NamespacePickerProps[\"loadNamespaces\"];\n  onNamespaceChange?: WorkloadPickerProps[\"onNamespaceChange\"];\n  urlSelector?: EndpointUrlSelectorProps;\n  modeKinds?: Partial<Record<EndpointWorkloadMode, WorkloadKind[]>>;\n  defaults?: EndpointSelectorDefaults;\n  preferredPorts?: readonly number[];\n  schemes?: string[];\n  allowCustomScheme?: boolean;\n  allowCustomPort?: boolean;\n  showScheme?: boolean;\n  showPath?: boolean;\n  showIngressPort?: boolean;\n  className?: string;\n};\n\nexport type EndpointResources = Partial<\n  Record<WorkloadKind, WorkloadResource[]>\n>;\n\nconst SCHEME_TO_MODE = {\n  svc: \"service\",\n  ip: \"cluster-ip\",\n  proxy: \"api-proxy\",\n  host: \"ingress\",\n  portforward: \"port-forward\",\n} as const satisfies Record<string, EndpointMode>;\n\nconst MODE_TO_SCHEME = Object.fromEntries(\n  Object.entries(SCHEME_TO_MODE).map(([scheme, mode]) => [mode, scheme]),\n) as Record<EndpointWorkloadMode, keyof typeof SCHEME_TO_MODE>;\n\nconst WORKLOAD_URL =\n  /^([a-z]+):\\/\\/([^/:?#]*)(?::(\\d+))?([^?#]*)(?:\\?(.+))?$/;\n\nfunction validPort(port: string) {\n  return /^\\d+$/.test(port) && Number(port) >= 1 && Number(port) <= 65535;\n}\n\nfunction parseTarget(\n  mode: EndpointWorkloadMode,\n  host: string,\n  query: string,\n): EndpointTarget | undefined {\n  const dot = host.indexOf(\".\");\n  const name = dot >= 0 ? host.slice(0, dot) : host;\n  const namespace = dot >= 0 ? host.slice(dot + 1) : \"\";\n  if (!name) return undefined;\n\n  const kind =\n    mode === \"ingress\"\n      ? \"ingress\"\n      : mode === \"port-forward\" &&\n          new URLSearchParams(query).get(\"kind\") === \"deployment\"\n        ? \"deployment\"\n        : \"service\";\n  return {\n    kind,\n    name,\n    ...(namespace ? { namespace } : {}),\n  };\n}\n\nfunction parseWorkloadValue(raw: string): EndpointWorkloadValue | undefined {\n  const match = WORKLOAD_URL.exec(raw);\n  if (!match) return undefined;\n  const [, scheme = \"\", host = \"\", port = \"\", path = \"\", query = \"\"] =\n    match;\n  const mode = SCHEME_TO_MODE[scheme as keyof typeof SCHEME_TO_MODE];\n  if (!mode || (port && !validPort(port))) return undefined;\n  if (\n    mode === \"port-forward\" &&\n    (new URLSearchParams(query).has(\"selector\") ||\n      ![\"\", \"service\", \"deployment\"].includes(\n        new URLSearchParams(query).get(\"kind\") ?? \"\",\n      ))\n  ) {\n    return undefined;\n  }\n\n  const target = parseTarget(mode, host, query);\n  if (!target) return undefined;\n  return {\n    mode,\n    target,\n    ...(port ? { port } : {}),\n    ...(path ? { path } : {}),\n  };\n}\n\nexport function parseEndpointValue(\n  raw: unknown,\n): EndpointSelectorValue | undefined {\n  if (typeof raw !== \"string\" || raw === \"\") return undefined;\n  return (\n    parseWorkloadValue(raw) ?? {\n      mode: \"url\",\n      source: parseSecretRef(raw)!,\n    }\n  );\n}\n\nfunction workloadHost(target: EndpointTarget) {\n  if (!target.name) {\n    throw new Error(\"Endpoint workload mode requires a workload name\");\n  }\n  return target.namespace\n    ? `${target.name}.${target.namespace}`\n    : target.name;\n}\n\nfunction validateWorkloadValue(value: EndpointWorkloadValue) {\n  if (value.mode === \"ingress\" && value.target.kind !== \"ingress\") {\n    throw new Error(\"Ingress endpoint mode requires an ingress target\");\n  }\n  if (\n    value.mode !== \"ingress\" &&\n    value.mode !== \"port-forward\" &&\n    value.target.kind !== \"service\"\n  ) {\n    throw new Error(`${value.mode} endpoint mode requires a service target`);\n  }\n  if (\n    value.mode === \"port-forward\" &&\n    ![\"service\", \"deployment\"].includes(value.target.kind)\n  ) {\n    throw new Error(\n      \"Port-forward endpoint mode requires a service or deployment target\",\n    );\n  }\n  if (value.port && !validPort(value.port)) {\n    throw new Error(\n      `Endpoint port \"${value.port}\" must be between 1 and 65535`,\n    );\n  }\n  if (value.path && !value.path.startsWith(\"/\")) {\n    throw new Error(`Endpoint path \"${value.path}\" must start with /`);\n  }\n}\n\nexport function serializeEndpointValue(\n  value: EndpointSelectorValue | undefined,\n): string {\n  if (!value) return \"\";\n  if (value.mode === \"url\") return serializeSecretRef(value.source);\n  validateWorkloadValue(value);\n  const scheme = MODE_TO_SCHEME[value.mode];\n  const port = value.port ? `:${value.port}` : \"\";\n  const path = value.path ?? \"\";\n  const kind =\n    value.mode === \"port-forward\" && value.target.kind === \"deployment\"\n      ? \"?kind=deployment\"\n      : \"\";\n  return `${scheme}://${workloadHost(value.target)}${port}${path}${kind}`;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/FilterBar.cjs

@@ -19,6 +19,7 @@ const MultiSelect = require("./MultiSelect.cjs");
 const RangeSlider = require("./RangeSlider.cjs");
 const TimeRange = require("./TimeRange.cjs");
 const TriStateToggle = require("./TriStateToggle.cjs");
+const WorkloadPicker = require("./WorkloadPicker.cjs");
 const UiSearch = require("../icons/components/UiSearch.cjs");
 const UiFilter = require("../icons/components/UiFilter.cjs");
 const UiClose = require("../icons/components/UiClose.cjs");
@@ -225,6 +226,7 @@ function FilterBarFilterPanelContent({
     filter.kind === "lookup-multi" && /* @__PURE__ */ jsxRuntime.jsx(LookupMultiFilterField, { filter, grow: true }),
     filter.kind === "multi" && /* @__PURE__ */ jsxRuntime.jsx(filterBarMulti.MultiFilterPanel, { filter, chrome }),
     filter.kind === "nested-multi" && /* @__PURE__ */ jsxRuntime.jsx(NestedMultiFilterPanel, { filter, chrome }),
+    filter.kind === "workload" && /* @__PURE__ */ jsxRuntime.jsx(WorkloadFilterField, { filter, grow: true }),
     filter.kind === "select-multi" && /* @__PURE__ */ jsxRuntime.jsx(SelectMultiFilterField, { filter, grow: true }),
     filter.kind === "number" && /* @__PURE__ */ jsxRuntime.jsx(NumberFilterPanel, { filter, chrome }),
     filter.kind === "enum" && /* @__PURE__ */ jsxRuntime.jsx(EnumFilterField, { filter, grow: true }),
@@ -235,23 +237,12 @@ function FilterBarFilterPanelContent({
       {
         kind: filter.timeEnabled === false ? "date" : "time",
         label: filter.label,
-        ...dateRangeFilterProps(filter)
+        ...filterBarUtils.dateRangeFilterProps(filter)
       }
     ),
     filter.kind === "text" && /* @__PURE__ */ jsxRuntime.jsx(TextFilterField, { filter, grow: true })
   ] });
 }
-function dateRangeFilterProps(filter) {
-  const {
-    key: _key,
-    kind: _kind,
-    label: _label,
-    icon: _icon,
-    description: _description,
-    ...range
-  } = filter;
-  return range;
-}
 function renderFilterField(filter, grow) {
   if (filter.kind === "lookup") {
     return /* @__PURE__ */ jsxRuntime.jsx(LookupFilterField, { filter, grow });
@@ -265,6 +256,9 @@ function renderFilterField(filter, grow) {
   if (filter.kind === "nested-multi") {
     return /* @__PURE__ */ jsxRuntime.jsx(NestedMultiFilterField, { filter, grow });
   }
+  if (filter.kind === "workload") {
+    return /* @__PURE__ */ jsxRuntime.jsx(WorkloadFilterField, { filter, grow });
+  }
   if (filter.kind === "select-multi") {
     return /* @__PURE__ */ jsxRuntime.jsx(SelectMultiFilterField, { filter, grow });
   }
@@ -286,7 +280,7 @@ function renderFilterField(filter, grow) {
       {
         kind: filter.timeEnabled === false ? "date" : "time",
         label: filter.label,
-        ...dateRangeFilterProps(filter)
+        ...filterBarUtils.dateRangeFilterProps(filter)
       }
     );
   }
@@ -487,7 +481,7 @@ function FilterBarKeyValueControl({ filter }) {
       {
         kind: filter.timeEnabled === false ? "date" : "time",
         label: filter.label,
-        ...dateRangeFilterProps(filter)
+        ...filterBarUtils.dateRangeFilterProps(filter)
       }
     );
   }
@@ -515,6 +509,9 @@ function FilterBarKeyValueControl({ filter }) {
   if (filter.kind === "nested-multi") {
     return /* @__PURE__ */ jsxRuntime.jsx(NestedMultiFilterField, { filter, grow: true });
   }
+  if (filter.kind === "workload") {
+    return /* @__PURE__ */ jsxRuntime.jsx(WorkloadFilterField, { filter, grow: true });
+  }
   if (filter.kind === "tristate") {
     return /* @__PURE__ */ jsxRuntime.jsx(TriStateFilterValueControl, { filter });
   }
@@ -530,9 +527,28 @@ function lookupOptionsToCombobox(options) {
     ...option.disabled !== void 0 ? { disabled: option.disabled } : {}
   }));
 }
+function WorkloadFilterField({
+  filter,
+  grow
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("min-w-[14rem]", grow && "flex-1", filter.className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    WorkloadPicker.WorkloadPicker,
+    {
+      value: filter.value,
+      onChange: filter.onChange,
+      loadWorkloads: filter.loadWorkloads,
+      ...filter.kinds ? { kinds: filter.kinds } : {},
+      ...filter.collapseSingleOption ? { collapseSingleOption: true } : {},
+      allowCustomValue: false,
+      strict: true,
+      ...filter.disabled !== void 0 ? { disabled: filter.disabled } : {},
+      placeholder: `Select ${filter.label.toLowerCase()}…`
+    }
+  ) });
+}
 function valueInputClassName(disabled) {
   return utils.cn(
-    "h-8 w-full rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring",
+    "h-8 w-full rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-placeholder focus-visible:ring-2 focus-visible:ring-ring",
     disabled && "cursor-not-allowed opacity-60"
   );
 }
@@ -804,7 +820,7 @@ function SearchField({ search }) {
           {
             type: "search",
             "aria-label": search.ariaLabel ?? search.placeholder ?? "Search",
-            className: "w-full bg-transparent outline-none placeholder:text-muted-foreground",
+            className: "w-full bg-transparent outline-none placeholder:text-placeholder",
             placeholder: search.placeholder ?? "Search…",
             value: draft,
             onChange: (event) => setDraft(event.target.value)
@@ -833,7 +849,7 @@ function TextFilterField({ filter, grow }) {
           {
             type: "text",
             "aria-label": filter.label,
-            className: "w-full min-w-0 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+            className: "w-full min-w-0 bg-transparent text-sm text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed",
             ...filter.placeholder !== void 0 ? { placeholder: filter.placeholder } : {},
             value: draft,
             disabled: filter.disabled,
@@ -883,7 +899,7 @@ function LookupFilterField({ filter, grow }) {
             {
               type: "number",
               "aria-label": filter.label,
-              className: "w-full min-w-0 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+              className: "w-full min-w-0 bg-transparent text-sm text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed",
               placeholder: filter.placeholder,
               value: draft,
               disabled: filter.disabled,
@@ -1828,6 +1844,13 @@ function filterWithStagedValue(filter, value, onChange) {
       onChange: (next) => onChange(next)
     };
   }
+  if (filter.kind === "workload") {
+    return {
+      ...filter,
+      value: String(value ?? ""),
+      onChange: (next) => onChange(next)
+    };
+  }
   if (filter.kind === "lookup-multi") {
     return {
       ...filter,
@@ -1893,7 +1916,7 @@ function applyStagedFilterValues(filters, stagedValues) {
 }
 function applyFilterBarValue(filter, value) {
   if (!isStageableFilter(filter)) return;
-  if (filter.kind === "text" || filter.kind === "lookup" || filter.kind === "enum") {
+  if (filter.kind === "text" || filter.kind === "lookup" || filter.kind === "workload" || filter.kind === "enum") {
     filter.onChange(String(value ?? ""));
     return;
   }
@@ -1944,6 +1967,7 @@ function estimateFilterWidth(filter) {
   if (filter.kind === "boolean") return Math.max(88, filter.label.length * 8 + 40);
   if (filter.kind === "multi") return 176;
   if (filter.kind === "nested-multi") return 136;
+  if (filter.kind === "workload") return 224;
   if (filter.kind === "number") return 152;
   return Math.max(144, filter.label.length * 8 + 96);
 }