diff --git a/apps/hq-web/src/pages/ClientDetail.tsx b/apps/hq-web/src/pages/ClientDetail.tsx
index 08e5fa9..35f96ff 100644
--- a/apps/hq-web/src/pages/ClientDetail.tsx
+++ b/apps/hq-web/src/pages/ClientDetail.tsx
@@ -1153,11 +1153,22 @@ function ModuleFieldsForm(props: { cm: ClientModule; fieldSpec: FieldDef[]; onCh
       {nonSecret.length > 0 && (
         <>
           <div style={{ display: 'flex', gap: 14, flexWrap: 'wrap', alignItems: 'flex-end' }}>
-            {nonSecret.map((f) => (
-              <Field key={f.key} label={f.required === true ? `${f.label} *` : f.label}>
-                {control(f)}
-              </Field>
-            ))}
+            {nonSecret.map((f) => {
+              // A field holding an http(s) value gets a direct "Open ↗" link (portal/console shortcut).
+              const val = draft[f.key] ?? ''
+              const isUrl = /^https?:\/\//i.test(val.trim())
+              return (
+                <Field key={f.key} label={f.required === true ? `${f.label} *` : f.label}>
+                  <span style={{ display: 'inline-flex', gap: 6, alignItems: 'center' }}>
+                    {control(f)}
+                    {isUrl && (
+                      <a href={val.trim()} target="_blank" rel="noopener noreferrer"
+                        title="Open in a new tab" style={{ fontSize: 12, whiteSpace: 'nowrap' }}>Open ↗</a>
+                    )}
+                  </span>
+                </Field>
+              )
+            })}
           </div>
           <Toolbar>
             <Button tone="primary" disabled={busy || !dirty} onClick={save}>{busy ? 'Saving…' : 'Save fields'}</Button>