🚧 wip

src/components/resource-policy/ResourcePolicySubForms.tsx

@@ -121,6 +121,62 @@ type LocalRule = {
     updated?: boolean;
 };
 
+// ─── PolicyNameSection ──────────────────────────────────────────────────
+type PolicyNameSectionProps = {
+    form: UseFormReturn<PolicyFormValues, any, any>;
+    isEditing?: boolean;
+};
+
+export function PolicyNameSection({ form }: PolicyNameSectionProps) {
+    const t = useTranslations();
+    return (
+        <SettingsSection>
+            <SettingsSectionHeader>
+                <SettingsSectionTitle>
+                    {t("resourcePolicyName")}
+                </SettingsSectionTitle>
+                <SettingsSectionDescription>
+                    {t("resourcePolicyNameDescription")}
+                </SettingsSectionDescription>
+            </SettingsSectionHeader>
+            <SettingsSectionBody>
+                <SettingsSectionForm>
+                    <FormField
+                        control={form.control}
+                        name="name"
+                        render={({ field }) => (
+                            <FormItem>
+                                <FormLabel>{t("name")}</FormLabel>
+                                <FormControl>
+                                    <Input
+                                        {...field}
+                                        placeholder={t(
+                                            "resourcePolicyNamePlaceholder"
+                                        )}
+                                    />
+                                </FormControl>
+                                <FormMessage />
+                            </FormItem>
+                        )}
+                    />
+                </SettingsSectionForm>
+            </SettingsSectionBody>
+
+            <div className="flex py-6 justify-end">
+                <Button
+                    type="submit"
+                    // loading={isSubmitting}
+                    // disabled={isSubmitting}
+                >
+                    {t("resourcePoliciesCreate")}
+                </Button>
+            </div>
+        </SettingsSection>
+    );
+}
+
+// ─── PolicyUsersRolesSection ──────────────────────────────────────────────────
+
 type PolicyUsersRolesSectionProps = {
     form: UseFormReturn<PolicyFormValues, any, any>;
     allRoles: { id: string; text: string }[];
@@ -128,8 +184,6 @@ type PolicyUsersRolesSectionProps = {
     allIdps: { id: number; text: string }[];
 };
 
-// ─── PolicyUsersRolesSection ──────────────────────────────────────────────────
-
 export function PolicyUsersRolesSection({
     form,
     allRoles,

src/components/resource-policy/index.ts

@@ -45,3 +45,21 @@ export const createPolicySchema = z.object({
 });
 
 export type PolicyFormValues = z.infer<typeof createPolicySchema>;
+
+export const addRuleSchema = z.object({
+    action: z.enum(["ACCEPT", "DROP", "PASS"]),
+    match: z.string(),
+    value: z.string(),
+    priority: z.coerce.number<number>().int().optional()
+});
+
+export type LocalRule = {
+    ruleId: number;
+    action: "ACCEPT" | "DROP" | "PASS";
+    match: string;
+    value: string;
+    priority: number;
+    enabled: boolean;
+    new?: boolean;
+    updated?: boolean;
+};