@flanksource/clicky-ui 0.2.11 → 0.2.13

package/dist/components/WorkloadPicker.cjs

@@ -0,0 +1,144 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const mi = require("@flanksource/icons/mi");
+const utils = require("../lib/utils.cjs");
+const Combobox = require("./Combobox.cjs");
+const WORKLOAD_META = {
+  service: { label: "Service", Icon: mi.K8SService },
+  ingress: { label: "Ingress", Icon: mi.K8SIngress },
+  deployment: { label: "Deployment", Icon: mi.K8SDeployment },
+  statefulset: { label: "StatefulSet", Icon: mi.K8SStatefulset }
+};
+const ALL_KINDS = ["service", "ingress", "deployment", "statefulset"];
+function WorkloadPicker({
+  value,
+  onChange,
+  loadWorkloads,
+  namespace,
+  kinds = ALL_KINDS,
+  strict = false,
+  placeholder = "Select workload / service…",
+  className
+}) {
+  const [byKind, setByKind] = react.useState({});
+  const [loading, setLoading] = react.useState(false);
+  const kindsKey = kinds.join(",");
+  react.useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    loadWorkloads(kinds).then((res) => {
+      if (!cancelled) setByKind(res);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [loadWorkloads, kindsKey]);
+  const options = react.useMemo(
+    () => buildWorkloadOptions(namespace, byKind, kinds, value),
+    [namespace, byKind, kinds, value]
+  );
+  const invalid = react.useMemo(() => {
+    if (!strict || !value || loading) return false;
+    const { keys, names } = loadedWorkloads(namespace, byKind, kinds);
+    return !keys.has(value) && !names.has(value);
+  }, [strict, value, loading, namespace, byKind, kinds]);
+  const selectedKind = kindForValue(kinds, value);
+  const leadMeta = WORKLOAD_META[selectedKind];
+  const LeadIcon = leadMeta.Icon;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      LeadIcon,
+      {
+        className: "h-4 w-4 shrink-0 text-muted-foreground",
+        title: leadMeta.label,
+        "aria-label": leadMeta.label
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Combobox.Combobox,
+      {
+        options,
+        value,
+        onChange,
+        allowCustomValue: true,
+        loading,
+        invalid,
+        placeholder
+      }
+    ) })
+  ] });
+}
+function ingressHost(kind, r) {
+  var _a;
+  return kind === "ingress" ? (_a = r.hosts) == null ? void 0 : _a[0] : void 0;
+}
+function workloadName(kind, r) {
+  return ingressHost(kind, r) ?? r.name;
+}
+const KNOWN_KINDS = /* @__PURE__ */ new Set(["service", "ingress", "deployment", "statefulset"]);
+function workloadKey(namespace, kind, r) {
+  const name = workloadName(kind, r);
+  return namespace ? `${namespace}/${kind}/${name}` : `${kind}/${name}`;
+}
+function parseWorkloadKey(value) {
+  const parts = value.split("/");
+  const name = parts.at(-1);
+  const maybeKind = parts.at(-2);
+  if (name != null && maybeKind != null && KNOWN_KINDS.has(maybeKind)) {
+    const namespace = parts.slice(0, -2).join("/");
+    const parsed = { kind: maybeKind, name };
+    if (namespace) parsed.namespace = namespace;
+    return parsed;
+  }
+  return { name: value };
+}
+function loadedWorkloads(namespace, byKind, kinds) {
+  const keys = /* @__PURE__ */ new Set();
+  const names = /* @__PURE__ */ new Set();
+  for (const kind of kinds) {
+    for (const r of byKind[kind] ?? []) {
+      keys.add(workloadKey(namespace, kind, r));
+      names.add(workloadName(kind, r));
+    }
+  }
+  return { keys, names };
+}
+function kindForValue(kinds, value) {
+  const kind = value ? parseWorkloadKey(value).kind : void 0;
+  return kind ?? kinds[0] ?? "service";
+}
+function buildWorkloadOptions(namespace, byKind, kinds, value) {
+  const opts = [];
+  for (const kind of kinds) {
+    const meta = WORKLOAD_META[kind];
+    const Icon = meta.Icon;
+    for (const r of byKind[kind] ?? []) {
+      const host = ingressHost(kind, r);
+      opts.push({
+        value: workloadKey(namespace, kind, r),
+        // The label is the human name; an ingress pairs its host with the
+        // ingress name for context.
+        label: host ? `${host} (${r.name})` : r.name,
+        group: meta.label,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" })
+      });
+    }
+  }
+  if (value && !opts.some((o) => o.value === value)) {
+    const parsed = parseWorkloadKey(value);
+    const Icon = WORKLOAD_META[parsed.kind ?? kinds[0] ?? "service"].Icon;
+    return [{ value, label: parsed.name, icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }) }, ...opts];
+  }
+  return opts;
+}
+exports.WorkloadPicker = WorkloadPicker;
+exports.buildWorkloadOptions = buildWorkloadOptions;
+exports.kindForValue = kindForValue;
+exports.loadedWorkloads = loadedWorkloads;
+exports.parseWorkloadKey = parseWorkloadKey;
+exports.workloadKey = workloadKey;
+//# sourceMappingURL=WorkloadPicker.cjs.map

package/dist/components/WorkloadPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkloadPicker.cjs","sources":["../../src/components/WorkloadPicker.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ComponentType } from \"react\";\nimport {\n  K8SService,\n  K8SIngress,\n  K8SDeployment,\n  K8SStatefulset,\n} from \"@flanksource/icons/mi\";\nimport { cn } from \"../lib/utils\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\n\n// WorkloadPicker selects a backing Kubernetes workload (Service / Ingress /\n// Deployment / StatefulSet) for an endpoint. Options from every kind are merged\n// into one Combobox, grouped by kind via the Combobox group-header support and\n// labelled with the kind's icon.\n//\n// The emitted value is a `[namespace/]kind/name` key (see workloadKey /\n// parseWorkloadKey) so two workloads of different kinds that share a name don't\n// collide. An ingress's name-part is its first host (the routable address),\n// labelled with the ingress name for context; every other kind uses its name.\n//\n// The component is presentational: it owns the kind→group/icon mapping and the\n// key encoding but fetches nothing — the consumer supplies an async\n// `loadWorkloads` getter.\n\nexport type WorkloadKind = \"service\" | \"ingress\" | \"deployment\" | \"statefulset\";\n\n/** One workload returned by the loader. Ingresses may carry rule hostnames. */\nexport type WorkloadResource = { name: string; hosts?: string[] };\n\ntype KindIconProps = { className?: string; title?: string; \"aria-label\"?: string };\ntype KindMeta = { label: string; Icon: ComponentType<KindIconProps> };\n\n// WORKLOAD_META maps each kind to its group header label and icon, in display\n// order. The order of the keys drives the order options/groups appear in.\nconst WORKLOAD_META: Record<WorkloadKind, KindMeta> = {\n  service: { label: \"Service\", Icon: K8SService },\n  ingress: { label: \"Ingress\", Icon: K8SIngress },\n  deployment: { label: \"Deployment\", Icon: K8SDeployment },\n  statefulset: { label: \"StatefulSet\", Icon: K8SStatefulset },\n};\n\nconst ALL_KINDS: WorkloadKind[] = [\"service\", \"ingress\", \"deployment\", \"statefulset\"];\n\nexport type WorkloadPickerProps = {\n  /**\n   * Controlled selected value — a `[namespace/]kind/name` key (see\n   * {@link workloadKey} / {@link parseWorkloadKey}).\n   */\n  value: string;\n  /** Called with the chosen `[namespace/]kind/name` key (or \"\" when cleared). */\n  onChange: (value: string) => void;\n  /**\n   * Async getter the component calls to load the requested kinds' workloads.\n   * Returns a map keyed by kind. The consumer owns fetching/caching.\n   */\n  loadWorkloads: (kinds: WorkloadKind[]) => Promise<Record<WorkloadKind, WorkloadResource[]>>;\n  /**\n   * Namespace the workloads live in. When set it prefixes the emitted key\n   * (`namespace/kind/name`), so values stay distinct across namespaces.\n   */\n  namespace?: string;\n  /** Kinds to offer, in display order. Defaults to all four. */\n  kinds?: WorkloadKind[];\n  /**\n   * When true, a non-empty value that does not match any loaded workload (once\n   * loading settles) is flagged invalid — the picked workload doesn't exist in\n   * the namespace. The value is still shown (pinned) so the user can see and\n   * fix it; freeform entry is not rejected, only marked.\n   */\n  strict?: boolean;\n  placeholder?: string;\n  className?: string;\n};\n\nexport function WorkloadPicker({\n  value,\n  onChange,\n  loadWorkloads,\n  namespace,\n  kinds = ALL_KINDS,\n  strict = false,\n  placeholder = \"Select workload / service…\",\n  className,\n}: WorkloadPickerProps) {\n  const [byKind, setByKind] = useState<Partial<Record<WorkloadKind, WorkloadResource[]>>>({});\n  const [loading, setLoading] = useState(false);\n\n  const kindsKey = kinds.join(\",\");\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    loadWorkloads(kinds)\n      .then((res) => {\n        if (!cancelled) setByKind(res);\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n    // loadWorkloads is expected to be stable (memoized by the consumer); kindsKey\n    // is the joined `kinds` so a changed selection reloads without depending on\n    // the array's identity.\n  }, [loadWorkloads, kindsKey]);\n\n  const options = useMemo(\n    () => buildWorkloadOptions(namespace, byKind, kinds, value),\n    [namespace, byKind, kinds, value],\n  );\n\n  // In strict mode a non-empty value is invalid once loading settles unless it\n  // matches a loaded workload — either by its full `[namespace/]kind/name` key\n  // (what the picker emits) or by its bare name-part (what consumers that\n  // persist only the resolved name, e.g. a Service name or ingress host, feed\n  // back in). buildWorkloadOptions pins an unmatched value first, so test\n  // membership against the loaded set, not `options`.\n  const invalid = useMemo(() => {\n    if (!strict || !value || loading) return false;\n    const { keys, names } = loadedWorkloads(namespace, byKind, kinds);\n    return !keys.has(value) && !names.has(value);\n  }, [strict, value, loading, namespace, byKind, kinds]);\n\n  // The lead icon reflects the selected workload's kind (read from the value's\n  // key), falling back to the first offered kind when nothing is selected or the\n  // value carries no recognised kind (e.g. freeform input).\n  const selectedKind = kindForValue(kinds, value);\n  const leadMeta = WORKLOAD_META[selectedKind];\n  const LeadIcon = leadMeta.Icon;\n  return (\n    <div className={cn(\"flex items-center gap-2\", className)}>\n      <LeadIcon\n        className=\"h-4 w-4 shrink-0 text-muted-foreground\"\n        title={leadMeta.label}\n        aria-label={leadMeta.label}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <Combobox\n          options={options}\n          value={value}\n          onChange={onChange}\n          allowCustomValue\n          loading={loading}\n          invalid={invalid}\n          placeholder={placeholder}\n        />\n      </div>\n    </div>\n  );\n}\n\n// ingressHost is the first host an ingress routes, or undefined for non-ingress\n// kinds and host-less ingresses. An ingress's name-part is its host.\nfunction ingressHost(kind: WorkloadKind, r: WorkloadResource): string | undefined {\n  return kind === \"ingress\" ? r.hosts?.[0] : undefined;\n}\n\n// workloadName is the name-part of a resource's key: an ingress's first host\n// (the routable address callers want), else the resource's own name.\nfunction workloadName(kind: WorkloadKind, r: WorkloadResource): string {\n  return ingressHost(kind, r) ?? r.name;\n}\n\n// ParsedWorkloadKey is the structured form of a `[namespace/]kind/name` value.\nexport type ParsedWorkloadKey = { namespace?: string; kind?: WorkloadKind; name: string };\n\nconst KNOWN_KINDS = new Set<string>([\"service\", \"ingress\", \"deployment\", \"statefulset\"]);\n\n// workloadKey is the value a resource contributes (what onChange emits): a\n// `[namespace/]kind/name` composite so two workloads of different kinds sharing\n// a name don't collide. namespace is omitted when not supplied.\nexport function workloadKey(\n  namespace: string | undefined,\n  kind: WorkloadKind,\n  r: WorkloadResource,\n): string {\n  const name = workloadName(kind, r);\n  return namespace ? `${namespace}/${kind}/${name}` : `${kind}/${name}`;\n}\n\n// parseWorkloadKey splits a `[namespace/]kind/name` value back into its parts.\n// The trailing segment is always the name (a host may itself contain no slash);\n// the segment before it is the kind when it is a known workload kind, and any\n// remaining leading segment is the namespace. A bare value (no recognised\n// kind/name shape) is returned as just its name so freeform input survives.\nexport function parseWorkloadKey(value: string): ParsedWorkloadKey {\n  const parts = value.split(\"/\");\n  const name = parts.at(-1);\n  const maybeKind = parts.at(-2);\n  if (name != null && maybeKind != null && KNOWN_KINDS.has(maybeKind)) {\n    const namespace = parts.slice(0, -2).join(\"/\");\n    const parsed: ParsedWorkloadKey = { kind: maybeKind as WorkloadKind, name };\n    if (namespace) parsed.namespace = namespace;\n    return parsed;\n  }\n  return { name: value };\n}\n\n// loadedWorkloads collapses the loaded resources into the two membership sets a\n// strict picker validates a value against: `keys` are the full\n// `[namespace/]kind/name` keys the picker emits, `names` are the bare name-parts\n// (service name / ingress host) a consumer may persist instead. A value in\n// neither set names a workload that doesn't exist in the namespace.\nexport function loadedWorkloads(\n  namespace: string | undefined,\n  byKind: Partial<Record<WorkloadKind, WorkloadResource[]>>,\n  kinds: WorkloadKind[],\n): { keys: Set<string>; names: Set<string> } {\n  const keys = new Set<string>();\n  const names = new Set<string>();\n  for (const kind of kinds) {\n    for (const r of byKind[kind] ?? []) {\n      keys.add(workloadKey(namespace, kind, r));\n      names.add(workloadName(kind, r));\n    }\n  }\n  return { keys, names };\n}\n\n// kindForValue returns the kind encoded in the selected value, so the lead icon\n// can mirror it without consulting the loaded resources. Falls back to the first\n// offered kind when nothing is selected or the value carries no recognised kind.\nexport function kindForValue(kinds: WorkloadKind[], value: string): WorkloadKind {\n  const kind = value ? parseWorkloadKey(value).kind : undefined;\n  return kind ?? kinds[0] ?? \"service\";\n}\n\n// buildWorkloadOptions flattens the per-kind resources into grouped Combobox\n// options in kind order. Each option's value is its `[namespace/]kind/name` key\n// and its label the human name; a current value not present in any kind is\n// pinned first (labelled with just its name-part) so the selection stays visible.\nexport function buildWorkloadOptions(\n  namespace: string | undefined,\n  byKind: Partial<Record<WorkloadKind, WorkloadResource[]>>,\n  kinds: WorkloadKind[],\n  value: string,\n): ComboboxOption[] {\n  const opts: ComboboxOption[] = [];\n  for (const kind of kinds) {\n    const meta = WORKLOAD_META[kind];\n    const Icon = meta.Icon;\n    for (const r of byKind[kind] ?? []) {\n      const host = ingressHost(kind, r);\n      opts.push({\n        value: workloadKey(namespace, kind, r),\n        // The label is the human name; an ingress pairs its host with the\n        // ingress name for context.\n        label: host ? `${host} (${r.name})` : r.name,\n        group: meta.label,\n        icon: <Icon className=\"h-4 w-4\" />,\n      });\n    }\n  }\n  if (value && !opts.some((o) => o.value === value)) {\n    const parsed = parseWorkloadKey(value);\n    const Icon = WORKLOAD_META[parsed.kind ?? kinds[0] ?? \"service\"].Icon;\n    return [{ value, label: parsed.name, icon: <Icon className=\"h-4 w-4\" /> }, ...opts];\n  }\n  return opts;\n}\n"],"names":["K8SService","K8SIngress","K8SDeployment","K8SStatefulset","useState","useEffect","useMemo","cn","jsx","Combobox"],"mappings":"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"}

package/dist/components/WorkloadPicker.d.ts

@@ -0,0 +1,52 @@
+import { ComboboxOption } from './Combobox';
+export type WorkloadKind = "service" | "ingress" | "deployment" | "statefulset";
+/** One workload returned by the loader. Ingresses may carry rule hostnames. */
+export type WorkloadResource = {
+    name: string;
+    hosts?: string[];
+};
+export type WorkloadPickerProps = {
+    /**
+     * Controlled selected value — a `[namespace/]kind/name` key (see
+     * {@link workloadKey} / {@link parseWorkloadKey}).
+     */
+    value: string;
+    /** Called with the chosen `[namespace/]kind/name` key (or "" when cleared). */
+    onChange: (value: string) => void;
+    /**
+     * Async getter the component calls to load the requested kinds' workloads.
+     * Returns a map keyed by kind. The consumer owns fetching/caching.
+     */
+    loadWorkloads: (kinds: WorkloadKind[]) => Promise<Record<WorkloadKind, WorkloadResource[]>>;
+    /**
+     * Namespace the workloads live in. When set it prefixes the emitted key
+     * (`namespace/kind/name`), so values stay distinct across namespaces.
+     */
+    namespace?: string;
+    /** Kinds to offer, in display order. Defaults to all four. */
+    kinds?: WorkloadKind[];
+    /**
+     * When true, a non-empty value that does not match any loaded workload (once
+     * loading settles) is flagged invalid — the picked workload doesn't exist in
+     * the namespace. The value is still shown (pinned) so the user can see and
+     * fix it; freeform entry is not rejected, only marked.
+     */
+    strict?: boolean;
+    placeholder?: string;
+    className?: string;
+};
+export declare function WorkloadPicker({ value, onChange, loadWorkloads, namespace, kinds, strict, placeholder, className, }: WorkloadPickerProps): import("react/jsx-runtime").JSX.Element;
+export type ParsedWorkloadKey = {
+    namespace?: string;
+    kind?: WorkloadKind;
+    name: string;
+};
+export declare function workloadKey(namespace: string | undefined, kind: WorkloadKind, r: WorkloadResource): string;
+export declare function parseWorkloadKey(value: string): ParsedWorkloadKey;
+export declare function loadedWorkloads(namespace: string | undefined, byKind: Partial<Record<WorkloadKind, WorkloadResource[]>>, kinds: WorkloadKind[]): {
+    keys: Set<string>;
+    names: Set<string>;
+};
+export declare function kindForValue(kinds: WorkloadKind[], value: string): WorkloadKind;
+export declare function buildWorkloadOptions(namespace: string | undefined, byKind: Partial<Record<WorkloadKind, WorkloadResource[]>>, kinds: WorkloadKind[], value: string): ComboboxOption[];
+//# sourceMappingURL=WorkloadPicker.d.ts.map

package/dist/components/WorkloadPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkloadPicker.d.ts","sourceRoot":"","sources":["../../src/components/WorkloadPicker.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAgB3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;AAEhF,+EAA+E;AAC/E,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAgBlE,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAC5F;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,EACT,KAAiB,EACjB,MAAc,EACd,WAA0C,EAC1C,SAAS,GACV,EAAE,mBAAmB,2CAkErB;AAeD,MAAM,MAAM,iBAAiB,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAO1F,wBAAgB,WAAW,CACzB,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,IAAI,EAAE,YAAY,EAClB,CAAC,EAAE,gBAAgB,GAClB,MAAM,CAGR;AAOD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAWjE;AAOD,wBAAgB,eAAe,CAC7B,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,gBAAgB,EAAE,CAAC,CAAC,EACzD,KAAK,EAAE,YAAY,EAAE,GACpB;IAAE,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,CAU3C;AAKD,wBAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,YAAY,CAG/E;AAMD,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,gBAAgB,EAAE,CAAC,CAAC,EACzD,KAAK,EAAE,YAAY,EAAE,EACrB,KAAK,EAAE,MAAM,GACZ,cAAc,EAAE,CAuBlB"}

package/dist/components/WorkloadPicker.js

@@ -0,0 +1,144 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { K8SStatefulset, K8SDeployment, K8SIngress, K8SService } from "@flanksource/icons/mi";
+import { cn } from "../lib/utils.js";
+import { Combobox } from "./Combobox.js";
+const WORKLOAD_META = {
+  service: { label: "Service", Icon: K8SService },
+  ingress: { label: "Ingress", Icon: K8SIngress },
+  deployment: { label: "Deployment", Icon: K8SDeployment },
+  statefulset: { label: "StatefulSet", Icon: K8SStatefulset }
+};
+const ALL_KINDS = ["service", "ingress", "deployment", "statefulset"];
+function WorkloadPicker({
+  value,
+  onChange,
+  loadWorkloads,
+  namespace,
+  kinds = ALL_KINDS,
+  strict = false,
+  placeholder = "Select workload / service…",
+  className
+}) {
+  const [byKind, setByKind] = useState({});
+  const [loading, setLoading] = useState(false);
+  const kindsKey = kinds.join(",");
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    loadWorkloads(kinds).then((res) => {
+      if (!cancelled) setByKind(res);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [loadWorkloads, kindsKey]);
+  const options = useMemo(
+    () => buildWorkloadOptions(namespace, byKind, kinds, value),
+    [namespace, byKind, kinds, value]
+  );
+  const invalid = useMemo(() => {
+    if (!strict || !value || loading) return false;
+    const { keys, names } = loadedWorkloads(namespace, byKind, kinds);
+    return !keys.has(value) && !names.has(value);
+  }, [strict, value, loading, namespace, byKind, kinds]);
+  const selectedKind = kindForValue(kinds, value);
+  const leadMeta = WORKLOAD_META[selectedKind];
+  const LeadIcon = leadMeta.Icon;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx(
+      LeadIcon,
+      {
+        className: "h-4 w-4 shrink-0 text-muted-foreground",
+        title: leadMeta.label,
+        "aria-label": leadMeta.label
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+      Combobox,
+      {
+        options,
+        value,
+        onChange,
+        allowCustomValue: true,
+        loading,
+        invalid,
+        placeholder
+      }
+    ) })
+  ] });
+}
+function ingressHost(kind, r) {
+  var _a;
+  return kind === "ingress" ? (_a = r.hosts) == null ? void 0 : _a[0] : void 0;
+}
+function workloadName(kind, r) {
+  return ingressHost(kind, r) ?? r.name;
+}
+const KNOWN_KINDS = /* @__PURE__ */ new Set(["service", "ingress", "deployment", "statefulset"]);
+function workloadKey(namespace, kind, r) {
+  const name = workloadName(kind, r);
+  return namespace ? `${namespace}/${kind}/${name}` : `${kind}/${name}`;
+}
+function parseWorkloadKey(value) {
+  const parts = value.split("/");
+  const name = parts.at(-1);
+  const maybeKind = parts.at(-2);
+  if (name != null && maybeKind != null && KNOWN_KINDS.has(maybeKind)) {
+    const namespace = parts.slice(0, -2).join("/");
+    const parsed = { kind: maybeKind, name };
+    if (namespace) parsed.namespace = namespace;
+    return parsed;
+  }
+  return { name: value };
+}
+function loadedWorkloads(namespace, byKind, kinds) {
+  const keys = /* @__PURE__ */ new Set();
+  const names = /* @__PURE__ */ new Set();
+  for (const kind of kinds) {
+    for (const r of byKind[kind] ?? []) {
+      keys.add(workloadKey(namespace, kind, r));
+      names.add(workloadName(kind, r));
+    }
+  }
+  return { keys, names };
+}
+function kindForValue(kinds, value) {
+  const kind = value ? parseWorkloadKey(value).kind : void 0;
+  return kind ?? kinds[0] ?? "service";
+}
+function buildWorkloadOptions(namespace, byKind, kinds, value) {
+  const opts = [];
+  for (const kind of kinds) {
+    const meta = WORKLOAD_META[kind];
+    const Icon = meta.Icon;
+    for (const r of byKind[kind] ?? []) {
+      const host = ingressHost(kind, r);
+      opts.push({
+        value: workloadKey(namespace, kind, r),
+        // The label is the human name; an ingress pairs its host with the
+        // ingress name for context.
+        label: host ? `${host} (${r.name})` : r.name,
+        group: meta.label,
+        icon: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" })
+      });
+    }
+  }
+  if (value && !opts.some((o) => o.value === value)) {
+    const parsed = parseWorkloadKey(value);
+    const Icon = WORKLOAD_META[parsed.kind ?? kinds[0] ?? "service"].Icon;
+    return [{ value, label: parsed.name, icon: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }) }, ...opts];
+  }
+  return opts;
+}
+export {
+  WorkloadPicker,
+  buildWorkloadOptions,
+  kindForValue,
+  loadedWorkloads,
+  parseWorkloadKey,
+  workloadKey
+};
+//# sourceMappingURL=WorkloadPicker.js.map

package/dist/components/WorkloadPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkloadPicker.js","sources":["../../src/components/WorkloadPicker.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ComponentType } from \"react\";\nimport {\n  K8SService,\n  K8SIngress,\n  K8SDeployment,\n  K8SStatefulset,\n} from \"@flanksource/icons/mi\";\nimport { cn } from \"../lib/utils\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\n\n// WorkloadPicker selects a backing Kubernetes workload (Service / Ingress /\n// Deployment / StatefulSet) for an endpoint. Options from every kind are merged\n// into one Combobox, grouped by kind via the Combobox group-header support and\n// labelled with the kind's icon.\n//\n// The emitted value is a `[namespace/]kind/name` key (see workloadKey /\n// parseWorkloadKey) so two workloads of different kinds that share a name don't\n// collide. An ingress's name-part is its first host (the routable address),\n// labelled with the ingress name for context; every other kind uses its name.\n//\n// The component is presentational: it owns the kind→group/icon mapping and the\n// key encoding but fetches nothing — the consumer supplies an async\n// `loadWorkloads` getter.\n\nexport type WorkloadKind = \"service\" | \"ingress\" | \"deployment\" | \"statefulset\";\n\n/** One workload returned by the loader. Ingresses may carry rule hostnames. */\nexport type WorkloadResource = { name: string; hosts?: string[] };\n\ntype KindIconProps = { className?: string; title?: string; \"aria-label\"?: string };\ntype KindMeta = { label: string; Icon: ComponentType<KindIconProps> };\n\n// WORKLOAD_META maps each kind to its group header label and icon, in display\n// order. The order of the keys drives the order options/groups appear in.\nconst WORKLOAD_META: Record<WorkloadKind, KindMeta> = {\n  service: { label: \"Service\", Icon: K8SService },\n  ingress: { label: \"Ingress\", Icon: K8SIngress },\n  deployment: { label: \"Deployment\", Icon: K8SDeployment },\n  statefulset: { label: \"StatefulSet\", Icon: K8SStatefulset },\n};\n\nconst ALL_KINDS: WorkloadKind[] = [\"service\", \"ingress\", \"deployment\", \"statefulset\"];\n\nexport type WorkloadPickerProps = {\n  /**\n   * Controlled selected value — a `[namespace/]kind/name` key (see\n   * {@link workloadKey} / {@link parseWorkloadKey}).\n   */\n  value: string;\n  /** Called with the chosen `[namespace/]kind/name` key (or \"\" when cleared). */\n  onChange: (value: string) => void;\n  /**\n   * Async getter the component calls to load the requested kinds' workloads.\n   * Returns a map keyed by kind. The consumer owns fetching/caching.\n   */\n  loadWorkloads: (kinds: WorkloadKind[]) => Promise<Record<WorkloadKind, WorkloadResource[]>>;\n  /**\n   * Namespace the workloads live in. When set it prefixes the emitted key\n   * (`namespace/kind/name`), so values stay distinct across namespaces.\n   */\n  namespace?: string;\n  /** Kinds to offer, in display order. Defaults to all four. */\n  kinds?: WorkloadKind[];\n  /**\n   * When true, a non-empty value that does not match any loaded workload (once\n   * loading settles) is flagged invalid — the picked workload doesn't exist in\n   * the namespace. The value is still shown (pinned) so the user can see and\n   * fix it; freeform entry is not rejected, only marked.\n   */\n  strict?: boolean;\n  placeholder?: string;\n  className?: string;\n};\n\nexport function WorkloadPicker({\n  value,\n  onChange,\n  loadWorkloads,\n  namespace,\n  kinds = ALL_KINDS,\n  strict = false,\n  placeholder = \"Select workload / service…\",\n  className,\n}: WorkloadPickerProps) {\n  const [byKind, setByKind] = useState<Partial<Record<WorkloadKind, WorkloadResource[]>>>({});\n  const [loading, setLoading] = useState(false);\n\n  const kindsKey = kinds.join(\",\");\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    loadWorkloads(kinds)\n      .then((res) => {\n        if (!cancelled) setByKind(res);\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n    // loadWorkloads is expected to be stable (memoized by the consumer); kindsKey\n    // is the joined `kinds` so a changed selection reloads without depending on\n    // the array's identity.\n  }, [loadWorkloads, kindsKey]);\n\n  const options = useMemo(\n    () => buildWorkloadOptions(namespace, byKind, kinds, value),\n    [namespace, byKind, kinds, value],\n  );\n\n  // In strict mode a non-empty value is invalid once loading settles unless it\n  // matches a loaded workload — either by its full `[namespace/]kind/name` key\n  // (what the picker emits) or by its bare name-part (what consumers that\n  // persist only the resolved name, e.g. a Service name or ingress host, feed\n  // back in). buildWorkloadOptions pins an unmatched value first, so test\n  // membership against the loaded set, not `options`.\n  const invalid = useMemo(() => {\n    if (!strict || !value || loading) return false;\n    const { keys, names } = loadedWorkloads(namespace, byKind, kinds);\n    return !keys.has(value) && !names.has(value);\n  }, [strict, value, loading, namespace, byKind, kinds]);\n\n  // The lead icon reflects the selected workload's kind (read from the value's\n  // key), falling back to the first offered kind when nothing is selected or the\n  // value carries no recognised kind (e.g. freeform input).\n  const selectedKind = kindForValue(kinds, value);\n  const leadMeta = WORKLOAD_META[selectedKind];\n  const LeadIcon = leadMeta.Icon;\n  return (\n    <div className={cn(\"flex items-center gap-2\", className)}>\n      <LeadIcon\n        className=\"h-4 w-4 shrink-0 text-muted-foreground\"\n        title={leadMeta.label}\n        aria-label={leadMeta.label}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <Combobox\n          options={options}\n          value={value}\n          onChange={onChange}\n          allowCustomValue\n          loading={loading}\n          invalid={invalid}\n          placeholder={placeholder}\n        />\n      </div>\n    </div>\n  );\n}\n\n// ingressHost is the first host an ingress routes, or undefined for non-ingress\n// kinds and host-less ingresses. An ingress's name-part is its host.\nfunction ingressHost(kind: WorkloadKind, r: WorkloadResource): string | undefined {\n  return kind === \"ingress\" ? r.hosts?.[0] : undefined;\n}\n\n// workloadName is the name-part of a resource's key: an ingress's first host\n// (the routable address callers want), else the resource's own name.\nfunction workloadName(kind: WorkloadKind, r: WorkloadResource): string {\n  return ingressHost(kind, r) ?? r.name;\n}\n\n// ParsedWorkloadKey is the structured form of a `[namespace/]kind/name` value.\nexport type ParsedWorkloadKey = { namespace?: string; kind?: WorkloadKind; name: string };\n\nconst KNOWN_KINDS = new Set<string>([\"service\", \"ingress\", \"deployment\", \"statefulset\"]);\n\n// workloadKey is the value a resource contributes (what onChange emits): a\n// `[namespace/]kind/name` composite so two workloads of different kinds sharing\n// a name don't collide. namespace is omitted when not supplied.\nexport function workloadKey(\n  namespace: string | undefined,\n  kind: WorkloadKind,\n  r: WorkloadResource,\n): string {\n  const name = workloadName(kind, r);\n  return namespace ? `${namespace}/${kind}/${name}` : `${kind}/${name}`;\n}\n\n// parseWorkloadKey splits a `[namespace/]kind/name` value back into its parts.\n// The trailing segment is always the name (a host may itself contain no slash);\n// the segment before it is the kind when it is a known workload kind, and any\n// remaining leading segment is the namespace. A bare value (no recognised\n// kind/name shape) is returned as just its name so freeform input survives.\nexport function parseWorkloadKey(value: string): ParsedWorkloadKey {\n  const parts = value.split(\"/\");\n  const name = parts.at(-1);\n  const maybeKind = parts.at(-2);\n  if (name != null && maybeKind != null && KNOWN_KINDS.has(maybeKind)) {\n    const namespace = parts.slice(0, -2).join(\"/\");\n    const parsed: ParsedWorkloadKey = { kind: maybeKind as WorkloadKind, name };\n    if (namespace) parsed.namespace = namespace;\n    return parsed;\n  }\n  return { name: value };\n}\n\n// loadedWorkloads collapses the loaded resources into the two membership sets a\n// strict picker validates a value against: `keys` are the full\n// `[namespace/]kind/name` keys the picker emits, `names` are the bare name-parts\n// (service name / ingress host) a consumer may persist instead. A value in\n// neither set names a workload that doesn't exist in the namespace.\nexport function loadedWorkloads(\n  namespace: string | undefined,\n  byKind: Partial<Record<WorkloadKind, WorkloadResource[]>>,\n  kinds: WorkloadKind[],\n): { keys: Set<string>; names: Set<string> } {\n  const keys = new Set<string>();\n  const names = new Set<string>();\n  for (const kind of kinds) {\n    for (const r of byKind[kind] ?? []) {\n      keys.add(workloadKey(namespace, kind, r));\n      names.add(workloadName(kind, r));\n    }\n  }\n  return { keys, names };\n}\n\n// kindForValue returns the kind encoded in the selected value, so the lead icon\n// can mirror it without consulting the loaded resources. Falls back to the first\n// offered kind when nothing is selected or the value carries no recognised kind.\nexport function kindForValue(kinds: WorkloadKind[], value: string): WorkloadKind {\n  const kind = value ? parseWorkloadKey(value).kind : undefined;\n  return kind ?? kinds[0] ?? \"service\";\n}\n\n// buildWorkloadOptions flattens the per-kind resources into grouped Combobox\n// options in kind order. Each option's value is its `[namespace/]kind/name` key\n// and its label the human name; a current value not present in any kind is\n// pinned first (labelled with just its name-part) so the selection stays visible.\nexport function buildWorkloadOptions(\n  namespace: string | undefined,\n  byKind: Partial<Record<WorkloadKind, WorkloadResource[]>>,\n  kinds: WorkloadKind[],\n  value: string,\n): ComboboxOption[] {\n  const opts: ComboboxOption[] = [];\n  for (const kind of kinds) {\n    const meta = WORKLOAD_META[kind];\n    const Icon = meta.Icon;\n    for (const r of byKind[kind] ?? []) {\n      const host = ingressHost(kind, r);\n      opts.push({\n        value: workloadKey(namespace, kind, r),\n        // The label is the human name; an ingress pairs its host with the\n        // ingress name for context.\n        label: host ? `${host} (${r.name})` : r.name,\n        group: meta.label,\n        icon: <Icon className=\"h-4 w-4\" />,\n      });\n    }\n  }\n  if (value && !opts.some((o) => o.value === value)) {\n    const parsed = parseWorkloadKey(value);\n    const Icon = WORKLOAD_META[parsed.kind ?? kinds[0] ?? \"service\"].Icon;\n    return [{ value, label: parsed.name, icon: <Icon className=\"h-4 w-4\" /> }, ...opts];\n  }\n  return opts;\n}\n"],"names":[],"mappings":"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"}