Add policy owner

Signed-off-by: gearnode <bryan@frimin.fr>

apps/console/src/components/PeopleSelector.tsx

@@ -0,0 +1,73 @@
+import { useState, useEffect } from "react";
+import { graphql, useFragment } from "react-relay";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { PeopleSelector_organization$key } from "./__generated__/PeopleSelector_organization.graphql";
+
+const peopleSelectorFragment = graphql`
+  fragment PeopleSelector_organization on Organization {
+    id
+    peoples(first: 100) {
+      edges {
+        node {
+          id
+          fullName
+          primaryEmailAddress
+        }
+      }
+    }
+  }
+`;
+
+interface PeopleSelectorProps {
+  organizationRef: PeopleSelector_organization$key;
+  selectedPersonId: string | null;
+  onSelect: (personId: string) => void;
+  placeholder?: string;
+  required?: boolean;
+}
+
+export default function PeopleSelector({
+  organizationRef,
+  selectedPersonId,
+  onSelect,
+  placeholder = "Select a person",
+  required = false,
+}: PeopleSelectorProps) {
+  const organization = useFragment(peopleSelectorFragment, organizationRef);
+  const [value, setValue] = useState<string>(selectedPersonId || "");
+
+  useEffect(() => {
+    if (selectedPersonId) {
+      setValue(selectedPersonId);
+    }
+  }, [selectedPersonId]);
+
+  const handleValueChange = (newValue: string) => {
+    setValue(newValue);
+    onSelect(newValue);
+  };
+
+  return (
+    <Select value={value} onValueChange={handleValueChange} required={required}>
+      <SelectTrigger>
+        <SelectValue placeholder={placeholder} />
+      </SelectTrigger>
+      <SelectContent>
+        {organization.peoples?.edges?.map(
+          (edge) =>
+            edge?.node && (
+              <SelectItem key={edge.node.id} value={edge.node.id}>
+                {edge.node.fullName} ({edge.node.primaryEmailAddress})
+              </SelectItem>
+            )
+        )}
+      </SelectContent>
+    </Select>
+  );
+}

apps/console/src/components/__generated__/PeopleSelector_organization.graphql.ts

@@ -0,0 +1,108 @@
+/**
+ * @generated SignedSource<<40624c6362024ecac90d44c5dd174a1c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type PeopleSelector_organization$data = {
+  readonly id: string;
+  readonly peoples: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly fullName: string;
+        readonly id: string;
+        readonly primaryEmailAddress: string;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "PeopleSelector_organization";
+};
+export type PeopleSelector_organization$key = {
+  readonly " $data"?: PeopleSelector_organization$data;
+  readonly " $fragmentSpreads": FragmentRefs<"PeopleSelector_organization">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "PeopleSelector_organization",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 100
+        }
+      ],
+      "concreteType": "PeopleConnection",
+      "kind": "LinkedField",
+      "name": "peoples",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PeopleEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "People",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v0/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "fullName",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "primaryEmailAddress",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": "peoples(first:100)"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "33e28b2889fa1180f6bf491e428fbafd";
+
+export default node;