Install page: visible SVG caret on the code panel, relock note moved to the top

web/src/components/Locked.tsx

@@ -150,6 +150,10 @@ api.duplicate_repo(
             This copy is <b>public</b>, so its terminals are disabled: the app has no login of its
             own — a public instance would hand anyone a shell. Your duplicate stays private and unlocks itself.
           </p>
+          <p className="locked-sub install-relock">
+            <b>Is this your Space?</b> Set it back to <b>Private</b> in Settings → Change visibility —
+            it unlocks automatically within a minute.
+          </p>
 
           <div className="step">
             <div className="step-head"><span className="step-n mono">1</span><h3>Duplicate this Space</h3></div>
@@ -176,7 +180,7 @@ api.duplicate_repo(
             <summary className="step-head">
               <span className="step-n mono">&gt;_</span>
               <h3>Prefer code? Both steps in one script</h3>
-              <span className="install-code-caret">▸</span>
+              <svg className="install-code-caret" viewBox="0 0 10 10" aria-hidden="true"><path d="M1.8 3.2h6.4L5 7.4z" fill="currentColor" /></svg>
             </summary>
             <div className="locked-cmd">
               <pre><code>{cmd}</code></pre>
@@ -188,11 +192,6 @@ api.duplicate_repo(
               </button>
             </div>
           </details>
-
-          <p className="locked-sub install-relock">
-            <b>Is this your Space?</b> Set it back to <b>Private</b> in Settings → Change visibility —
-            it unlocks automatically within a minute.
-          </p>
         </div>
       </div>
     </div>

web/src/styles.css

@@ -347,10 +347,11 @@ body {
 .install-code summary { cursor: pointer; list-style: none; }
 .install-code summary::-webkit-details-marker { display: none; }
 .install-code summary .step-n { border-radius: var(--r-sm); font-size: 9px; letter-spacing: 0.02em; }
-.install-code .install-code-caret { margin-left: auto; color: var(--muted); font-size: 11px; transition: transform 0.15s ease-out; display: inline-block; }
-.install-code[open] .install-code-caret { transform: rotate(90deg); }
+.install-code .install-code-caret { margin-left: auto; width: 12px; height: 12px; color: var(--muted); transition: transform 0.15s ease-out; transform: rotate(-90deg); transform-origin: 50% 50%; flex: none; }
+.install-code[open] .install-code-caret { transform: rotate(0deg); }
+.install-code summary:hover .install-code-caret { color: var(--text); }
 .install-code[open] summary { margin-bottom: 4px; }
-.install-relock { border-top: 1px solid var(--border); padding-top: 14px; }
+.install-relock { border-bottom: 1px solid var(--border); padding-bottom: 16px; }
 .locked-cmd { position: relative; margin-top: 8px; }
 .locked-cmd pre { margin: 0; overflow-x: hidden; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--panel-2); border: 1px solid var(--border); border-radius: var(--r-md); padding: 42px 14px 14px; font-size: 12px; line-height: 1.5; }
 .locked-copy { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--panel); color: var(--muted); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }