{"id":5660,"date":"2026-02-23T11:03:06","date_gmt":"2026-02-23T11:03:06","guid":{"rendered":"https:\/\/ceoofyour.life\/?page_id=5660"},"modified":"2026-02-23T11:04:12","modified_gmt":"2026-02-23T11:04:12","slug":"leadership-training-dashboard","status":"publish","type":"page","link":"https:\/\/ceoofyour.life\/fr\/leadership-training-dashboard\/","title":{"rendered":"Leadership Training Dashboard"},"content":{"rendered":"<section  class='av_textblock_section av-av_textblock-04ce062f0f531db95fa373377a6da7d4 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" >    <div id=\"leadership-index-app\" class=\"antialiased text-slate-900 bg-slate-50 rounded-3xl shadow-xl border border-slate-200\" \r\n         style=\"position: relative; min-height: 850px; z-index: 1000; margin-bottom: 50px; overflow: hidden;\"\r\n         data-logged-in=\"false\"\r\n         data-raw='' \r\n         data-role=\"\"\r\n         data-name=\"\"\r\n         data-target-userid=\"\"\r\n         data-nonce=\"e9338ce815\"\r\n         data-ajaxurl=\"https:\/\/ceoofyour.life\/wp-admin\/admin-ajax.php\"\r\n         data-loginurl=\"https:\/\/ceoofyour.life\/wp-login.php?wpe-login=true\">\r\n        \r\n        <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n        <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n        \r\n        <style>\r\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');\r\n            #leadership-index-app { font-family: 'Plus Jakarta Sans', sans-serif; --heart: #e11d48; --strategy: #2563eb; --coherence: #8b5cf6; }\r\n            \r\n            \/* Improved Glass Panel specifically using background-color to avoid clearing tailwind gradients\/bg-colors *\/\r\n            #leadership-index-app .glass-panel { background-color: rgba(255, 255, 255, 0.98); backdrop-filter: blur(12px); border: 1px solid rgba(226, 232, 240, 1); box-shadow: 0 4px 20px -5px rgba(0,0,0,0.05); }\r\n            \r\n            #leadership-index-app .tab-active { color: var(--strategy) !important; border-bottom: 2px solid var(--strategy) !important; opacity: 1 !important; }\r\n            #leadership-index-app .input-slider { -webkit-appearance: none; width: 100%; height: 6px; background: #e2e8f0; border-radius: 10px; outline: none; }\r\n            #leadership-index-app .input-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; background: white; border: 2px solid var(--strategy); border-radius: 50%; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }\r\n            #leadership-index-app .target-slider::-webkit-slider-thumb { border: 2px solid #94a3b8; }\r\n            #leadership-index-app .radar-poly { transition: d 0.8s cubic-bezier(0.4, 0, 0.2, 1); }\r\n            #leadership-index-app #loading-overlay { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.9); z-index: 10000; display: flex; align-items: center; justify-content: center; color: white; flex-direction: column; gap: 1.5rem; border-radius: 24px; }\r\n            #leadership-index-app .app-overlay-screen { position: absolute; inset: 0; z-index: 5000; background: #f8fafc; border-radius: 24px; overflow-y: auto; padding-bottom: 100px; }\r\n            .outcome-arrow { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: draw 2s forwards ease-in-out; }\r\n            @keyframes draw { to { stroke-dashoffset: 0; } }\r\n            .metric-card { transition: all 0.2s ease; }\r\n            .metric-card:hover { transform: translateY(-3px); }\r\n            .scale-radio:checked + span { background-color: var(--strategy); color: white; border-color: var(--strategy); }\r\n            .scale-bar-bg { background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 100%); }\r\n            .textarea-custom { width: 100%; min-height: 80px; padding: 12px; border-radius: 12px; border: 1px solid #cbd5e1; font-size: 13px; outline: none; resize: vertical; transition: all 0.3s; }\r\n            .textarea-custom:focus { border-color: var(--strategy); box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }\r\n            \r\n            \/* Floating Save Button Classes *\/\r\n            .save-btn-hidden { transform: translateY(150%); opacity: 0; pointer-events: none; }\r\n            .save-btn-active { transform: translateY(0); opacity: 1; pointer-events: auto; }\r\n            \r\n            \/* Hide scrollbar for clean tabs *\/\r\n            .no-scrollbar::-webkit-scrollbar { display: none; }\r\n            .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n            \r\n            \/* Explicitly override aggressive WordPress Theme heading styles on dark backgrounds *\/\r\n            #leadership-index-app .force-white { color: #ffffff !important; }\r\n            #leadership-index-app .force-rose { color: #fb7185 !important; }\r\n            #leadership-index-app .force-blue { color: #93c5fd !important; }\r\n            #leadership-index-app .force-slate-light { color: #e2e8f0 !important; }\r\n            #leadership-index-app .force-slate-dim { color: #cbd5e1 !important; }\r\n        <\/style>\r\n\r\n        <!-- Global Loading Overlay -->\r\n        <div id=\"loading-overlay\" style=\"display: none;\">\r\n            <div class=\"animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-blue-500\"><\/div>\r\n            <p id=\"loading-text\" class=\"text-sm font-bold uppercase tracking-widest text-blue-200\">Synchronizing Progress...<\/p>\r\n        <\/div>\r\n\r\n        <!-- AUTH SCREEN (Custom Login Form inside the tool) -->\r\n        <div id=\"screen-auth\" class=\"hidden app-overlay-screen bg-slate-900 flex items-center justify-center p-6\">\r\n            <div class=\"glass-panel w-full max-w-lg p-10 rounded-[2.5rem] text-center space-y-8 shadow-2xl relative overflow-hidden\">\r\n                <div class=\"absolute -top-24 -right-24 w-48 h-48 bg-blue-500\/10 rounded-full blur-3xl\"><\/div>\r\n                <div class=\"w-16 h-16 bg-slate-900 rounded-2xl mx-auto flex items-center justify-center text-white font-black text-3xl\">MD<\/div>\r\n                \r\n                <div class=\"space-y-2\">\r\n                    <h2 class=\"text-2xl font-black text-slate-900\">Executive Portal<\/h2>\r\n                    <p class=\"text-sm text-slate-500\">Please authenticate to access your diagnostic dashboard.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"flex p-1 bg-slate-100 rounded-2xl border border-slate-200\">\r\n                    <button type=\"button\" onclick=\"setAuthMode('coachee')\" id=\"mode-coachee\" class=\"flex-1 py-2.5 rounded-xl text-xs font-bold transition-all bg-white shadow-sm text-slate-900\">Leader \/ Manager Login<\/button>\r\n                    <button type=\"button\" onclick=\"setAuthMode('coach')\" id=\"mode-coach\" class=\"flex-1 py-2.5 rounded-xl text-xs font-bold transition-all text-slate-500 hover:text-slate-800\">Admin Portal<\/button>\r\n                <\/div>\r\n                \r\n                <form id=\"wp-login-form-custom\" action=\"https:\/\/ceoofyour.life\/wp-login.php?wpe-login=true\" method=\"post\" class=\"text-left space-y-5\">\r\n                    <div>\r\n                        <label class=\"text-[10px] font-black uppercase text-slate-500 ml-1 mb-1 block\">Email Address \/ Username<\/label>\r\n                        <div class=\"relative\">\r\n                            <i class=\"fas fa-envelope absolute left-4 top-1\/2 -translate-y-1\/2 text-slate-400 text-xs\"><\/i>\r\n                            <input type=\"text\" name=\"log\" placeholder=\"Enter your credentials\" class=\"w-full pl-11 pr-5 py-3.5 rounded-xl border border-slate-300 text-sm focus:ring-2 focus:ring-blue-500 outline-none transition-all\" required>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <label class=\"text-[10px] font-black uppercase text-slate-500 ml-1 mb-1 block\">Password<\/label>\r\n                        <div class=\"relative\">\r\n                            <i class=\"fas fa-lock absolute left-4 top-1\/2 -translate-y-1\/2 text-slate-400 text-xs\"><\/i>\r\n                            <input type=\"password\" name=\"pwd\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" class=\"w-full pl-11 pr-5 py-3.5 rounded-xl border border-slate-300 text-sm focus:ring-2 focus:ring-blue-500 outline-none transition-all\" required>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Redirect back to the exact page they logged in from -->\r\n                    <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/ceoofyour.life\/fr\/leadership-training-dashboard\/\">\r\n                    <button type=\"submit\" class=\"w-full bg-slate-900 text-white py-4 rounded-2xl font-bold text-sm hover:bg-slate-800 transition shadow-xl cursor-pointer\">\r\n                        Log In to Platform\r\n                    <\/button>\r\n                <\/form>\r\n                <p class=\"text-[10px] text-slate-500\">Account credentials are managed by your program administrator.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Onboarding Screen -->\r\n        <div id=\"screen-onboarding\" class=\"hidden app-overlay-screen bg-slate-900 flex items-center justify-center p-6\">\r\n            <div class=\"glass-panel w-full max-w-md p-10 rounded-3xl text-center space-y-8 shadow-2xl border-none\">\r\n                <div class=\"w-16 h-16 bg-slate-900 rounded-2xl mx-auto flex items-center justify-center text-white font-black text-3xl shadow-lg\">MD<\/div>\r\n                <div class=\"space-y-2\">\r\n                    <h2 class=\"text-2xl font-black text-slate-900\">Finalize Your Profile<\/h2>\r\n                    <p class=\"text-sm text-slate-500 italic\">Welcome, <span class=\"font-bold text-blue-600\" id=\"onboarding-name\"><\/span><\/p>\r\n                <\/div>\r\n                <div class=\"flex flex-col space-y-4 text-left\">\r\n                    <div>\r\n                        <label class=\"text-[10px] font-black uppercase text-slate-500 ml-1 mb-1 block\">Executive Title<\/label>\r\n                        <input type=\"text\" id=\"user-title\" placeholder=\"e.g. CEO or Director\" class=\"w-full px-5 py-3 rounded-xl border border-slate-300 text-sm outline-none focus:ring-2 focus:ring-blue-500\">\r\n                    <\/div>\r\n                    <div>\r\n                        <label class=\"text-[10px] font-black uppercase text-slate-500 ml-1 mb-1 block\">Company \/ Division<\/label>\r\n                        <input type=\"text\" id=\"user-position\" placeholder=\"Organization name\" class=\"w-full px-5 py-3 rounded-xl border border-slate-300 text-sm outline-none focus:ring-2 focus:ring-blue-500\">\r\n                    <\/div>\r\n                <\/div>\r\n                <button id=\"btn-start-onboarding\" class=\"w-full bg-blue-600 text-white py-4 rounded-xl font-bold text-sm hover:bg-blue-700 transition shadow-lg\">Begin Diagnostic Assessment<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Assessment Screen -->\r\n        <div id=\"screen-assessment\" class=\"hidden app-overlay-screen py-12 px-6\">\r\n            <div class=\"max-w-3xl mx-auto space-y-8 pb-20\">\r\n                <div class=\"flex items-center justify-between mb-10\">\r\n                    <div class=\"flex items-center space-x-4\">\r\n                        <div class=\"w-12 h-12 bg-slate-900 rounded-2xl flex items-center justify-center text-white font-bold shadow-xl\">MD<\/div>\r\n                        <div>\r\n                            <h1 class=\"text-xl font-black uppercase tracking-tight text-slate-900\" id=\"assessment-greeting\">Establishing Baseline<\/h1>\r\n                            <p class=\"text-xs font-bold text-slate-500 uppercase tracking-widest\">Where Do You Lead From?<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"glass-panel rounded-3xl p-10 space-y-12 shadow-md border-slate-200\" id=\"assessment-form\"><\/div>\r\n                <div class=\"flex justify-end\"><button id=\"btn-submit-assessment\" class=\"bg-indigo-600 text-white px-10 py-5 rounded-2xl font-bold shadow-xl hover:bg-indigo-700 transition cursor-pointer\">Submit Assessment<\/button><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Main Dashboard Shell -->\r\n        <div id=\"screen-dashboard\" class=\"hidden min-h-screen flex flex-col relative\">\r\n            <nav class=\"bg-white border-b border-slate-200 sticky top-0 z-50 px-6 h-16 flex justify-between items-center shrink-0\">\r\n                <div class=\"flex items-center space-x-3\">\r\n                    <div class=\"w-8 h-8 bg-slate-900 rounded flex items-center justify-center text-white font-bold text-sm shadow-md\">MD<\/div>\r\n                    <h1 class=\"text-xs font-black tracking-widest text-slate-900 uppercase hidden lg:block\">Leadership Index\u2122<\/h1>\r\n                <\/div>\r\n                \r\n                <!-- TABS -->\r\n                <div class=\"flex space-x-1 sm:space-x-3 h-full items-center overflow-x-auto no-scrollbar flex-nowrap whitespace-nowrap\">\r\n                    <button id=\"tab-individual\" onclick=\"window.switchTab('individual')\" class=\"text-[9px] sm:text-[10px] font-bold uppercase tracking-widest h-full px-2 tab-active transition-all cursor-pointer border-b-2 border-transparent\">Visual Model<\/button>\r\n                    <button id=\"tab-alignment\" onclick=\"window.switchTab('alignment')\" class=\"text-[9px] sm:text-[10px] font-bold uppercase tracking-widest h-full px-2 text-slate-500 transition-all hover:text-slate-900 cursor-pointer border-b-2 border-transparent\">Alignment<\/button>\r\n                    <button id=\"tab-story\" onclick=\"window.switchTab('story')\" class=\"text-[9px] sm:text-[10px] font-bold uppercase tracking-widest h-full px-2 text-slate-500 transition-all hover:text-slate-900 cursor-pointer border-b-2 border-transparent\">Leadership Story<\/button>\r\n                    <button id=\"tab-calendar\" onclick=\"window.switchTab('calendar')\" class=\"text-[9px] sm:text-[10px] font-bold uppercase tracking-widest h-full px-2 text-slate-500 transition-all hover:text-slate-900 cursor-pointer border-b-2 border-transparent\">Roadmap<\/button>\r\n                    \r\n                    <!-- Restricted Tabs for Coach -->\r\n                    <button id=\"tab-answers\" onclick=\"window.switchTab('answers')\" class=\"hidden text-[9px] sm:text-[10px] font-bold uppercase tracking-widest h-full px-2 text-slate-500 transition-all hover:text-slate-900 cursor-pointer border-b-2 border-transparent\">Client Answers<\/button>\r\n                    <button id=\"tab-coach\" onclick=\"window.switchTab('coach')\" class=\"hidden text-[9px] sm:text-[10px] font-bold uppercase tracking-widest h-full px-2 text-slate-500 transition-all hover:text-slate-900 cursor-pointer border-b-2 border-transparent\">Console<\/button>\r\n                    <button id=\"tab-hr\" onclick=\"window.switchTab('hr')\" class=\"hidden text-[9px] sm:text-[10px] font-bold uppercase tracking-widest h-full px-2 text-slate-500 transition-all hover:text-slate-900 cursor-pointer border-b-2 border-transparent\">Reporting<\/button>\r\n                    <button id=\"tab-directory\" onclick=\"window.switchTab('directory')\" class=\"hidden text-[9px] sm:text-[10px] font-bold uppercase tracking-widest h-full px-2 text-slate-500 transition-all hover:text-slate-900 cursor-pointer border-b-2 border-transparent\">Clients<\/button>\r\n                <\/div>\r\n\r\n                <div class=\"flex items-center space-x-4\">\r\n                    <div class=\"hidden md:flex flex-col items-end\">\r\n                        <span class=\"text-[10px] font-black text-slate-900\" id=\"display-name\"><\/span>\r\n                        <span class=\"text-[8px] font-bold text-slate-500 uppercase tracking-tighter\" id=\"display-title\">Executive<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/nav>\r\n\r\n            <main class=\"max-w-7xl mx-auto px-6 py-8 w-full grow pb-32\">\r\n                <!-- Floating Save Button -->\r\n                <div id=\"btn-global-save-container\" class=\"fixed bottom-8 right-8 z-[100] save-btn-hidden transition-all duration-500\">\r\n                    <button onclick=\"window.saveAndSync()\" class=\"bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-4 rounded-full font-black tracking-widest text-xs uppercase shadow-2xl flex items-center space-x-3 cursor-pointer border border-indigo-400\">\r\n                        <i class=\"fas fa-save text-sm\"><\/i>\r\n                        <span>Save & Update Intelligence<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <!-- TAB EXPLANATIONS -->\r\n                <div id=\"header-individual\" class=\"mb-8 flex justify-between items-center\">\r\n                    <div>\r\n                        <h2 class=\"text-xl font-extrabold text-slate-900 tracking-tight\">Leadership Presence Mapping<\/h2>\r\n                        <p class=\"text-xs text-slate-600 max-w-2xl leading-relaxed mt-2 p-3 bg-slate-100 rounded-lg border border-slate-200\">\r\n                            <strong class=\"text-slate-800\">The Heart + Strategy Leadership Index\u2122<\/strong> measures inner capacity and strategic behaviors. \r\n                        <\/p>\r\n                    <\/div>\r\n                    <button id=\"btn-retake-assessment\" onclick=\"window.openAssessment()\" class=\"hidden bg-slate-200 text-slate-700 px-4 py-2 rounded-xl text-[10px] font-bold uppercase tracking-widest hover:bg-slate-300 transition shadow-sm border border-slate-300\">\r\n                        Update Assessment\r\n                    <\/button>\r\n                <\/div>\r\n                <div id=\"header-alignment\" class=\"hidden mb-8\">\r\n                    <h2 class=\"text-xl font-extrabold text-slate-900 tracking-tight\">Corporate & Human Alignment<\/h2>\r\n                    <p class=\"text-xs text-slate-500 max-w-2xl leading-relaxed mt-1\">Anchor your coaching journey in the organization's core behaviors and the humanity you choose to bring forward.<\/p>\r\n                <\/div>\r\n                <div id=\"header-story\" class=\"hidden mb-8\">\r\n                    <h2 class=\"text-xl font-extrabold text-slate-900 tracking-tight\">Your Leadership Story<\/h2>\r\n                    <p class=\"text-xs text-slate-500 max-w-2xl leading-relaxed mt-1\">Review your corporate behavioral alignment, areas of greatest improvement, and qualitative reflections.<\/p>\r\n                <\/div>\r\n                <div id=\"header-calendar\" class=\"hidden mb-8\">\r\n                    <h2 class=\"text-xl font-extrabold text-slate-900 tracking-tight\">Coaching Journey Roadmap<\/h2>\r\n                    <p class=\"text-xs text-slate-500 max-w-2xl leading-relaxed mt-1\">Your AI-generated 30-60-90 day strategic plan and suggested weekly session topics based on your 5-point assessment.<\/p>\r\n                <\/div>\r\n                <div id=\"header-answers\" class=\"hidden mb-8\">\r\n                    <h2 class=\"text-xl font-extrabold text-slate-900 tracking-tight\">Raw Assessment Data<\/h2>\r\n                    <p class=\"text-xs text-slate-500 max-w-2xl leading-relaxed mt-1\">Review the exact responses provided by the executive and their manager during the baseline discovery phase.<\/p>\r\n                <\/div>\r\n                <div id=\"header-coach\" class=\"hidden mb-8 flex justify-between items-center\">\r\n                    <div>\r\n                        <h2 class=\"text-xl font-extrabold text-slate-900 tracking-tight\">Coaching Strategy Console<\/h2>\r\n                        <p class=\"text-xs text-slate-500 max-w-2xl leading-relaxed mt-1\">Calibrate 5-point mastery levels, select development priorities, and log qualitative insights to guide the engagement.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div id=\"header-hr\" class=\"hidden mb-8\">\r\n                    <h2 class=\"text-xl font-extrabold text-slate-900 tracking-tight\">Performance Reporting<\/h2>\r\n                    <p class=\"text-xs text-slate-500 max-w-2xl leading-relaxed mt-1\">Review behavioral coherence translations into tangible business value and detailed progress metrics.<\/p>\r\n                <\/div>\r\n                <div id=\"header-directory\" class=\"hidden mb-8 flex justify-between items-center\">\r\n                    <div>\r\n                        <h2 class=\"text-xl font-extrabold text-slate-900 tracking-tight\">Organizational Leadership Heatmap & Portfolio<\/h2>\r\n                        <p class=\"text-xs text-slate-500 max-w-2xl leading-relaxed mt-1\">Manage executive clients and view aggregated systemic capability across the organization.<\/p>\r\n                    <\/div>\r\n                    <button onclick=\"window.toggleNewClientForm()\" class=\"bg-slate-900 text-white px-4 py-2 rounded-xl text-[10px] font-bold uppercase tracking-widest hover:bg-slate-800 transition shadow-md\">\r\n                        + New Client\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <!-- Individual Dashboard (Visual Model) -->\r\n                <div id=\"view-individual\" class=\"space-y-6\">\r\n                    <div class=\"glass-panel rounded-3xl p-10 flex flex-col items-center justify-center relative overflow-hidden bg-gradient-to-br from-white to-slate-50 border-slate-200\">\r\n                        <div class=\"text-center mb-8 z-10\">\r\n                            <h2 class=\"text-2xl font-black text-slate-900 mb-2 uppercase tracking-tighter\">Heart + Strategy Leadership Index\u2122<\/h2>\r\n                            <p class=\"text-xs font-bold text-slate-500 uppercase tracking-widest mb-4\" id=\"user-context-header\">Coaching Journey Analysis<\/p>\r\n                            <h3 class=\"text-4xl font-black text-slate-900 tracking-tight mt-2\" id=\"archetype-label\">Analyzing...<\/h3>\r\n                            <p class=\"text-sm font-medium text-slate-600 mt-2\" id=\"archetype-desc\"><\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 w-full max-w-4xl mt-4 z-10\">\r\n                            <div class=\"text-center p-4 bg-white rounded-2xl shadow-sm border border-slate-200 metric-card\">\r\n                                <p class=\"text-[9px] font-black text-slate-500 uppercase tracking-widest mb-1\">Integration Score<\/p>\r\n                                <p class=\"text-3xl font-black text-slate-900\" id=\"stat-total\">0.0<\/p>\r\n                                <p class=\"text-[8px] text-slate-500 font-bold uppercase mt-1\">Out of 5.0<\/p>\r\n                            <\/div>\r\n                            <div class=\"text-center p-4 bg-rose-50 rounded-2xl border border-rose-200 metric-card\">\r\n                                <p class=\"text-[9px] font-black text-rose-500 uppercase tracking-widest mb-1\">Heart<\/p>\r\n                                <p class=\"text-3xl font-black text-rose-600\" id=\"stat-heart\">0.0<\/p>\r\n                                <p class=\"text-[8px] text-rose-500 font-bold uppercase mt-1\">Inner Capacity<\/p>\r\n                            <\/div>\r\n                            <div class=\"text-center p-4 bg-blue-50 rounded-2xl border border-blue-200 metric-card\">\r\n                                <p class=\"text-[9px] font-black text-blue-500 uppercase tracking-widest mb-1\">Strategy<\/p>\r\n                                <p class=\"text-3xl font-black text-blue-600\" id=\"stat-strategy\">0.0<\/p>\r\n                                <p class=\"text-[8px] text-blue-500 font-bold uppercase mt-1\">Action<\/p>\r\n                            <\/div>\r\n                            <!-- Leadership Energy Index Replacement -->\r\n                            <div class=\"text-center p-4 bg-emerald-50 rounded-2xl border border-emerald-200 metric-card\">\r\n                                <p class=\"text-[9px] font-black text-emerald-600 uppercase tracking-widest mb-1\">Energy Index<\/p>\r\n                                <p class=\"text-3xl font-black text-emerald-700\" id=\"stat-energy\">0.0<\/p>\r\n                                <p class=\"text-[8px] text-emerald-600 font-bold uppercase mt-1\">Resilience \/ Capacity<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Dynamic Visual Model SVG mapping to Heart & Strategy -->\r\n                        <div class=\"relative w-full max-w-4xl flex flex-col md:flex-row items-center justify-center mt-12 mb-8\">\r\n                            <svg viewBox=\"0 0 800 300\" class=\"w-full h-auto drop-shadow-xl\">\r\n                                <!-- Strategy Circle (Left) -->\r\n                                <circle cx=\"280\" cy=\"150\" r=\"120\" fill=\"rgba(37, 99, 235, 0.05)\" stroke=\"#2563eb\" stroke-width=\"2\" stroke-dasharray=\"5 5\" \/>\r\n                                <text x=\"210\" y=\"70\" class=\"text-[10px] font-black fill-blue-600 uppercase tracking-widest\">Strategy<\/text>\r\n                                <foreignObject x=\"240\" y=\"110\" width=\"80\" height=\"80\">\r\n                                    <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"flex justify-center items-center h-full text-5xl text-blue-900\/10\">\r\n                                        <i class=\"fas fa-chess-knight\"><\/i>\r\n                                    <\/div>\r\n                                <\/foreignObject>\r\n\r\n                                <!-- Heart Circle (Right) -->\r\n                                <circle cx=\"420\" cy=\"150\" r=\"120\" fill=\"rgba(225, 29, 72, 0.05)\" stroke=\"#e11d48\" stroke-width=\"2\" stroke-dasharray=\"5 5\" \/>\r\n                                <text x=\"450\" y=\"70\" class=\"text-[10px] font-black fill-rose-600 uppercase tracking-widest\">Heart<\/text>\r\n                                <foreignObject x=\"380\" y=\"110\" width=\"80\" height=\"80\">\r\n                                    <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"flex justify-center items-center h-full text-5xl text-slate-800\/10\">\r\n                                        <i class=\"fas fa-heart\"><\/i>\r\n                                    <\/div>\r\n                                <\/foreignObject>\r\n\r\n                                <!-- Intersection (Integration) -->\r\n                                <path d=\"M 350,56 A 120,120 0 0 1 350,244 A 120,120 0 0 1 350,56 Z\" fill=\"rgba(139, 92, 246, 0.15)\" \/>\r\n                                <foreignObject x=\"310\" y=\"110\" width=\"80\" height=\"80\">\r\n                                    <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"flex justify-center items-center h-full text-4xl text-rose-500\/40\">\r\n                                        <i class=\"fas fa-fire-flame-curved\"><\/i>\r\n                                    <\/div>\r\n                                <\/foreignObject>\r\n\r\n                                <!-- Outcomes Arrow -->\r\n                                <path d=\"M 550,150 L 650,150\" stroke=\"#cbd5e1\" stroke-width=\"4\" stroke-linecap=\"round\" class=\"outcome-arrow\" \/>\r\n                                <g class=\"text-[10px] font-black fill-slate-900 uppercase tracking-widest\">\r\n                                    <text x=\"730\" y=\"100\" text-anchor=\"middle\">Awareness<\/text>\r\n                                    <text x=\"730\" y=\"135\" text-anchor=\"middle\">Clarity<\/text>\r\n                                    <text x=\"730\" y=\"170\" text-anchor=\"middle\">Alignment<\/text>\r\n                                    <text x=\"730\" y=\"205\" text-anchor=\"middle\">Action<\/text>\r\n                                <\/g>\r\n\r\n                                <!-- Dynamic MGR Position Marker -->\r\n                                <g id=\"mgr-position-marker\" style=\"transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0;\" transform=\"translate(350, 250)\">\r\n                                    <circle cx=\"0\" cy=\"0\" r=\"10\" fill=\"#f43f5e\" stroke=\"#ffffff\" stroke-width=\"2\" class=\"shadow-xl\" \/>\r\n                                    <rect x=\"-20\" y=\"-30\" width=\"40\" height=\"16\" rx=\"8\" fill=\"#f43f5e\" \/>\r\n                                    <text x=\"0\" y=\"-19\" text-anchor=\"middle\" class=\"text-[9px] font-bold fill-white\">MGR<\/text>\r\n                                <\/g>\r\n\r\n                                <!-- Dynamic User Position Marker -->\r\n                                <g id=\"user-position-marker\" style=\"transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);\" transform=\"translate(350, 250)\">\r\n                                    <circle cx=\"0\" cy=\"0\" r=\"10\" fill=\"#0f172a\" stroke=\"#ffffff\" stroke-width=\"2\" class=\"shadow-xl\" \/>\r\n                                    <circle cx=\"0\" cy=\"0\" r=\"16\" fill=\"rgba(15, 23, 42, 0.2)\" class=\"animate-ping\" \/>\r\n                                    <rect x=\"-20\" y=\"-30\" width=\"40\" height=\"16\" rx=\"8\" fill=\"#0f172a\" \/>\r\n                                    <text x=\"0\" y=\"-19\" text-anchor=\"middle\" class=\"text-[9px] font-bold fill-white\">YOU<\/text>\r\n                                <\/g>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <p class=\"text-xs text-slate-600 italic max-w-2xl mx-auto text-center mt-2 border-t border-slate-200 pt-6\">The glowing marker maps your current alignment. The goal of the coaching journey is true integration\u2014finding the flame in the center where strategic execution and heart-based leadership perfectly align.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6\">\r\n                        <div class=\"lg:col-span-7 glass-panel rounded-2xl p-8 flex flex-col items-center\">\r\n                            <h3 class=\"w-full text-lg font-extrabold text-slate-900 mb-8 border-b border-slate-200 pb-4 tracking-tight\">The Leadership Compass (1-5)<\/h3>\r\n                            <div class=\"relative w-full max-w-sm aspect-square\"><svg viewBox=\"0 0 400 400\" id=\"radar-svg\" class=\"w-full h-full\"><\/svg><\/div>\r\n                            <div class=\"w-full flex justify-center space-x-6 mt-6\">\r\n                                <div class=\"flex items-center text-[10px] font-bold text-slate-500\"><span class=\"w-3 h-3 rounded bg-slate-100 border border-slate-300 border-dashed mr-2\"><\/span> Baseline<\/div>\r\n                                <div class=\"flex items-center text-[10px] font-bold text-blue-600\"><span class=\"w-3 h-3 rounded bg-blue-100 border border-blue-500 mr-2\"><\/span> Current<\/div>\r\n                                <div class=\"flex items-center text-[10px] font-bold text-slate-800\"><span class=\"w-3 h-3 rounded bg-slate-50 border border-slate-800 border-dashed mr-2\"><\/span> Target<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"lg:col-span-5 space-y-6\">\r\n                            <div class=\"glass-panel rounded-2xl p-6 bg-white border border-slate-200 shadow-sm\">\r\n                                <h3 class=\"text-sm font-black uppercase tracking-widest mb-6 text-indigo-600\">Impact Velocity<\/h3>\r\n                                <div class=\"h-40 w-full\"><svg viewBox=\"0 0 300 120\" class=\"w-full h-full\"><path id=\"trend-path\" d=\"\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"3\" stroke-linecap=\"round\" class=\"radar-poly\" \/><circle id=\"trend-start\" cx=\"30\" cy=\"90\" r=\"4\" fill=\"#2563eb\" \/><circle id=\"trend-end\" cx=\"270\" cy=\"30\" r=\"6\" fill=\"#2563eb\" class=\"animate-pulse\" \/><\/svg><\/div>\r\n                                <div class=\"mt-2 grid grid-cols-2 gap-4\">\r\n                                    <div class=\"text-center bg-slate-50 p-2 rounded-lg border border-slate-100\"><p class=\"text-[8px] font-bold text-slate-500 uppercase\">Current Mastery<\/p><p class=\"text-sm font-black text-slate-800\" id=\"velocity-current\">0.0<\/p><\/div>\r\n                                    <div class=\"text-center bg-slate-50 p-2 rounded-lg border border-slate-100\"><p class=\"text-[8px] font-bold text-slate-500 uppercase\">Growth Rate<\/p><p class=\"text-sm font-black text-emerald-600\" id=\"velocity-growth\">+0%<\/p><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- AI Executive Insights: Forced White Colors -->\r\n                            <div class=\"rounded-2xl p-6 bg-slate-900 shadow-xl border border-slate-800 min-h-[180px]\">\r\n                                <h3 class=\"text-sm font-black uppercase tracking-widest mb-4 flex items-center\" style=\"color: #ffffff !important;\"><i class=\"fas fa-microchip mr-2 text-indigo-400\"><\/i> Executive Insights<\/h3>\r\n                                <p id=\"exec-summary-text\" class=\"text-xs leading-relaxed italic\" style=\"color: #e2e8f0 !important;\">Intelligence engine is standing by. Make changes and save to generate insights.<\/p>\r\n                            <\/div>\r\n\r\n                            <!-- The Humanity Quote Block: Forced White Colors -->\r\n                            <div class=\"rounded-2xl p-6 bg-slate-900 border-none shadow-xl relative overflow-hidden\">\r\n                                <div class=\"absolute -right-10 -bottom-10 opacity-10\">\r\n                                    <i class=\"fas fa-heart text-9xl text-white\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"relative z-10\">\r\n                                    <h3 class=\"text-[10px] font-black uppercase tracking-widest mb-4 flex items-center\" style=\"color: #fb7185 !important;\"><i class=\"fas fa-fire-flame-curved mr-2\"><\/i> The Essence of Leadership<\/h3>\r\n                                    <p class=\"text-sm font-medium leading-relaxed italic\" style=\"color: #e2e8f0 !important;\">\r\n                                        \"As I continue coaching executives and leadership teams, I am reminded again and again: <span class=\"font-bold\" style=\"color: #ffffff !important;\">Real leadership is seeing people\u2014truly seeing them\u2014and helping them rise.<\/span>\"\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Alignment View -->\r\n                <div id=\"view-alignment\" class=\"hidden space-y-6\">\r\n                    <!-- Vision & Purpose Hero: Forced White Colors -->\r\n                    <div class=\"rounded-3xl p-10 text-center bg-gradient-to-br from-slate-900 to-blue-900 shadow-xl relative overflow-hidden border border-blue-900\">\r\n                        <div class=\"absolute top-0 right-0 w-64 h-64 bg-blue-500 opacity-10 rounded-full blur-3xl translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n                        <div class=\"absolute bottom-0 left-0 w-48 h-48 bg-purple-500 opacity-10 rounded-full blur-3xl -translate-x-1\/2 translate-y-1\/2\"><\/div>\r\n                        \r\n                        <h3 class=\"text-[10px] font-black uppercase tracking-widest mb-3 relative z-10\" style=\"color: #93c5fd !important;\">Our Vision<\/h3>\r\n                        <p class=\"text-2xl md:text-3xl font-black mb-8 leading-tight max-w-3xl mx-auto relative z-10\" style=\"color: #ffffff !important;\">\"To be among the world's most trusted and successful financial institutions\"<\/p>\r\n                        \r\n                        <div class=\"w-16 h-1 bg-blue-500\/50 mx-auto mb-8 relative z-10 rounded-full\"><\/div>\r\n                        \r\n                        <h3 class=\"text-[10px] font-black uppercase tracking-widest mb-3 relative z-10\" style=\"color: #93c5fd !important;\">Our Purpose<\/h3>\r\n                        <p class=\"text-lg md:text-xl font-medium relative z-10\" style=\"color: #e2e8f0 !important;\">Helping clients thrive and communities prosper<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- The Essential Harvest -->\r\n                    <div class=\"glass-panel rounded-3xl p-10 text-center bg-white shadow-sm border-t-4 border-rose-400 mt-6 relative overflow-hidden\">\r\n                        <div class=\"absolute top-0 right-0 p-6 opacity-5 pointer-events-none\">\r\n                            <i class=\"fas fa-fire-flame-curved text-6xl text-rose-500\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl font-black text-slate-900 tracking-tight mb-2\">The Essential Harvest<\/h3>\r\n                        <p class=\"text-sm text-slate-600 mb-10 font-medium\">The true harvest is not the fruit in the bag. It's the humanity we choose to bring forward.<\/p>\r\n                        \r\n                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 relative z-10 max-w-4xl mx-auto\">\r\n                            <div class=\"flex flex-col items-center group\">\r\n                                <div class=\"w-20 h-20 rounded-full bg-slate-50 border border-slate-200 flex items-center justify-center mb-4 text-slate-700 text-3xl shadow-sm transition-transform group-hover:scale-110 group-hover:bg-blue-50 group-hover:text-blue-600 group-hover:border-blue-200\">\r\n                                    <i class=\"fas fa-link\"><\/i>\r\n                                <\/div>\r\n                                <h4 class=\"font-bold text-slate-800 tracking-widest uppercase text-xs\">Connection<\/h4>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col items-center group\">\r\n                                <div class=\"w-20 h-20 rounded-full bg-slate-50 border border-slate-200 flex items-center justify-center mb-4 text-slate-700 text-3xl shadow-sm transition-transform group-hover:scale-110 group-hover:bg-purple-50 group-hover:text-purple-600 group-hover:border-purple-200\">\r\n                                    <i class=\"fas fa-hand-holding-heart\"><\/i>\r\n                                <\/div>\r\n                                <h4 class=\"font-bold text-slate-800 tracking-widest uppercase text-xs\">Humanity<\/h4>\r\n                            <\/div>\r\n                            <div class=\"flex flex-col items-center group\">\r\n                                <div class=\"w-20 h-20 rounded-full bg-slate-50 border border-slate-200 flex items-center justify-center mb-4 text-slate-700 text-3xl shadow-sm transition-transform group-hover:scale-110 group-hover:bg-rose-50 group-hover:text-rose-600 group-hover:border-rose-200\">\r\n                                    <i class=\"fas fa-heart\"><\/i>\r\n                                <\/div>\r\n                                <h4 class=\"font-bold text-slate-800 tracking-widest uppercase text-xs\">Heart<\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"mt-10 pt-8 border-t border-slate-200 max-w-2xl mx-auto\">\r\n                            <p class=\"text-lg md:text-xl font-medium text-slate-800 italic\">\"Sometimes, a brief moment of 'I see you' can nourish the soul.\"<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\r\n                        <div class=\"glass-panel rounded-3xl p-8 shadow-sm h-full\">\r\n                            <h3 class=\"text-lg font-black text-slate-900 mb-6 flex items-center\"><i class=\"fas fa-gem text-blue-600 mr-3\"><\/i> Core Corporate Values<\/h3>\r\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\r\n                                <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-200 flex items-center justify-center font-bold text-slate-700 text-sm text-center\">Client Focus<\/div>\r\n                                <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-200 flex items-center justify-center font-bold text-slate-700 text-sm text-center\">Integrity<\/div>\r\n                                <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-200 flex items-center justify-center font-bold text-slate-700 text-sm text-center\">Collaboration<\/div>\r\n                                <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-200 flex items-center justify-center font-bold text-slate-700 text-sm text-center\">Respect<\/div>\r\n                                <div class=\"p-4 bg-slate-50 rounded-xl border border-slate-200 flex items-center justify-center font-bold text-slate-700 text-sm sm:col-span-2 text-center\">Excellence<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"glass-panel rounded-3xl p-8 shadow-sm h-full\">\r\n                            <h3 class=\"text-lg font-black text-slate-900 mb-6 flex items-center\"><i class=\"fas fa-compass text-rose-500 mr-3\"><\/i> Leadership Behaviors<\/h3>\r\n                            <div class=\"flex flex-wrap gap-2\">\r\n                                <span class=\"px-4 py-2.5 bg-rose-50 text-rose-700 rounded-lg text-[10px] font-black uppercase tracking-widest border border-rose-200 shadow-sm\">Live Our Purpose<\/span>\r\n                                <span class=\"px-4 py-2.5 bg-rose-50 text-rose-700 rounded-lg text-[10px] font-black uppercase tracking-widest border border-rose-200 shadow-sm\">Shape What's Next<\/span>\r\n                                <span class=\"px-4 py-2.5 bg-rose-50 text-rose-700 rounded-lg text-[10px] font-black uppercase tracking-widest border border-rose-200 shadow-sm\">Win as One Team<\/span>\r\n                                <span class=\"px-4 py-2.5 bg-rose-50 text-rose-700 rounded-lg text-[10px] font-black uppercase tracking-widest border border-rose-200 shadow-sm\">Think Differently<\/span>\r\n                                <span class=\"px-4 py-2.5 bg-rose-50 text-rose-700 rounded-lg text-[10px] font-black uppercase tracking-widest border border-rose-200 shadow-sm\">Communicate Clearly<\/span>\r\n                                <span class=\"px-4 py-2.5 bg-rose-50 text-rose-700 rounded-lg text-[10px] font-black uppercase tracking-widest border border-rose-200 shadow-sm\">Develop Others<\/span>\r\n                                <span class=\"px-4 py-2.5 bg-rose-50 text-rose-700 rounded-lg text-[10px] font-black uppercase tracking-widest border border-rose-200 shadow-sm\">Take Ownership<\/span>\r\n                                <span class=\"px-4 py-2.5 bg-rose-50 text-rose-700 rounded-lg text-[10px] font-black uppercase tracking-widest border border-rose-200 shadow-sm\">Cultivate Trust<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Alignment Coaching Reflection -->\r\n                    <div class=\"glass-panel rounded-3xl p-8 shadow-sm border-l-4 border-purple-500\">\r\n                        <h3 class=\"text-lg font-black text-slate-900 mb-2\">Strategic Alignment Reflection<\/h3>\r\n                        <p class=\"text-xs text-slate-600 mb-6\">How are you actively integrating these core values, behaviors, and your own humanity into your current leadership challenges?<\/p>\r\n                        <textarea id=\"reflect-alignment-input\" class=\"textarea-custom\" oninput=\"window.markUnsaved('alignment', this.value)\" placeholder=\"Record your thoughts on organizational alignment and leadership integration here...\"><\/textarea>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- My Story View -->\r\n                <div id=\"view-story\" class=\"hidden space-y-6\">\r\n                    \r\n                    <div class=\"glass-panel rounded-2xl p-8 border-l-4 border-blue-500 shadow-sm\">\r\n                        <h3 class=\"text-sm font-black text-slate-900 uppercase tracking-widest mb-4\"><i class=\"fas fa-link text-blue-500 mr-2\"><\/i> Leadership Model Alignment<\/h3>\r\n                        <p id=\"behavior-alignment-text\" class=\"text-sm text-slate-700 leading-relaxed font-medium\">Analyzing alignment with corporate behaviors...<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                        <div class=\"glass-panel rounded-2xl p-8 border-t-4 border-emerald-500 shadow-sm\">\r\n                            <h3 class=\"text-sm font-black text-slate-900 uppercase tracking-widest mb-6\"><i class=\"fas fa-arrow-trend-up text-emerald-500 mr-2\"><\/i> Areas of Most Improvement<\/h3>\r\n                            <div id=\"top-strengths-list\" class=\"space-y-4\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"glass-panel rounded-2xl p-8 border-t-4 border-rose-400 shadow-sm\">\r\n                            <h3 class=\"text-sm font-black text-slate-900 uppercase tracking-widest mb-6\"><i class=\"fas fa-bullseye text-rose-500 mr-2\"><\/i> Areas of Continued Focus<\/h3>\r\n                            <div id=\"focus-areas-list\" class=\"space-y-4\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"glass-panel rounded-2xl p-8 shadow-sm\">\r\n                        <h3 class=\"text-lg font-black uppercase tracking-widest text-slate-900 mb-8\"><i class=\"fas fa-comment-dots text-slate-500 mr-2\"><\/i> Qualitative Reflections<\/h3>\r\n                        <div class=\"space-y-8\">\r\n                            <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200\">\r\n                                <p class=\"text-xs font-bold uppercase text-slate-600 mb-4\">What behaviors have most improved?<\/p>\r\n                                <div class=\"space-y-4\">\r\n                                    <div>\r\n                                        <span class=\"text-[10px] font-black uppercase tracking-widest text-blue-600 block mb-1\">Your Answer:<\/span>\r\n                                        <p class=\"text-sm text-slate-800 leading-relaxed font-medium\" id=\"story-improved-self\">No data provided yet.<\/p>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <span class=\"text-[10px] font-black uppercase tracking-widest text-rose-600 block mb-1\">Manager's Answer:<\/span>\r\n                                        <p class=\"text-sm text-slate-800 leading-relaxed font-medium\" id=\"story-improved-mgr\">No data provided yet.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200\">\r\n                                <p class=\"text-xs font-bold uppercase text-slate-600 mb-4\">What has been the impact of this improvement?<\/p>\r\n                                <div class=\"space-y-4\">\r\n                                    <div>\r\n                                        <span class=\"text-[10px] font-black uppercase tracking-widest text-blue-600 block mb-1\">Your Answer:<\/span>\r\n                                        <p class=\"text-sm text-slate-800 leading-relaxed font-medium\" id=\"story-impact-self\">No data provided yet.<\/p>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <span class=\"text-[10px] font-black uppercase tracking-widest text-rose-600 block mb-1\">Manager's Answer:<\/span>\r\n                                        <p class=\"text-sm text-slate-800 leading-relaxed font-medium\" id=\"story-impact-mgr\">No data provided yet.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"bg-slate-50 p-6 rounded-2xl border border-slate-200\">\r\n                                <p class=\"text-xs font-bold uppercase text-slate-600 mb-4\">One thing to commit to for continued growth:<\/p>\r\n                                <div class=\"space-y-4\">\r\n                                    <div>\r\n                                        <span class=\"text-[10px] font-black uppercase tracking-widest text-blue-600 block mb-1\">Your Answer:<\/span>\r\n                                        <p class=\"text-sm text-slate-800 leading-relaxed font-medium\" id=\"story-commit-self\">No data provided yet.<\/p>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <span class=\"text-[10px] font-black uppercase tracking-widest text-rose-600 block mb-1\">Manager's Answer:<\/span>\r\n                                        <p class=\"text-sm text-slate-800 leading-relaxed font-medium\" id=\"story-commit-mgr\">No data provided yet.<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Calendar \/ Sessions View -->\r\n                <div id=\"view-calendar\" class=\"hidden space-y-8\">\r\n                    <div class=\"glass-panel p-8 rounded-3xl shadow-sm border-t-4 border-indigo-500\">\r\n                        <h3 class=\"text-xl font-black mb-6 text-slate-900\">30-60-90 Day Coaching Plan<\/h3>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n                            <div class=\"p-6 bg-indigo-50 rounded-2xl border border-indigo-200\">\r\n                                <h4 class=\"text-xs font-black uppercase tracking-widest text-indigo-800 mb-3 flex items-center\"><i class=\"fas fa-flag text-indigo-500 mr-2\"><\/i> First 30 Days<\/h4>\r\n                                <p id=\"plan-30\" class=\"text-sm text-indigo-900 leading-relaxed\">Save & Update to generate plan...<\/p>\r\n                            <\/div>\r\n                            <div class=\"p-6 bg-blue-50 rounded-2xl border border-blue-200\">\r\n                                <h4 class=\"text-xs font-black uppercase tracking-widest text-blue-800 mb-3 flex items-center\"><i class=\"fas fa-chart-line text-blue-500 mr-2\"><\/i> 60 Days<\/h4>\r\n                                <p id=\"plan-60\" class=\"text-sm text-blue-900 leading-relaxed\">Save & Update to generate plan...<\/p>\r\n                            <\/div>\r\n                            <div class=\"p-6 bg-slate-50 rounded-2xl border border-slate-300\">\r\n                                <h4 class=\"text-xs font-black uppercase tracking-widest text-slate-800 mb-3 flex items-center\"><i class=\"fas fa-trophy text-slate-500 mr-2\"><\/i> 90 Days<\/h4>\r\n                                <p id=\"plan-90\" class=\"text-sm text-slate-900 leading-relaxed\">Save & Update to generate plan...<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"glass-panel p-8 rounded-3xl shadow-sm\">\r\n                        <h3 class=\"text-xl font-black mb-6 text-slate-900\">Upcoming Session Calendar<\/h3>\r\n                        <div id=\"session-list\" class=\"space-y-4\">\r\n                            <div class=\"p-6 border border-slate-200 rounded-2xl text-center text-slate-500 italic\">Click \"Save & Update Intelligence\" to auto-generate weekly session topics.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Raw Answers View (Coach Only) -->\r\n                <div id=\"view-answers\" class=\"hidden space-y-6\">\r\n                    <div class=\"glass-panel rounded-3xl p-10 space-y-8 shadow-md border-slate-200\">\r\n                        <div class=\"flex justify-between items-center mb-6 border-b border-slate-100 pb-4\">\r\n                            <h3 class=\"text-xl font-black text-slate-900\">Submitted Assessment Form<\/h3>\r\n                            <div class=\"flex space-x-4 text-[10px] font-bold uppercase tracking-widest\">\r\n                                <span class=\"flex items-center\"><span class=\"w-3 h-3 rounded-full bg-blue-600 mr-1.5\"><\/span> Executive (Self)<\/span>\r\n                                <span class=\"flex items-center\"><span class=\"w-3 h-3 rounded-full bg-rose-500 mr-1.5\"><\/span> Manager<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div id=\"answers-form-container\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Console View (Coach Only) -->\r\n                <div id=\"view-coach\" class=\"hidden space-y-6\">\r\n                    <div class=\"glass-panel rounded-2xl p-8\">\r\n                        <div class=\"flex justify-between items-start md:items-center flex-col md:flex-row mb-6 gap-4\">\r\n                            <h3 class=\"text-lg font-black text-slate-900\">Select 2 Development Priorities<\/h3>\r\n                            <button onclick=\"window.requestAssessmentUpdate()\" class=\"bg-indigo-600 text-white px-5 py-2.5 rounded-xl text-xs font-bold uppercase tracking-widest hover:bg-indigo-700 transition shadow-md cursor-pointer flex items-center\">\r\n                                <i class=\"fas fa-paper-plane mr-2\"><\/i> Resend Assessment to Client\r\n                            <\/button>\r\n                        <\/div>\r\n                        <div id=\"priorities-selection\" class=\"flex flex-wrap gap-3 mb-8 border-b border-slate-100 pb-8\">\r\n                            <!-- JS Injected checkboxes for priorities -->\r\n                        <\/div>\r\n\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\r\n                            <div class=\"space-y-6\"><h3 class=\"text-xs font-black uppercase text-rose-600 border-l-4 border-rose-600 pl-3 tracking-widest\">Heart<\/h3><div id=\"heart-inputs\" class=\"space-y-4\"><\/div><\/div>\r\n                            <div class=\"space-y-6\"><h3 class=\"text-xs font-black uppercase text-blue-600 border-l-4 border-blue-600 pl-3 tracking-widest\">Strategy<\/h3><div id=\"strategy-inputs\" class=\"space-y-4\"><\/div><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"glass-panel rounded-2xl p-8\">\r\n                        <h3 class=\"text-lg font-black text-slate-900 mb-6\">Qualitative Coaching Reflections<\/h3>\r\n                        <div class=\"space-y-6\">\r\n                            <div>\r\n                                <label class=\"text-xs font-bold text-slate-600 uppercase tracking-wide block mb-2\">What behaviors have most improved?<\/label>\r\n                                <textarea id=\"coach-improved\" class=\"textarea-custom\" oninput=\"window.markUnsaved('improved', this.value)\"><\/textarea>\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"text-xs font-bold text-slate-600 uppercase tracking-wide block mb-2\">What has been the impact of this improvement?<\/label>\r\n                                <textarea id=\"coach-impact\" class=\"textarea-custom\" oninput=\"window.markUnsaved('impact', this.value)\"><\/textarea>\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"text-xs font-bold text-slate-600 uppercase tracking-wide block mb-2\">One thing to commit to for continued growth:<\/label>\r\n                                <textarea id=\"coach-commit\" class=\"textarea-custom\" oninput=\"window.markUnsaved('commitment', this.value)\"><\/textarea>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Reporting View (Coach Only) -->\r\n                <div id=\"view-hr\" class=\"hidden space-y-8\">\r\n                    <!-- Visual Competency Table -->\r\n                    <div class=\"glass-panel rounded-2xl p-8 overflow-x-auto shadow-sm border-t border-slate-200\">\r\n                        <div class=\"flex justify-between items-end mb-8\">\r\n                            <h3 class=\"text-lg font-bold tracking-tight text-slate-900\">Competency Development Summary<\/h3>\r\n                            <div class=\"flex items-center space-x-4 text-[9px] font-black uppercase text-slate-500\">\r\n                                <span class=\"flex items-center\"><span class=\"w-3 h-3 rounded-full bg-slate-300 mr-1.5\"><\/span> Initial<\/span>\r\n                                <span class=\"flex items-center\"><span class=\"w-3 h-3 rounded-full bg-blue-600 mr-1.5\"><\/span> Current<\/span>\r\n                                <span class=\"flex items-center\"><span class=\"w-3 h-3 rounded-full bg-rose-500 mr-1.5\"><\/span> Manager<\/span>\r\n                                <span class=\"flex items-center\"><span class=\"w-1 h-3 bg-slate-800 mr-1.5\"><\/span> Target<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"min-w-[600px]\">\r\n                            <!-- Header labels for the 1-5 scale -->\r\n                            <div class=\"flex mb-4 border-b border-slate-200 pb-2\">\r\n                                <div class=\"w-1\/4 text-xs font-black text-slate-500 uppercase tracking-widest\">Dimension<\/div>\r\n                                <div class=\"w-3\/4 flex justify-between px-2 text-[9px] font-bold text-slate-500 uppercase\">\r\n                                    <span>Rarely (1)<\/span>\r\n                                    <span>Developing (3)<\/span>\r\n                                    <span>Competent (5)<\/span>\r\n                                    <span>Role Model (7)<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <!-- Rows injected via JS -->\r\n                            <div id=\"visual-progress-list\" class=\"space-y-5\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Business Coaching KPIs -->\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-4 gap-4\">\r\n                        <div class=\"glass-panel p-6 rounded-2xl text-center metric-card\">\r\n                            <p class=\"text-[9px] font-black text-slate-500 uppercase mb-1\">Human ROI<\/p>\r\n                            <p class=\"text-2xl font-black text-emerald-600\" id=\"stat-roi\">1.0x<\/p>\r\n                            <p class=\"text-[8px] text-slate-500 font-bold uppercase mt-1\">Value Creation<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-panel p-6 rounded-2xl text-center metric-card\">\r\n                            <p class=\"text-[9px] font-black text-slate-500 uppercase mb-1\">Psych Safety<\/p>\r\n                            <p class=\"text-2xl font-black text-indigo-600\" id=\"stat-trust\">0.0<\/p>\r\n                            <p class=\"text-[8px] text-slate-500 font-bold uppercase mt-1\">Cultural Index<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-panel p-6 rounded-2xl text-center metric-card\">\r\n                            <p class=\"text-[9px] font-black text-slate-500 uppercase mb-1\">Decision Speed<\/p>\r\n                            <p class=\"text-2xl font-black text-blue-600\" id=\"stat-decision\">Neutral<\/p>\r\n                            <p class=\"text-[8px] text-slate-500 font-bold uppercase mt-1\">Strategic Clarity<\/p>\r\n                        <\/div>\r\n                        <div class=\"glass-panel p-6 rounded-2xl text-center metric-card\">\r\n                            <p class=\"text-[9px] font-black text-slate-500 uppercase mb-1\">Retention Risk<\/p>\r\n                            <p class=\"text-2xl font-black text-rose-500\" id=\"stat-risk\">Optimal<\/p>\r\n                            <p class=\"text-[8px] text-slate-500 font-bold uppercase mt-1\">Burnout Mitigation<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Client Directory View (Coach Only) -->\r\n                <div id=\"view-directory\" class=\"hidden space-y-6\">\r\n                    \r\n                    <!-- Organizational Heatmap -->\r\n                    <div class=\"glass-panel rounded-3xl p-8 shadow-sm border-t-4 border-indigo-600\">\r\n                        <h2 class=\"text-xl font-extrabold text-slate-900 tracking-tight mb-2\">Organizational Leadership Heatmap<\/h2>\r\n                        <p class=\"text-xs text-slate-500 mb-6\">Aggregated competency averages across all executive clients.<\/p>\r\n                        <div id=\"org-heatmap-container\" class=\"min-h-[100px] flex items-center justify-center text-slate-400 text-sm\">\r\n                            Loading aggregate data...\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- New Client Form (Hidden by Default) -->\r\n                    <div id=\"new-client-form\" class=\"hidden glass-panel rounded-2xl p-8 shadow-md border-l-4 border-blue-500 mb-6\">\r\n                        <h3 class=\"text-lg font-black mb-6 tracking-tight text-slate-900\">Create New Executive Profile<\/h3>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-6\">\r\n                            <div>\r\n                                <label class=\"text-[10px] font-black uppercase text-slate-500 block mb-1\">Username<\/label>\r\n                                <input type=\"text\" id=\"nc-username\" class=\"w-full px-4 py-2 rounded-lg border border-slate-300 text-sm outline-none focus:border-blue-500\" placeholder=\"e.g. jdoe\">\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"text-[10px] font-black uppercase text-slate-500 block mb-1\">Email Address<\/label>\r\n                                <input type=\"email\" id=\"nc-email\" class=\"w-full px-4 py-2 rounded-lg border border-slate-300 text-sm outline-none focus:border-blue-500\" placeholder=\"john@company.com\">\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"text-[10px] font-black uppercase text-slate-500 block mb-1\">Initial Password<\/label>\r\n                                <input type=\"password\" id=\"nc-password\" class=\"w-full px-4 py-2 rounded-lg border border-slate-300 text-sm outline-none focus:border-blue-500\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 class=\"text-sm font-black tracking-tight text-slate-700 mb-4 border-t border-slate-100 pt-6\">Optional: Add Manager Access<\/h3>\r\n                        <p class=\"text-[10px] text-slate-500 mb-4\">Provide these details to allow the executive's manager to take the assessment for comparison.<\/p>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n                            <div>\r\n                                <label class=\"text-[10px] font-black uppercase text-slate-500 block mb-1\">Manager Username<\/label>\r\n                                <input type=\"text\" id=\"nc-mgr-username\" class=\"w-full px-4 py-2 rounded-lg border border-slate-300 text-sm outline-none focus:border-blue-500\" placeholder=\"e.g. msmith\">\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"text-[10px] font-black uppercase text-slate-500 block mb-1\">Manager Email<\/label>\r\n                                <input type=\"email\" id=\"nc-mgr-email\" class=\"w-full px-4 py-2 rounded-lg border border-slate-300 text-sm outline-none focus:border-blue-500\" placeholder=\"manager@company.com\">\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"text-[10px] font-black uppercase text-slate-500 block mb-1\">Manager Password<\/label>\r\n                                <input type=\"password\" id=\"nc-mgr-password\" class=\"w-full px-4 py-2 rounded-lg border border-slate-300 text-sm outline-none focus:border-blue-500\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"mt-6 flex justify-end space-x-3\">\r\n                            <button onclick=\"window.toggleNewClientForm()\" class=\"px-5 py-2 text-xs font-bold text-slate-500 hover:text-slate-800 transition\">Cancel<\/button>\r\n                            <button onclick=\"window.createNewClient(event)\" class=\"bg-blue-600 text-white px-6 py-2 rounded-xl text-xs font-bold hover:bg-blue-700 transition shadow-md\">Create Profile<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"glass-panel rounded-2xl p-8 shadow-sm border-slate-200\">\r\n                        <div class=\"overflow-x-auto\">\r\n                            <table class=\"w-full text-left text-xs\">\r\n                                <thead><tr class=\"text-slate-500 uppercase tracking-widest border-b border-slate-200\"><th class=\"pb-3 font-black\">Client Name<\/th><th class=\"pb-3 font-black\">Role \/ Company<\/th><th class=\"pb-3 font-black\">Email<\/th><th class=\"pb-3 font-black\">Last Sync<\/th><th class=\"pb-3 font-black text-right\">Action<\/th><\/tr><\/thead>\r\n                                <tbody id=\"directory-table-body\" class=\"text-slate-600 font-medium\"><\/tbody>\r\n                            <\/table>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/main>\r\n        <\/div>\r\n\r\n        <!-- Logic Section -->\r\n        <script>\r\n        (function() {\r\n            \/** * AI PROXY CONFIGURATION\r\n             * All OpenAI payload requests are sent securely to this proxy endpoint.\r\n             *\/\r\n            const AI_PROXY_URL = \"https:\/\/tire-compare.com\/api\/aeo-proxy.php\"; \r\n\r\n            const container = document.getElementById('leadership-index-app');\r\n            const wp = {\r\n                isLoggedIn: container.dataset.loggedIn === 'true',\r\n                nonce: container.dataset.nonce,\r\n                ajaxurl: container.dataset.ajaxurl,\r\n                role: container.dataset.role,\r\n                name: container.dataset.name,\r\n                raw: container.dataset.raw,\r\n                targetUserId: container.dataset.targetUserid\r\n            };\r\n\r\n            \/\/ 33-Question MVP Assessment Data (1-5 Scale)\r\n            const assessmentQuestions = [\r\n                \/\/ Heart: Resilience\r\n                { id: 'h1', text: 'Remains composed under pressure.', cat: 'resilience', domain: 'heart' },\r\n                { id: 'h2', text: 'Responds thoughtfully rather than reacting emotionally.', cat: 'resilience', domain: 'heart' },\r\n                { id: 'h3', text: 'Recovers quickly and constructively from setbacks.', cat: 'resilience', domain: 'heart' },\r\n                \/\/ Heart: Awareness\r\n                { id: 'h4', text: 'Seeks feedback and reflects on it openly.', cat: 'awareness', domain: 'heart' },\r\n                { id: 'h5', text: 'Recognizes how their behavior impacts others.', cat: 'awareness', domain: 'heart' },\r\n                { id: 'h6', text: 'Takes responsibility without defensiveness.', cat: 'awareness', domain: 'heart' },\r\n                \/\/ Heart: Values\r\n                { id: 'h7', text: 'Acts consistently with stated values.', cat: 'values', domain: 'heart' },\r\n                { id: 'h8', text: 'Builds trust through reliability and consistency.', cat: 'values', domain: 'heart' },\r\n                { id: 'h9', text: 'Demonstrates ethical judgment in difficult situations.', cat: 'values', domain: 'heart' },\r\n                \/\/ Heart: Purpose\r\n                { id: 'h10', text: 'Connects work to a broader purpose.', cat: 'purpose', domain: 'heart' },\r\n                { id: 'h11', text: 'Communicates why the work matters.', cat: 'purpose', domain: 'heart' },\r\n                { id: 'h12', text: 'Inspires motivation through meaning and shared purpose.', cat: 'purpose', domain: 'heart' },\r\n                \/\/ Heart: Safety\r\n                { id: 'h13', text: 'Encourages honest dialogue.', cat: 'safety', domain: 'heart' },\r\n                { id: 'h14', text: 'Welcomes diverse viewpoints and constructive disagreement.', cat: 'safety', domain: 'heart' },\r\n                { id: 'h15', text: 'Creates an environment where people feel safe to speak up.', cat: 'safety', domain: 'heart' },\r\n                \r\n                \/\/ Strategy: Vision\r\n                { id: 's1', text: 'Communicates clear priorities and direction.', cat: 'vision', domain: 'strategy' },\r\n                { id: 's2', text: 'Connects daily work to strategic objectives.', cat: 'vision', domain: 'strategy' },\r\n                { id: 's3', text: 'Provides clarity and guidance during uncertainty.', cat: 'vision', domain: 'strategy' },\r\n                \/\/ Strategy: Collaboration\r\n                { id: 's4', text: 'Builds partnerships across teams and functions.', cat: 'collab', domain: 'strategy' },\r\n                { id: 's5', text: 'Aligns stakeholders toward shared goals.', cat: 'collab', domain: 'strategy' },\r\n                { id: 's6', text: 'Encourages shared ownership of outcomes.', cat: 'collab', domain: 'strategy' },\r\n                \/\/ Strategy: Systemic Awareness\r\n                { id: 's7', text: 'Recognizes underlying team or organizational dynamics.', cat: 'system', domain: 'strategy' },\r\n                { id: 's8', text: 'Surfaces issues constructively rather than avoiding them.', cat: 'system', domain: 'strategy' },\r\n                { id: 's9', text: 'Identifies emerging risks and opportunities early.', cat: 'system', domain: 'strategy' },\r\n                \/\/ Strategy: Empowerment\r\n                { id: 's10', text: 'Develops autonomy and ownership in others.', cat: 'empower', domain: 'strategy' },\r\n                { id: 's11', text: 'Recognizes and builds on people\u2019s strengths.', cat: 'empower', domain: 'strategy' },\r\n                { id: 's12', text: 'Supports growth through coaching and development.', cat: 'empower', domain: 'strategy' },\r\n                \/\/ Strategy: Execution\r\n                { id: 's13', text: 'Makes timely and grounded decisions.', cat: 'execution', domain: 'strategy' },\r\n                { id: 's14', text: 'Prioritizes effectively in complex environments.', cat: 'execution', domain: 'strategy' },\r\n                { id: 's15', text: 'Drives follow-through and accountability.', cat: 'execution', domain: 'strategy' },\r\n\r\n                \/\/ Leadership Energy Index\r\n                { id: 'e1', text: 'I feel energized rather than depleted at the end of a leadership week.', cat: 'energy', domain: 'energy' },\r\n                { id: 'e2', text: 'I am able to make complex decisions without feeling overwhelmed.', cat: 'energy', domain: 'energy' },\r\n                { id: 'e3', text: 'I stay grounded under pressure and avoid burnout.', cat: 'energy', domain: 'energy' }\r\n            ];\r\n\r\n            \/\/ Aggregated Dimensions (10 core + 1 energy)\r\n            const dimensions = [\r\n                { id: 'resilience', label: 'Emotional Regulation', domain: 'heart' },\r\n                { id: 'awareness', label: 'Self-Awareness', domain: 'heart' },\r\n                { id: 'values', label: 'Values & Integrity', domain: 'heart' },\r\n                { id: 'purpose', label: 'Purpose & Meaning', domain: 'heart' },\r\n                { id: 'safety', label: 'Psychological Safety', domain: 'heart' },\r\n                \r\n                { id: 'vision', label: 'Vision & Direction', domain: 'strategy' },\r\n                { id: 'collab', label: 'Collaboration & Alignment', domain: 'strategy' },\r\n                { id: 'system', label: 'Systemic Awareness', domain: 'strategy' },\r\n                { id: 'empower', label: 'Empowerment', domain: 'strategy' },\r\n                { id: 'execution', label: 'Decision Clarity', domain: 'strategy' },\r\n\r\n                { id: 'energy', label: 'Energy Index', domain: 'energy' }\r\n            ];\r\n\r\n            const corporateBehaviorsMap = {\r\n                'safety': 'Build Trust Every Day',\r\n                'collab': 'Win as One Team',\r\n                'empower': 'Grow Great People',\r\n                'execution': 'Be Bold and Clear',\r\n                'vision': 'Shape What\\'s Next',\r\n                'values': 'Live Our Purpose',\r\n                'awareness': 'Own It',\r\n                'system': 'Think Differently'\r\n            };\r\n\r\n            let state = {\r\n                targetUserId: null,\r\n                profile: { title: '', position: '', role: wp.role },\r\n                scores: dimensions.reduce((acc, d) => ({...acc, [d.id]: { baseline: 1.0, current: 1.0, target: 5.0 }}), {}),\r\n                manager_scores: dimensions.reduce((acc, d) => ({...acc, [d.id]: { baseline: 1.0, current: 1.0 }}), {}),\r\n                answers: {},\r\n                manager_answers: {},\r\n                goals: { plan30: '', plan60: '', plan90: '', dimensionGoals: {}, sessions: [], selectedPriorities: [] },\r\n                reflections: { improved: '', impact: '', commitment: '', alignment: '' },\r\n                manager_reflections: { improved: '', impact: '', commitment: '' }\r\n            };\r\n\r\n            let directoryProfiles = [];\r\n\r\n            \/\/ Secure data ingestion\r\n            try { \r\n                if(wp.raw) { \r\n                    const p = JSON.parse(wp.raw); \r\n                    if(p.profile) state.profile = {...state.profile, ...p.profile};\r\n                    if(p.goals) state.goals = {...state.goals, ...p.goals};\r\n                    if(p.reflections) state.reflections = {...state.reflections, ...p.reflections};\r\n                    if(p.manager_reflections) state.manager_reflections = {...state.manager_reflections, ...p.manager_reflections};\r\n                    if(!state.goals.selectedPriorities) state.goals.selectedPriorities = [];\r\n                    \r\n                    state.answers = p.answers ? p.answers : {};\r\n                    state.manager_answers = p.manager_answers ? p.manager_answers : {};\r\n                    \r\n                    if(p.scores) {\r\n                        dimensions.forEach(d => {\r\n                            if(p.scores[d.id]) {\r\n                                state.scores[d.id] = { ...state.scores[d.id], ...p.scores[d.id] };\r\n                            }\r\n                        });\r\n                    }\r\n                    if(p.manager_scores) {\r\n                        dimensions.forEach(d => {\r\n                            if(p.manager_scores[d.id]) {\r\n                                state.manager_scores[d.id] = { ...state.manager_scores[d.id], ...p.manager_scores[d.id] };\r\n                            }\r\n                        });\r\n                    }\r\n                } \r\n            } catch(e) { console.error(\"Data parse error\", e); }\r\n\r\n            function safeScore(id, field) {\r\n                return state.scores[id] ? (state.scores[id][field] || 1.0) : 1.0;\r\n            }\r\n\r\n            function showLoading(show, text) { \r\n                const overlay = document.getElementById('loading-overlay');\r\n                if (overlay) {\r\n                    overlay.style.display = show ? 'flex' : 'none'; \r\n                    if(text) document.getElementById('loading-text').innerText = text;\r\n                }\r\n            }\r\n\r\n            \/\/ Centralized AI Sync & Save Function\r\n            window.saveAndSync = async () => {\r\n                showLoading(true, \"Saving Progress & Updating AI Insights...\");\r\n                \r\n                document.getElementById('btn-global-save-container').classList.remove('save-btn-active');\r\n                document.getElementById('btn-global-save-container').classList.add('save-btn-hidden');\r\n\r\n                await pushToWordPress();\r\n\r\n                const prompt = `You are an expert executive coach emphasizing the Heart + Strategy Leadership Index (Presence and performance, Humanity and results). Analyze leadership scores for client. \r\n                Context: ${state.profile.title} at ${state.profile.position}.\r\n                Scores (1-5 scale): ${JSON.stringify(state.scores)}. \r\n                Client Selected Priorities for Development: ${JSON.stringify(state.goals.selectedPriorities)}.\r\n                Client Alignment Reflection (Company Values): \"${state.reflections.alignment}\".\r\n                \r\n                Provide feedback in a strict JSON format with exactly these keys: \r\n                \"executiveSummary\" (string, max 3 sentences analyzing Integration between Heart & Strategy), \r\n                \"plan30\" (string, focus for first 30 days based on their selected priorities), \r\n                \"plan60\" (string, focus for 60 days based on priorities), \r\n                \"plan90\" (string, ultimate 90 day goal), \r\n                \"dimensionGoals\" (object mapping dimension IDs to 1.0-5.0 floats for targets),\r\n                \"sessions\" (array of exactly 4 objects, each with \"week\" (number), \"topic\" (string), and \"focus\" (string)).`;\r\n\r\n                try {\r\n                    const res = await fetch(AI_PROXY_URL, {\r\n                        method: 'POST',\r\n                        headers: { 'Content-Type': 'application\/json' },\r\n                        body: JSON.stringify({ \r\n                            model: \"gpt-4o\", \r\n                            messages: [{ role: \"user\", content: prompt }], \r\n                            response_format: { type: \"json_object\" } \r\n                        })\r\n                    });\r\n                    \r\n                    if(!res.ok) throw new Error(`API Status: ${res.status}`);\r\n                    \r\n                    const data = await res.json();\r\n                    const content = data.choices?.[0]?.message?.content;\r\n                    if(!content) throw new Error(\"Empty API Response\");\r\n                    \r\n                    const j = JSON.parse(content);\r\n                    \r\n                    \/\/ Merge AI updates\r\n                    if(j.plan30) state.goals.plan30 = j.plan30;\r\n                    if(j.plan60) state.goals.plan60 = j.plan60;\r\n                    if(j.plan90) state.goals.plan90 = j.plan90;\r\n                    if(j.executiveSummary) state.goals.executiveSummary = j.executiveSummary;\r\n                    if(j.sessions) state.goals.sessions = j.sessions;\r\n                    if(j.dimensionGoals) {\r\n                        Object.keys(j.dimensionGoals).forEach(id => { \r\n                            if(state.scores[id]) state.scores[id].target = parseFloat(j.dimensionGoals[id]); \r\n                        });\r\n                    }\r\n\r\n                    await pushToWordPress();\r\n                    updateUI();\r\n                } catch(e) { \r\n                    console.error(\"AI Update Failed\", e); \r\n                    alert(\"Data saved, but AI Synchronization failed. Please ensure proxy is active.\"); \r\n                } finally { \r\n                    showLoading(false); \r\n                }\r\n            };\r\n\r\n            async function pushToWordPress() {\r\n                const formData = new FormData();\r\n                formData.append('action', 'save_leadership_data');\r\n                formData.append('security', wp.nonce);\r\n                formData.append('payload', JSON.stringify(state));\r\n                if (wp.targetUserId) {\r\n                    formData.append('target_user_id', wp.targetUserId);\r\n                } else if (state.targetUserId) {\r\n                    formData.append('target_user_id', state.targetUserId);\r\n                }\r\n                try { \r\n                    await fetch(wp.ajaxurl, { method: 'POST', body: formData });\r\n                } catch(e) { console.error(\"Cloud Sync Failure\", e); }\r\n            }\r\n\r\n            window.markUnsaved = (field, val) => {\r\n                if (field) state.reflections[field] = val;\r\n                const btnContainer = document.getElementById('btn-global-save-container');\r\n                if(btnContainer) {\r\n                    btnContainer.classList.remove('save-btn-hidden');\r\n                    btnContainer.classList.add('save-btn-active');\r\n                }\r\n                updateUI(true);\r\n            };\r\n\r\n            window.updateScore = (id, field, val) => {\r\n                state.scores[id][field] = parseFloat(val);\r\n                const label = document.getElementById(`label-${id}-${field}`);\r\n                if (label) label.innerText = state.scores[id][field].toFixed(1);\r\n                window.markUnsaved();\r\n            };\r\n\r\n            window.togglePriority = (id) => {\r\n                const idx = state.goals.selectedPriorities.indexOf(id);\r\n                if (idx > -1) {\r\n                    state.goals.selectedPriorities.splice(idx, 1);\r\n                } else {\r\n                    if (state.goals.selectedPriorities.length >= 2) {\r\n                        alert(\"You can only select up to 2 development priorities.\");\r\n                        return;\r\n                    }\r\n                    state.goals.selectedPriorities.push(id);\r\n                }\r\n                window.markUnsaved();\r\n                renderPrioritiesSelector();\r\n            };\r\n\r\n            window.toggleNewClientForm = () => {\r\n                document.getElementById('new-client-form').classList.toggle('hidden');\r\n            };\r\n\r\n            window.requestAssessmentUpdate = async () => {\r\n                if (!state.targetUserId) return alert(\"Please select a client from the Directory first.\");\r\n                showLoading(true, \"Sending Request...\");\r\n                const fd = new FormData();\r\n                fd.append('action', 'send_assessment_request');\r\n                fd.append('security', wp.nonce);\r\n                fd.append('client_id', state.targetUserId);\r\n                try {\r\n                    const r = await fetch(wp.ajaxurl, { method: 'POST', body: fd });\r\n                    const res = await r.json();\r\n                    alert(res.success ? res.data : \"Failed to send request.\");\r\n                } catch(e) { console.error(e); }\r\n                showLoading(false);\r\n            };\r\n\r\n            window.openAssessment = () => {\r\n                document.getElementById('screen-dashboard').classList.add('hidden');\r\n                document.getElementById('screen-assessment').classList.remove('hidden');\r\n                renderAssessmentForm();\r\n            };\r\n\r\n            window.createNewClient = async (e) => {\r\n                e.preventDefault();\r\n                const user = document.getElementById('nc-username').value.trim();\r\n                const email = document.getElementById('nc-email').value.trim();\r\n                const pass = document.getElementById('nc-password').value;\r\n                const mgrUser = document.getElementById('nc-mgr-username').value.trim();\r\n                const mgrEmail = document.getElementById('nc-mgr-email').value.trim();\r\n                const mgrPass = document.getElementById('nc-mgr-password').value;\r\n\r\n                if(!user || !email || !pass) return alert(\"Please fill all core fields to create a client profile.\");\r\n                \r\n                showLoading(true, \"Provisioning New Executive Profile...\");\r\n                const fd = new FormData();\r\n                fd.append('action', 'create_coachee_profile');\r\n                fd.append('security', wp.nonce);\r\n                fd.append('username', user);\r\n                fd.append('email', email);\r\n                fd.append('password', pass);\r\n                \r\n                if (mgrUser) fd.append('mgr_username', mgrUser);\r\n                if (mgrEmail) fd.append('mgr_email', mgrEmail);\r\n                if (mgrPass) fd.append('mgr_password', mgrPass);\r\n\r\n                try {\r\n                    const r = await fetch(wp.ajaxurl, { method: 'POST', body: fd });\r\n                    const res = await r.json();\r\n                    if(res.success) {\r\n                        document.getElementById('new-client-form').classList.add('hidden');\r\n                        document.getElementById('nc-username').value = '';\r\n                        document.getElementById('nc-email').value = '';\r\n                        document.getElementById('nc-password').value = '';\r\n                        document.getElementById('nc-mgr-username').value = '';\r\n                        document.getElementById('nc-mgr-email').value = '';\r\n                        document.getElementById('nc-mgr-password').value = '';\r\n                        fetchDirectory(); \/\/ Refresh list\r\n                    } else {\r\n                        alert(\"Creation Failed: \" + (res.data || \"Unknown Error\"));\r\n                    }\r\n                } catch(e) { console.error(e); }\r\n                showLoading(false);\r\n            };\r\n\r\n            window.reviewClient = (clientId) => {\r\n                const client = directoryProfiles.find(p => p.id == clientId);\r\n                if(!client) return;\r\n                \r\n                if(client.raw) {\r\n                    const p = JSON.parse(client.raw);\r\n                    if(p.profile) state.profile = {...state.profile, ...p.profile};\r\n                    if(p.goals) state.goals = {...state.goals, ...p.goals};\r\n                    if(p.reflections) state.reflections = {...state.reflections, ...p.reflections};\r\n                    if(p.manager_reflections) state.manager_reflections = {...state.manager_reflections, ...p.manager_reflections};\r\n                    if(!state.goals.selectedPriorities) state.goals.selectedPriorities = [];\r\n                    if(p.answers) state.answers = p.answers;\r\n                    if(p.manager_answers) state.manager_answers = p.manager_answers;\r\n                    if(p.scores) {\r\n                        dimensions.forEach(d => {\r\n                            if(p.scores[d.id]) state.scores[d.id] = { ...state.scores[d.id], ...p.scores[d.id] };\r\n                        });\r\n                    }\r\n                    if(p.manager_scores) {\r\n                        dimensions.forEach(d => {\r\n                            if(p.manager_scores[d.id]) state.manager_scores[d.id] = { ...state.manager_scores[d.id], ...p.manager_scores[d.id] };\r\n                        });\r\n                    }\r\n                } else {\r\n                    state.scores = dimensions.reduce((acc, d) => ({...acc, [d.id]: { baseline: 1.0, current: 1.0, target: 5.0 }}), {});\r\n                    state.manager_scores = dimensions.reduce((acc, d) => ({...acc, [d.id]: { baseline: 1.0, current: 1.0 }}), {});\r\n                    state.answers = {};\r\n                    state.manager_answers = {};\r\n                    state.profile = { title: 'Pending Assessment', position: 'Pending' };\r\n                    state.goals = { plan30: '', plan60: '', plan90: '', dimensionGoals: {}, sessions: [], selectedPriorities: [] };\r\n                    state.reflections = { improved: '', impact: '', commitment: '', alignment: '' };\r\n                    state.manager_reflections = { improved: '', impact: '', commitment: '' };\r\n                }\r\n                \r\n                state.targetUserId = clientId;\r\n                \r\n                const dispN = document.getElementById('display-name');\r\n                if(dispN) dispN.innerText = `Editing: ${client.name}`;\r\n                const dispT = document.getElementById('display-title');\r\n                if(dispT) dispT.innerText = state.profile.title || \"Executive\";\r\n                const ctxH = document.getElementById('user-context-header');\r\n                if(ctxH) ctxH.innerText = `Portfolio Analysis: ${client.name} | ${state.profile.position}`;\r\n                \r\n                const alignInput = document.getElementById('reflect-alignment-input');\r\n                if(alignInput) alignInput.value = state.reflections?.alignment || '';\r\n\r\n                window.switchTab('coach');\r\n            };\r\n\r\n            async function fetchDirectory() {\r\n                showLoading(true, \"Synchronizing Client Roster...\");\r\n                const formData = new FormData();\r\n                formData.append('action', 'get_all_coaching_profiles');\r\n                formData.append('security', wp.nonce);\r\n                try {\r\n                    const res = await fetch(wp.ajaxurl, { method: 'POST', body: formData });\r\n                    const data = await res.json();\r\n                    if(data.success) {\r\n                        directoryProfiles = data.data; \r\n                        renderDirectory(directoryProfiles);\r\n                        renderHeatmap(directoryProfiles);\r\n                    }\r\n                } catch(e) { console.error(\"Directory fetch failed\", e); }\r\n                finally { showLoading(false); }\r\n            }\r\n\r\n            window.switchTab = (tabId) => {\r\n                try {\r\n                    const restrictedRoles = ['coachee', 'manager'];\r\n                    const allowedTabs = ['individual', 'alignment', 'story', 'calendar'];\r\n                    if (restrictedRoles.includes(wp.role) && !allowedTabs.includes(tabId)) return; \r\n\r\n                    ['individual', 'alignment', 'story', 'calendar', 'answers', 'coach', 'hr', 'directory'].forEach(v => {\r\n                        const el = document.getElementById(`view-${v}`);\r\n                        const head = document.getElementById(`header-${v}`);\r\n                        if(el) el.classList.add('hidden');\r\n                        if(head) head.classList.add('hidden');\r\n                    });\r\n                    \r\n                    const targetView = document.getElementById(`view-${tabId}`);\r\n                    const headShow = document.getElementById(`header-${tabId}`);\r\n                    if (targetView) targetView.classList.remove('hidden');\r\n                    if (headShow) headShow.classList.remove('hidden');\r\n                    \r\n                    ['tab-individual', 'tab-alignment', 'tab-story', 'tab-calendar', 'tab-answers', 'tab-coach', 'tab-hr', 'tab-directory'].forEach(tid => {\r\n                        const b = document.getElementById(tid);\r\n                        if(b) { b.classList.remove('tab-active', 'text-slate-900'); b.classList.add('text-slate-500'); }\r\n                    });\r\n                    const activeBtn = document.getElementById(`tab-${tabId}`);\r\n                    if(activeBtn) { activeBtn.classList.add('tab-active'); activeBtn.classList.remove('text-slate-500'); }\r\n                    \r\n                    if (tabId === 'answers') renderAnswersTab();\r\n                    if (tabId === 'coach') renderCoachInputs();\r\n                    if (tabId === 'alignment') {\r\n                        const alignInput = document.getElementById('reflect-alignment-input');\r\n                        if(alignInput) alignInput.value = state.reflections?.alignment || '';\r\n                    }\r\n                    if (tabId === 'directory') {\r\n                        state.targetUserId = null;\r\n                        document.getElementById('display-name').innerText = wp.name;\r\n                        fetchDirectory();\r\n                    }\r\n                    \r\n                    updateUI(true);\r\n                } catch(err) { console.error(\"Tab switch error\", err); }\r\n            };\r\n\r\n            window.setAuthMode = (mode) => {\r\n                const mc = document.getElementById('mode-coachee');\r\n                const mh = document.getElementById('mode-coach');\r\n                if (mode === 'coach') {\r\n                    if(mh) mh.className = \"flex-1 py-2.5 rounded-xl text-xs font-bold transition-all bg-white shadow-sm text-slate-900\";\r\n                    if(mc) mc.className = \"flex-1 py-2.5 rounded-xl text-xs font-bold transition-all text-slate-500\";\r\n                } else {\r\n                    if(mc) mc.className = \"flex-1 py-2.5 rounded-xl text-xs font-bold transition-all bg-white shadow-sm text-slate-900\";\r\n                    if(mh) mh.className = \"flex-1 py-2.5 rounded-xl text-xs font-bold transition-all text-slate-500\";\r\n                }\r\n            };\r\n\r\n            function renderAssessmentForm() {\r\n                const f = document.getElementById('assessment-form');\r\n                const greeting = document.getElementById('assessment-greeting');\r\n                if(greeting) greeting.innerText = wp.role === 'manager' ? `Manager Assessment for Executive` : `Establishing Your Baseline, ${wp.name}`;\r\n                if(!f) return;\r\n                \r\n                const grouped = { heart: [], strategy: [], energy: [] };\r\n                assessmentQuestions.forEach(q => grouped[q.domain].push(q));\r\n\r\n                let html = '';\r\n                ['heart', 'strategy', 'energy'].forEach(dom => {\r\n                    let domTitle = dom === 'energy' ? 'Leadership Energy Index' : dom;\r\n                    html += `<div class=\"mb-8 border-b border-slate-200 pb-8\"><h3 class=\"text-lg font-black uppercase text-slate-900 mb-6 tracking-widest\">${domTitle}<\/h3>`;\r\n                    grouped[dom].forEach((q) => {\r\n                        html += `\r\n                        <div class=\"space-y-3 mb-6 bg-white p-6 rounded-2xl border border-slate-200 shadow-sm\">\r\n                            <p class=\"text-sm font-bold text-slate-800 leading-relaxed\">${q.text}<\/p>\r\n                            <div class=\"flex justify-between items-center mt-2 gap-1 scale-bar-bg p-1 rounded-xl border border-slate-100\">\r\n                                ${[1,2,3,4,5].map(v => {\r\n                                    let label = v===1 ? 'Rarely' : v===2 ? 'Occasionally' : v===3 ? 'Often' : v===4 ? 'Very Often' : 'Role Model';\r\n                                    return `\r\n                                    <label class=\"flex-1 text-center cursor-pointer group relative\">\r\n                                        <input type=\"radio\" name=\"q-${q.id}\" value=\"${v}\" ${v===3?'checked':''} class=\"peer hidden scale-radio\">\r\n                                        <span class=\"block w-full py-2.5 text-[9px] sm:text-[10px] font-bold text-slate-600 rounded-lg group-hover:bg-slate-300 transition\">${label}<\/span>\r\n                                    <\/label>\r\n                                `}).join('')}\r\n                            <\/div>\r\n                        <\/div>`;\r\n                    });\r\n                    html += `<\/div>`;\r\n                });\r\n                \r\n                html += `\r\n                <div class=\"mb-8 border-t border-slate-200 pt-8\">\r\n                    <h3 class=\"text-lg font-black uppercase text-slate-900 mb-6 tracking-widest\">Qualitative Reflections<\/h3>\r\n                    <div class=\"space-y-6\">\r\n                        <div>\r\n                            <label class=\"text-xs font-bold text-slate-800 uppercase tracking-wide block mb-2\">What behaviors have most improved?<\/label>\r\n                            <textarea id=\"assess-improved\" class=\"textarea-custom\"><\/textarea>\r\n                        <\/div>\r\n                        <div>\r\n                            <label class=\"text-xs font-bold text-slate-800 uppercase tracking-wide block mb-2\">What has been the impact of this improvement?<\/label>\r\n                            <textarea id=\"assess-impact\" class=\"textarea-custom\"><\/textarea>\r\n                        <\/div>\r\n                        <div>\r\n                            <label class=\"text-xs font-bold text-slate-800 uppercase tracking-wide block mb-2\">One thing to commit to for continued growth:<\/label>\r\n                            <textarea id=\"assess-commit\" class=\"textarea-custom\"><\/textarea>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>`;\r\n\r\n                f.innerHTML = html;\r\n                \r\n                \/\/ Populate qualitative fields if they exist\r\n                if (wp.role === 'manager' && state.manager_reflections) {\r\n                    if(document.getElementById('assess-improved')) document.getElementById('assess-improved').value = state.manager_reflections.improved || '';\r\n                    if(document.getElementById('assess-impact')) document.getElementById('assess-impact').value = state.manager_reflections.impact || '';\r\n                    if(document.getElementById('assess-commit')) document.getElementById('assess-commit').value = state.manager_reflections.commitment || '';\r\n                } else if (state.reflections) {\r\n                    if(document.getElementById('assess-improved')) document.getElementById('assess-improved').value = state.reflections.improved || '';\r\n                    if(document.getElementById('assess-impact')) document.getElementById('assess-impact').value = state.reflections.impact || '';\r\n                    if(document.getElementById('assess-commit')) document.getElementById('assess-commit').value = state.reflections.commitment || '';\r\n                }\r\n                \r\n                const btnSubmit = document.getElementById('btn-submit-assessment');\r\n                if(btnSubmit) {\r\n                    btnSubmit.onclick = async (e) => {\r\n                        e.preventDefault();\r\n                        showLoading(true, \"Calibrating Leadership Profile...\");\r\n                        \r\n                        const isUpdate = state.answers && Object.keys(state.answers).length > 0;\r\n                        const isMgrUpdate = state.manager_answers && Object.keys(state.manager_answers).length > 0;\r\n\r\n                        let catSums = {};\r\n                        let catCounts = {};\r\n                        let currentAnswers = {};\r\n\r\n                        assessmentQuestions.forEach(q => {\r\n                            const el = document.querySelector(`input[name=\"q-${q.id}\"]:checked`);\r\n                            const val = el ? parseFloat(el.value) : 3.0;\r\n                            currentAnswers[q.id] = val;\r\n                            if(!catSums[q.cat]) { catSums[q.cat] = 0; catCounts[q.cat] = 0; }\r\n                            catSums[q.cat] += val;\r\n                            catCounts[q.cat]++;\r\n                        });\r\n\r\n                        if (wp.role === 'manager') {\r\n                            state.manager_answers = currentAnswers;\r\n                            dimensions.forEach(d => {\r\n                                const avg = (catSums[d.id] \/ catCounts[d.id]) || 1.0;\r\n                                if (!state.manager_scores[d.id] || !isMgrUpdate) {\r\n                                    state.manager_scores[d.id] = { baseline: avg, current: avg };\r\n                                } else {\r\n                                    state.manager_scores[d.id].current = avg;\r\n                                }\r\n                            });\r\n                            state.manager_reflections = {\r\n                                improved: document.getElementById('assess-improved') ? document.getElementById('assess-improved').value : '',\r\n                                impact: document.getElementById('assess-impact') ? document.getElementById('assess-impact').value : '',\r\n                                commitment: document.getElementById('assess-commit') ? document.getElementById('assess-commit').value : ''\r\n                            };\r\n                        } else {\r\n                            state.answers = currentAnswers;\r\n                            dimensions.forEach(d => {\r\n                                const avg = (catSums[d.id] \/ catCounts[d.id]) || 1.0;\r\n                                if (!isUpdate) {\r\n                                    state.scores[d.id] = { baseline: avg, current: avg, target: 5.0 };\r\n                                } else {\r\n                                    state.scores[d.id].current = avg;\r\n                                }\r\n                            });\r\n                            state.reflections = {\r\n                                improved: document.getElementById('assess-improved') ? document.getElementById('assess-improved').value : '',\r\n                                impact: document.getElementById('assess-impact') ? document.getElementById('assess-impact').value : '',\r\n                                commitment: document.getElementById('assess-commit') ? document.getElementById('assess-commit').value : '',\r\n                                alignment: state.reflections.alignment || ''\r\n                            };\r\n                        }\r\n\r\n                        await pushToWordPress();\r\n                        document.getElementById('screen-assessment').classList.add('hidden');\r\n                        document.getElementById('screen-dashboard').classList.remove('hidden');\r\n                        initDashboard();\r\n                        await window.saveAndSync();\r\n                    };\r\n                }\r\n            }\r\n\r\n            function renderAnswersTab() {\r\n                const f = document.getElementById('answers-form-container');\r\n                if(!f) return;\r\n                \r\n                const grouped = { heart: [], strategy: [], energy: [] };\r\n                assessmentQuestions.forEach(q => grouped[q.domain].push(q));\r\n\r\n                let html = '';\r\n                ['heart', 'strategy', 'energy'].forEach(dom => {\r\n                    let domTitle = dom === 'energy' ? 'Leadership Energy Index' : dom;\r\n                    html += `<div class=\"mb-8 border-b border-slate-200 pb-8\"><h3 class=\"text-lg font-black uppercase text-slate-900 mb-6 tracking-widest\">${domTitle}<\/h3>`;\r\n                    grouped[dom].forEach((q) => {\r\n                        const clientAns = state.answers && state.answers[q.id] ? state.answers[q.id] : null;\r\n                        const mgrAns = state.manager_answers && state.manager_answers[q.id] ? state.manager_answers[q.id] : null;\r\n                        \r\n                        html += `\r\n                        <div class=\"space-y-3 mb-6 bg-white p-6 rounded-2xl border border-slate-200 shadow-sm\">\r\n                            <p class=\"text-sm font-bold text-slate-800 leading-relaxed\">${q.text}<\/p>\r\n                            <div class=\"flex justify-between items-center mt-2 gap-1 scale-bar-bg p-1 rounded-xl border border-slate-100\">\r\n                                ${[1,2,3,4,5].map(v => {\r\n                                    let label = v===1 ? 'Rarely' : v===2 ? 'Occasionally' : v===3 ? 'Often' : v===4 ? 'Very Often' : 'Role Model';\r\n                                    let isClientSel = clientAns === v;\r\n                                    let isMgrSel = mgrAns === v;\r\n                                    \r\n                                    let bgClass = \"text-slate-500 bg-transparent\";\r\n                                    if (isClientSel && isMgrSel) bgClass = \"bg-purple-600 text-white shadow-md\"; \r\n                                    else if (isClientSel) bgClass = \"bg-blue-600 text-white shadow-md\";\r\n                                    else if (isMgrSel) bgClass = \"bg-rose-500 text-white shadow-md\";\r\n                                    \r\n                                    return `\r\n                                    <div class=\"flex-1 text-center relative\">\r\n                                        <span class=\"block w-full py-2.5 text-[9px] sm:text-[10px] font-bold rounded-lg transition ${bgClass}\">${label}<\/span>\r\n                                        ${isClientSel && !isMgrSel ? '<span class=\"absolute -top-2 -right-2 bg-blue-100 text-blue-800 text-[8px] px-1 rounded-full border border-blue-200 shadow-sm\">Self<\/span>' : ''}\r\n                                        ${isMgrSel && !isClientSel ? '<span class=\"absolute -top-2 -left-2 bg-rose-100 text-rose-800 text-[8px] px-1 rounded-full border border-rose-200 shadow-sm\">Mgr<\/span>' : ''}\r\n                                        ${isClientSel && isMgrSel ? '<span class=\"absolute -top-2 -right-2 bg-purple-100 text-purple-800 text-[8px] px-1 rounded-full border border-purple-200 shadow-sm\">Both<\/span>' : ''}\r\n                                    <\/div>\r\n                                `}).join('')}\r\n                            <\/div>\r\n                        <\/div>`;\r\n                    });\r\n                    html += `<\/div>`;\r\n                });\r\n                \r\n                html += `\r\n                <div class=\"mt-12 border-t border-slate-200 pt-8\">\r\n                    <h3 class=\"text-lg font-black uppercase text-slate-900 mb-6 tracking-widest\">Qualitative Feedback<\/h3>\r\n                    <div class=\"space-y-6\">\r\n                        \r\n                        <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm\">\r\n                            <p class=\"text-sm font-bold text-slate-800 mb-4\">What behaviors have most improved?<\/p>\r\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                                <div class=\"bg-blue-50 p-4 rounded-xl border border-blue-100\">\r\n                                    <span class=\"text-[10px] font-black uppercase tracking-widest text-blue-600 block mb-2\">Executive (Self)<\/span>\r\n                                    <p class=\"text-xs text-slate-700 italic\">${state.reflections?.improved || 'No answer provided.'}<\/p>\r\n                                <\/div>\r\n                                <div class=\"bg-rose-50 p-4 rounded-xl border border-rose-100\">\r\n                                    <span class=\"text-[10px] font-black uppercase tracking-widest text-rose-600 block mb-2\">Manager<\/span>\r\n                                    <p class=\"text-xs text-slate-700 italic\">${state.manager_reflections?.improved || 'No answer provided.'}<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm\">\r\n                            <p class=\"text-sm font-bold text-slate-800 mb-4\">What has been the impact of this improvement?<\/p>\r\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                                <div class=\"bg-blue-50 p-4 rounded-xl border border-blue-100\">\r\n                                    <span class=\"text-[10px] font-black uppercase tracking-widest text-blue-600 block mb-2\">Executive (Self)<\/span>\r\n                                    <p class=\"text-xs text-slate-700 italic\">${state.reflections?.impact || 'No answer provided.'}<\/p>\r\n                                <\/div>\r\n                                <div class=\"bg-rose-50 p-4 rounded-xl border border-rose-100\">\r\n                                    <span class=\"text-[10px] font-black uppercase tracking-widest text-rose-600 block mb-2\">Manager<\/span>\r\n                                    <p class=\"text-xs text-slate-700 italic\">${state.manager_reflections?.impact || 'No answer provided.'}<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm\">\r\n                            <p class=\"text-sm font-bold text-slate-800 mb-4\">One thing to commit to for continued growth:<\/p>\r\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                                <div class=\"bg-blue-50 p-4 rounded-xl border border-blue-100\">\r\n                                    <span class=\"text-[10px] font-black uppercase tracking-widest text-blue-600 block mb-2\">Executive (Self)<\/span>\r\n                                    <p class=\"text-xs text-slate-700 italic\">${state.reflections?.commitment || 'No answer provided.'}<\/p>\r\n                                <\/div>\r\n                                <div class=\"bg-rose-50 p-4 rounded-xl border border-rose-100\">\r\n                                    <span class=\"text-[10px] font-black uppercase tracking-widest text-rose-600 block mb-2\">Manager<\/span>\r\n                                    <p class=\"text-xs text-slate-700 italic\">${state.manager_reflections?.commitment || 'No answer provided.'}<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                <\/div>`;\r\n\r\n                f.innerHTML = html;\r\n            }\r\n\r\n            function renderPrioritiesSelector() {\r\n                const pContainer = document.getElementById('priorities-selection');\r\n                if (!pContainer) return;\r\n                \r\n                let html = '';\r\n                dimensions.filter(d => d.domain !== 'energy').forEach(d => {\r\n                    const isSelected = state.goals.selectedPriorities.includes(d.id);\r\n                    html += `\r\n                        <button onclick=\"window.togglePriority('${d.id}')\" class=\"px-4 py-2 rounded-xl text-xs font-bold transition border ${isSelected ? 'bg-indigo-600 text-white border-indigo-600 shadow-md' : 'bg-white text-slate-500 border-slate-200 hover:bg-slate-50'}\">\r\n                            ${isSelected ? '<i class=\"fas fa-check mr-1\"><\/i> ' : ''}${d.label}\r\n                        <\/button>\r\n                    `;\r\n                });\r\n                pContainer.innerHTML = html;\r\n            }\r\n\r\n            function renderCoachInputs() {\r\n                renderPrioritiesSelector();\r\n                const h = document.getElementById('heart-inputs');\r\n                const s = document.getElementById('strategy-inputs');\r\n                if(!h || !s) return;\r\n                h.innerHTML = ''; s.innerHTML = '';\r\n                \r\n                dimensions.filter(d => d.domain !== 'energy').forEach(d => {\r\n                    const cScore = safeScore(d.id, 'current');\r\n                    const tScore = safeScore(d.id, 'target');\r\n                    \r\n                    const qs = assessmentQuestions.filter(q => q.cat === d.id);\r\n                    let qaHtml = `<div class=\"space-y-2 bg-slate-50 p-3 rounded-xl border border-slate-100 mt-5\">`;\r\n                    qs.forEach(q => {\r\n                        const cAns = state.answers && state.answers[q.id] ? state.answers[q.id] : '-';\r\n                        const mAns = state.manager_answers && Object.keys(state.manager_answers).length > 0 ? (state.manager_answers[q.id] || '-') : '-';\r\n                        \r\n                        qaHtml += `\r\n                            <div class=\"flex justify-between items-start text-[9px] text-slate-600 mb-2 border-b border-slate-200 pb-2 last:border-0 last:pb-0\">\r\n                                <span class=\"pr-2 leading-tight flex-1\">${q.text}<\/span>\r\n                                <div class=\"flex flex-col items-end shrink-0 space-y-1\">\r\n                                    <span class=\"text-blue-600 font-bold bg-blue-50 px-1.5 py-0.5 rounded shadow-sm\" title=\"Coachee Self-Score\">Self: ${cAns}<\/span>\r\n                                    ${state.manager_answers && Object.keys(state.manager_answers).length > 0 ? `<span class=\"text-purple-600 font-bold bg-purple-50 px-1.5 py-0.5 rounded shadow-sm\" title=\"Manager Score\">Mgr: ${mAns}<\/span>` : ''}\r\n                                <\/div>\r\n                            <\/div>`;\r\n                    });\r\n                    qaHtml += `<\/div>`;\r\n\r\n                    const html = `\r\n                        <div class=\"p-5 bg-white border border-slate-200 rounded-2xl shadow-sm hover:border-slate-300 transition-all space-y-4\">\r\n                            <div class=\"flex justify-between items-center\"><label class=\"text-[10px] font-black uppercase text-slate-700 tracking-wider\">${d.label}<\/label><\/div>\r\n                            \r\n                            ${qaHtml}\r\n\r\n                            <div class=\"space-y-3 pt-2 border-t border-slate-100 mt-4\">\r\n                                <div class=\"flex justify-between text-[8px] font-black uppercase text-slate-500\"><span>Target (1-5)<\/span><span class=\"text-slate-800 font-bold\" id=\"label-${d.id}-target\">${tScore.toFixed(1)}<\/span><\/div>\r\n                                <input type=\"range\" min=\"1\" max=\"5\" step=\"0.1\" value=\"${tScore}\" class=\"input-slider target-slider\" oninput=\"window.updateScore('${d.id}', 'target', this.value)\">\r\n                            <\/div>\r\n                        <\/div>`;\r\n                    if (d.domain === 'heart') h.innerHTML += html; \r\n                    else s.innerHTML += html;\r\n                });\r\n\r\n                const imp = document.getElementById('coach-improved');\r\n                const impc = document.getElementById('coach-impact');\r\n                const cmt = document.getElementById('coach-commit');\r\n                if (imp) imp.value = state.reflections?.improved || '';\r\n                if (impc) impc.value = state.reflections?.impact || '';\r\n                if (cmt) cmt.value = state.reflections?.commitment || '';\r\n            }\r\n\r\n            function renderHeatmap(profiles) {\r\n                const container = document.getElementById('org-heatmap-container');\r\n                if(!container || !profiles || profiles.length === 0) return;\r\n\r\n                let sums = {}; let counts = {};\r\n                dimensions.filter(d => d.domain !== 'energy').forEach(d => { sums[d.id] = 0; counts[d.id] = 0; });\r\n\r\n                profiles.forEach(p => {\r\n                    if (p.raw) {\r\n                        try {\r\n                            const parsed = JSON.parse(p.raw);\r\n                            if (parsed.scores) {\r\n                                dimensions.filter(d => d.domain !== 'energy').forEach(d => {\r\n                                    if (parsed.scores[d.id]) {\r\n                                        sums[d.id] += parsed.scores[d.id].current || 0;\r\n                                        counts[d.id]++;\r\n                                    }\r\n                                });\r\n                            }\r\n                        } catch(e){}\r\n                    }\r\n                });\r\n\r\n                let html = '<div class=\"grid grid-cols-2 md:grid-cols-5 gap-3 w-full\">';\r\n                dimensions.filter(d => d.domain !== 'energy').forEach(d => {\r\n                    const avg = counts[d.id] > 0 ? (sums[d.id] \/ counts[d.id]).toFixed(1) : 0;\r\n                    let color = 'bg-slate-50 text-slate-400 border-slate-200';\r\n                    if (avg >= 4.0) color = 'bg-emerald-50 text-emerald-700 border-emerald-200';\r\n                    else if (avg >= 3.0) color = 'bg-blue-50 text-blue-700 border-blue-200';\r\n                    else if (avg > 0) color = 'bg-rose-50 text-rose-700 border-rose-200';\r\n\r\n                    html += `<div class=\"p-3 rounded-xl border ${color} flex flex-col justify-center items-center text-center shadow-sm\">\r\n                        <span class=\"text-xl font-black mb-1\">${avg > 0 ? avg : '-'}<\/span>\r\n                        <span class=\"text-[8px] font-bold uppercase tracking-widest\">${d.label}<\/span>\r\n                    <\/div>`;\r\n                });\r\n                html += '<\/div>';\r\n                container.innerHTML = html;\r\n            }\r\n\r\n            function renderDirectory(profiles) {\r\n                const body = document.getElementById('directory-table-body');\r\n                if(!body) return;\r\n                body.innerHTML = profiles.map(p => `\r\n                    <tr class=\"hover:bg-slate-50 transition border-b border-slate-100\">\r\n                        <td class=\"py-4 font-bold text-slate-900\">${p.name}<\/td>\r\n                        <td class=\"text-slate-500\">${p.title} <span class=\"mx-1 text-slate-300\">@<\/span> ${p.company}<\/td>\r\n                        <td class=\"text-slate-500 text-xs\">${p.email}<\/td>\r\n                        <td class=\"text-slate-500 text-[10px] uppercase font-bold\">${p.last_sync}<\/td>\r\n                        <td class=\"text-right\"><button onclick=\"window.reviewClient(${p.id})\" class=\"text-blue-600 font-black hover:underline text-[9px] uppercase tracking-widest bg-blue-50 px-3 py-1 rounded-lg transition-all hover:bg-blue-100\">Analyze<\/button><\/td>\r\n                    <\/tr>\r\n                `).join('');\r\n            }\r\n\r\n            function updateUI(soft = false) {\r\n                try {\r\n                    const hScores = dimensions.filter(d => d.domain === 'heart').map(d => safeScore(d.id, 'current'));\r\n                    const sScores = dimensions.filter(d => d.domain === 'strategy').map(d => safeScore(d.id, 'current'));\r\n                    const eScore = safeScore('energy', 'current');\r\n                    \r\n                    const hA = (hScores.reduce((a,b)=>a+b,0) \/ (hScores.length || 1));\r\n                    const sA = (sScores.reduce((a,b)=>a+b,0) \/ (sScores.length || 1));\r\n                    \r\n                    \/\/ Integration: scale is 1-5. Max diff is 4. Int = 5 - gap\r\n                    const cA = 5.0 - Math.abs(hA - sA);\r\n                    \r\n                    \/\/ Alignment = Heart 30%, Strat 30%, Int 40%\r\n                    const alignScore = ((hA * 0.3) + (sA * 0.3) + (cA * 0.4)).toFixed(1);\r\n\r\n                    if(document.getElementById('stat-total')) document.getElementById('stat-total').innerText = alignScore;\r\n                    if(document.getElementById('stat-heart')) document.getElementById('stat-heart').innerText = hA.toFixed(1);\r\n                    if(document.getElementById('stat-strategy')) document.getElementById('stat-strategy').innerText = sA.toFixed(1);\r\n                    if(document.getElementById('stat-coherence')) document.getElementById('stat-coherence').innerText = cA.toFixed(1);\r\n                    if(document.getElementById('stat-energy')) document.getElementById('stat-energy').innerText = eScore.toFixed(1);\r\n                    \r\n                    \/\/ Quadrant Assignment\r\n                    let archetype = \"Reactive Leadership Mode\";\r\n                    let archetypeDesc = \"Low inner capacity and strategic execution.\";\r\n                    let textClass = \"text-slate-700\";\r\n                    if (hA >= 3.5 && sA >= 3.5) { \r\n                        archetype = \"Integrated Leader\"; \r\n                        archetypeDesc = \"Sustainable leadership effectiveness\"; \r\n                        textClass = \"text-emerald-700\"; \r\n                    } \r\n                    else if (sA >= 3.5 && hA < 3.5) { \r\n                        archetype = \"Driven but Disconnected\"; \r\n                        archetypeDesc = \"Performance Risk: Strong strategy + weak heart\"; \r\n                        textClass = \"text-rose-700\"; \r\n                    } \r\n                    else if (hA >= 3.5 && sA < 3.5) { \r\n                        archetype = \"Compassionate but Diffused\"; \r\n                        archetypeDesc = \"Execution Risk: Strong heart + weak strategy\"; \r\n                        textClass = \"text-purple-700\"; \r\n                    }\r\n                    \r\n                    const archEl = document.getElementById('archetype-label');\r\n                    if (archEl) { archEl.innerText = archetype; archEl.className = `text-4xl font-black tracking-tight mt-1 ${textClass}`; }\r\n                    const archDescEl = document.getElementById('archetype-desc');\r\n                    if (archDescEl) { archDescEl.innerText = archetypeDesc; }\r\n\r\n                    const currentScoresArr = Object.values(state.scores).map(s => s.current || 1.0);\r\n                    const tA = (currentScoresArr.reduce((a,b)=>a+b,0)\/11).toFixed(1);\r\n                    const bAvg = dimensions.reduce((a,d)=>a+safeScore(d.id, 'baseline'),0)\/11;\r\n                    const safeBase = bAvg > 0 ? bAvg : 1.0;\r\n\r\n                    const trend = document.getElementById('trend-path');\r\n                    if(trend) {\r\n                        const mapY = (val) => 110 - ((val \/ 5) * 90); \r\n                        trend.setAttribute('d', `M 30,${mapY(bAvg)} Q 150,${mapY((bAvg+parseFloat(tA))\/2)} 270,${mapY(tA)}`);\r\n                        document.getElementById('trend-start').setAttribute('cy', mapY(bAvg));\r\n                        document.getElementById('trend-end').setAttribute('cy', mapY(tA));\r\n                        document.getElementById('velocity-current').innerText = tA;\r\n                        document.getElementById('velocity-growth').innerText = '+' + Math.round(((tA-bAvg)\/safeBase)*100) + '%';\r\n                    }\r\n\r\n                    \/\/ Story Tab: Strengths & Focus Areas logic\r\n                    const coreDims = dimensions.filter(d => d.domain !== 'energy');\r\n                    const sortedGains = [...coreDims].sort((a,b) => {\r\n                        const gainA = safeScore(a.id, 'current') - safeScore(a.id, 'baseline');\r\n                        const gainB = safeScore(b.id, 'current') - safeScore(b.id, 'baseline');\r\n                        return gainB - gainA; \/\/ Descending\r\n                    });\r\n                    \r\n                    const topList = document.getElementById('top-strengths-list');\r\n                    if (topList) {\r\n                        topList.innerHTML = sortedGains.slice(0,3).map(d => `\r\n                            <div class=\"flex justify-between items-center p-3 bg-slate-50 rounded-xl\">\r\n                                <span class=\"font-bold text-slate-700 text-xs\">${d.label}<\/span>\r\n                                <span class=\"bg-emerald-100 text-emerald-700 px-2 py-1 rounded text-[10px] font-black\">+${(safeScore(d.id, 'current') - safeScore(d.id, 'baseline')).toFixed(1)}<\/span>\r\n                            <\/div>\r\n                        `).join('');\r\n                    }\r\n\r\n                    const focusList = document.getElementById('focus-areas-list');\r\n                    if (focusList) {\r\n                        const sortedTargetGaps = [...coreDims].sort((a,b) => {\r\n                            const gapA = safeScore(a.id, 'target') - safeScore(a.id, 'current');\r\n                            const gapB = safeScore(b.id, 'target') - safeScore(b.id, 'current');\r\n                            return gapB - gapA; \/\/ Descending gap\r\n                        });\r\n                        focusList.innerHTML = sortedTargetGaps.slice(0,3).map(d => `\r\n                            <div class=\"flex justify-between items-center p-3 bg-slate-50 rounded-xl\">\r\n                                <span class=\"font-bold text-slate-700 text-xs\">${d.label}<\/span>\r\n                                <span class=\"bg-rose-100 text-rose-700 px-2 py-1 rounded text-[10px] font-black\">Target: ${safeScore(d.id, 'target').toFixed(1)}<\/span>\r\n                            <\/div>\r\n                        `).join('');\r\n                    }\r\n\r\n                    \/\/ Corporate Behavior Alignment Dynamic Text\r\n                    const alignText = document.getElementById('behavior-alignment-text');\r\n                    if (alignText && sortedGains.length > 0) {\r\n                        const s1 = corporateBehaviorsMap[sortedGains[0].id] || \"Excellence\";\r\n                        const s2 = corporateBehaviorsMap[sortedGains[1].id] || \"Collaboration\";\r\n                        const bottomGaps = [...coreDims].sort((a,b) => safeScore(a.id, 'current') - safeScore(b.id, 'current'));\r\n                        const w1 = corporateBehaviorsMap[bottomGaps[0].id] || \"Live Our Purpose\";\r\n                        \r\n                        alignText.innerHTML = `Your leadership profile strongly supports the behaviors <strong>\"${s1}\"<\/strong> and <strong>\"${s2}\"<\/strong>.<br\/><br\/>The next opportunity is strengthening <strong>\"${w1}\"<\/strong> through increased focus on ${bottomGaps[0].label}.`;\r\n                    }\r\n\r\n                    \/\/ Update qualitative reflections in Story\r\n                    const rImpSelf = document.getElementById('story-improved-self');\r\n                    const rImpMgr = document.getElementById('story-improved-mgr');\r\n                    const rImpctSelf = document.getElementById('story-impact-self');\r\n                    const rImpctMgr = document.getElementById('story-impact-mgr');\r\n                    const rComSelf = document.getElementById('story-commit-self');\r\n                    const rComMgr = document.getElementById('story-commit-mgr');\r\n\r\n                    if (rImpSelf) rImpSelf.innerText = state.reflections?.improved || \"No data provided yet.\";\r\n                    if (rImpMgr) rImpMgr.innerText = state.manager_reflections?.improved || \"No data provided yet.\";\r\n                    \r\n                    if (rImpctSelf) rImpctSelf.innerText = state.reflections?.impact || \"No data provided yet.\";\r\n                    if (rImpctMgr) rImpctMgr.innerText = state.manager_reflections?.impact || \"No data provided yet.\";\r\n                    \r\n                    if (rComSelf) rComSelf.innerText = state.reflections?.commitment || \"No data provided yet.\";\r\n                    if (rComMgr) rComMgr.innerText = state.manager_reflections?.commitment || \"No data provided yet.\";\r\n\r\n                    \/\/ Calendar \/ Plans update\r\n                    if(document.getElementById('plan-30')) document.getElementById('plan-30').innerText = state.goals.plan30 || 'Awaiting sync...';\r\n                    if(document.getElementById('plan-60')) document.getElementById('plan-60').innerText = state.goals.plan60 || 'Awaiting sync...';\r\n                    if(document.getElementById('plan-90')) document.getElementById('plan-90').innerText = state.goals.plan90 || 'Awaiting sync...';\r\n                    \r\n                    const sessList = document.getElementById('session-list');\r\n                    if (sessList && state.goals.sessions && state.goals.sessions.length > 0) {\r\n                        sessList.innerHTML = state.goals.sessions.map(s => `\r\n                            <div class=\"p-5 border border-slate-100 rounded-2xl bg-white shadow-sm flex items-start\">\r\n                                <div class=\"bg-indigo-100 text-indigo-700 font-black px-3 py-1 rounded-lg text-xs mr-4 shrink-0 mt-0.5\">WK ${s.week}<\/div>\r\n                                <div>\r\n                                    <h4 class=\"font-bold text-slate-900 mb-1\">${s.topic}<\/h4>\r\n                                    <p class=\"text-xs text-slate-600\">${s.focus}<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        `).join('');\r\n                    }\r\n\r\n                    \/\/ Reporting Summary \/ AI Sync message\r\n                    const execSum = document.getElementById('exec-summary-text');\r\n                    if(execSum) execSum.innerText = state.goals.executiveSummary || 'Intelligence engine is standing by. Click Save & Update to generate insights.';\r\n\r\n                    const targetAvg = dimensions.reduce((a,d)=>a+safeScore(d.id, 'target'),0)\/11;\r\n                    const totalGap = Math.max(0.1, targetAvg - bAvg);\r\n                    const currentGain = Math.max(0, tA - bAvg);\r\n                    const percentageOfTotal = (currentGain \/ totalGap) * 100;\r\n                    \r\n                    ['3m', '6m', '1y'].forEach((m, idx) => {\r\n                        const weightArr = [0.25, 0.50, 1.0];\r\n                        const val = Math.min(100, Math.round((percentageOfTotal \/ weightArr[idx])));\r\n                        const bar = document.getElementById(`prog-bar-${m}`);\r\n                        const text = document.getElementById(`prog-val-${m}`);\r\n                        if(bar) bar.style.width = Math.max(2, val) + '%';\r\n                        if(text) text.innerText = Math.max(0, val) + '%';\r\n                    });\r\n\r\n                    if(document.getElementById('stat-roi')) document.getElementById('stat-roi').innerText = (1 + (currentGain * 0.8)).toFixed(1) + 'x';\r\n                    if(document.getElementById('stat-trust')) document.getElementById('stat-trust').innerText = safeScore('safety', 'current').toFixed(1);\r\n                    if(document.getElementById('stat-decision')) document.getElementById('stat-decision').innerText = sA > 3.5 ? \"Optimal\" : sA > 2.5 ? \"High\" : \"Stable\";\r\n\r\n                    drawRadar();\r\n                    renderTable();\r\n                } catch (e) {\r\n                    console.error(\"UI Update Failed\", e);\r\n                }\r\n            }\r\n\r\n            function renderTable() {\r\n                const body = document.getElementById('visual-progress-list');\r\n                if(!body) return;\r\n                \r\n                const coreDims = dimensions.filter(d => d.domain !== 'energy');\r\n                const hasMgr = state.manager_answers && Object.keys(state.manager_answers).length > 0;\r\n                \r\n                body.innerHTML = coreDims.map(d => {\r\n                    const base = safeScore(d.id, 'baseline');\r\n                    const curr = safeScore(d.id, 'current');\r\n                    const target = safeScore(d.id, 'target');\r\n                    const mgr = hasMgr && state.manager_scores && state.manager_scores[d.id] ? state.manager_scores[d.id].current : null;\r\n\r\n                    const min = Math.min(base, curr);\r\n                    const diff = Math.abs(curr - base);\r\n                    const isGain = curr >= base;\r\n                    \r\n                    return `\r\n                    <div class=\"flex items-center mb-4\">\r\n                        <div class=\"w-1\/4 pr-4\">\r\n                            <p class=\"text-[11px] font-bold text-slate-800 truncate\">${d.label}<\/p>\r\n                            <p class=\"text-[8px] text-slate-500 uppercase tracking-widest\">${d.domain}<\/p>\r\n                        <\/div>\r\n                        <div class=\"w-3\/4 relative pt-1 pb-2\">\r\n                            <div class=\"w-full h-1.5 bg-slate-100 rounded-full relative\">\r\n                                <div class=\"absolute h-full rounded-full ${isGain ? 'bg-blue-200' : 'bg-rose-200'}\" style=\"left: ${((min-1)\/4)*100}%; width: ${((diff)\/4)*100}%;\"><\/div>\r\n                                <div class=\"absolute w-3 h-3 bg-slate-300 rounded-full top-1\/2 -translate-y-1\/2 -ml-1.5 border-2 border-white z-10\" style=\"left: ${((base-1)\/4)*100}%;\"><\/div>\r\n                                <div class=\"absolute w-3.5 h-3.5 bg-blue-600 rounded-full top-1\/2 -translate-y-1\/2 -ml-1.5 shadow-sm z-20\" style=\"left: ${((curr-1)\/4)*100}%;\"><\/div>\r\n                                ${mgr !== null ? `<div class=\"absolute w-3.5 h-3.5 bg-rose-500 rounded-full top-1\/2 -translate-y-1\/2 -ml-1.5 shadow-sm border-2 border-white z-30\" style=\"left: ${((mgr-1)\/4)*100}%;\"><\/div>` : ''}\r\n                                <div class=\"absolute w-1 h-3 bg-slate-800 top-1\/2 -translate-y-1\/2 -ml-0.5 z-40\" style=\"left: ${((target-1)\/4)*100}%;\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>`;\r\n                }).join('');\r\n            }\r\n\r\n            function drawRadar() {\r\n                const svg = document.getElementById('radar-svg');\r\n                if(!svg) return; svg.innerHTML = '';\r\n                \r\n                \/\/ Draw 5 rings for the 1-5 scale\r\n                for(let i=1; i<=5; i++){ \r\n                    const c = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"circle\"); \r\n                    c.setAttribute(\"cx\", 200); c.setAttribute(\"cy\", 200); \r\n                    c.setAttribute(\"r\", i * (150\/5));\r\n                    c.setAttribute(\"fill\", \"none\"); c.setAttribute(\"stroke\", \"#f1f5f9\"); \r\n                    svg.appendChild(c); \r\n                }\r\n                \r\n                const coreDims = dimensions.filter(d => d.domain !== 'energy');\r\n                const totalDims = coreDims.length;\r\n                coreDims.forEach((d, i) => {\r\n                    const a = (i * (360\/totalDims)) * (Math.PI\/180);\r\n                    const line = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"line\"); \r\n                    line.setAttribute(\"x1\", 200); line.setAttribute(\"y1\", 200); \r\n                    line.setAttribute(\"x2\", 200+150*Math.cos(a-Math.PI\/2)); \r\n                    line.setAttribute(\"y2\", 200+150*Math.sin(a-Math.PI\/2)); \r\n                    line.setAttribute(\"stroke\", \"#f8fafc\"); \r\n                    svg.appendChild(line);\r\n                    \r\n                    const text = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"text\");\r\n                    text.setAttribute(\"x\", 200+175*Math.cos(a-Math.PI\/2));\r\n                    text.setAttribute(\"y\", 200+175*Math.sin(a-Math.PI\/2));\r\n                    text.setAttribute(\"text-anchor\", \"middle\");\r\n                    text.setAttribute(\"class\", \"text-[7px] font-black uppercase fill-slate-500\");\r\n                    text.textContent = d.label.split(' ')[0];\r\n                    svg.appendChild(text);\r\n                });\r\n\r\n                ['target', 'baseline', 'current'].forEach(id => {\r\n                    const p = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\"); p.setAttribute(\"id\", `radar-${id}`); \r\n                    p.setAttribute(\"fill\", id==='current'?\"rgba(37,99,235,0.08)\":\"none\"); \r\n                    p.setAttribute(\"stroke\", id==='current'?\"#2563eb\":id==='target'?\"#cbd5e1\":\"#e2e8f0\"); \r\n                    if(id!=='current') p.setAttribute(\"stroke-dasharray\", id==='target'?\"5 5\":\"2 2\");\r\n                    svg.appendChild(p);\r\n                });\r\n                \r\n                const getP = (f) => coreDims.map((d,i)=>{ \r\n                    const a = (i * (360\/totalDims)) * (Math.PI\/180); \r\n                    const v = safeScore(d.id, f); \r\n                    const r = ((v - 1) \/ 4) * 150; \/\/ map 1-5 scale (min 1 -> r=0, max 5 -> r=150)\r\n                    return `${200+r*Math.cos(a-Math.PI\/2)},${200+r*Math.sin(a-Math.PI\/2)}`; \r\n                }).join(' ');\r\n                \r\n                const rb = document.getElementById('radar-baseline');\r\n                const rc = document.getElementById('radar-current');\r\n                const rt = document.getElementById('radar-target');\r\n                if(rb) rb.setAttribute('d', 'M '+getP('baseline')+' Z');\r\n                if(rc) rc.setAttribute('d', 'M '+getP('current')+' Z');\r\n                if(rt) rt.setAttribute('d', 'M '+getP('target')+' Z');\r\n                \r\n                \/\/ Update the Dynamic \"YOU\" and \"MGR\" Markers\r\n                const marker = document.getElementById('user-position-marker');\r\n                const mgrMarker = document.getElementById('mgr-position-marker');\r\n                \r\n                if (marker) {\r\n                    const hScores = coreDims.filter(d => d.domain === 'heart').map(d => safeScore(d.id, 'current'));\r\n                    const sScores = coreDims.filter(d => d.domain === 'strategy').map(d => safeScore(d.id, 'current'));\r\n                    const heartVal = hScores.reduce((a,b)=>a+b,0) \/ (hScores.length || 1);\r\n                    const stratVal = sScores.reduce((a,b)=>a+b,0) \/ (sScores.length || 1);\r\n                    \r\n                    const diff = heartVal - stratVal;\r\n                    const mapX = 350 + (diff * (70 \/ 4)); \r\n\r\n                    const avgS = (heartVal + stratVal) \/ 2;\r\n                    const mapY = 250 - ((avgS - 1) * (100 \/ 4)); \r\n\r\n                    marker.setAttribute('transform', `translate(${mapX}, ${mapY})`);\r\n                }\r\n\r\n                if (mgrMarker) {\r\n                    const hasMgr = state.manager_answers && Object.keys(state.manager_answers).length > 0;\r\n                    if (hasMgr) {\r\n                        mgrMarker.style.opacity = '1';\r\n                        const mhScores = coreDims.filter(d => d.domain === 'heart').map(d => state.manager_scores[d.id] ? state.manager_scores[d.id].current : 1.0);\r\n                        const msScores = coreDims.filter(d => d.domain === 'strategy').map(d => state.manager_scores[d.id] ? state.manager_scores[d.id].current : 1.0);\r\n                        const mHeartVal = mhScores.reduce((a,b)=>a+b,0) \/ (mhScores.length || 1);\r\n                        const mStratVal = msScores.reduce((a,b)=>a+b,0) \/ (msScores.length || 1);\r\n                        \r\n                        const mDiff = mHeartVal - mStratVal;\r\n                        const mMapX = 350 + (mDiff * (70 \/ 4));\r\n                        const mAvgS = (mHeartVal + mStratVal) \/ 2;\r\n                        const mMapY = 250 - ((mAvgS - 1) * (100 \/ 4));\r\n\r\n                        mgrMarker.setAttribute('transform', `translate(${mMapX}, ${mMapY})`);\r\n                    } else {\r\n                        mgrMarker.style.opacity = '0';\r\n                    }\r\n                }\r\n            }\r\n\r\n            function initDashboard() {\r\n                const dispT = document.getElementById('display-title');\r\n                if(dispT) dispT.innerText = state.profile.title || \"Executive\";\r\n                \r\n                const restrictedRoles = ['coachee', 'manager'];\r\n                if (restrictedRoles.includes(wp.role)) {\r\n                    ['tab-answers', 'tab-coach', 'tab-hr', 'tab-directory'].forEach(id => {\r\n                        const el = document.getElementById(id);\r\n                        if(el) el.classList.add('hidden');\r\n                    });\r\n                    const btnAi = document.getElementById('btn-sync-ai');\r\n                    if (btnAi) btnAi.classList.add('hidden');\r\n                    \r\n                    const btnRetake = document.getElementById('btn-retake-assessment');\r\n                    if (btnRetake && wp.role === 'coachee') btnRetake.classList.remove('hidden');\r\n                } else {\r\n                    ['tab-answers', 'tab-coach', 'tab-hr', 'tab-directory'].forEach(id => {\r\n                        const el = document.getElementById(id);\r\n                        if(el) el.classList.remove('hidden');\r\n                    });\r\n                    const btnAi = document.getElementById('btn-sync-ai');\r\n                    if (btnAi) btnAi.classList.remove('hidden');\r\n                }\r\n\r\n                const alignInput = document.getElementById('reflect-alignment-input');\r\n                if(alignInput) alignInput.value = state.reflections?.alignment || '';\r\n\r\n                updateUI(true);\r\n            }\r\n\r\n            \/\/ Initialization Logic\r\n            if (!wp.isLoggedIn) {\r\n                document.getElementById('screen-auth').classList.remove('hidden');\r\n            } else {\r\n                if (wp.role === 'coach') {\r\n                    document.getElementById('screen-dashboard').classList.remove('hidden');\r\n                    initDashboard();\r\n                    window.switchTab('directory');\r\n                } else if (wp.role === 'manager') {\r\n                    const hasManagerScore = state.manager_answers && Object.keys(state.manager_answers).length > 0;\r\n                    if (!hasManagerScore) {\r\n                        document.getElementById('screen-assessment').classList.remove('hidden');\r\n                        renderAssessmentForm();\r\n                    } else {\r\n                        document.getElementById('screen-dashboard').classList.remove('hidden');\r\n                        initDashboard();\r\n                        window.switchTab('individual');\r\n                    }\r\n                } else {\r\n                    const hasAnswers = state.answers && Object.keys(state.answers).length > 0;\r\n                    \r\n                    if (!state.profile.title || !state.profile.position || state.profile.title === 'Pending') {\r\n                        document.getElementById('screen-onboarding').classList.remove('hidden');\r\n                        const onName = document.getElementById('onboarding-name');\r\n                        if(onName) onName.innerText = wp.name;\r\n                        \r\n                        const btnStart = document.getElementById('btn-start-onboarding');\r\n                        if (btnStart) {\r\n                            btnStart.onclick = async (e) => {\r\n                                e.preventDefault();\r\n                                const t = document.getElementById('user-title').value.trim();\r\n                                const p = document.getElementById('user-position').value.trim();\r\n                                if(!t || !p) return alert(\"Please complete professional details.\");\r\n                                state.profile.title = t; state.profile.position = p;\r\n                                document.getElementById('screen-onboarding').classList.add('hidden');\r\n                                document.getElementById('screen-assessment').classList.remove('hidden');\r\n                                renderAssessmentForm();\r\n                            };\r\n                        }\r\n                    } else if (!hasAnswers) {\r\n                        document.getElementById('screen-assessment').classList.remove('hidden');\r\n                        renderAssessmentForm();\r\n                    } else {\r\n                        document.getElementById('screen-dashboard').classList.remove('hidden');\r\n                        initDashboard();\r\n                        window.switchTab('individual');\r\n                    }\r\n                }\r\n            }\r\n        })();\r\n        <\/script>\r\n    <\/div>\r\n    \n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-mlz2k1ol-a72145204a7f9678a86aec3db055c256\">\n#top .hr.hr-invisible.av-mlz2k1ol-a72145204a7f9678a86aec3db055c256{\nheight:500px;\n}\n<\/style>\n<div  class='hr av-mlz2k1ol-a72145204a7f9678a86aec3db055c256 hr-invisible  avia-builder-el-1  el_after_av_textblock  avia-builder-el-last '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5660","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Leadership Training Dashboard - Melissa Dawn | CEO of Your Life<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ceoofyour.life\/fr\/leadership-training-dashboard\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Leadership Training Dashboard - Melissa Dawn | CEO of Your Life\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ceoofyour.life\/fr\/leadership-training-dashboard\/\" \/>\n<meta property=\"og:site_name\" content=\"Melissa Dawn | CEO of Your Life\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joyfulcareer\/?pnref=lhc\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-23T11:04:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ceoofyour.life\/wp-content\/uploads\/2018\/05\/Melissa-Dawn-CEO-of-your-life.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1695\" \/>\n\t<meta property=\"og:image:height\" content=\"905\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@CEOofYourLife\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ceoofyour.life\\\/leadership-training-dashboard\\\/\",\"url\":\"https:\\\/\\\/ceoofyour.life\\\/leadership-training-dashboard\\\/\",\"name\":\"Leadership Training Dashboard - Melissa Dawn | CEO of Your Life\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ceoofyour.life\\\/#website\"},\"datePublished\":\"2026-02-23T11:03:06+00:00\",\"dateModified\":\"2026-02-23T11:04:12+00:00\",\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ceoofyour.life\\\/leadership-training-dashboard\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ceoofyour.life\\\/#website\",\"url\":\"https:\\\/\\\/ceoofyour.life\\\/\",\"name\":\"Melissa Dawn | CEO of Your Life\",\"description\":\"Speaker | Coach | Author\",\"publisher\":{\"@id\":\"https:\\\/\\\/ceoofyour.life\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ceoofyour.life\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ceoofyour.life\\\/#organization\",\"name\":\"CEO of Your Life\",\"url\":\"https:\\\/\\\/ceoofyour.life\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/ceoofyour.life\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ceoofyour.life\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/Melissa_LOGO_300dpi_Color_NoText.png\",\"contentUrl\":\"https:\\\/\\\/ceoofyour.life\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/Melissa_LOGO_300dpi_Color_NoText.png\",\"width\":308,\"height\":500,\"caption\":\"CEO of Your Life\"},\"image\":{\"@id\":\"https:\\\/\\\/ceoofyour.life\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/joyfulcareer\\\/?pnref=lhc\",\"https:\\\/\\\/x.com\\\/CEOofYourLife\",\"https:\\\/\\\/www.instagram.com\\\/ceo_of_your_life\\\/\",\"https:\\\/\\\/ca.linkedin.com\\\/in\\\/melissadawnp\",\"https:\\\/\\\/www.pinterest.com\\\/CEOofYourLife\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCDPh9JnQNeGV5Drmv2mWWPw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Leadership Training Dashboard - Melissa Dawn | CEO of Your Life","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ceoofyour.life\/fr\/leadership-training-dashboard\/","og_locale":"fr_CA","og_type":"article","og_title":"Leadership Training Dashboard - Melissa Dawn | CEO of Your Life","og_url":"https:\/\/ceoofyour.life\/fr\/leadership-training-dashboard\/","og_site_name":"Melissa Dawn | CEO of Your Life","article_publisher":"https:\/\/www.facebook.com\/joyfulcareer\/?pnref=lhc","article_modified_time":"2026-02-23T11:04:12+00:00","og_image":[{"width":1695,"height":905,"url":"https:\/\/ceoofyour.life\/wp-content\/uploads\/2018\/05\/Melissa-Dawn-CEO-of-your-life.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@CEOofYourLife","twitter_misc":{"Estimation du temps de lecture":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ceoofyour.life\/leadership-training-dashboard\/","url":"https:\/\/ceoofyour.life\/leadership-training-dashboard\/","name":"Leadership Training Dashboard - Melissa Dawn | CEO of Your Life","isPartOf":{"@id":"https:\/\/ceoofyour.life\/#website"},"datePublished":"2026-02-23T11:03:06+00:00","dateModified":"2026-02-23T11:04:12+00:00","inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ceoofyour.life\/leadership-training-dashboard\/"]}]},{"@type":"WebSite","@id":"https:\/\/ceoofyour.life\/#website","url":"https:\/\/ceoofyour.life\/","name":"Melissa Dawn | PDG de Your Life","description":"Conf\u00e9renci\u00e8re | Coach | Auteure","publisher":{"@id":"https:\/\/ceoofyour.life\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ceoofyour.life\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/ceoofyour.life\/#organization","name":"PDG de votre vie","url":"https:\/\/ceoofyour.life\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/ceoofyour.life\/#\/schema\/logo\/image\/","url":"https:\/\/ceoofyour.life\/wp-content\/uploads\/2018\/03\/Melissa_LOGO_300dpi_Color_NoText.png","contentUrl":"https:\/\/ceoofyour.life\/wp-content\/uploads\/2018\/03\/Melissa_LOGO_300dpi_Color_NoText.png","width":308,"height":500,"caption":"CEO of Your Life"},"image":{"@id":"https:\/\/ceoofyour.life\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/joyfulcareer\/?pnref=lhc","https:\/\/x.com\/CEOofYourLife","https:\/\/www.instagram.com\/ceo_of_your_life\/","https:\/\/ca.linkedin.com\/in\/melissadawnp","https:\/\/www.pinterest.com\/CEOofYourLife\/","https:\/\/www.youtube.com\/channel\/UCDPh9JnQNeGV5Drmv2mWWPw"]}]}},"_links":{"self":[{"href":"https:\/\/ceoofyour.life\/fr\/wp-json\/wp\/v2\/pages\/5660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ceoofyour.life\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ceoofyour.life\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ceoofyour.life\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ceoofyour.life\/fr\/wp-json\/wp\/v2\/comments?post=5660"}],"version-history":[{"count":0,"href":"https:\/\/ceoofyour.life\/fr\/wp-json\/wp\/v2\/pages\/5660\/revisions"}],"wp:attachment":[{"href":"https:\/\/ceoofyour.life\/fr\/wp-json\/wp\/v2\/media?parent=5660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}