feat: Implement dynamic plugin definition loading from remote/local sources and standardize action IDs using plugin metadata.

src/components/experiments/designer/panels/InspectorPanel.tsx

@@ -207,6 +207,18 @@ export function InspectorPanel({
   /* ------------------------------------------------------------------------ */
   /* Render                                                                   */
   /* ------------------------------------------------------------------------ */
+  const designObject = useMemo(
+    () => ({
+      id: "design",
+      name: "Design",
+      description: "",
+      version: 1,
+      steps,
+      lastSaved: new Date(),
+    }),
+    [steps],
+  );
+
   return (
     <div
       className={cn(
@@ -284,17 +296,7 @@ export function InspectorPanel({
               <div className="flex-1 overflow-x-hidden overflow-y-auto">
                 <div className="w-full px-0 py-2 break-words whitespace-normal">
                   <PropertiesPanel
-                    design={useMemo(
-                      () => ({
-                        id: "design",
-                        name: "Design",
-                        description: "",
-                        version: 1,
-                        steps,
-                        lastSaved: new Date(),
-                      }),
-                      [steps],
-                    )}
+                    design={designObject}
                     selectedStep={selectedStep}
                     selectedAction={selectedAction}
                     onActionUpdate={handleActionUpdate}