feat: add Library Visibility select to procedural StepEditor

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/components/procedural-editor/StepEditor.tsx

@@ -254,6 +254,28 @@ export function StepEditor({ step, stepNumber, onUpdate, onCollapse, availableVa
                 </label>
               </div>
             </div>
+
+            {/* Library Visibility */}
+            <div>
+              <label htmlFor="library-visibility" className="mb-1.5 block text-xs font-medium text-muted-foreground">
+                Library Visibility
+              </label>
+              <select
+                id="library-visibility"
+                value={step.library_visibility ?? ''}
+                onChange={(e) => onUpdate({
+                  library_visibility: e.target.value === '' ? undefined : e.target.value as 'team' | 'public'
+                })}
+                className="w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary/20"
+              >
+                <option value="">Inherit from flow</option>
+                <option value="team">Team only</option>
+                <option value="public">Public</option>
+              </select>
+              <p className="mt-1 text-[10px] text-muted-foreground">
+                Controls visibility in the step library. Defaults to the flow's own visibility setting.
+              </p>
+            </div>
           </div>
         )}
       </div>

frontend/src/types/tree.ts

@@ -121,6 +121,7 @@ export interface ProceduralStep {
   notes_enabled?: boolean
   section_header?: string
   reference_url?: string
+  library_visibility?: 'team' | 'public'
 }
 
 export interface CustomProceduralStep {