From 09b8f07e1eb853e8f70439c1a1cada59d3ac2b48 Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Wed, 25 Feb 2026 13:50:20 -0500
Subject: [PATCH] feat: add Library Visibility select to procedural StepEditor

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../procedural-editor/StepEditor.tsx          | 22 +++++++++++++++++++
 frontend/src/types/tree.ts                    |  1 +
 2 files changed, 23 insertions(+)

diff --git a/frontend/src/components/procedural-editor/StepEditor.tsx b/frontend/src/components/procedural-editor/StepEditor.tsx
index 57c87929..6ce284ac 100644
--- a/frontend/src/components/procedural-editor/StepEditor.tsx
+++ b/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>
diff --git a/frontend/src/types/tree.ts b/frontend/src/types/tree.ts
index 8328163e..f9bd54ff 100644
--- a/frontend/src/types/tree.ts
+++ b/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 {