<!-- SAGA-SOLID · part 99 -->
-radius:12px;background:rgba(255,255,255,0.04);margin-bottom:8px;font-size:14px;">' +
    '<span style="color:' + DIM + ';">No AI connected</span></div>' +
    '<button id="cockpit-authorize" style="width:100%;padding:16px;border-radius:12px;border:1px solid ' + GOLD + ';' +
    'background:rgba(200,168,96,0.12);color:' + GOLD + ';font-size:16px;font-weight:600;cursor:pointer;margin-bottom:8px;">' +
    'Authorize Solid Drive</button>' +
    '<button id="cockpit-aidriver-toggle" style="width:100%;padding:14px;border-radius:12px;border:1px solid #555;' +
    'background:rgba(255,255,255,0.04);color:' + TEXT + ';font-size:15px;cursor:pointer;">' +
    'Connect Your AI ▸</button>' +
    '</div>' +

    /* AI DRIVER section (collapsible form) */
    '<div id="cockpit-aidriver" style="display:none;margin-bottom:20px;">' +
    '<div style="font-size:12px;font-weight:600;letter-spacing:2px;color:' + DIM + ';margin-bottom:8px;">CONNECT YOUR AI</div>' +

    '<div style="margin-bottom:10px;">' +
    '<div style="font-size:13px;color:' + DIM + ';margin-bottom:4px;">AI Name</div>' +
    '<input id="ai-name" placeholder="My Assistant" style="width:100%;padding:12px;border-radius:8px;' +
    'background:rgba(255,255,255,0.06);border:1px solid #444;color:' + TEXT + ';font-size:15px;box-sizing:border-box;" />' +
    '</div>' +

    '<div style="margin-bottom:10px;">' +
    '<div style="font-size:13px;color:' + DIM + ';margin-bottom:4px;">Agent Endpoint</div>' +
    '<input id="ai-endpoint" placeholder="https://..." style="width:100%;padding:12px;border-radius:8px;' +
    'background:rgba(255,255,255,0.06);border:1px solid #444;color:' + TEXT + ';font-size:15px;box-sizing:border-box;" />' +
    '</div>' +

    '<div style="margin-bottom:10px;">' +
    '<div style="font-size:13px;color:' + DIM + ';margin-bottom:4px;">Authentication</div>' +
    '<select id="ai-authtype" style="width:100%;padding:12px;border-radius:8px;' +
    'background:rgba(255,255,255,0.06);border:1px solid #444;color:' + TEXT + ';font-size:15px;box-sizing:border-box;">' +
    '<option value="api_key">API Key</option><option value="token">Token</option>' +
    '<option value="oauth">OAuth</option><option value="none">None</option></select>' +
    '</div>' +

    '<div style="margin-bottom:12px;">' +
    '<div style="font-size:13px;color:' + DIM + ';margin-bottom:4px;">Credential</div>' +
    '<input id="ai-credential" type="password" placeholder="••••••••" style="width:100%;padding:12px;border-radius:8px;' +
    'background:rgba(255,255,255,0.06);border:1px solid #444;color:' + TEXT + ';font-size:15px;box-sizing:border-box;" />' +
    '<div style="font-size:11px;color:' + DIM + ';margin-top:4px;">Stored server-side only. Never shown again.</div>' +
    '</div>' +

    '<div style="margin-bottom:12px;">' +
    '<div style="font-size:13px;color:' + DIM + ';margin-bottom:6px;">ALLOW THIS AI TO CONTROL MY AVATAR</div>' +
    '<label style="display:flex;align-items:center;padding:10px;background:rgba(200,168,96,0.08);border-radius:8px;margin-bottom:6px;cursor:pointer;">' +
    '<input type="checkbox" id="ai-perm-walk" checked style="width:20px;height:20px;margin-right:10px;accent-color:' + GOLD + ';" />' +
    '<span style="font-size:15px;">Walk & Turn</span></label>' +
    '<label style="display:flex;align-items:center;padding:10px;background:rgba(255,255,255,0.03);border-radius:8px;margin-bottom:6px;opacity:0.4;">' +
    '<input type="checkbox" disabled style="width:20px;height:20px;margin-right:10px;" />' +
    '<span style="font-size:15px;">Look / Camera <span style="font-size:11px;">— soon</span></span></label>' +
    '<label style="display:flex;align-items:center;padding:10px;background:rgba(255,255,255,0.03);border-radius:8px;margin-bottom:6px;opacity:0.4;">' +
    '<input type="checkbox" disabled style="width:20px;height:20px;margin-right:10px;" />' +
    '<span style="font-size:15px;">Jump <span style="font-size:11px;">— soon</span></span></label>' +
    '<label style="display:flex;align-items:center;padding:10px;background:rgba(255,255,255,0.03);border-radius:8px;margin-bottom:6px;opacity:0.4;">' +
    '<input type="checkbox" disabled style="width:20px;height:20px;margin-right:10px;" />' +
    '<span style="font-size:15px;">Interact <span style="font-size:11px;">— soon</span></span></label>' +
    '<label style="display:flex;align-items:center;padding:10px;background:rgba(255,255,255,0.03);border-radius:8px;margin-bottom:6px;opacity:0.4;">' +
    '<input type="checkbox" disabled style="width:20px;height:20px;margin-right:10px;" />' +
    '<span style="font-size:15px;">Fly / Hyper <span style="font-size:11px;">— not in V1</span></span></label>' +
    '</div>' +

    '<button id="cockpit-aiconnect" style="width:100%;padding:16px;border-radius:12px;border:1px solid ' + GOLD + ';' +
    'background:rgba(200,168,96,0.12);color:' + GOLD + ';font-size:16px;font-weight:600;cursor:pointer;margin-bottom:12px;">' +
    'CONNECT