feat: add script disable functionality with visual indicators (#9374)

frontend/src/app/json-editor/_schemas/schemas.ts

@@ -35,12 +35,22 @@ export const ScriptSchema = z.object({
   logo: z.string().url().nullable(),
   config_path: z.string(),
   description: z.string().min(1, "Description is required"),
+  disable: z.boolean().optional(),
+  disable_description: z.string().optional(),
   install_methods: z.array(InstallMethodSchema).min(1, "At least one install method is required"),
   default_credentials: z.object({
     username: z.string().nullable(),
     password: z.string().nullable(),
   }),
   notes: z.array(NoteSchema),
+}).refine((data) => {
+  if (data.disable === true && !data.disable_description) {
+    return false;
+  }
+  return true;
+}, {
+  message: "disable_description is required when disable is true",
+  path: ["disable_description"],
 });
 
 export type Script = z.infer<typeof ScriptSchema>;

frontend/src/app/json-editor/page.tsx

@@ -42,6 +42,8 @@ const initialScript: Script = {
   website: null,
   logo: null,
   description: "",
+  disable: undefined,
+  disable_description: undefined,
   install_methods: [],
   default_credentials: {
     username: null,
@@ -261,7 +263,25 @@ export default function JSONGenerator() {
               <Switch checked={script.privileged} onCheckedChange={checked => updateScript("privileged", checked)} />
               <label>Privileged</label>
             </div>
+            <div className="flex items-center space-x-2">
+              <Switch checked={script.disable || false} onCheckedChange={checked => updateScript("disable", checked)} />
+              <label>Disabled</label>
+            </div>
           </div>
+          {script.disable && (
+            <div>
+              <Label>
+                Disable Description
+                {" "}
+                <span className="text-red-500">*</span>
+              </Label>
+              <Textarea
+                placeholder="Explain why this script is disabled..."
+                value={script.disable_description || ""}
+                onChange={e => updateScript("disable_description", e.target.value)}
+              />
+            </div>
+          )}
           <Input
             placeholder="Interface Port"
             type="number"