feat: enhance service discovery and proxy management

frontend/src/components/ExamplesPanel.vue

@@ -7,23 +7,20 @@ const plane = useControlPlaneContext();
 <template>
   <section class="panel stack-panel tool-panel">
     <div class="panel-title">
-      <div>
-        <p class="eyebrow">Templates</p>
-        <h2>Examples</h2>
-      </div>
+      <div><h2>Templates</h2></div>
     </div>
 
     <div class="inline-grid">
       <input
         v-model="plane.customExampleName"
-        placeholder="Save current code as..."
+        placeholder="Save current script as template..."
       />
       <button @click="plane.saveCurrentAsExample">Save</button>
     </div>
 
     <div class="example-shell">
       <div class="example-browser">
-        <input v-model="plane.exampleSearch" placeholder="Search examples" />
+        <input v-model="plane.exampleSearch" placeholder="Search templates" />
 
         <div class="example-index">
           <button
@@ -35,6 +32,7 @@ const plane = useControlPlaneContext();
           >
             <strong>{{ example.name }}</strong>
             <small>{{ example.category }}</small>
+            <span class="example-snippet">{{ example.description }}</span>
           </button>
         </div>
       </div>
@@ -42,7 +40,6 @@ const plane = useControlPlaneContext();
       <article v-if="plane.selectedExample" class="example-preview">
         <div class="option-doc-head">
           <div>
-            <p class="eyebrow">Selected</p>
             <h3>{{ plane.selectedExample.name }}</h3>
           </div>
           <div class="template-meta">
@@ -55,6 +52,10 @@ const plane = useControlPlaneContext();
 
         <p class="doc-copy">{{ plane.selectedExample.description }}</p>
 
+        <pre class="terminal template-preview-terminal">{{
+          plane.selectedExample.code
+        }}</pre>
+
         <div class="doc-actions">
           <button @click="plane.applyExample(plane.selectedExample)">Use template</button>
           <a