@wso2/am-core-ui 0.0.12 → 0.0.14

package/dist/{Layouts → core-ui/src/Layouts}/OxygenLayout/LeftNavigation.d.ts

@@ -2,7 +2,6 @@ import { ReactNode } from 'react';
 export interface NavigationItem {
     label: string;
     icon?: ReactNode;
-    onClick?: () => void;
     href?: string;
     isActive?: boolean;
     type: 'item';
@@ -18,7 +17,6 @@ interface LeftNavigationProps {
     activeItem: string;
     mainItems: NavigationItem[];
     groupedItems: NavigationSection[];
-    onNavigationClick: (itemKey: string) => void;
 }
-export declare function LeftNavigation({ collapsed, activeItem, mainItems, groupedItems, onNavigationClick, }: LeftNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function LeftNavigation({ collapsed, activeItem, mainItems, groupedItems, }: LeftNavigationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{Layouts → core-ui/src/Layouts}/OxygenLayout/path-map.d.ts

@@ -1,6 +1,5 @@
 export declare function usePagePath(path: string): {
     page: string | null;
-    subPage: string | null;
 };
 export declare function useActiveOrgPage(): string | null;
 export declare function useActiveProjectPage(): string | null;

package/dist/{Layouts → core-ui/src/Layouts}/OxygenLayout/userMenuItems.d.ts

@@ -17,9 +17,14 @@
  */
 export declare const createUserMenuItems: ({ logout }: {
     logout: () => Promise<void>;
-}) => {
+}) => ({
+    label: string;
+    href: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    onClick?: undefined;
+} | {
     label: string;
     onClick: () => Promise<void>;
     icon: import("react/jsx-runtime").JSX.Element;
     href: string;
-}[];
+})[];

package/dist/{pages → core-ui/src/pages}/index.d.ts

@@ -8,25 +8,33 @@ export declare const LazySecurityComponent: FC;
 export declare const LazyConfigureComponent: FC;
 export declare const LazyAddLLMProvidersComponent: FC;
 export declare const LazyViewLLMProviderComponent: FC;
+export declare const LazyAddMCPServerComponent: FC;
+export declare const LazyViewMCPServerComponent: FC;
 export declare const LazyDeploymentComponent: FC;
 export declare const LazyTestComponent: FC;
 export declare const LazyTracesComponent: FC;
 export declare const LazyLogsComponent: FC;
 export declare const LazyMetricsComponent: FC;
-export declare const LazyEvalEvaluatorsComponent: FC;
-export declare const LazyCreateEvaluatorComponent: FC;
-export declare const LazyViewEvaluatorComponent: FC;
-export declare const LazyEditEvaluatorComponent: FC;
+export declare const LazyEvalEvaluatorsOrg: FC;
+export declare const LazyCreateEvaluatorOrg: FC;
+export declare const LazyViewEvaluatorOrg: FC;
+export declare const LazyEditEvaluatorOrg: FC;
 export declare const LazyEvalMonitorsComponent: FC;
 export declare const LazyCreateMonitorComponent: FC;
 export declare const LazyEditMonitorComponent: FC;
 export declare const LazyViewMonitorComponent: FC;
+export declare const LazyCompareMonitorComponent: FC;
 export declare const LazyLLMProvidersOrg: FC;
 export declare const LazyLLMProvidersComponent: FC;
 export declare const LazyAddLLMProvidersOrg: FC;
+export declare const LazyMCPProxiesOrg: FC;
 export declare const LazyGatewaysOrg: FC;
+export declare const LazyIdentitiesOrg: FC;
+export declare const LazyDeploymentPipelinesOrg: FC;
+export declare const LazyEnvironmentsOrg: FC;
 export declare const LazyCatalogOrg: FC;
 export declare const LazyPublishComponent: FC;
 export declare const LazyPublishOrg: FC;
 export declare const LazyAddNewAgent: import('react').LazyExoticComponent<ComponentType>;
 export declare const LazyAddNewProject: import('react').LazyExoticComponent<ComponentType>;
+export declare const LazyProfilePage: import('react').LazyExoticComponent<ComponentType>;

package/dist/{types → core-ui/src/types}/mountPoints.d.ts

@@ -25,5 +25,8 @@ export declare enum MountPoints {
     BottomLeftPanel = "bottom-left-panel",
     BottomRightPanel = "bottom-right-panel",
     LeftNavItem = "left-nav-item",
-    PrivateRepoSupport = "private-repo-support"
+    PrivateRepoSupport = "private-repo-support",
+    IdentityProviderMode = "identity-provider-mode",
+    EnvironmentCreateDrawer = "environment-create-drawer",
+    EnvironmentDeleteDrawer = "environment-delete-drawer"
 }

package/dist/index-BQlJRlEI.js

@@ -0,0 +1,236 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { c as we } from "react/compiler-runtime";
+import { useState as _, useEffect as ne } from "react";
+import { useParams as ge } from "react-router-dom";
+import { useTheme as Pe, Alert as ie, Stack as S, Form as d, Box as he, Button as oe, Typography as pe, Tab as le, Tabs as ye } from "@wso2/oxygen-ui";
+import { Q as be, R as ve, S as _e, T as C, P as Ce } from "./index-WAarK3dI.js";
+import "@tanstack/react-query";
+const je = () => {
+  const e = we(72), me = Pe(), {
+    userInfo: r
+  } = be(), {
+    orgId: m
+  } = ge(), [c, ce] = _("profile"), J = r?.username || "", K = r?.givenName || "", V = r?.familyName || "", W = r?.email || "";
+  let x;
+  e[0] !== J || e[1] !== K || e[2] !== V || e[3] !== W ? (x = {
+    username: J,
+    given_name: K,
+    family_name: V,
+    email: W
+  }, e[0] = J, e[1] = K, e[2] = V, e[3] = W, e[4] = x) : x = e[4];
+  const [a, w] = _(x);
+  let T;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (T = {}, e[5] = T) : T = e[5];
+  const [i, N] = _(T), {
+    mutateAsync: g,
+    isPending: u,
+    error: I
+  } = ve();
+  let E;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (E = {
+    currentPassword: "",
+    newPassword: "",
+    confirmPassword: ""
+  }, e[6] = E) : E = e[6];
+  const [n, X] = _(E);
+  let k;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (k = {}, e[7] = k) : k = e[7];
+  const [o, U] = _(k), [j, q] = _(""), de = Se, Y = m || "default", Z = r?.sub || "";
+  let B;
+  e[8] !== Y || e[9] !== Z ? (B = {
+    orgName: Y,
+    userId: Z
+  }, e[8] = Y, e[9] = Z, e[10] = B) : B = e[10];
+  const {
+    data: f
+  } = _e(B);
+  let A, D;
+  e[11] !== f ? (A = () => {
+    f?.attributes && w({
+      username: f.attributes.username || "",
+      given_name: f.attributes.given_name || "",
+      family_name: f.attributes.family_name || "",
+      email: f.attributes.email || ""
+    });
+  }, D = [f], e[11] = f, e[12] = A, e[13] = D) : (A = e[12], D = e[13]), ne(A, D);
+  let H;
+  e[14] !== r?.email || e[15] !== r?.familyName || e[16] !== r?.givenName || e[17] !== r?.username ? (H = () => {
+    w({
+      username: r?.username || "",
+      given_name: r?.givenName || "",
+      family_name: r?.familyName || "",
+      email: r?.email || ""
+    });
+  }, e[14] = r?.email, e[15] = r?.familyName, e[16] = r?.givenName, e[17] = r?.username, e[18] = H) : H = e[18];
+  let M;
+  e[19] !== r ? (M = [r], e[19] = r, e[20] = M) : M = e[20], ne(H, M);
+  let $;
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? ($ = (s, fe) => {
+    ce(fe), q("");
+  }, e[21] = $) : $ = e[21];
+  const ue = $;
+  let F;
+  e[22] !== a.email || e[23] !== a.username ? (F = () => {
+    const s = {};
+    return a.username.trim() || (s.username = "Username is required"), a.email.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a.email) || (s.email = "Invalid email format") : s.email = "Email is required", N(s), Object.keys(s).length === 0;
+  }, e[22] = a.email, e[23] = a.username, e[24] = F) : F = e[24];
+  const ee = F;
+  let L;
+  e[25] !== n.confirmPassword || e[26] !== n.newPassword ? (L = () => {
+    const s = {};
+    return n.newPassword.trim() ? n.newPassword.length < 8 && (s.newPassword = "Password must be at least 8 characters") : s.newPassword = "New password is required", n.newPassword !== n.confirmPassword && (s.confirmPassword = "Passwords do not match"), U(s), Object.keys(s).length === 0;
+  }, e[25] = n.confirmPassword, e[26] = n.newPassword, e[27] = L) : L = e[27];
+  const ae = L;
+  let O;
+  e[28] !== m || e[29] !== a.email || e[30] !== a.family_name || e[31] !== a.given_name || e[32] !== a.username || e[33] !== g || e[34] !== r || e[35] !== ee ? (O = async () => {
+    if (!(!ee() || !m || !r?.sub))
+      try {
+        await g({
+          params: {
+            orgName: m,
+            userId: r.sub
+          },
+          body: {
+            attributes: {
+              username: a.username.trim(),
+              given_name: a.given_name.trim(),
+              family_name: a.family_name.trim(),
+              email: a.email.trim()
+            }
+          }
+        }), q("Profile updated successfully"), N({});
+      } catch {
+      }
+  }, e[28] = m, e[29] = a.email, e[30] = a.family_name, e[31] = a.given_name, e[32] = a.username, e[33] = g, e[34] = r, e[35] = ee, e[36] = O) : O = e[36];
+  const re = O;
+  let G;
+  e[37] !== n.newPassword || e[38] !== m || e[39] !== g || e[40] !== r || e[41] !== ae ? (G = async () => {
+    if (!(!ae() || !m || !r?.sub))
+      try {
+        await g({
+          params: {
+            orgName: m,
+            userId: r.sub
+          },
+          body: {
+            attributes: {
+              password: n.newPassword
+            }
+          }
+        }), q("Password updated successfully"), X({
+          currentPassword: "",
+          newPassword: "",
+          confirmPassword: ""
+        }), U({});
+      } catch {
+      }
+  }, e[37] = n.newPassword, e[38] = m, e[39] = g, e[40] = r, e[41] = ae, e[42] = G) : G = e[42];
+  const se = G;
+  let P;
+  e[43] !== j ? (P = j && /* @__PURE__ */ t(ie, { severity: "success", onClose: () => q(""), children: j }), e[43] = j, e[44] = P) : P = e[44];
+  let h;
+  e[45] !== I ? (h = !!I && /* @__PURE__ */ t(ie, { severity: "error", children: de(I) }), e[45] = I, e[46] = h) : h = e[46];
+  const te = `1px solid ${me.palette.divider}`;
+  let p;
+  e[47] !== te ? (p = {
+    borderBottom: te
+  }, e[47] = te, e[48] = p) : p = e[48];
+  let Q, R;
+  e[49] === Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ t(le, { label: "Profile Information", value: "profile" }), R = /* @__PURE__ */ t(le, { label: "Change Password", value: "password" }), e[49] = Q, e[50] = R) : (Q = e[49], R = e[50]);
+  let y;
+  e[51] !== c || e[52] !== p ? (y = /* @__PURE__ */ l(ye, { value: c, onChange: ue, sx: p, children: [
+    Q,
+    R
+  ] }), e[51] = c, e[52] = p, e[53] = y) : y = e[53];
+  let b;
+  e[54] !== c || e[55] !== re || e[56] !== u || e[57] !== a || e[58] !== i ? (b = c === "profile" && /* @__PURE__ */ l(S, { spacing: 3, children: [
+    /* @__PURE__ */ l(d.Section, { children: [
+      /* @__PURE__ */ t(d.Header, { children: "Account Information" }),
+      /* @__PURE__ */ l(d.Stack, { spacing: 2, children: [
+        /* @__PURE__ */ t(C, { label: "Username", required: !0, value: a.username, onChange: (s) => {
+          w({
+            ...a,
+            username: s.target.value
+          }), i.username && N({
+            ...i,
+            username: ""
+          });
+        }, error: !!i.username, helperText: i.username }),
+        /* @__PURE__ */ t(C, { label: "Email", type: "email", required: !0, value: a.email, onChange: (s) => {
+          w({
+            ...a,
+            email: s.target.value
+          }), i.email && N({
+            ...i,
+            email: ""
+          });
+        }, error: !!i.email, helperText: i.email })
+      ] })
+    ] }),
+    /* @__PURE__ */ l(d.Section, { children: [
+      /* @__PURE__ */ t(d.Header, { children: "Personal Information" }),
+      /* @__PURE__ */ t(d.Stack, { spacing: 2, children: /* @__PURE__ */ l(he, { sx: {
+        display: "grid",
+        gap: 2,
+        gridTemplateColumns: {
+          xs: "1fr",
+          sm: "1fr 1fr"
+        }
+      }, children: [
+        /* @__PURE__ */ t(C, { label: "First Name", value: a.given_name, onChange: (s) => w({
+          ...a,
+          given_name: s.target.value
+        }) }),
+        /* @__PURE__ */ t(C, { label: "Last Name", value: a.family_name, onChange: (s) => w({
+          ...a,
+          family_name: s.target.value
+        }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t(S, { direction: "row", spacing: 1, justifyContent: "flex-end", children: /* @__PURE__ */ t(oe, { variant: "contained", onClick: re, disabled: u, children: u ? "Saving..." : "Save Changes" }) })
+  ] }), e[54] = c, e[55] = re, e[56] = u, e[57] = a, e[58] = i, e[59] = b) : b = e[59];
+  let v;
+  e[60] !== c || e[61] !== n || e[62] !== o || e[63] !== se || e[64] !== u ? (v = c === "password" && /* @__PURE__ */ l(S, { spacing: 3, children: [
+    /* @__PURE__ */ l(d.Section, { children: [
+      /* @__PURE__ */ t(d.Header, { children: "Update Password" }),
+      /* @__PURE__ */ t(pe, { variant: "body2", color: "text.secondary", sx: {
+        mb: 2
+      }, children: "Enter a new password to update your account security." }),
+      /* @__PURE__ */ l(d.Stack, { spacing: 2, children: [
+        /* @__PURE__ */ t(C, { label: "New Password", type: "password", showPasswordToggle: !0, required: !0, value: n.newPassword, onChange: (s) => {
+          X({
+            ...n,
+            newPassword: s.target.value
+          }), o.newPassword && U({
+            ...o,
+            newPassword: ""
+          });
+        }, error: !!o.newPassword, helperText: o.newPassword || "Minimum 8 characters" }),
+        /* @__PURE__ */ t(C, { label: "Confirm Password", type: "password", showPasswordToggle: !0, required: !0, value: n.confirmPassword, onChange: (s) => {
+          X({
+            ...n,
+            confirmPassword: s.target.value
+          }), o.confirmPassword && U({
+            ...o,
+            confirmPassword: ""
+          });
+        }, error: !!o.confirmPassword, helperText: o.confirmPassword })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(S, { direction: "row", spacing: 1, justifyContent: "flex-end", children: /* @__PURE__ */ t(oe, { variant: "contained", onClick: se, disabled: u || !n.newPassword, children: u ? "Updating..." : "Update Password" }) })
+  ] }), e[60] = c, e[61] = n, e[62] = o, e[63] = se, e[64] = u, e[65] = v) : v = e[65];
+  let z;
+  return e[66] !== P || e[67] !== h || e[68] !== y || e[69] !== b || e[70] !== v ? (z = /* @__PURE__ */ t(Ce, { title: "Profile Settings", disableIcon: !0, children: /* @__PURE__ */ l(S, { spacing: 3, children: [
+    P,
+    h,
+    y,
+    b,
+    v
+  ] }) }), e[66] = P, e[67] = h, e[68] = y, e[69] = b, e[70] = v, e[71] = z) : z = e[71], z;
+};
+function Se(e) {
+  return e && typeof e == "object" && "message" in e ? e.message : "An error occurred";
+}
+export {
+  je as ProfilePage
+};

package/dist/index-BV8vICwZ.js

@@ -0,0 +1,263 @@
+import { jsx as i, jsxs as N } from "react/jsx-runtime";
+import { useCallback as V, useMemo as A, useEffect as z, useState as B } from "react";
+import { Alert as G, Box as L, Collapse as D, Button as T, Form as b, TextField as F, Stack as M, CircularProgress as O, Typography as C, Select as H, MenuItem as k } from "@wso2/oxygen-ui";
+import { useParams as $, useNavigate as J, generatePath as R } from "react-router-dom";
+import { o as K, s as w, y as Q, M as U, j as X, A as Y, f as Z, N as _, O as ee, g as I, P as te } from "./index-WAarK3dI.js";
+import { c as W } from "react/compiler-runtime";
+import "@tanstack/react-query";
+import { Link as ne, PackagePlus as ie, FolderPlus as ae } from "@wso2/oxygen-ui-icons-react";
+const re = K({
+  displayName: w().trim().min(1, "Display name is required").min(3, "Display name must be at least 3 characters").max(100, "Display name must be at most 100 characters"),
+  name: w().trim().max(50, "Name must be at most 50 characters"),
+  description: w().trim().optional(),
+  deploymentPipeline: w().trim().min(1, "Deployment pipeline is required")
+}), oe = (a) => {
+  const e = W(22), {
+    lastSubmittedValidationErrors: t,
+    isPending: d,
+    onCancel: c,
+    onSubmit: s,
+    mode: l,
+    isNameEmpty: o
+  } = a, p = l === void 0 ? "deploy" : l, E = o === void 0 ? !1 : o, P = p === "connect";
+  let y;
+  e[0] !== t ? (y = Object.values(t), e[0] = t, e[1] = y) : y = e[1];
+  const u = y, v = u.length > 0;
+  let g;
+  e[2] !== u ? (g = /* @__PURE__ */ i(G, { severity: "error", children: u.map(le) }), e[2] = u, e[3] = g) : g = e[3];
+  let h;
+  e[4] !== v || e[5] !== g ? (h = /* @__PURE__ */ i(D, { in: v, timeout: "auto", unmountOnExit: !0, children: g }), e[4] = v, e[5] = g, e[6] = h) : h = e[6];
+  let n;
+  e[7] !== c ? (n = /* @__PURE__ */ i(T, { variant: "outlined", color: "primary", size: "medium", onClick: c, children: "Cancel" }), e[7] = c, e[8] = n) : n = e[8];
+  let r;
+  e[9] !== P ? (r = P ? /* @__PURE__ */ i(ne, { size: 16 }) : /* @__PURE__ */ i(ie, { size: 16 }), e[9] = P, e[10] = r) : r = e[10];
+  const m = d || E, f = P ? "Register" : "Create";
+  let j;
+  e[11] !== s || e[12] !== r || e[13] !== m || e[14] !== f ? (j = /* @__PURE__ */ i(T, { variant: "contained", color: "primary", size: "medium", startIcon: r, onClick: s, disabled: m, children: f }), e[11] = s, e[12] = r, e[13] = m, e[14] = f, e[15] = j) : j = e[15];
+  let x;
+  e[16] !== j || e[17] !== n ? (x = /* @__PURE__ */ N(L, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+    n,
+    j
+  ] }), e[16] = j, e[17] = n, e[18] = x) : x = e[18];
+  let S;
+  return e[19] !== x || e[20] !== h ? (S = /* @__PURE__ */ N(L, { display: "flex", flexDirection: "column", gap: 3, children: [
+    h,
+    x
+  ] }), e[19] = x, e[20] = h, e[21] = S) : S = e[21], S;
+};
+function le(a, e) {
+  return /* @__PURE__ */ i(L, { children: a }, e);
+}
+function q(a, e) {
+  return a.promotionPaths.length === 0 ? null : [...a.promotionPaths.map((d) => d.sourceEnvironmentRef), a.promotionPaths[a.promotionPaths.length - 1]?.targetEnvironmentRefs[0]?.name].filter(Boolean).map((d) => e.get(d) ?? d).join(" → ");
+}
+function se(a) {
+  const e = W(10), {
+    pipeline: t,
+    envDisplayNameMap: d
+  } = a;
+  let c;
+  e[0] !== d || e[1] !== t ? (c = q(t, d), e[0] = d, e[1] = t, e[2] = c) : c = e[2];
+  const s = c;
+  let l;
+  e[3] !== t.displayName ? (l = /* @__PURE__ */ i(C, { variant: "body2", children: t.displayName }), e[3] = t.displayName, e[4] = l) : l = e[4];
+  let o;
+  e[5] !== s ? (o = s && /* @__PURE__ */ i(C, { variant: "caption", color: "text.disabled", children: s }), e[5] = s, e[6] = o) : o = e[6];
+  let p;
+  return e[7] !== l || e[8] !== o ? (p = /* @__PURE__ */ N(M, { direction: "row", alignItems: "center", spacing: 1, children: [
+    l,
+    o
+  ] }), e[7] = l, e[8] = o, e[9] = p) : p = e[9], p;
+}
+function ce(a) {
+  const e = W(10), {
+    pipeline: t,
+    envDisplayNameMap: d
+  } = a;
+  let c;
+  e[0] !== d || e[1] !== t ? (c = q(t, d), e[0] = d, e[1] = t, e[2] = c) : c = e[2];
+  const s = c;
+  let l;
+  e[3] !== t.displayName ? (l = /* @__PURE__ */ i(C, { variant: "body2", children: t.displayName }), e[3] = t.displayName, e[4] = l) : l = e[4];
+  let o;
+  e[5] !== s ? (o = s && /* @__PURE__ */ i(C, { variant: "caption", color: "text.disbaled", children: s }), e[5] = s, e[6] = o) : o = e[6];
+  let p;
+  return e[7] !== l || e[8] !== o ? (p = /* @__PURE__ */ N(M, { children: [
+    l,
+    o
+  ] }), e[7] = l, e[8] = o, e[9] = p) : p = e[9], p;
+}
+const de = ({
+  formData: a,
+  setFormData: e,
+  errors: t,
+  validateField: d,
+  setFieldError: c,
+  checkDirty: s
+}) => {
+  const {
+    orgId: l
+  } = $(), o = V((n, r) => {
+    const m = {
+      ...a,
+      [n]: r
+    };
+    e(m), s(m);
+    const f = d(n, r);
+    c(n, f);
+  }, [a, e, s, d, c]), {
+    mutate: p,
+    isPending: E
+  } = Q({
+    orgName: l
+  }), {
+    data: P,
+    isLoading: y
+  } = U({
+    orgName: l
+  }), u = P?.deploymentPipelines ?? [], {
+    data: v
+  } = X({
+    orgName: l
+  }), g = A(() => {
+    const n = /* @__PURE__ */ new Map();
+    return (v ?? []).forEach((r) => n.set(r.name, r.displayName ?? r.name)), n;
+  }, [v]);
+  z(() => {
+    if (!a.deploymentPipeline && u.length > 0) {
+      const n = u[0].name;
+      e((r) => {
+        const m = {
+          ...r,
+          deploymentPipeline: n
+        };
+        return s(m), m;
+      });
+    }
+  }, [u, a.deploymentPipeline, e, s]);
+  const h = A(
+    () => Y.debounce((n) => {
+      if (n.length < 3) {
+        o("name", "");
+        return;
+      }
+      p({
+        displayName: n,
+        resourceType: "project"
+      }, {
+        onSuccess: (r) => {
+          e((m) => {
+            const f = {
+              ...m,
+              name: r.name
+            };
+            return s(f), f;
+          });
+        },
+        onError: (r) => {
+          console.error("Failed to generate name:", r);
+        }
+      });
+    }, 500),
+    // 500ms delay
+    [p, e, s]
+  );
+  return z(() => () => {
+    h.cancel();
+  }, [h]), z(() => {
+    a.displayName && a.displayName.length >= 3 ? h(a.displayName) : (h.cancel(), e((n) => ({
+      ...n,
+      name: ""
+    })));
+  }, [a.displayName, e, h]), /* @__PURE__ */ i(b.Stack, { spacing: 3, children: /* @__PURE__ */ N(b.Section, { children: [
+    /* @__PURE__ */ i(b.Subheader, { children: "Project Details" }),
+    /* @__PURE__ */ N(b.Stack, { spacing: 2, children: [
+      /* @__PURE__ */ i(b.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ i(F, { id: "displayName", value: a.displayName, onChange: (n) => o("displayName", n.target.value), placeholder: "e.g., Customer Support Platform", error: !!t.displayName, helperText: E ? /* @__PURE__ */ N(M, { direction: "row", alignItems: "center", gap: 1, children: [
+        /* @__PURE__ */ i(O, { size: 12 }),
+        /* @__PURE__ */ i(C, { variant: "caption", children: "Validating name..." })
+      ] }) : t.displayName, fullWidth: !0 }) }),
+      /* @__PURE__ */ i(b.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ i(F, { id: "description", value: a.description, onChange: (n) => o("description", n.target.value), placeholder: "Short description of this project", multiline: !0, minRows: 2, maxRows: 6, error: !!t.description, helperText: t.description, fullWidth: !0 }) }),
+      /* @__PURE__ */ i(b.ElementWrapper, { label: "Deployment Pipeline", name: "deploymentPipeline", children: /* @__PURE__ */ N(H, { id: "deploymentPipeline", value: a.deploymentPipeline, onChange: (n) => o("deploymentPipeline", n.target.value), error: !!t.deploymentPipeline, disabled: y, displayEmpty: !0, renderValue: (n) => {
+        const r = u.find((m) => m.name === n);
+        return r ? /* @__PURE__ */ i(se, { pipeline: r, envDisplayNameMap: g }) : n;
+      }, fullWidth: !0, children: [
+        y && /* @__PURE__ */ i(k, { value: "", disabled: !0, children: /* @__PURE__ */ N(M, { direction: "row", alignItems: "center", gap: 1, children: [
+          /* @__PURE__ */ i(O, { size: 12 }),
+          /* @__PURE__ */ i(C, { variant: "caption", children: "Loading pipelines..." })
+        ] }) }),
+        !y && u.length === 0 && /* @__PURE__ */ i(k, { value: "", disabled: !0, children: "No deployment pipelines available" }),
+        u.map((n) => /* @__PURE__ */ i(k, { value: n.name, children: /* @__PURE__ */ i(ce, { pipeline: n, envDisplayNameMap: g }) }, n.name))
+      ] }) })
+    ] })
+  ] }) });
+}, pe = () => {
+  const a = J(), {
+    orgId: e
+  } = $(), [t, d] = B({
+    name: "",
+    displayName: "",
+    description: "",
+    deploymentPipeline: "default"
+  }), {
+    errors: c,
+    validateField: s,
+    validateForm: l,
+    clearErrors: o,
+    setFieldError: p
+  } = Z(re), {
+    checkDirty: E,
+    resetDirty: P
+  } = _(t), y = A(() => ({
+    orgName: e ?? "default"
+  }), [e]), {
+    mutate: u,
+    isPending: v,
+    error: g
+  } = ee(y), h = V(() => {
+    a(R(I.children.org.path, {
+      orgId: e ?? ""
+    }));
+  }, [a, e]), [n, r] = B({}), m = V(() => {
+    if (l(t))
+      r({});
+    else {
+      r(c);
+      return;
+    }
+    u({
+      name: t.name,
+      displayName: t.displayName,
+      description: t.description?.trim() || void 0,
+      deploymentPipeline: t.deploymentPipeline
+    }, {
+      onSuccess: () => {
+        P(), o(), a(R(I.children.org.children.projects.path, {
+          orgId: y.orgName ?? "",
+          projectId: t.name
+        }));
+      },
+      onError: (f) => {
+        console.error("Failed to create project:", f);
+      }
+    });
+  }, [t, l, u, a, y.orgName, P, o, c]);
+  return /* @__PURE__ */ i(te, { title: "Create a New Project", description: "Create a new project to organize and manage your agents.", disableIcon: !0, backHref: R(I.children.org.path, {
+    orgId: e ?? ""
+  }), backLabel: "Back to Organization", children: /* @__PURE__ */ N(L, { display: "flex", flexDirection: "column", gap: 2, children: [
+    /* @__PURE__ */ i(de, { formData: t, setFormData: d, errors: c, validateField: s, setFieldError: p, checkDirty: E }),
+    !!g && /* @__PURE__ */ i(G, { severity: "error", sx: {
+      mt: 2
+    }, children: g instanceof Error ? g.message : "Failed to create project" }),
+    /* @__PURE__ */ i(oe, { lastSubmittedValidationErrors: n, isPending: v, onCancel: h, onSubmit: m, isNameEmpty: !t.name.trim(), mode: "deploy" })
+  ] }) });
+}, ve = {
+  title: "Add New Project",
+  description: "A page component for Add New Project",
+  icon: ae,
+  path: I.children.org.children.newProject.path,
+  component: pe
+};
+export {
+  pe as AddNewProject,
+  ve as metaData
+};