@flanksource/clicky-ui 0.3.21 → 0.3.22

package/dist/components/DatePicker.cjs

@@ -13,6 +13,8 @@ const DatePicker = react.forwardRef(
     inputClassName,
     buttonClassName,
     openButtonLabel = "Open date picker",
+    suffix,
+    prefix,
     ...props
   }, ref) => {
     const localRef = react.useRef(null);
@@ -24,7 +26,8 @@ const DatePicker = react.forwardRef(
         ref.current = node;
       }
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("relative", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-jsf-control": true, className: utils.cn("relative", className), children: [
+      prefix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 left-1.5 flex items-center", children: prefix }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -35,11 +38,13 @@ const DatePicker = react.forwardRef(
           className: utils.cn(
             "h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
             "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none",
+            prefix && "pl-8",
             inputClassName
           ),
           onChange: (event) => onChange == null ? void 0 : onChange(event.target.value)
         }
       ),
+      suffix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-7 flex items-center", children: suffix }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {

package/dist/components/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCalendar } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport type DatePickerProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"value\" | \"onChange\"\n> & {\n  value?: string;\n  onChange?: (value: string) => void;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n  openButtonLabel?: string;\n};\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      value = \"\",\n      onChange,\n      className,\n      inputClassName,\n      buttonClassName,\n      openButtonLabel = \"Open date picker\",\n      ...props\n    },\n    ref,\n  ) => {\n    const localRef = useRef<HTMLInputElement | null>(null);\n\n    function assignRef(node: HTMLInputElement | null) {\n      localRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    }\n\n    return (\n      <div className={cn(\"relative\", className)}>\n        <input\n          {...props}\n          ref={assignRef}\n          type=\"date\"\n          value={value}\n          className={cn(\n            \"h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            \"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none\",\n            inputClassName,\n          )}\n          onChange={(event) => onChange?.(event.target.value)}\n        />\n        <button\n          type=\"button\"\n          aria-label={openButtonLabel}\n          className={cn(\n            \"absolute inset-y-0 right-1 inline-flex items-center text-muted-foreground\",\n            buttonClassName,\n          )}\n          onClick={() => {\n            localRef.current?.focus();\n            localRef.current?.showPicker?.();\n          }}\n        >\n          <Icon icon={UiCalendar} className=\"text-sm\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["forwardRef","useRef","cn","jsx","Icon","UiCalendar"],"mappings":";;;;;;;AAiBO,MAAM,aAAaA,MAAAA;AAAAA,EACxB,CACE;AAAA,IACE,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAWC,MAAAA,OAAgC,IAAI;AAErD,aAAS,UAAU,MAA+B;AAChD,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF;AAEA,2CACG,OAAA,EAAI,WAAWC,MAAAA,GAAG,YAAY,SAAS,GACtC,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,MAAK;AAAA,UACL;AAAA,UACA,WAAWD,MAAAA;AAAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,UAAU,CAAC,UAAU,qCAAW,MAAM,OAAO;AAAA,QAAK;AAAA,MAAA;AAAA,MAEpDC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAWD,MAAAA;AAAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,SAAS,MAAM;;AACb,2BAAS,YAAT,mBAAkB;AAClB,iCAAS,YAAT,mBAAkB,eAAlB;AAAA,UACF;AAAA,UAEA,UAAAC,2BAAAA,IAACC,WAAA,EAAK,MAAMC,WAAAA,YAAY,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;;"}
+{"version":3,"file":"DatePicker.cjs","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCalendar } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport type DatePickerProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  // `prefix` is a global HTML attribute typed as string; omit it so our\n  // ReactNode adornment prop below is not intersected down to `string & ReactNode`.\n  \"type\" | \"value\" | \"onChange\" | \"prefix\"\n> & {\n  value?: string;\n  onChange?: (value: string) => void;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n  openButtonLabel?: string;\n  /** Trailing in-field adornment, rendered left of the calendar button. */\n  suffix?: ReactNode;\n  /** Leading in-field adornment, rendered at the left edge of the input. */\n  prefix?: ReactNode;\n};\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      value = \"\",\n      onChange,\n      className,\n      inputClassName,\n      buttonClassName,\n      openButtonLabel = \"Open date picker\",\n      suffix,\n      prefix,\n      ...props\n    },\n    ref,\n  ) => {\n    const localRef = useRef<HTMLInputElement | null>(null);\n\n    function assignRef(node: HTMLInputElement | null) {\n      localRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    }\n\n    return (\n      <div data-jsf-control className={cn(\"relative\", className)}>\n        {prefix && <div className=\"absolute inset-y-0 left-1.5 flex items-center\">{prefix}</div>}\n        <input\n          {...props}\n          ref={assignRef}\n          type=\"date\"\n          value={value}\n          className={cn(\n            \"h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            \"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none\",\n            prefix && \"pl-8\",\n            inputClassName,\n          )}\n          onChange={(event) => onChange?.(event.target.value)}\n        />\n        {suffix && (\n          <div className=\"absolute inset-y-0 right-7 flex items-center\">{suffix}</div>\n        )}\n        <button\n          type=\"button\"\n          aria-label={openButtonLabel}\n          className={cn(\n            \"absolute inset-y-0 right-1 inline-flex items-center text-muted-foreground\",\n            buttonClassName,\n          )}\n          onClick={() => {\n            localRef.current?.focus();\n            localRef.current?.showPicker?.();\n          }}\n        >\n          <Icon icon={UiCalendar} className=\"text-sm\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["forwardRef","useRef","jsxs","cn","jsx","Icon","UiCalendar"],"mappings":";;;;;;;AAuBO,MAAM,aAAaA,MAAAA;AAAAA,EACxB,CACE;AAAA,IACE,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAWC,MAAAA,OAAgC,IAAI;AAErD,aAAS,UAAU,MAA+B;AAChD,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF;AAEA,WACEC,gCAAC,SAAI,oBAAgB,MAAC,WAAWC,MAAAA,GAAG,YAAY,SAAS,GACtD,UAAA;AAAA,MAAA,UAAUC,2BAAAA,IAAC,OAAA,EAAI,WAAU,iDAAiD,UAAA,QAAO;AAAA,MAClFA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,MAAK;AAAA,UACL;AAAA,UACA,WAAWD,MAAAA;AAAAA,YACT;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,UAAA;AAAA,UAEF,UAAU,CAAC,UAAU,qCAAW,MAAM,OAAO;AAAA,QAAK;AAAA,MAAA;AAAA,MAEnD,UACCC,2BAAAA,IAAC,OAAA,EAAI,WAAU,gDAAgD,UAAA,QAAO;AAAA,MAExEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAWD,MAAAA;AAAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,SAAS,MAAM;;AACb,2BAAS,YAAT,mBAAkB;AAClB,iCAAS,YAAT,mBAAkB,eAAlB;AAAA,UACF;AAAA,UAEA,UAAAC,2BAAAA,IAACC,WAAA,EAAK,MAAMC,WAAAA,YAAY,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;;"}

package/dist/components/DatePicker.d.ts

@@ -1,18 +1,26 @@
-import { InputHTMLAttributes } from 'react';
-export type DatePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
+import { InputHTMLAttributes, ReactNode } from 'react';
+export type DatePickerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "prefix"> & {
     value?: string;
     onChange?: (value: string) => void;
     className?: string;
     inputClassName?: string;
     buttonClassName?: string;
     openButtonLabel?: string;
+    /** Trailing in-field adornment, rendered left of the calendar button. */
+    suffix?: ReactNode;
+    /** Leading in-field adornment, rendered at the left edge of the input. */
+    prefix?: ReactNode;
 };
-export declare const DatePicker: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "type"> & {
+export declare const DatePicker: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "value" | "onChange" | "type"> & {
     value?: string;
     onChange?: (value: string) => void;
     className?: string;
     inputClassName?: string;
     buttonClassName?: string;
     openButtonLabel?: string;
+    /** Trailing in-field adornment, rendered left of the calendar button. */
+    suffix?: ReactNode;
+    /** Leading in-field adornment, rendered at the left edge of the input. */
+    prefix?: ReactNode;
 } & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=DatePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKrE,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,UAAU;YARb,MAAM;eACH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gBACtB,MAAM;qBACD,MAAM;sBACL,MAAM;sBACN,MAAM;oDA0DzB,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrF,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,CAAC,gBAAgB,CAAC,EAGrC,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CACzC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU;YAZb,MAAM;eACH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gBACtB,MAAM;qBACD,MAAM;sBACL,MAAM;sBACN,MAAM;IACxB,yEAAyE;aAChE,SAAS;IAClB,0EAA0E;aACjE,SAAS;oDAiEnB,CAAC"}

package/dist/components/DatePicker.js

@@ -11,6 +11,8 @@ const DatePicker = forwardRef(
     inputClassName,
     buttonClassName,
     openButtonLabel = "Open date picker",
+    suffix,
+    prefix,
     ...props
   }, ref) => {
     const localRef = useRef(null);
@@ -22,7 +24,8 @@ const DatePicker = forwardRef(
         ref.current = node;
       }
     }
-    return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    return /* @__PURE__ */ jsxs("div", { "data-jsf-control": true, className: cn("relative", className), children: [
+      prefix && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-1.5 flex items-center", children: prefix }),
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -33,11 +36,13 @@ const DatePicker = forwardRef(
           className: cn(
             "h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
             "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none",
+            prefix && "pl-8",
             inputClassName
           ),
           onChange: (event) => onChange == null ? void 0 : onChange(event.target.value)
         }
       ),
+      suffix && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-7 flex items-center", children: suffix }),
       /* @__PURE__ */ jsx(
         "button",
         {

package/dist/components/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCalendar } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport type DatePickerProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"value\" | \"onChange\"\n> & {\n  value?: string;\n  onChange?: (value: string) => void;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n  openButtonLabel?: string;\n};\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      value = \"\",\n      onChange,\n      className,\n      inputClassName,\n      buttonClassName,\n      openButtonLabel = \"Open date picker\",\n      ...props\n    },\n    ref,\n  ) => {\n    const localRef = useRef<HTMLInputElement | null>(null);\n\n    function assignRef(node: HTMLInputElement | null) {\n      localRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    }\n\n    return (\n      <div className={cn(\"relative\", className)}>\n        <input\n          {...props}\n          ref={assignRef}\n          type=\"date\"\n          value={value}\n          className={cn(\n            \"h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            \"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none\",\n            inputClassName,\n          )}\n          onChange={(event) => onChange?.(event.target.value)}\n        />\n        <button\n          type=\"button\"\n          aria-label={openButtonLabel}\n          className={cn(\n            \"absolute inset-y-0 right-1 inline-flex items-center text-muted-foreground\",\n            buttonClassName,\n          )}\n          onClick={() => {\n            localRef.current?.focus();\n            localRef.current?.showPicker?.();\n          }}\n        >\n          <Icon icon={UiCalendar} className=\"text-sm\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,aAAa;AAAA,EACxB,CACE;AAAA,IACE,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAW,OAAgC,IAAI;AAErD,aAAS,UAAU,MAA+B;AAChD,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF;AAEA,gCACG,OAAA,EAAI,WAAW,GAAG,YAAY,SAAS,GACtC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,MAAK;AAAA,UACL;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,UAAU,CAAC,UAAU,qCAAW,MAAM,OAAO;AAAA,QAAK;AAAA,MAAA;AAAA,MAEpD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,SAAS,MAAM;;AACb,2BAAS,YAAT,mBAAkB;AAClB,iCAAS,YAAT,mBAAkB,eAAlB;AAAA,UACF;AAAA,UAEA,UAAA,oBAAC,MAAA,EAAK,MAAM,YAAY,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes, type ReactNode } from \"react\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCalendar } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport type DatePickerProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  // `prefix` is a global HTML attribute typed as string; omit it so our\n  // ReactNode adornment prop below is not intersected down to `string & ReactNode`.\n  \"type\" | \"value\" | \"onChange\" | \"prefix\"\n> & {\n  value?: string;\n  onChange?: (value: string) => void;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n  openButtonLabel?: string;\n  /** Trailing in-field adornment, rendered left of the calendar button. */\n  suffix?: ReactNode;\n  /** Leading in-field adornment, rendered at the left edge of the input. */\n  prefix?: ReactNode;\n};\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      value = \"\",\n      onChange,\n      className,\n      inputClassName,\n      buttonClassName,\n      openButtonLabel = \"Open date picker\",\n      suffix,\n      prefix,\n      ...props\n    },\n    ref,\n  ) => {\n    const localRef = useRef<HTMLInputElement | null>(null);\n\n    function assignRef(node: HTMLInputElement | null) {\n      localRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    }\n\n    return (\n      <div data-jsf-control className={cn(\"relative\", className)}>\n        {prefix && <div className=\"absolute inset-y-0 left-1.5 flex items-center\">{prefix}</div>}\n        <input\n          {...props}\n          ref={assignRef}\n          type=\"date\"\n          value={value}\n          className={cn(\n            \"h-control-h w-full rounded-md border border-input bg-background px-control-px pr-8 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            \"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none\",\n            prefix && \"pl-8\",\n            inputClassName,\n          )}\n          onChange={(event) => onChange?.(event.target.value)}\n        />\n        {suffix && (\n          <div className=\"absolute inset-y-0 right-7 flex items-center\">{suffix}</div>\n        )}\n        <button\n          type=\"button\"\n          aria-label={openButtonLabel}\n          className={cn(\n            \"absolute inset-y-0 right-1 inline-flex items-center text-muted-foreground\",\n            buttonClassName,\n          )}\n          onClick={() => {\n            localRef.current?.focus();\n            localRef.current?.showPicker?.();\n          }}\n        >\n          <Icon icon={UiCalendar} className=\"text-sm\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":[],"mappings":";;;;;AAuBO,MAAM,aAAa;AAAA,EACxB,CACE;AAAA,IACE,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAW,OAAgC,IAAI;AAErD,aAAS,UAAU,MAA+B;AAChD,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;AAAA,MACV,WAAW,KAAK;AACd,YAAI,UAAU;AAAA,MAChB;AAAA,IACF;AAEA,WACE,qBAAC,SAAI,oBAAgB,MAAC,WAAW,GAAG,YAAY,SAAS,GACtD,UAAA;AAAA,MAAA,UAAU,oBAAC,OAAA,EAAI,WAAU,iDAAiD,UAAA,QAAO;AAAA,MAClF;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,MAAK;AAAA,UACL;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,UAAA;AAAA,UAEF,UAAU,CAAC,UAAU,qCAAW,MAAM,OAAO;AAAA,QAAK;AAAA,MAAA;AAAA,MAEnD,UACC,oBAAC,OAAA,EAAI,WAAU,gDAAgD,UAAA,QAAO;AAAA,MAExE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,SAAS,MAAM;;AACb,2BAAS,YAAT,mBAAkB;AAClB,iCAAS,YAAT,mBAAkB,eAAlB;AAAA,UACF;AAAA,UAEA,UAAA,oBAAC,MAAA,EAAK,MAAM,YAAY,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,GACF;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;"}

package/dist/components/EndpointSelector.cjs

@@ -81,6 +81,9 @@ function EndpointSelector({
   modes,
   defaultMode,
   loadWorkloads,
+  allowNamespaceSelection = false,
+  loadNamespaces,
+  onNamespaceChange,
   urlSelector,
   modeKinds,
   defaults,
@@ -102,11 +105,17 @@ function EndpointSelector({
   if (value && !modes.includes(value.mode)) {
     throw new Error(`EndpointSelector value mode "${value.mode}" is disabled`);
   }
+  if (allowNamespaceSelection && !loadNamespaces) {
+    throw new Error(
+      "EndpointSelector namespace selection requires loadNamespaces"
+    );
+  }
   const [activeMode, setActiveMode] = react.useState(
     (value == null ? void 0 : value.mode) ?? fallbackMode
   );
   const [resources, setResources] = react.useState({});
   const resourcesRef = react.useRef({});
+  const resourcesNamespaceRef = react.useRef(namespace);
   const modesKey = modes.join(",");
   react.useEffect(() => {
     setActiveMode(
@@ -118,8 +127,14 @@ function EndpointSelector({
     [activeMode, modeKinds]
   );
   const rememberingLoader = react.useCallback(
-    async (kinds) => {
-      const loaded = await loadWorkloads(kinds);
+    async (kinds, selectedNamespace) => {
+      const workloadNamespace = selectedNamespace ?? namespace;
+      if (resourcesNamespaceRef.current !== workloadNamespace) {
+        resourcesNamespaceRef.current = workloadNamespace;
+        resourcesRef.current = {};
+        setResources({});
+      }
+      const loaded = workloadNamespace ? await loadWorkloads(kinds, workloadNamespace) : await loadWorkloads(kinds);
       const filtered = { ...loaded };
       if (kinds.includes("ingress")) {
         filtered.ingress = (loaded.ingress ?? []).filter(
@@ -129,11 +144,13 @@ function EndpointSelector({
           }
         );
       }
-      resourcesRef.current = { ...resourcesRef.current, ...filtered };
-      setResources(resourcesRef.current);
+      if (resourcesNamespaceRef.current === workloadNamespace) {
+        resourcesRef.current = { ...resourcesRef.current, ...filtered };
+        setResources(resourcesRef.current);
+      }
       return filtered;
     },
-    [loadWorkloads]
+    [loadWorkloads, namespace]
   );
   const selectedResource = react.useMemo(() => {
     var _a;
@@ -175,6 +192,7 @@ function EndpointSelector({
   const selectMode = (nextMode) => {
     setActiveMode(nextMode);
     if (nextMode === "url") {
+      onNamespaceChange == null ? void 0 : onNamespaceChange(void 0);
       if ((value == null ? void 0 : value.mode) !== "url") onChange(void 0);
       return;
     }
@@ -188,11 +206,11 @@ function EndpointSelector({
   };
   const selectWorkload = (key) => {
     var _a;
-    if (!key) {
+    const parsed = key ? workloadPickerUtils.parseWorkloadKey(key) : void 0;
+    if (!parsed || !parsed.name) {
       onChange(void 0);
       return;
     }
-    const parsed = workloadPickerUtils.parseWorkloadKey(key);
     const kind = parsed.kind;
     if (!kind || !enabledKinds.includes(kind)) {
       throw new Error(
@@ -226,7 +244,7 @@ function EndpointSelector({
     const previous = isWorkloadValue(value) ? value : void 0;
     const exposed = portOptions(resource).map((option) => option.value);
     const currentPort = (previous == null ? void 0 : previous.port) ?? "";
-    const port = currentPort && (previous && sameTarget(previous.target, target) || exposed.includes(currentPort)) ? currentPort : endpointPort.preferredEndpointPort(resource.ports, preferredPorts);
+    const port = currentPort && (previous && sameTarget(previous.target, target) || exposed.includes(currentPort)) ? currentPort : endpointPort.preferredEndpointPort(resource.ports, preferredPorts) ?? (defaults == null ? void 0 : defaults.port);
     const next = {
       mode: activeMode,
       target
@@ -291,6 +309,9 @@ function EndpointSelector({
                   onChange: selectWorkload,
                   loadWorkloads: rememberingLoader,
                   ...namespace ? { namespace } : {},
+                  ...allowNamespaceSelection ? { allowNamespaceSelection: true } : {},
+                  ...loadNamespaces ? { loadNamespaces } : {},
+                  ...onNamespaceChange ? { onNamespaceChange } : {},
                   kinds: enabledKinds,
                   strict: true,
                   allowCustomValue: false,

package/dist/components/EndpointSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointSelector.cjs","sources":["../../src/components/EndpointSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { UiWarningTriangle } from \"../icons\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\nimport {\n  DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  preferredEndpointPort,\n} from \"./endpoint-port\";\nimport { Field } from \"./Field\";\nimport { InputField } from \"./InputField\";\nimport { SecretKeySelector } from \"./SecretKeySelector\";\nimport { SegmentedControl, type SegmentedOption } from \"./SegmentedControl\";\nimport { WorkloadPicker } from \"./WorkloadPicker\";\nimport {\n  parseWorkloadKey,\n  workloadKey,\n  type WorkloadKind,\n  type WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type {\n  EndpointMode,\n  EndpointResources,\n  EndpointSelectorProps,\n  EndpointSelectorValue,\n  EndpointTarget,\n  EndpointWorkloadValue,\n  EndpointWorkloadMode,\n} from \"./EndpointSelector.model\";\n\nconst MODE_LABELS: Record<EndpointMode, string> = {\n  url: \"URL\",\n  service: \"Service\",\n  \"cluster-ip\": \"Cluster IP\",\n  \"api-proxy\": \"API proxy\",\n  ingress: \"Ingress\",\n  \"port-forward\": \"Port-forward\",\n};\n\nconst DEFAULT_MODE_KINDS: Record<EndpointWorkloadMode, WorkloadKind[]> = {\n  service: [\"service\"],\n  \"cluster-ip\": [\"service\"],\n  \"api-proxy\": [\"service\"],\n  ingress: [\"ingress\"],\n  \"port-forward\": [\"service\", \"deployment\"],\n};\n\nconst WORKLOAD_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\nconst SCHEME_FIELD =\n  \"max-w-full min-w-0 basis-32 shrink grow-0\";\nconst PORT_FIELD =\n  \"max-w-full min-w-0 basis-36 shrink grow-0\";\nconst PATH_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\n\nfunction isWorkloadValue(\n  value: EndpointSelectorValue | undefined,\n): value is EndpointWorkloadValue {\n  return value !== undefined && value.mode !== \"url\";\n}\n\nfunction sameTarget(left: EndpointTarget, right: EndpointTarget) {\n  if (left.kind !== right.kind || left.namespace !== right.namespace)\n    return false;\n  if (left.kind === \"ingress\" && right.kind === \"ingress\") {\n    return left.name === right.name && left.host === right.host;\n  }\n  return left.name === right.name;\n}\n\nfunction targetKey(\n  target: EndpointTarget,\n  namespace: string | undefined,\n  resource: WorkloadResource | undefined,\n) {\n  if (target.kind === \"ingress\") {\n    return workloadKey(target.namespace ?? namespace, target.kind, {\n      name: target.name,\n      hosts: [target.host ?? resource?.hosts?.[0] ?? target.name],\n    });\n  }\n  return workloadKey(target.namespace ?? namespace, target.kind, {\n    name: target.name,\n  });\n}\n\nfunction findResource(\n  resources: EndpointResources,\n  kind: WorkloadKind,\n  selectedName: string,\n) {\n  return resources[kind]?.find((resource) =>\n    kind === \"ingress\"\n      ? resource.hosts?.[0] === selectedName\n      : resource.name === selectedName,\n  );\n}\n\nfunction portOptions(resource: WorkloadResource | undefined): ComboboxOption[] {\n  return (resource?.ports ?? []).map((port) => ({\n    value: String(port.number),\n    label: port.name ? `${port.name} (${port.number})` : String(port.number),\n  }));\n}\n\nfunction validPort(port: string) {\n  if (!/^\\d+$/.test(port)) return false;\n  const number = Number(port);\n  return number >= 1 && number <= 65535;\n}\n\nexport function EndpointSelector({\n  value,\n  onChange,\n  namespace,\n  modes,\n  defaultMode,\n  loadWorkloads,\n  urlSelector,\n  modeKinds,\n  defaults,\n  preferredPorts = DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  schemes,\n  allowCustomScheme = true,\n  allowCustomPort = false,\n  showScheme = false,\n  showPath = false,\n  showIngressPort = false,\n  className,\n}: EndpointSelectorProps) {\n  const fallbackMode = defaultMode ?? modes[0];\n  if (!fallbackMode || !modes.includes(fallbackMode)) {\n    throw new Error(\n      \"EndpointSelector requires a default mode included in modes\",\n    );\n  }\n  if (value && !modes.includes(value.mode)) {\n    throw new Error(`EndpointSelector value mode \"${value.mode}\" is disabled`);\n  }\n\n  const [activeMode, setActiveMode] = useState<EndpointMode>(\n    value?.mode ?? fallbackMode,\n  );\n  const [resources, setResources] = useState<EndpointResources>({});\n  const resourcesRef = useRef<EndpointResources>({});\n  const modesKey = modes.join(\",\");\n\n  useEffect(() => {\n    setActiveMode(\n      (current) =>\n        value?.mode ?? (modes.includes(current) ? current : fallbackMode),\n    );\n  }, [value, fallbackMode, modesKey]);\n\n  const enabledKinds = useMemo(\n    () =>\n      activeMode === \"url\"\n        ? []\n        : (modeKinds?.[activeMode] ?? DEFAULT_MODE_KINDS[activeMode]),\n    [activeMode, modeKinds],\n  );\n\n  const rememberingLoader = useCallback(\n    async (kinds: WorkloadKind[]) => {\n      const loaded = await loadWorkloads(kinds);\n      const filtered = { ...loaded };\n      if (kinds.includes(\"ingress\")) {\n        filtered.ingress = (loaded.ingress ?? []).filter(\n          (resource) => resource.hosts?.[0],\n        );\n      }\n      resourcesRef.current = { ...resourcesRef.current, ...filtered };\n      setResources(resourcesRef.current);\n      return filtered;\n    },\n    [loadWorkloads],\n  );\n\n  const selectedResource = useMemo(() => {\n    if (!isWorkloadValue(value)) return undefined;\n    const target = value.target;\n    return resources[target.kind]?.find((resource) => {\n      if (target.kind === \"ingress\") {\n        return (\n          resource.name === target.name || resource.hosts?.[0] === target.host\n        );\n      }\n      return resource.name === target.name;\n    });\n  }, [resources, value]);\n\n  const options = useMemo(\n    () => portOptions(selectedResource),\n    [selectedResource],\n  );\n  const selectedPort = isWorkloadValue(value) ? value.port : undefined;\n  const selectedPortWarning =\n    selectedPort &&\n    selectedResource &&\n    options.length > 0 &&\n    !options.some((option) => option.value === selectedPort)\n      ? `Port ${selectedPort} is not exposed by workload \"${selectedResource.name}\"`\n      : undefined;\n  useEffect(() => {\n    if (\n      !isWorkloadValue(value) ||\n      value.port ||\n      !selectedResource\n    ) {\n      return;\n    }\n    const port = preferredEndpointPort(\n      selectedResource.ports,\n      preferredPorts,\n    );\n    if (port) onChange({ ...value, port });\n  }, [\n    onChange,\n    preferredPorts,\n    selectedResource,\n    value,\n  ]);\n\n  const modeOptions = useMemo<SegmentedOption<EndpointMode>[]>(\n    () => modes.map((mode) => ({ id: mode, label: MODE_LABELS[mode] })),\n    [modes],\n  );\n\n  const selectMode = (nextMode: EndpointMode) => {\n    setActiveMode(nextMode);\n    if (nextMode === \"url\") {\n      if (value?.mode !== \"url\") onChange(undefined);\n      return;\n    }\n    if (\n      isWorkloadValue(value) &&\n      (modeKinds?.[nextMode] ?? DEFAULT_MODE_KINDS[nextMode]).includes(\n        value.target.kind,\n      )\n    ) {\n      onChange({ ...value, mode: nextMode });\n      return;\n    }\n    onChange(undefined);\n  };\n\n  const selectWorkload = (key: string) => {\n    if (!key) {\n      onChange(undefined);\n      return;\n    }\n    const parsed = parseWorkloadKey(key);\n    const kind = parsed.kind;\n    if (!kind || !enabledKinds.includes(kind)) {\n      throw new Error(\n        `EndpointSelector received unsupported workload key \"${key}\"`,\n      );\n    }\n    const resource = findResource(resourcesRef.current, kind, parsed.name);\n    if (!resource) {\n      throw new Error(`EndpointSelector workload \"${key}\" was not loaded`);\n    }\n\n    const selectedNamespace = parsed.namespace ?? namespace;\n    let target: EndpointTarget;\n    if (kind === \"ingress\") {\n      const host = resource.hosts?.[0];\n      if (!host) {\n        throw new Error(`Ingress \"${resource.name}\" has no routable host`);\n      }\n      target = {\n        kind,\n        name: resource.name,\n        host,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    } else {\n      target = {\n        kind,\n        name: resource.name,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    }\n\n    const previous = isWorkloadValue(value) ? value : undefined;\n    const exposed = portOptions(resource).map((option) => option.value);\n    const currentPort = previous?.port ?? \"\";\n    const port = currentPort &&\n      (previous && sameTarget(previous.target, target) ||\n        exposed.includes(currentPort))\n      ? currentPort\n      : preferredEndpointPort(resource.ports, preferredPorts);\n    const next: EndpointWorkloadValue = {\n      mode: activeMode as EndpointWorkloadMode,\n      target,\n    };\n    const scheme = previous?.scheme ?? defaults?.scheme;\n    const path = previous?.path ?? defaults?.path;\n    if (scheme) next.scheme = scheme;\n    if (port) next.port = port;\n    if (path) next.path = path;\n    onChange(next);\n  };\n\n  const patchValue = (\n    field: \"scheme\" | \"port\" | \"path\",\n    fieldValue: string,\n  ) => {\n    if (!isWorkloadValue(value)) return;\n    const next = { ...value };\n    if (fieldValue) {\n      next[field] = fieldValue;\n    } else {\n      delete next[field];\n    }\n    onChange(next);\n  };\n\n  const workloadValue =\n    isWorkloadValue(value) && value.mode === activeMode\n      ? targetKey(value.target, namespace, selectedResource)\n      : \"\";\n  const showPort =\n    activeMode !== \"url\" && (activeMode !== \"ingress\" || showIngressPort);\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)}>\n      <SegmentedControl\n        value={activeMode}\n        options={modeOptions}\n        onChange={selectMode}\n        wrap\n        aria-label=\"Endpoint access mode\"\n      />\n\n      {activeMode === \"url\" ? (\n        (() => {\n          if (!urlSelector) {\n            throw new Error(\"EndpointSelector url mode requires urlSelector\");\n          }\n          return (\n            <SecretKeySelector\n              {...urlSelector}\n              value={value?.mode === \"url\" ? value.source : undefined}\n              onChange={(source) =>\n                onChange(source ? { mode: \"url\", source } : undefined)\n              }\n            />\n          );\n        })()\n      ) : (\n        <div className=\"space-y-density-2\">\n          <div\n            className=\"flex w-full max-w-full min-w-0 flex-nowrap items-end gap-density-2\"\n            data-slot=\"endpoint-fields\"\n          >\n            <div\n              className={WORKLOAD_FIELD}\n              data-slot=\"endpoint-workload-field\"\n            >\n              <Field label=\"Workload\">\n                <WorkloadPicker\n                  value={workloadValue}\n                  onChange={selectWorkload}\n                  loadWorkloads={rememberingLoader}\n                  {...(namespace ? { namespace } : {})}\n                  kinds={enabledKinds}\n                  strict\n                  allowCustomValue={false}\n                  placeholder=\"Select workload…\"\n                />\n              </Field>\n            </div>\n            {showScheme && (\n              <div\n                className={SCHEME_FIELD}\n                data-slot=\"endpoint-scheme-field\"\n              >\n                <Field label=\"Scheme\">\n                  {schemes?.length && !allowCustomScheme ? (\n                    <SegmentedControl\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      options={schemes.map((scheme) => ({\n                        id: scheme,\n                        label: scheme,\n                      }))}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  ) : schemes?.length ? (\n                    <Combobox\n                      options={schemes.map((scheme) => ({\n                        value: scheme,\n                        label: scheme,\n                      }))}\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      allowCustomValue={allowCustomScheme}\n                      ariaLabel=\"Scheme\"\n                    />\n                  ) : (\n                    <InputField\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  )}\n                </Field>\n              </div>\n            )}\n            {showPort && (\n              <div\n                className={PORT_FIELD}\n                data-slot=\"endpoint-port-field\"\n              >\n                <Field label=\"Port\">\n                  <Combobox\n                    options={options}\n                    value={isWorkloadValue(value) ? (value.port ?? \"\") : \"\"}\n                    onChange={(port) => patchValue(\"port\", port)}\n                    onNew={(port) => {\n                      if (!validPort(port)) return null;\n                      if (!options.length || !selectedResource) {\n                        return { value: port, label: port };\n                      }\n                      const warning = `Port ${port} is not exposed by workload \"${selectedResource.name}\"`;\n                      return {\n                        value: port,\n                        label: `Use ${port} — not exposed by ${selectedResource.name}`,\n                        selectedLabel: port,\n                        icon: (\n                          <UiWarningTriangle\n                            className=\"size-4 shrink-0 text-amber-600\"\n                            title={warning}\n                          />\n                        ),\n                        title: warning,\n                      };\n                    }}\n                    onCreate={(option) =>\n                      validPort(option.value) ? option.value : null\n                    }\n                    prefix={\n                      selectedPortWarning ? (\n                        <UiWarningTriangle\n                          className=\"size-4 shrink-0 text-amber-600\"\n                          title={selectedPortWarning}\n                        />\n                      ) : undefined\n                    }\n                    allowCustomValue={allowCustomPort}\n                    ariaLabel=\"Port\"\n                  />\n                </Field>\n              </div>\n            )}\n            {showPath && (\n              <div\n                className={PATH_FIELD}\n                data-slot=\"endpoint-path-field\"\n              >\n                <Field label=\"Path\">\n                  <InputField\n                    value={isWorkloadValue(value) ? (value.path ?? \"\") : \"\"}\n                    onChange={(path) => patchValue(\"path\", path)}\n                    aria-label=\"Path\"\n                    {...(isWorkloadValue(value) && value.path\n                      ? { title: value.path }\n                      : {})}\n                  />\n                </Field>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["workloadKey","_a","DEFAULT_PREFERRED_ENDPOINT_PORTS","useState","useRef","useEffect","useMemo","useCallback","preferredEndpointPort","parseWorkloadKey","cn","jsx","SegmentedControl","SecretKeySelector","jsxs","Field","WorkloadPicker","Combobox","InputField","UiWarningTriangle"],"mappings":"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"}
+{"version":3,"file":"EndpointSelector.cjs","sources":["../../src/components/EndpointSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { UiWarningTriangle } from \"../icons\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\nimport {\n  DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  preferredEndpointPort,\n} from \"./endpoint-port\";\nimport { Field } from \"./Field\";\nimport { InputField } from \"./InputField\";\nimport { SecretKeySelector } from \"./SecretKeySelector\";\nimport { SegmentedControl, type SegmentedOption } from \"./SegmentedControl\";\nimport { WorkloadPicker } from \"./WorkloadPicker\";\nimport {\n  parseWorkloadKey,\n  workloadKey,\n  type WorkloadKind,\n  type WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type {\n  EndpointMode,\n  EndpointResources,\n  EndpointSelectorProps,\n  EndpointSelectorValue,\n  EndpointTarget,\n  EndpointWorkloadValue,\n  EndpointWorkloadMode,\n} from \"./EndpointSelector.model\";\nconst MODE_LABELS: Record<EndpointMode, string> = {\n  url: \"URL\",\n  service: \"Service\",\n  \"cluster-ip\": \"Cluster IP\",\n  \"api-proxy\": \"API proxy\",\n  ingress: \"Ingress\",\n  \"port-forward\": \"Port-forward\",\n};\nconst DEFAULT_MODE_KINDS: Record<EndpointWorkloadMode, WorkloadKind[]> = {\n  service: [\"service\"],\n  \"cluster-ip\": [\"service\"],\n  \"api-proxy\": [\"service\"],\n  ingress: [\"ingress\"],\n  \"port-forward\": [\"service\", \"deployment\"],\n};\nconst WORKLOAD_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\nconst SCHEME_FIELD =\n  \"max-w-full min-w-0 basis-32 shrink grow-0\";\nconst PORT_FIELD =\n  \"max-w-full min-w-0 basis-36 shrink grow-0\";\nconst PATH_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\nfunction isWorkloadValue(\n  value: EndpointSelectorValue | undefined,\n): value is EndpointWorkloadValue {\n  return value !== undefined && value.mode !== \"url\";\n}\n\nfunction sameTarget(left: EndpointTarget, right: EndpointTarget) {\n  if (left.kind !== right.kind || left.namespace !== right.namespace)\n    return false;\n  if (left.kind === \"ingress\" && right.kind === \"ingress\") {\n    return left.name === right.name && left.host === right.host;\n  }\n  return left.name === right.name;\n}\n\nfunction targetKey(\n  target: EndpointTarget,\n  namespace: string | undefined,\n  resource: WorkloadResource | undefined,\n) {\n  if (target.kind === \"ingress\") {\n    return workloadKey(target.namespace ?? namespace, target.kind, {\n      name: target.name,\n      hosts: [target.host ?? resource?.hosts?.[0] ?? target.name],\n    });\n  }\n  return workloadKey(target.namespace ?? namespace, target.kind, {\n    name: target.name,\n  });\n}\n\nfunction findResource(\n  resources: EndpointResources,\n  kind: WorkloadKind,\n  selectedName: string,\n) {\n  return resources[kind]?.find((resource) =>\n    kind === \"ingress\"\n      ? resource.hosts?.[0] === selectedName\n      : resource.name === selectedName,\n  );\n}\n\nfunction portOptions(resource: WorkloadResource | undefined): ComboboxOption[] {\n  return (resource?.ports ?? []).map((port) => ({\n    value: String(port.number),\n    label: port.name ? `${port.name} (${port.number})` : String(port.number),\n  }));\n}\n\nfunction validPort(port: string) {\n  if (!/^\\d+$/.test(port)) return false;\n  const number = Number(port);\n  return number >= 1 && number <= 65535;\n}\n\nexport function EndpointSelector({\n  value,\n  onChange,\n  namespace,\n  modes,\n  defaultMode,\n  loadWorkloads,\n  allowNamespaceSelection = false,\n  loadNamespaces,\n  onNamespaceChange,\n  urlSelector,\n  modeKinds,\n  defaults,\n  preferredPorts = DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  schemes,\n  allowCustomScheme = true,\n  allowCustomPort = false,\n  showScheme = false,\n  showPath = false,\n  showIngressPort = false,\n  className,\n}: EndpointSelectorProps) {\n  const fallbackMode = defaultMode ?? modes[0];\n  if (!fallbackMode || !modes.includes(fallbackMode)) {\n    throw new Error(\n      \"EndpointSelector requires a default mode included in modes\",\n    );\n  }\n  if (value && !modes.includes(value.mode)) {\n    throw new Error(`EndpointSelector value mode \"${value.mode}\" is disabled`);\n  }\n  if (allowNamespaceSelection && !loadNamespaces) {\n    throw new Error(\n      \"EndpointSelector namespace selection requires loadNamespaces\",\n    );\n  }\n\n  const [activeMode, setActiveMode] = useState<EndpointMode>(\n    value?.mode ?? fallbackMode,\n  );\n  const [resources, setResources] = useState<EndpointResources>({});\n  const resourcesRef = useRef<EndpointResources>({});\n  const resourcesNamespaceRef = useRef(namespace);\n  const modesKey = modes.join(\",\");\n\n  useEffect(() => {\n    setActiveMode(\n      (current) =>\n        value?.mode ?? (modes.includes(current) ? current : fallbackMode),\n    );\n  }, [value, fallbackMode, modesKey]);\n\n  const enabledKinds = useMemo(\n    () =>\n      activeMode === \"url\"\n        ? []\n        : (modeKinds?.[activeMode] ?? DEFAULT_MODE_KINDS[activeMode]),\n    [activeMode, modeKinds],\n  );\n\n  const rememberingLoader = useCallback(\n    async (kinds: WorkloadKind[], selectedNamespace?: string) => {\n      const workloadNamespace = selectedNamespace ?? namespace;\n      if (resourcesNamespaceRef.current !== workloadNamespace) {\n        resourcesNamespaceRef.current = workloadNamespace;\n        resourcesRef.current = {};\n        setResources({});\n      }\n      const loaded = workloadNamespace\n        ? await loadWorkloads(kinds, workloadNamespace)\n        : await loadWorkloads(kinds);\n      const filtered = { ...loaded };\n      if (kinds.includes(\"ingress\")) {\n        filtered.ingress = (loaded.ingress ?? []).filter(\n          (resource) => resource.hosts?.[0],\n        );\n      }\n      if (resourcesNamespaceRef.current === workloadNamespace) {\n        resourcesRef.current = { ...resourcesRef.current, ...filtered };\n        setResources(resourcesRef.current);\n      }\n      return filtered;\n    },\n    [loadWorkloads, namespace],\n  );\n\n  const selectedResource = useMemo(() => {\n    if (!isWorkloadValue(value)) return undefined;\n    const target = value.target;\n    return resources[target.kind]?.find((resource) => {\n      if (target.kind === \"ingress\") {\n        return (\n          resource.name === target.name || resource.hosts?.[0] === target.host\n        );\n      }\n      return resource.name === target.name;\n    });\n  }, [resources, value]);\n\n  const options = useMemo(\n    () => portOptions(selectedResource),\n    [selectedResource],\n  );\n  const selectedPort = isWorkloadValue(value) ? value.port : undefined;\n  const selectedPortWarning =\n    selectedPort &&\n    selectedResource &&\n    options.length > 0 &&\n    !options.some((option) => option.value === selectedPort)\n      ? `Port ${selectedPort} is not exposed by workload \"${selectedResource.name}\"`\n      : undefined;\n  useEffect(() => {\n    if (\n      !isWorkloadValue(value) ||\n      value.port ||\n      !selectedResource\n    ) {\n      return;\n    }\n    const port = preferredEndpointPort(\n      selectedResource.ports,\n      preferredPorts,\n    );\n    if (port) onChange({ ...value, port });\n  }, [\n    onChange,\n    preferredPorts,\n    selectedResource,\n    value,\n  ]);\n\n  const modeOptions = useMemo<SegmentedOption<EndpointMode>[]>(\n    () => modes.map((mode) => ({ id: mode, label: MODE_LABELS[mode] })),\n    [modes],\n  );\n\n  const selectMode = (nextMode: EndpointMode) => {\n    setActiveMode(nextMode);\n    if (nextMode === \"url\") {\n      onNamespaceChange?.(undefined);\n      if (value?.mode !== \"url\") onChange(undefined);\n      return;\n    }\n    if (\n      isWorkloadValue(value) &&\n      (modeKinds?.[nextMode] ?? DEFAULT_MODE_KINDS[nextMode]).includes(\n        value.target.kind,\n      )\n    ) {\n      onChange({ ...value, mode: nextMode });\n      return;\n    }\n    onChange(undefined);\n  };\n\n  const selectWorkload = (key: string) => {\n    const parsed = key ? parseWorkloadKey(key) : undefined;\n    // A namespace-only key (empty name) means a namespace is in scope with no\n    // workload picked in it. An endpoint needs a workload to address, so there\n    // is nothing to report yet — the namespace reaches the consumer through\n    // onNamespaceChange instead.\n    if (!parsed || !parsed.name) {\n      onChange(undefined);\n      return;\n    }\n    const kind = parsed.kind;\n    if (!kind || !enabledKinds.includes(kind)) {\n      throw new Error(\n        `EndpointSelector received unsupported workload key \"${key}\"`,\n      );\n    }\n    const resource = findResource(resourcesRef.current, kind, parsed.name);\n    if (!resource) {\n      throw new Error(`EndpointSelector workload \"${key}\" was not loaded`);\n    }\n\n    const selectedNamespace = parsed.namespace ?? namespace;\n    let target: EndpointTarget;\n    if (kind === \"ingress\") {\n      const host = resource.hosts?.[0];\n      if (!host) {\n        throw new Error(`Ingress \"${resource.name}\" has no routable host`);\n      }\n      target = {\n        kind,\n        name: resource.name,\n        host,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    } else {\n      target = {\n        kind,\n        name: resource.name,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    }\n\n    const previous = isWorkloadValue(value) ? value : undefined;\n    const exposed = portOptions(resource).map((option) => option.value);\n    const currentPort = previous?.port ?? \"\";\n    const port = currentPort &&\n      (previous && sameTarget(previous.target, target) ||\n        exposed.includes(currentPort))\n      ? currentPort\n      : (preferredEndpointPort(resource.ports, preferredPorts) ?? defaults?.port);\n    const next: EndpointWorkloadValue = {\n      mode: activeMode as EndpointWorkloadMode,\n      target,\n    };\n    const scheme = previous?.scheme ?? defaults?.scheme;\n    const path = previous?.path ?? defaults?.path;\n    if (scheme) next.scheme = scheme;\n    if (port) next.port = port;\n    if (path) next.path = path;\n    onChange(next);\n  };\n\n  const patchValue = (\n    field: \"scheme\" | \"port\" | \"path\",\n    fieldValue: string,\n  ) => {\n    if (!isWorkloadValue(value)) return;\n    const next = { ...value };\n    if (fieldValue) {\n      next[field] = fieldValue;\n    } else {\n      delete next[field];\n    }\n    onChange(next);\n  };\n\n  const workloadValue =\n    isWorkloadValue(value) && value.mode === activeMode\n      ? targetKey(value.target, namespace, selectedResource)\n      : \"\";\n  const showPort =\n    activeMode !== \"url\" && (activeMode !== \"ingress\" || showIngressPort);\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)}>\n      <SegmentedControl\n        value={activeMode}\n        options={modeOptions}\n        onChange={selectMode}\n        wrap\n        aria-label=\"Endpoint access mode\"\n      />\n\n      {activeMode === \"url\" ? (\n        (() => {\n          if (!urlSelector) {\n            throw new Error(\"EndpointSelector url mode requires urlSelector\");\n          }\n          return (\n            <SecretKeySelector\n              {...urlSelector}\n              value={value?.mode === \"url\" ? value.source : undefined}\n              onChange={(source) =>\n                onChange(source ? { mode: \"url\", source } : undefined)\n              }\n            />\n          );\n        })()\n      ) : (\n        <div className=\"space-y-density-2\">\n          <div\n            className=\"flex w-full max-w-full min-w-0 flex-nowrap items-end gap-density-2\"\n            data-slot=\"endpoint-fields\"\n          >\n            <div\n              className={WORKLOAD_FIELD}\n              data-slot=\"endpoint-workload-field\"\n            >\n              <Field label=\"Workload\">\n                <WorkloadPicker\n                  value={workloadValue}\n                  onChange={selectWorkload}\n                  loadWorkloads={rememberingLoader}\n                  {...(namespace ? { namespace } : {})}\n                  {...(allowNamespaceSelection\n                    ? { allowNamespaceSelection: true }\n                    : {})}\n                  {...(loadNamespaces ? { loadNamespaces } : {})}\n                  {...(onNamespaceChange ? { onNamespaceChange } : {})}\n                  kinds={enabledKinds}\n                  strict\n                  allowCustomValue={false}\n                  placeholder=\"Select workload…\"\n                />\n              </Field>\n            </div>\n            {showScheme && (\n              <div\n                className={SCHEME_FIELD}\n                data-slot=\"endpoint-scheme-field\"\n              >\n                <Field label=\"Scheme\">\n                  {schemes?.length && !allowCustomScheme ? (\n                    <SegmentedControl\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      options={schemes.map((scheme) => ({\n                        id: scheme,\n                        label: scheme,\n                      }))}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  ) : schemes?.length ? (\n                    <Combobox\n                      options={schemes.map((scheme) => ({\n                        value: scheme,\n                        label: scheme,\n                      }))}\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      allowCustomValue={allowCustomScheme}\n                      ariaLabel=\"Scheme\"\n                    />\n                  ) : (\n                    <InputField\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  )}\n                </Field>\n              </div>\n            )}\n            {showPort && (\n              <div\n                className={PORT_FIELD}\n                data-slot=\"endpoint-port-field\"\n              >\n                <Field label=\"Port\">\n                  <Combobox\n                    options={options}\n                    value={isWorkloadValue(value) ? (value.port ?? \"\") : \"\"}\n                    onChange={(port) => patchValue(\"port\", port)}\n                    onNew={(port) => {\n                      if (!validPort(port)) return null;\n                      if (!options.length || !selectedResource) {\n                        return { value: port, label: port };\n                      }\n                      const warning = `Port ${port} is not exposed by workload \"${selectedResource.name}\"`;\n                      return {\n                        value: port,\n                        label: `Use ${port} — not exposed by ${selectedResource.name}`,\n                        selectedLabel: port,\n                        icon: (\n                          <UiWarningTriangle\n                            className=\"size-4 shrink-0 text-amber-600\"\n                            title={warning}\n                          />\n                        ),\n                        title: warning,\n                      };\n                    }}\n                    onCreate={(option) =>\n                      validPort(option.value) ? option.value : null\n                    }\n                    prefix={\n                      selectedPortWarning ? (\n                        <UiWarningTriangle\n                          className=\"size-4 shrink-0 text-amber-600\"\n                          title={selectedPortWarning}\n                        />\n                      ) : undefined\n                    }\n                    allowCustomValue={allowCustomPort}\n                    ariaLabel=\"Port\"\n                  />\n                </Field>\n              </div>\n            )}\n            {showPath && (\n              <div\n                className={PATH_FIELD}\n                data-slot=\"endpoint-path-field\"\n              >\n                <Field label=\"Path\">\n                  <InputField\n                    value={isWorkloadValue(value) ? (value.path ?? \"\") : \"\"}\n                    onChange={(path) => patchValue(\"path\", path)}\n                    aria-label=\"Path\"\n                    {...(isWorkloadValue(value) && value.path\n                      ? { title: value.path }\n                      : {})}\n                  />\n                </Field>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["workloadKey","_a","DEFAULT_PREFERRED_ENDPOINT_PORTS","useState","useRef","useEffect","useMemo","useCallback","preferredEndpointPort","parseWorkloadKey","cn","jsx","SegmentedControl","SecretKeySelector","jsxs","Field","WorkloadPicker","Combobox","InputField","UiWarningTriangle"],"mappings":"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"}

package/dist/components/EndpointSelector.d.ts

@@ -1,3 +1,3 @@
 import { EndpointSelectorProps } from './EndpointSelector.model';
-export declare function EndpointSelector({ value, onChange, namespace, modes, defaultMode, loadWorkloads, urlSelector, modeKinds, defaults, preferredPorts, schemes, allowCustomScheme, allowCustomPort, showScheme, showPath, showIngressPort, className, }: EndpointSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function EndpointSelector({ value, onChange, namespace, modes, defaultMode, loadWorkloads, allowNamespaceSelection, loadNamespaces, onNamespaceChange, urlSelector, modeKinds, defaults, preferredPorts, schemes, allowCustomScheme, allowCustomPort, showScheme, showPath, showIngressPort, className, }: EndpointSelectorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EndpointSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EndpointSelector.d.ts","sourceRoot":"","sources":["../../src/components/EndpointSelector.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAGV,qBAAqB,EAKtB,MAAM,0BAA0B,CAAC;AAoFlC,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAiD,EACjD,OAAO,EACP,iBAAwB,EACxB,eAAuB,EACvB,UAAkB,EAClB,QAAgB,EAChB,eAAuB,EACvB,SAAS,GACV,EAAE,qBAAqB,2CA6VvB"}
+{"version":3,"file":"EndpointSelector.d.ts","sourceRoot":"","sources":["../../src/components/EndpointSelector.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAGV,qBAAqB,EAKtB,MAAM,0BAA0B,CAAC;AAgFlC,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,aAAa,EACb,uBAA+B,EAC/B,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAiD,EACjD,OAAO,EACP,iBAAwB,EACxB,eAAuB,EACvB,UAAkB,EAClB,QAAgB,EAChB,eAAuB,EACvB,SAAS,GACV,EAAE,qBAAqB,2CAuXvB"}

package/dist/components/EndpointSelector.js

@@ -79,6 +79,9 @@ function EndpointSelector({
   modes,
   defaultMode,
   loadWorkloads,
+  allowNamespaceSelection = false,
+  loadNamespaces,
+  onNamespaceChange,
   urlSelector,
   modeKinds,
   defaults,
@@ -100,11 +103,17 @@ function EndpointSelector({
   if (value && !modes.includes(value.mode)) {
     throw new Error(`EndpointSelector value mode "${value.mode}" is disabled`);
   }
+  if (allowNamespaceSelection && !loadNamespaces) {
+    throw new Error(
+      "EndpointSelector namespace selection requires loadNamespaces"
+    );
+  }
   const [activeMode, setActiveMode] = useState(
     (value == null ? void 0 : value.mode) ?? fallbackMode
   );
   const [resources, setResources] = useState({});
   const resourcesRef = useRef({});
+  const resourcesNamespaceRef = useRef(namespace);
   const modesKey = modes.join(",");
   useEffect(() => {
     setActiveMode(
@@ -116,8 +125,14 @@ function EndpointSelector({
     [activeMode, modeKinds]
   );
   const rememberingLoader = useCallback(
-    async (kinds) => {
-      const loaded = await loadWorkloads(kinds);
+    async (kinds, selectedNamespace) => {
+      const workloadNamespace = selectedNamespace ?? namespace;
+      if (resourcesNamespaceRef.current !== workloadNamespace) {
+        resourcesNamespaceRef.current = workloadNamespace;
+        resourcesRef.current = {};
+        setResources({});
+      }
+      const loaded = workloadNamespace ? await loadWorkloads(kinds, workloadNamespace) : await loadWorkloads(kinds);
       const filtered = { ...loaded };
       if (kinds.includes("ingress")) {
         filtered.ingress = (loaded.ingress ?? []).filter(
@@ -127,11 +142,13 @@ function EndpointSelector({
           }
         );
       }
-      resourcesRef.current = { ...resourcesRef.current, ...filtered };
-      setResources(resourcesRef.current);
+      if (resourcesNamespaceRef.current === workloadNamespace) {
+        resourcesRef.current = { ...resourcesRef.current, ...filtered };
+        setResources(resourcesRef.current);
+      }
       return filtered;
     },
-    [loadWorkloads]
+    [loadWorkloads, namespace]
   );
   const selectedResource = useMemo(() => {
     var _a;
@@ -173,6 +190,7 @@ function EndpointSelector({
   const selectMode = (nextMode) => {
     setActiveMode(nextMode);
     if (nextMode === "url") {
+      onNamespaceChange == null ? void 0 : onNamespaceChange(void 0);
       if ((value == null ? void 0 : value.mode) !== "url") onChange(void 0);
       return;
     }
@@ -186,11 +204,11 @@ function EndpointSelector({
   };
   const selectWorkload = (key) => {
     var _a;
-    if (!key) {
+    const parsed = key ? parseWorkloadKey(key) : void 0;
+    if (!parsed || !parsed.name) {
       onChange(void 0);
       return;
     }
-    const parsed = parseWorkloadKey(key);
     const kind = parsed.kind;
     if (!kind || !enabledKinds.includes(kind)) {
       throw new Error(
@@ -224,7 +242,7 @@ function EndpointSelector({
     const previous = isWorkloadValue(value) ? value : void 0;
     const exposed = portOptions(resource).map((option) => option.value);
     const currentPort = (previous == null ? void 0 : previous.port) ?? "";
-    const port = currentPort && (previous && sameTarget(previous.target, target) || exposed.includes(currentPort)) ? currentPort : preferredEndpointPort(resource.ports, preferredPorts);
+    const port = currentPort && (previous && sameTarget(previous.target, target) || exposed.includes(currentPort)) ? currentPort : preferredEndpointPort(resource.ports, preferredPorts) ?? (defaults == null ? void 0 : defaults.port);
     const next = {
       mode: activeMode,
       target
@@ -289,6 +307,9 @@ function EndpointSelector({
                   onChange: selectWorkload,
                   loadWorkloads: rememberingLoader,
                   ...namespace ? { namespace } : {},
+                  ...allowNamespaceSelection ? { allowNamespaceSelection: true } : {},
+                  ...loadNamespaces ? { loadNamespaces } : {},
+                  ...onNamespaceChange ? { onNamespaceChange } : {},
                   kinds: enabledKinds,
                   strict: true,
                   allowCustomValue: false,

package/dist/components/EndpointSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointSelector.js","sources":["../../src/components/EndpointSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { UiWarningTriangle } from \"../icons\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\nimport {\n  DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  preferredEndpointPort,\n} from \"./endpoint-port\";\nimport { Field } from \"./Field\";\nimport { InputField } from \"./InputField\";\nimport { SecretKeySelector } from \"./SecretKeySelector\";\nimport { SegmentedControl, type SegmentedOption } from \"./SegmentedControl\";\nimport { WorkloadPicker } from \"./WorkloadPicker\";\nimport {\n  parseWorkloadKey,\n  workloadKey,\n  type WorkloadKind,\n  type WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type {\n  EndpointMode,\n  EndpointResources,\n  EndpointSelectorProps,\n  EndpointSelectorValue,\n  EndpointTarget,\n  EndpointWorkloadValue,\n  EndpointWorkloadMode,\n} from \"./EndpointSelector.model\";\n\nconst MODE_LABELS: Record<EndpointMode, string> = {\n  url: \"URL\",\n  service: \"Service\",\n  \"cluster-ip\": \"Cluster IP\",\n  \"api-proxy\": \"API proxy\",\n  ingress: \"Ingress\",\n  \"port-forward\": \"Port-forward\",\n};\n\nconst DEFAULT_MODE_KINDS: Record<EndpointWorkloadMode, WorkloadKind[]> = {\n  service: [\"service\"],\n  \"cluster-ip\": [\"service\"],\n  \"api-proxy\": [\"service\"],\n  ingress: [\"ingress\"],\n  \"port-forward\": [\"service\", \"deployment\"],\n};\n\nconst WORKLOAD_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\nconst SCHEME_FIELD =\n  \"max-w-full min-w-0 basis-32 shrink grow-0\";\nconst PORT_FIELD =\n  \"max-w-full min-w-0 basis-36 shrink grow-0\";\nconst PATH_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\n\nfunction isWorkloadValue(\n  value: EndpointSelectorValue | undefined,\n): value is EndpointWorkloadValue {\n  return value !== undefined && value.mode !== \"url\";\n}\n\nfunction sameTarget(left: EndpointTarget, right: EndpointTarget) {\n  if (left.kind !== right.kind || left.namespace !== right.namespace)\n    return false;\n  if (left.kind === \"ingress\" && right.kind === \"ingress\") {\n    return left.name === right.name && left.host === right.host;\n  }\n  return left.name === right.name;\n}\n\nfunction targetKey(\n  target: EndpointTarget,\n  namespace: string | undefined,\n  resource: WorkloadResource | undefined,\n) {\n  if (target.kind === \"ingress\") {\n    return workloadKey(target.namespace ?? namespace, target.kind, {\n      name: target.name,\n      hosts: [target.host ?? resource?.hosts?.[0] ?? target.name],\n    });\n  }\n  return workloadKey(target.namespace ?? namespace, target.kind, {\n    name: target.name,\n  });\n}\n\nfunction findResource(\n  resources: EndpointResources,\n  kind: WorkloadKind,\n  selectedName: string,\n) {\n  return resources[kind]?.find((resource) =>\n    kind === \"ingress\"\n      ? resource.hosts?.[0] === selectedName\n      : resource.name === selectedName,\n  );\n}\n\nfunction portOptions(resource: WorkloadResource | undefined): ComboboxOption[] {\n  return (resource?.ports ?? []).map((port) => ({\n    value: String(port.number),\n    label: port.name ? `${port.name} (${port.number})` : String(port.number),\n  }));\n}\n\nfunction validPort(port: string) {\n  if (!/^\\d+$/.test(port)) return false;\n  const number = Number(port);\n  return number >= 1 && number <= 65535;\n}\n\nexport function EndpointSelector({\n  value,\n  onChange,\n  namespace,\n  modes,\n  defaultMode,\n  loadWorkloads,\n  urlSelector,\n  modeKinds,\n  defaults,\n  preferredPorts = DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  schemes,\n  allowCustomScheme = true,\n  allowCustomPort = false,\n  showScheme = false,\n  showPath = false,\n  showIngressPort = false,\n  className,\n}: EndpointSelectorProps) {\n  const fallbackMode = defaultMode ?? modes[0];\n  if (!fallbackMode || !modes.includes(fallbackMode)) {\n    throw new Error(\n      \"EndpointSelector requires a default mode included in modes\",\n    );\n  }\n  if (value && !modes.includes(value.mode)) {\n    throw new Error(`EndpointSelector value mode \"${value.mode}\" is disabled`);\n  }\n\n  const [activeMode, setActiveMode] = useState<EndpointMode>(\n    value?.mode ?? fallbackMode,\n  );\n  const [resources, setResources] = useState<EndpointResources>({});\n  const resourcesRef = useRef<EndpointResources>({});\n  const modesKey = modes.join(\",\");\n\n  useEffect(() => {\n    setActiveMode(\n      (current) =>\n        value?.mode ?? (modes.includes(current) ? current : fallbackMode),\n    );\n  }, [value, fallbackMode, modesKey]);\n\n  const enabledKinds = useMemo(\n    () =>\n      activeMode === \"url\"\n        ? []\n        : (modeKinds?.[activeMode] ?? DEFAULT_MODE_KINDS[activeMode]),\n    [activeMode, modeKinds],\n  );\n\n  const rememberingLoader = useCallback(\n    async (kinds: WorkloadKind[]) => {\n      const loaded = await loadWorkloads(kinds);\n      const filtered = { ...loaded };\n      if (kinds.includes(\"ingress\")) {\n        filtered.ingress = (loaded.ingress ?? []).filter(\n          (resource) => resource.hosts?.[0],\n        );\n      }\n      resourcesRef.current = { ...resourcesRef.current, ...filtered };\n      setResources(resourcesRef.current);\n      return filtered;\n    },\n    [loadWorkloads],\n  );\n\n  const selectedResource = useMemo(() => {\n    if (!isWorkloadValue(value)) return undefined;\n    const target = value.target;\n    return resources[target.kind]?.find((resource) => {\n      if (target.kind === \"ingress\") {\n        return (\n          resource.name === target.name || resource.hosts?.[0] === target.host\n        );\n      }\n      return resource.name === target.name;\n    });\n  }, [resources, value]);\n\n  const options = useMemo(\n    () => portOptions(selectedResource),\n    [selectedResource],\n  );\n  const selectedPort = isWorkloadValue(value) ? value.port : undefined;\n  const selectedPortWarning =\n    selectedPort &&\n    selectedResource &&\n    options.length > 0 &&\n    !options.some((option) => option.value === selectedPort)\n      ? `Port ${selectedPort} is not exposed by workload \"${selectedResource.name}\"`\n      : undefined;\n  useEffect(() => {\n    if (\n      !isWorkloadValue(value) ||\n      value.port ||\n      !selectedResource\n    ) {\n      return;\n    }\n    const port = preferredEndpointPort(\n      selectedResource.ports,\n      preferredPorts,\n    );\n    if (port) onChange({ ...value, port });\n  }, [\n    onChange,\n    preferredPorts,\n    selectedResource,\n    value,\n  ]);\n\n  const modeOptions = useMemo<SegmentedOption<EndpointMode>[]>(\n    () => modes.map((mode) => ({ id: mode, label: MODE_LABELS[mode] })),\n    [modes],\n  );\n\n  const selectMode = (nextMode: EndpointMode) => {\n    setActiveMode(nextMode);\n    if (nextMode === \"url\") {\n      if (value?.mode !== \"url\") onChange(undefined);\n      return;\n    }\n    if (\n      isWorkloadValue(value) &&\n      (modeKinds?.[nextMode] ?? DEFAULT_MODE_KINDS[nextMode]).includes(\n        value.target.kind,\n      )\n    ) {\n      onChange({ ...value, mode: nextMode });\n      return;\n    }\n    onChange(undefined);\n  };\n\n  const selectWorkload = (key: string) => {\n    if (!key) {\n      onChange(undefined);\n      return;\n    }\n    const parsed = parseWorkloadKey(key);\n    const kind = parsed.kind;\n    if (!kind || !enabledKinds.includes(kind)) {\n      throw new Error(\n        `EndpointSelector received unsupported workload key \"${key}\"`,\n      );\n    }\n    const resource = findResource(resourcesRef.current, kind, parsed.name);\n    if (!resource) {\n      throw new Error(`EndpointSelector workload \"${key}\" was not loaded`);\n    }\n\n    const selectedNamespace = parsed.namespace ?? namespace;\n    let target: EndpointTarget;\n    if (kind === \"ingress\") {\n      const host = resource.hosts?.[0];\n      if (!host) {\n        throw new Error(`Ingress \"${resource.name}\" has no routable host`);\n      }\n      target = {\n        kind,\n        name: resource.name,\n        host,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    } else {\n      target = {\n        kind,\n        name: resource.name,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    }\n\n    const previous = isWorkloadValue(value) ? value : undefined;\n    const exposed = portOptions(resource).map((option) => option.value);\n    const currentPort = previous?.port ?? \"\";\n    const port = currentPort &&\n      (previous && sameTarget(previous.target, target) ||\n        exposed.includes(currentPort))\n      ? currentPort\n      : preferredEndpointPort(resource.ports, preferredPorts);\n    const next: EndpointWorkloadValue = {\n      mode: activeMode as EndpointWorkloadMode,\n      target,\n    };\n    const scheme = previous?.scheme ?? defaults?.scheme;\n    const path = previous?.path ?? defaults?.path;\n    if (scheme) next.scheme = scheme;\n    if (port) next.port = port;\n    if (path) next.path = path;\n    onChange(next);\n  };\n\n  const patchValue = (\n    field: \"scheme\" | \"port\" | \"path\",\n    fieldValue: string,\n  ) => {\n    if (!isWorkloadValue(value)) return;\n    const next = { ...value };\n    if (fieldValue) {\n      next[field] = fieldValue;\n    } else {\n      delete next[field];\n    }\n    onChange(next);\n  };\n\n  const workloadValue =\n    isWorkloadValue(value) && value.mode === activeMode\n      ? targetKey(value.target, namespace, selectedResource)\n      : \"\";\n  const showPort =\n    activeMode !== \"url\" && (activeMode !== \"ingress\" || showIngressPort);\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)}>\n      <SegmentedControl\n        value={activeMode}\n        options={modeOptions}\n        onChange={selectMode}\n        wrap\n        aria-label=\"Endpoint access mode\"\n      />\n\n      {activeMode === \"url\" ? (\n        (() => {\n          if (!urlSelector) {\n            throw new Error(\"EndpointSelector url mode requires urlSelector\");\n          }\n          return (\n            <SecretKeySelector\n              {...urlSelector}\n              value={value?.mode === \"url\" ? value.source : undefined}\n              onChange={(source) =>\n                onChange(source ? { mode: \"url\", source } : undefined)\n              }\n            />\n          );\n        })()\n      ) : (\n        <div className=\"space-y-density-2\">\n          <div\n            className=\"flex w-full max-w-full min-w-0 flex-nowrap items-end gap-density-2\"\n            data-slot=\"endpoint-fields\"\n          >\n            <div\n              className={WORKLOAD_FIELD}\n              data-slot=\"endpoint-workload-field\"\n            >\n              <Field label=\"Workload\">\n                <WorkloadPicker\n                  value={workloadValue}\n                  onChange={selectWorkload}\n                  loadWorkloads={rememberingLoader}\n                  {...(namespace ? { namespace } : {})}\n                  kinds={enabledKinds}\n                  strict\n                  allowCustomValue={false}\n                  placeholder=\"Select workload…\"\n                />\n              </Field>\n            </div>\n            {showScheme && (\n              <div\n                className={SCHEME_FIELD}\n                data-slot=\"endpoint-scheme-field\"\n              >\n                <Field label=\"Scheme\">\n                  {schemes?.length && !allowCustomScheme ? (\n                    <SegmentedControl\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      options={schemes.map((scheme) => ({\n                        id: scheme,\n                        label: scheme,\n                      }))}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  ) : schemes?.length ? (\n                    <Combobox\n                      options={schemes.map((scheme) => ({\n                        value: scheme,\n                        label: scheme,\n                      }))}\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      allowCustomValue={allowCustomScheme}\n                      ariaLabel=\"Scheme\"\n                    />\n                  ) : (\n                    <InputField\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  )}\n                </Field>\n              </div>\n            )}\n            {showPort && (\n              <div\n                className={PORT_FIELD}\n                data-slot=\"endpoint-port-field\"\n              >\n                <Field label=\"Port\">\n                  <Combobox\n                    options={options}\n                    value={isWorkloadValue(value) ? (value.port ?? \"\") : \"\"}\n                    onChange={(port) => patchValue(\"port\", port)}\n                    onNew={(port) => {\n                      if (!validPort(port)) return null;\n                      if (!options.length || !selectedResource) {\n                        return { value: port, label: port };\n                      }\n                      const warning = `Port ${port} is not exposed by workload \"${selectedResource.name}\"`;\n                      return {\n                        value: port,\n                        label: `Use ${port} — not exposed by ${selectedResource.name}`,\n                        selectedLabel: port,\n                        icon: (\n                          <UiWarningTriangle\n                            className=\"size-4 shrink-0 text-amber-600\"\n                            title={warning}\n                          />\n                        ),\n                        title: warning,\n                      };\n                    }}\n                    onCreate={(option) =>\n                      validPort(option.value) ? option.value : null\n                    }\n                    prefix={\n                      selectedPortWarning ? (\n                        <UiWarningTriangle\n                          className=\"size-4 shrink-0 text-amber-600\"\n                          title={selectedPortWarning}\n                        />\n                      ) : undefined\n                    }\n                    allowCustomValue={allowCustomPort}\n                    ariaLabel=\"Port\"\n                  />\n                </Field>\n              </div>\n            )}\n            {showPath && (\n              <div\n                className={PATH_FIELD}\n                data-slot=\"endpoint-path-field\"\n              >\n                <Field label=\"Path\">\n                  <InputField\n                    value={isWorkloadValue(value) ? (value.path ?? \"\") : \"\"}\n                    onChange={(path) => patchValue(\"path\", path)}\n                    aria-label=\"Path\"\n                    {...(isWorkloadValue(value) && value.path\n                      ? { title: value.path }\n                      : {})}\n                  />\n                </Field>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"EndpointSelector.js","sources":["../../src/components/EndpointSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { UiWarningTriangle } from \"../icons\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\nimport {\n  DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  preferredEndpointPort,\n} from \"./endpoint-port\";\nimport { Field } from \"./Field\";\nimport { InputField } from \"./InputField\";\nimport { SecretKeySelector } from \"./SecretKeySelector\";\nimport { SegmentedControl, type SegmentedOption } from \"./SegmentedControl\";\nimport { WorkloadPicker } from \"./WorkloadPicker\";\nimport {\n  parseWorkloadKey,\n  workloadKey,\n  type WorkloadKind,\n  type WorkloadResource,\n} from \"./workload-picker-utils\";\nimport type {\n  EndpointMode,\n  EndpointResources,\n  EndpointSelectorProps,\n  EndpointSelectorValue,\n  EndpointTarget,\n  EndpointWorkloadValue,\n  EndpointWorkloadMode,\n} from \"./EndpointSelector.model\";\nconst MODE_LABELS: Record<EndpointMode, string> = {\n  url: \"URL\",\n  service: \"Service\",\n  \"cluster-ip\": \"Cluster IP\",\n  \"api-proxy\": \"API proxy\",\n  ingress: \"Ingress\",\n  \"port-forward\": \"Port-forward\",\n};\nconst DEFAULT_MODE_KINDS: Record<EndpointWorkloadMode, WorkloadKind[]> = {\n  service: [\"service\"],\n  \"cluster-ip\": [\"service\"],\n  \"api-proxy\": [\"service\"],\n  ingress: [\"ingress\"],\n  \"port-forward\": [\"service\", \"deployment\"],\n};\nconst WORKLOAD_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\nconst SCHEME_FIELD =\n  \"max-w-full min-w-0 basis-32 shrink grow-0\";\nconst PORT_FIELD =\n  \"max-w-full min-w-0 basis-36 shrink grow-0\";\nconst PATH_FIELD =\n  \"max-w-full min-w-0 basis-56 shrink grow\";\nfunction isWorkloadValue(\n  value: EndpointSelectorValue | undefined,\n): value is EndpointWorkloadValue {\n  return value !== undefined && value.mode !== \"url\";\n}\n\nfunction sameTarget(left: EndpointTarget, right: EndpointTarget) {\n  if (left.kind !== right.kind || left.namespace !== right.namespace)\n    return false;\n  if (left.kind === \"ingress\" && right.kind === \"ingress\") {\n    return left.name === right.name && left.host === right.host;\n  }\n  return left.name === right.name;\n}\n\nfunction targetKey(\n  target: EndpointTarget,\n  namespace: string | undefined,\n  resource: WorkloadResource | undefined,\n) {\n  if (target.kind === \"ingress\") {\n    return workloadKey(target.namespace ?? namespace, target.kind, {\n      name: target.name,\n      hosts: [target.host ?? resource?.hosts?.[0] ?? target.name],\n    });\n  }\n  return workloadKey(target.namespace ?? namespace, target.kind, {\n    name: target.name,\n  });\n}\n\nfunction findResource(\n  resources: EndpointResources,\n  kind: WorkloadKind,\n  selectedName: string,\n) {\n  return resources[kind]?.find((resource) =>\n    kind === \"ingress\"\n      ? resource.hosts?.[0] === selectedName\n      : resource.name === selectedName,\n  );\n}\n\nfunction portOptions(resource: WorkloadResource | undefined): ComboboxOption[] {\n  return (resource?.ports ?? []).map((port) => ({\n    value: String(port.number),\n    label: port.name ? `${port.name} (${port.number})` : String(port.number),\n  }));\n}\n\nfunction validPort(port: string) {\n  if (!/^\\d+$/.test(port)) return false;\n  const number = Number(port);\n  return number >= 1 && number <= 65535;\n}\n\nexport function EndpointSelector({\n  value,\n  onChange,\n  namespace,\n  modes,\n  defaultMode,\n  loadWorkloads,\n  allowNamespaceSelection = false,\n  loadNamespaces,\n  onNamespaceChange,\n  urlSelector,\n  modeKinds,\n  defaults,\n  preferredPorts = DEFAULT_PREFERRED_ENDPOINT_PORTS,\n  schemes,\n  allowCustomScheme = true,\n  allowCustomPort = false,\n  showScheme = false,\n  showPath = false,\n  showIngressPort = false,\n  className,\n}: EndpointSelectorProps) {\n  const fallbackMode = defaultMode ?? modes[0];\n  if (!fallbackMode || !modes.includes(fallbackMode)) {\n    throw new Error(\n      \"EndpointSelector requires a default mode included in modes\",\n    );\n  }\n  if (value && !modes.includes(value.mode)) {\n    throw new Error(`EndpointSelector value mode \"${value.mode}\" is disabled`);\n  }\n  if (allowNamespaceSelection && !loadNamespaces) {\n    throw new Error(\n      \"EndpointSelector namespace selection requires loadNamespaces\",\n    );\n  }\n\n  const [activeMode, setActiveMode] = useState<EndpointMode>(\n    value?.mode ?? fallbackMode,\n  );\n  const [resources, setResources] = useState<EndpointResources>({});\n  const resourcesRef = useRef<EndpointResources>({});\n  const resourcesNamespaceRef = useRef(namespace);\n  const modesKey = modes.join(\",\");\n\n  useEffect(() => {\n    setActiveMode(\n      (current) =>\n        value?.mode ?? (modes.includes(current) ? current : fallbackMode),\n    );\n  }, [value, fallbackMode, modesKey]);\n\n  const enabledKinds = useMemo(\n    () =>\n      activeMode === \"url\"\n        ? []\n        : (modeKinds?.[activeMode] ?? DEFAULT_MODE_KINDS[activeMode]),\n    [activeMode, modeKinds],\n  );\n\n  const rememberingLoader = useCallback(\n    async (kinds: WorkloadKind[], selectedNamespace?: string) => {\n      const workloadNamespace = selectedNamespace ?? namespace;\n      if (resourcesNamespaceRef.current !== workloadNamespace) {\n        resourcesNamespaceRef.current = workloadNamespace;\n        resourcesRef.current = {};\n        setResources({});\n      }\n      const loaded = workloadNamespace\n        ? await loadWorkloads(kinds, workloadNamespace)\n        : await loadWorkloads(kinds);\n      const filtered = { ...loaded };\n      if (kinds.includes(\"ingress\")) {\n        filtered.ingress = (loaded.ingress ?? []).filter(\n          (resource) => resource.hosts?.[0],\n        );\n      }\n      if (resourcesNamespaceRef.current === workloadNamespace) {\n        resourcesRef.current = { ...resourcesRef.current, ...filtered };\n        setResources(resourcesRef.current);\n      }\n      return filtered;\n    },\n    [loadWorkloads, namespace],\n  );\n\n  const selectedResource = useMemo(() => {\n    if (!isWorkloadValue(value)) return undefined;\n    const target = value.target;\n    return resources[target.kind]?.find((resource) => {\n      if (target.kind === \"ingress\") {\n        return (\n          resource.name === target.name || resource.hosts?.[0] === target.host\n        );\n      }\n      return resource.name === target.name;\n    });\n  }, [resources, value]);\n\n  const options = useMemo(\n    () => portOptions(selectedResource),\n    [selectedResource],\n  );\n  const selectedPort = isWorkloadValue(value) ? value.port : undefined;\n  const selectedPortWarning =\n    selectedPort &&\n    selectedResource &&\n    options.length > 0 &&\n    !options.some((option) => option.value === selectedPort)\n      ? `Port ${selectedPort} is not exposed by workload \"${selectedResource.name}\"`\n      : undefined;\n  useEffect(() => {\n    if (\n      !isWorkloadValue(value) ||\n      value.port ||\n      !selectedResource\n    ) {\n      return;\n    }\n    const port = preferredEndpointPort(\n      selectedResource.ports,\n      preferredPorts,\n    );\n    if (port) onChange({ ...value, port });\n  }, [\n    onChange,\n    preferredPorts,\n    selectedResource,\n    value,\n  ]);\n\n  const modeOptions = useMemo<SegmentedOption<EndpointMode>[]>(\n    () => modes.map((mode) => ({ id: mode, label: MODE_LABELS[mode] })),\n    [modes],\n  );\n\n  const selectMode = (nextMode: EndpointMode) => {\n    setActiveMode(nextMode);\n    if (nextMode === \"url\") {\n      onNamespaceChange?.(undefined);\n      if (value?.mode !== \"url\") onChange(undefined);\n      return;\n    }\n    if (\n      isWorkloadValue(value) &&\n      (modeKinds?.[nextMode] ?? DEFAULT_MODE_KINDS[nextMode]).includes(\n        value.target.kind,\n      )\n    ) {\n      onChange({ ...value, mode: nextMode });\n      return;\n    }\n    onChange(undefined);\n  };\n\n  const selectWorkload = (key: string) => {\n    const parsed = key ? parseWorkloadKey(key) : undefined;\n    // A namespace-only key (empty name) means a namespace is in scope with no\n    // workload picked in it. An endpoint needs a workload to address, so there\n    // is nothing to report yet — the namespace reaches the consumer through\n    // onNamespaceChange instead.\n    if (!parsed || !parsed.name) {\n      onChange(undefined);\n      return;\n    }\n    const kind = parsed.kind;\n    if (!kind || !enabledKinds.includes(kind)) {\n      throw new Error(\n        `EndpointSelector received unsupported workload key \"${key}\"`,\n      );\n    }\n    const resource = findResource(resourcesRef.current, kind, parsed.name);\n    if (!resource) {\n      throw new Error(`EndpointSelector workload \"${key}\" was not loaded`);\n    }\n\n    const selectedNamespace = parsed.namespace ?? namespace;\n    let target: EndpointTarget;\n    if (kind === \"ingress\") {\n      const host = resource.hosts?.[0];\n      if (!host) {\n        throw new Error(`Ingress \"${resource.name}\" has no routable host`);\n      }\n      target = {\n        kind,\n        name: resource.name,\n        host,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    } else {\n      target = {\n        kind,\n        name: resource.name,\n        ...(selectedNamespace ? { namespace: selectedNamespace } : {}),\n      };\n    }\n\n    const previous = isWorkloadValue(value) ? value : undefined;\n    const exposed = portOptions(resource).map((option) => option.value);\n    const currentPort = previous?.port ?? \"\";\n    const port = currentPort &&\n      (previous && sameTarget(previous.target, target) ||\n        exposed.includes(currentPort))\n      ? currentPort\n      : (preferredEndpointPort(resource.ports, preferredPorts) ?? defaults?.port);\n    const next: EndpointWorkloadValue = {\n      mode: activeMode as EndpointWorkloadMode,\n      target,\n    };\n    const scheme = previous?.scheme ?? defaults?.scheme;\n    const path = previous?.path ?? defaults?.path;\n    if (scheme) next.scheme = scheme;\n    if (port) next.port = port;\n    if (path) next.path = path;\n    onChange(next);\n  };\n\n  const patchValue = (\n    field: \"scheme\" | \"port\" | \"path\",\n    fieldValue: string,\n  ) => {\n    if (!isWorkloadValue(value)) return;\n    const next = { ...value };\n    if (fieldValue) {\n      next[field] = fieldValue;\n    } else {\n      delete next[field];\n    }\n    onChange(next);\n  };\n\n  const workloadValue =\n    isWorkloadValue(value) && value.mode === activeMode\n      ? targetKey(value.target, namespace, selectedResource)\n      : \"\";\n  const showPort =\n    activeMode !== \"url\" && (activeMode !== \"ingress\" || showIngressPort);\n\n  return (\n    <div className={cn(\"space-y-density-2\", className)}>\n      <SegmentedControl\n        value={activeMode}\n        options={modeOptions}\n        onChange={selectMode}\n        wrap\n        aria-label=\"Endpoint access mode\"\n      />\n\n      {activeMode === \"url\" ? (\n        (() => {\n          if (!urlSelector) {\n            throw new Error(\"EndpointSelector url mode requires urlSelector\");\n          }\n          return (\n            <SecretKeySelector\n              {...urlSelector}\n              value={value?.mode === \"url\" ? value.source : undefined}\n              onChange={(source) =>\n                onChange(source ? { mode: \"url\", source } : undefined)\n              }\n            />\n          );\n        })()\n      ) : (\n        <div className=\"space-y-density-2\">\n          <div\n            className=\"flex w-full max-w-full min-w-0 flex-nowrap items-end gap-density-2\"\n            data-slot=\"endpoint-fields\"\n          >\n            <div\n              className={WORKLOAD_FIELD}\n              data-slot=\"endpoint-workload-field\"\n            >\n              <Field label=\"Workload\">\n                <WorkloadPicker\n                  value={workloadValue}\n                  onChange={selectWorkload}\n                  loadWorkloads={rememberingLoader}\n                  {...(namespace ? { namespace } : {})}\n                  {...(allowNamespaceSelection\n                    ? { allowNamespaceSelection: true }\n                    : {})}\n                  {...(loadNamespaces ? { loadNamespaces } : {})}\n                  {...(onNamespaceChange ? { onNamespaceChange } : {})}\n                  kinds={enabledKinds}\n                  strict\n                  allowCustomValue={false}\n                  placeholder=\"Select workload…\"\n                />\n              </Field>\n            </div>\n            {showScheme && (\n              <div\n                className={SCHEME_FIELD}\n                data-slot=\"endpoint-scheme-field\"\n              >\n                <Field label=\"Scheme\">\n                  {schemes?.length && !allowCustomScheme ? (\n                    <SegmentedControl\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      options={schemes.map((scheme) => ({\n                        id: scheme,\n                        label: scheme,\n                      }))}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  ) : schemes?.length ? (\n                    <Combobox\n                      options={schemes.map((scheme) => ({\n                        value: scheme,\n                        label: scheme,\n                      }))}\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      allowCustomValue={allowCustomScheme}\n                      ariaLabel=\"Scheme\"\n                    />\n                  ) : (\n                    <InputField\n                      value={isWorkloadValue(value) ? (value.scheme ?? \"\") : \"\"}\n                      onChange={(scheme) => patchValue(\"scheme\", scheme)}\n                      aria-label=\"Scheme\"\n                    />\n                  )}\n                </Field>\n              </div>\n            )}\n            {showPort && (\n              <div\n                className={PORT_FIELD}\n                data-slot=\"endpoint-port-field\"\n              >\n                <Field label=\"Port\">\n                  <Combobox\n                    options={options}\n                    value={isWorkloadValue(value) ? (value.port ?? \"\") : \"\"}\n                    onChange={(port) => patchValue(\"port\", port)}\n                    onNew={(port) => {\n                      if (!validPort(port)) return null;\n                      if (!options.length || !selectedResource) {\n                        return { value: port, label: port };\n                      }\n                      const warning = `Port ${port} is not exposed by workload \"${selectedResource.name}\"`;\n                      return {\n                        value: port,\n                        label: `Use ${port} — not exposed by ${selectedResource.name}`,\n                        selectedLabel: port,\n                        icon: (\n                          <UiWarningTriangle\n                            className=\"size-4 shrink-0 text-amber-600\"\n                            title={warning}\n                          />\n                        ),\n                        title: warning,\n                      };\n                    }}\n                    onCreate={(option) =>\n                      validPort(option.value) ? option.value : null\n                    }\n                    prefix={\n                      selectedPortWarning ? (\n                        <UiWarningTriangle\n                          className=\"size-4 shrink-0 text-amber-600\"\n                          title={selectedPortWarning}\n                        />\n                      ) : undefined\n                    }\n                    allowCustomValue={allowCustomPort}\n                    ariaLabel=\"Port\"\n                  />\n                </Field>\n              </div>\n            )}\n            {showPath && (\n              <div\n                className={PATH_FIELD}\n                data-slot=\"endpoint-path-field\"\n              >\n                <Field label=\"Path\">\n                  <InputField\n                    value={isWorkloadValue(value) ? (value.path ?? \"\") : \"\"}\n                    onChange={(path) => patchValue(\"path\", path)}\n                    aria-label=\"Path\"\n                    {...(isWorkloadValue(value) && value.path\n                      ? { title: value.path }\n                      : {})}\n                  />\n                </Field>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":"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"}