JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<div id="clearpath-interface" class="cp-interface-shell"> <div class="cp-scene-background" data-cp-scene-background aria-hidden="true"></div> <div class="cp-scene-overlay" data-cp-scene-overlay aria-hidden="true"></div> <!-- ===================================================== CLEARPATH AI TOP DOCK Designed and developed by Debra Simonson ===================================================== --> <header class="cp-top-dock"> <button class="cp-brand" type="button" aria-label="Return to the ClearPath AI start page" onclick="window.setup.returnClearPathToStart();"> <span class="cp-brand-mark" aria-hidden="true">CP</span> <span class="cp-brand-copy"> <strong>ClearPath AI</strong> <small>Debra Simonson · Designed and Developed</small> </span> </button> <nav class="cp-stage-navigation" data-cp-stage-navigation aria-label="ClearPath AI stages"> </nav> <div class="cp-dock-controls"> <button class="cp-dock-button" type="button" data-cp-previous aria-label="Previous page or stage" onclick="window.setup.goClearPathPrevious();"> <span aria-hidden="true">←</span> </button> <button class="cp-dock-button cp-dock-button-next" type="button" data-cp-next aria-label="Next page or stage" onclick="window.setup.goClearPathNext();"> <span aria-hidden="true">→</span> </button> <button class="cp-dock-button" type="button" aria-label="Open ClearPath AI settings" aria-expanded="false" data-cp-settings-trigger onclick="window.setup.toggleClearPathSettings();"> <span aria-hidden="true">⚙</span> </button> <button class="cp-dock-button cp-caption-button" type="button" aria-label="Toggle closed captions" aria-pressed="false" data-cp-caption-trigger onclick="window.setup.toggleClearPathSetting('captions');"> <span aria-hidden="true">CC</span> </button> </div> </header> <!-- ===================================================== ACTIVE PASSAGE ===================================================== --> <main class="cp-main" aria-label="ClearPath AI simulation workspace"> <div id="passages" aria-live="polite"></div> </main> <!-- ===================================================== CAPTIONS ===================================================== --> <div class="cp-caption-region" data-cp-caption-region aria-live="polite" aria-hidden="true"> </div> <!-- ===================================================== SETTINGS ===================================================== --> <aside class="cp-panel cp-settings-panel" data-cp-settings-panel aria-hidden="true" aria-label="ClearPath AI settings"> <div class="cp-panel-header"> <div> <span class="cp-panel-kicker">Experience controls</span> <h2>Settings</h2> </div> <button class="cp-panel-close" type="button" aria-label="Close settings" onclick="window.setup.closeClearPathSettings();"> × </button> </div> <div class="cp-panel-body"> <section class="cp-setting-row"> <div> <strong>All audio</strong> <span>Master control for narration, music, and interface sounds</span> </div> <button class="cp-setting-toggle" type="button" data-cp-setting="allAudio" aria-pressed="true" onclick="window.setup.toggleClearPathSetting('allAudio');"> <span>ON</span> </button> </section> <section class="cp-setting-row"> <div> <strong>Narration</strong> <span>Spoken guidance and scenario narration</span> </div> <button class="cp-setting-toggle" type="button" data-cp-setting="narration" aria-pressed="true" onclick="window.setup.toggleClearPathSetting('narration');"> <span>ON</span> </button> </section> <section class="cp-setting-row"> <div> <strong>Music</strong> <span>Background music and ambient sound</span> </div> <button class="cp-setting-toggle" type="button" data-cp-setting="music" aria-pressed="true" onclick="window.setup.toggleClearPathSetting('music');"> <span>ON</span> </button> </section> <section class="cp-setting-row"> <div> <strong>Sound effects</strong> <span>Interface and decision-feedback sounds</span> </div> <button class="cp-setting-toggle" type="button" data-cp-setting="soundEffects" aria-pressed="true" onclick="window.setup.toggleClearPathSetting('soundEffects');"> <span>ON</span> </button> </section> <section class="cp-setting-row cp-setting-volume"> <div> <strong>Master volume</strong> <span data-cp-volume-value>70%</span> </div> <input type="range" min="0" max="100" step="1" value="70" data-cp-volume-slider aria-label="Master volume" oninput="window.setup.setClearPathVolume(this.value);"> </section> <section class="cp-setting-row"> <div> <strong>Closed captions</strong> <span>Display narration and spoken content</span> </div> <button class="cp-setting-toggle" type="button" data-cp-setting="captions" aria-pressed="false" onclick="window.setup.toggleClearPathSetting('captions');"> <span>OFF</span> </button> </section> <section class="cp-setting-row"> <div> <strong>Reduce motion</strong> <span>Limit transitions and animated feedback</span> </div> <button class="cp-setting-toggle" type="button" data-cp-setting="reduceMotion" aria-pressed="false" onclick="window.setup.toggleClearPathSetting('reduceMotion');"> <span>OFF</span> </button> </section> <div class="cp-settings-actions"> <button type="button" onclick="window.setup.replayClearPathNarration();"> Replay narration </button> <button type="button" onclick="window.setup.stopClearPathNarration();"> Stop narration </button> <button type="button" onclick="window.setup.restartClearPath();"> Restart simulation </button> </div> </div> </aside> <div class="cp-panel-scrim" data-cp-panel-scrim aria-hidden="true" onclick="window.setup.closeAllClearPathPanels();"> </div> <div class="cp-toast" data-cp-toast role="status" aria-live="polite"></div> </div>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "assess">> <<set $cpCurrentPassage to "Start">> <<if typeof $cpStartPanel !== "number">> <<set $cpStartPanel to 0>> <</if>> <<if $cpStartPanel < 0>> <<set $cpStartPanel to 0>> <</if>> <<if $cpStartPanel > 1>> <<set $cpStartPanel to 1>> <</if>> <</silently>> <section id="cp-start" data-cp-activity="assess"> <div class="cp-start-deck"> <section class="cp-start-panel is-active" data-cp-start-panel data-cp-start-index="0" data-cp-narration="audio/cp_00_welcome.mp3" data-cp-caption="AI adoption is rising, but employee confidence is not. Your assignment is to turn complexity into practical, responsible action." aria-hidden="false"> <div class="cp-start-background-placeholder" aria-hidden="true"></div> <div class="cp-start-layout"> <div class="cp-start-main"> <div class="cp-start-copy"> <h1> AI adoption is rising.<br> <span>Confidence is not.</span> </h1> <p> Tools are everywhere. Priorities are competing. People need clarity. You are here to help turn complexity into confident, practical action. </p> </div> <div class="cp-resource-map" aria-label="Existing employee resource ecosystem"> <div class="cp-map-lines" aria-hidden="true"> <svg viewBox="0 0 1000 520" preserveAspectRatio="none"> <path d="M500 260 C390 120 270 90 190 95"></path> <path d="M500 260 C610 120 730 90 815 95"></path> <path d="M500 260 C350 240 230 250 110 260"></path> <path d="M500 260 C650 235 780 245 900 260"></path> <path d="M500 260 C370 360 270 410 185 430"></path> <path d="M500 260 C500 355 500 405 500 450"></path> <path d="M500 260 C620 360 735 410 815 430"></path> <path d="M190 95 C320 170 370 210 500 260"></path> <path d="M815 95 C680 170 625 210 500 260"></path> <path d="M110 260 C285 315 350 315 500 260"></path> <path d="M900 260 C730 320 650 315 500 260"></path> <path d="M185 430 C320 345 390 315 500 260"></path> <path d="M815 430 C675 350 610 315 500 260"></path> </svg> </div> <button class="cp-resource-card cp-resource-workday" type="button" data-cp-resource="workday"> <span class="cp-resource-icon cp-resource-icon-workday" aria-hidden="true">W</span> <span> <strong>Workday</strong> <small>HR, time, and people operations</small> </span> </button> <button class="cp-resource-card cp-resource-linkedin" type="button" data-cp-resource="linkedin-learning"> <span class="cp-resource-icon cp-resource-icon-linkedin" aria-hidden="true">in</span> <span> <strong>LinkedIn Learning</strong> <small>Upskilling and learning content</small> </span> </button> <button class="cp-resource-card cp-resource-sharepoint" type="button" data-cp-resource="sharepoint"> <span class="cp-resource-icon cp-resource-icon-sharepoint" aria-hidden="true">S</span> <span> <strong>SharePoint</strong> <small>Documents and team knowledge</small> </span> </button> <button class="cp-resource-card cp-resource-ai-tools" type="button" data-cp-resource="approved-ai-tools"> <span class="cp-resource-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 3l2.1 5.2L19 10l-4.9 1.8L12 17l-2.1-5.2L5 10l4.9-1.8z"></path> <path d="M19 3v4"></path> <path d="M17 5h4"></path> </svg> </span> <span> <strong>Approved<br>AI Tools</strong> <small>Curated, secure AI applications</small> </span> </button> <button class="cp-resource-card cp-resource-policy" type="button" data-cp-resource="policy"> <span class="cp-resource-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 3 5 6v5c0 4.5 2.9 8.1 7 10 4.1-1.9 7-5.5 7-10V6z"></path> <path d="m9 12 2 2 4-4"></path> </svg> </span> <span> <strong>Policy</strong> <small>Guidelines and compliance rules</small> </span> </button> <button class="cp-resource-card cp-resource-workflows" type="button" data-cp-resource="current-workflows"> <span class="cp-resource-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 4v5"></path> <path d="M6 9h12"></path> <path d="M6 9v5"></path> <path d="M18 9v5"></path> <rect x="3" y="14" width="6" height="6" rx="1"></rect> <rect x="15" y="14" width="6" height="6" rx="1"></rect> </svg> </span> <span> <strong>Current<br>Workflows</strong> <small>Processes and automation</small> </span> </button> <button class="cp-resource-card cp-resource-manager" type="button" data-cp-resource="manager-context"> <span class="cp-resource-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="8" r="3.5"></circle> <path d="M5 21c0-4.3 2.7-7 7-7s7 2.7 7 7"></path> </svg> </span> <span> <strong>Manager<br>Context</strong> <small>Goals, feedback, and team needs</small> </span> </button> <div class="cp-resource-hub"> <span class="cp-resource-hub-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="9" cy="8" r="3"></circle> <circle cx="16" cy="9" r="2.5"></circle> <path d="M3 20c0-4 2.5-6 6-6s6 2 6 6"></path> <path d="M14 15c3 0 5 1.7 5 5"></path> </svg> </span> <strong>Employee<br>Hub</strong> </div> </div> </div> <aside class="cp-start-mission"> <div class="cp-start-welcome"> <span class="cp-start-welcome-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M8 12V6.5a1.5 1.5 0 0 1 3 0V11"></path> <path d="M11 11V5a1.5 1.5 0 0 1 3 0v6"></path> <path d="M14 11V7a1.5 1.5 0 0 1 3 0v6"></path> <path d="M17 13v-2a1.5 1.5 0 0 1 3 0v4c0 4.4-3.6 8-8 8h-1c-3.6 0-6.5-2.9-6.5-6.5V11a1.5 1.5 0 0 1 3 0v3"></path> </svg> </span> <span> <strong>Welcome, leader.</strong> <small>Let us bring confidence to AI adoption.</small> </span> </div> <div class="cp-start-mission-rule" aria-hidden="true"></div> <p class="cp-start-mission-intro"> You will navigate real workplace challenges and make decisions that drive clarity, impact, and trust. </p> <h2>Your mission signals</h2> <ul class="cp-start-mission-list"> <li> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="8" r="3.5"></circle> <path d="M5 21c0-4.3 2.7-7 7-7s7 2.7 7 7"></path> </svg> </span> Support an overwhelmed employee </li> <li> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <circle cx="12" cy="12" r="4"></circle> <path d="m15 9 5-5"></path> <path d="M16 4h4v4"></path> </svg> </span> Find meaningful AI value </li> <li> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <rect x="5" y="10" width="14" height="11" rx="2"></rect> <path d="M8 10V7a4 4 0 0 1 8 0v3"></path> <path d="M12 14v3"></path> </svg> </span> Protect sensitive information </li> <li> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 4v5"></path> <path d="M6 9h12"></path> <path d="M6 9v5"></path> <path d="M18 9v5"></path> <rect x="3" y="14" width="6" height="6" rx="1"></rect> <rect x="15" y="14" width="6" height="6" rx="1"></rect> </svg> </span> Build a responsible workflow </li> <li> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M5 18a8 8 0 1 1 14 0"></path> <path d="m12 12 4-4"></path> <path d="M12 18v1"></path> </svg> </span> Avoid adding resource overload </li> </ul> <div class="cp-start-actions"> <button class="cp-start-primary" type="button" onclick="window.setup.enterClearPathSimulation();"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M5 12h14"></path> <path d="m13 6 6 6-6 6"></path> </svg> </span> Enter Simulation </button> <button class="cp-start-secondary" type="button" onclick="window.setup.openClearPathBriefing();"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M6 3h9l3 3v15H6z"></path> <path d="M15 3v4h4"></path> <path d="M9 11h6"></path> <path d="M9 15h6"></path> </svg> </span> View Briefing </button> </div> </aside> <div class="cp-guide-placeholder" role="img" aria-label="Guide character image placeholder"> </div> </div> </section> <section class="cp-start-panel cp-start-briefing-panel" data-cp-start-panel data-cp-start-index="1" data-cp-narration="audio/cp_00_briefing.mp3" data-cp-caption="Your first responsibility is to understand what already exists before recommending another tool, course, guide, or portal." aria-hidden="true"> <div class="cp-start-background-placeholder" aria-hidden="true"></div> <div class="cp-start-briefing-layout"> <div class="cp-start-briefing-card"> <h1> Understand the environment<br> <span>before prescribing AI.</span> </h1> <p> Adrian Cole is already navigating competing priorities, scattered resources, and limited time. Your job is not to create more noise. Your job is to identify one useful, safe, manageable workflow. </p> <div class="cp-start-briefing-grid"> <article> <strong>Employee case</strong> <span> Adrian Cole is overwhelmed, time-constrained, and needs relevance. </span> </article> <article> <strong>Assignment sponsor</strong> <span> Beatrice Larson expects practical workforce enablement and measurable value. </span> </article> <article> <strong>Workflow support</strong> <span> Janelle Ruiz can help structure a repeatable process and usable prompt. </span> </article> <article> <strong>Governance review</strong> <span> Everett Ziegler will examine policy alignment, data protection, and risk. </span> </article> </div> <div class="cp-start-actions"> <button class="cp-start-primary" type="button" onclick="window.setup.enterClearPathSimulation();"> Begin Environment Review → </button> <button class="cp-start-secondary" type="button" onclick="window.setup.setClearPathStartPanel(0, false);"> ← Return to Welcome </button> </div> </div> <div class="cp-guide-placeholder" role="img" aria-label="Guide character image placeholder"> </div> </div> </section> </div> </section> <<script>> (function () { var root = document.getElementById("cp-start"); if (!root) { return; } var panels = Array.prototype.slice.call( root.querySelectorAll("[data-cp-start-panel]") ); var index = Number(State.variables.cpStartPanel); if (!Number.isFinite(index)) { index = 0; } index = Math.max(0, Math.min(index, panels.length - 1)); State.variables.cpStartPanel = index; panels.forEach(function (panel, panelIndex) { var active = panelIndex === index; panel.classList.toggle("is-active", active); panel.setAttribute("aria-hidden", active ? "false" : "true"); }); if (typeof setup.refreshClearPathInterface === "function") { setup.refreshClearPathInterface(); } if (typeof setup.updateClearPathCaption === "function") { setup.updateClearPathCaption(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "assess">> <<set $cpCurrentPassage to "CP_01_Assignment_Brief">> <</silently>> <section id="cp-assignment-brief" class="cp-assignment-page" data-cp-activity="assess" data-cp-narration="audio/cp_01_assignment_brief.mp3" data-cp-caption="Review the assignment, understand the business need, and define the boundaries for success."> <div class="cp-assignment-background" aria-hidden="true"></div> <div class="cp-assignment-layout"> <section class="cp-assignment-intro"> <h1> Your challenge<br> <span>starts here.</span> </h1> <div class="cp-assignment-rule" aria-hidden="true"></div> <p> Review the assignment with your sponsor, understand the business need, your role, and the boundaries for success. </p> <article class="cp-sponsor-card"> <div class="cp-sponsor-image-placeholder" role="img" aria-label="Beatrice Larson image placeholder"> </div> <div class="cp-sponsor-copy"> <div class="cp-sponsor-heading"> <span class="cp-sponsor-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 3 5 6v5c0 4.5 2.9 8.1 7 10 4.1-1.9 7-5.5 7-10V6z"></path> <path d="m12 8 1.2 2.5 2.8.4-2 2 .5 2.8-2.5-1.3-2.5 1.3.5-2.8-2-2 2.8-.4z"></path> </svg> </span> <span> <strong>Beatrice Larson</strong> <small>Assignment Sponsor</small> </span> </div> <blockquote> Adrian is productive and experienced but overwhelmed. He has access to AI resources, yet does not see enough value to justify learning another tool. </blockquote> <p> Your challenge is to determine whether AI can improve one part of his work without increasing burden or risk. </p> </div> </article> </section> <section class="cp-assignment-center"> <article class="cp-mission-path-card"> <div class="cp-assignment-card-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <circle cx="12" cy="12" r="4"></circle> <path d="m15 9 5-5"></path> <path d="M16 4h4v4"></path> </svg> </span> <h2>Your mission path</h2> </div> <div class="cp-mission-path"> <div class="cp-mission-step"> <span class="cp-mission-step-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M4 20h16"></path> <path d="m6 20 3-7 3 4 3-9 3 12"></path> <path d="M15 4h5v5"></path> <path d="m20 4-6 6"></path> </svg> </span> <strong>Challenge</strong> <small>Understand the<br>business need</small> </div> <span class="cp-mission-path-arrow" aria-hidden="true">›</span> <div class="cp-mission-step"> <span class="cp-mission-step-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="8" r="3.5"></circle> <path d="M5 21c0-4.3 2.7-7 7-7s7 2.7 7 7"></path> </svg> </span> <strong>Employee</strong> <small>Get to know<br>Adrian Cole</small> </div> <span class="cp-mission-path-arrow" aria-hidden="true">›</span> <div class="cp-mission-step"> <span class="cp-mission-step-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <rect x="5" y="10" width="14" height="11" rx="2"></rect> <path d="M8 10V7a4 4 0 0 1 8 0v3"></path> <path d="M12 14v3"></path> </svg> </span> <strong>Constraints</strong> <small>Know your<br>boundaries</small> </div> <span class="cp-mission-path-arrow" aria-hidden="true">›</span> <div class="cp-mission-step"> <span class="cp-mission-step-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M8 4h8v4a4 4 0 0 1-8 0z"></path> <path d="M8 6H4v2a4 4 0 0 0 4 4"></path> <path d="M16 6h4v2a4 4 0 0 1-4 4"></path> <path d="M12 12v5"></path> <path d="M8 21h8"></path> <path d="M9 17h6v4H9z"></path> </svg> </span> <strong>Desired Outcome</strong> <small>Define what<br>success looks like</small> </div> </div> </article> <article class="cp-assignment-details"> <button class="cp-assignment-detail" type="button" data-cp-assignment-detail="objective" aria-expanded="false" onclick="window.setup.toggleClearPathAssignmentDetail('objective');"> <span class="cp-assignment-detail-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <circle cx="12" cy="12" r="4"></circle> <path d="m15 9 5-5"></path> <path d="M16 4h4v4"></path> </svg> </span> <span class="cp-assignment-detail-copy"> <strong>Objective</strong> <small>Identify one worthwhile<br>AI-supported workflow.</small> <em>Focus on a real burden, not AI for its own sake.</em> </span> <span class="cp-assignment-detail-chevron" aria-hidden="true">⌄</span> </button> <button class="cp-assignment-detail" type="button" data-cp-assignment-detail="scope" aria-expanded="false" onclick="window.setup.toggleClearPathAssignmentDetail('scope');"> <span class="cp-assignment-detail-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M5 5h5v5H5z"></path> <path d="M14 5h5v5h-5z"></path> <path d="M5 14h5v5H5z"></path> <path d="M14 14h5v5h-5z"></path> </svg> </span> <span class="cp-assignment-detail-copy"> <strong>Scope</strong> <small>One employee,<br>one task, one pilot.</small> <em>Keep the test narrow enough to learn quickly.</em> </span> <span class="cp-assignment-detail-chevron" aria-hidden="true">⌄</span> </button> <button class="cp-assignment-detail" type="button" data-cp-assignment-detail="constraints" aria-expanded="false" onclick="window.setup.toggleClearPathAssignmentDetail('constraints');"> <span class="cp-assignment-detail-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <rect x="5" y="10" width="14" height="11" rx="2"></rect> <path d="M8 10V7a4 4 0 0 1 8 0v3"></path> <path d="M12 14v3"></path> </svg> </span> <span class="cp-assignment-detail-copy"> <strong>Constraints</strong> <small>Limited time, fragmented<br>resources, governance requirements.</small> <em>Do not solve overload by adding another burden.</em> </span> <span class="cp-assignment-detail-chevron" aria-hidden="true">⌄</span> </button> <button class="cp-assignment-detail" type="button" data-cp-assignment-detail="success" aria-expanded="false" onclick="window.setup.toggleClearPathAssignmentDetail('success');"> <span class="cp-assignment-detail-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M8 4h8v4a4 4 0 0 1-8 0z"></path> <path d="M8 6H4v2a4 4 0 0 0 4 4"></path> <path d="M16 6h4v2a4 4 0 0 1-4 4"></path> <path d="M12 12v5"></path> <path d="M8 21h8"></path> <path d="M9 17h6v4H9z"></path> </svg> </span> <span class="cp-assignment-detail-copy"> <strong>Success</strong> <small>Measurable value without<br>compromising trust, quality, or privacy.</small> <em>Adoption alone is not the success measure.</em> </span> <span class="cp-assignment-detail-chevron" aria-hidden="true">⌄</span> </button> </article> </section> <aside class="cp-assignment-guide"> <div class="cp-assignment-guide-placeholder" role="img" aria-label="Guide character image placeholder"> </div> <div class="cp-assignment-guide-card"> <div class="cp-assignment-guide-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <path d="m14.5 8.5-2 5-5 2 2-5z"></path> </svg> </span> <span> <strong>Guide</strong> <small>Simulation Host</small> </span> </div> <div class="cp-assignment-guide-tags"> <span>♡ Warm</span> <span>⚖ Neutral</span> <span>♙ Facilitator</span> </div> <p> Let us review the details and environment before you begin. </p> <button type="button" onclick="window.setup.completeClearPathAssignmentBrief();"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M6 3h9l3 3v15H6z"></path> <path d="M15 3v4h4"></path> <path d="M9 11h6"></path> <path d="M9 15h6"></path> </svg> </span> Review Environment <span aria-hidden="true">→</span> </button> </div> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathAssignmentBrief === "function") { setup.prepareClearPathAssignmentBrief(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "explore">> <<set $cpCurrentPassage to "CP_02_Explore">> <</silently>> <section id="cp-explore" class="cp-explore-page" data-cp-activity="explore" data-cp-narration="audio/cp_02_explore.mp3" data-cp-caption="Before recommending AI, review the employee environment, existing resources, workflow pressures, and organizational constraints."> <div class="cp-explore-background" aria-hidden="true"></div> <div class="cp-explore-layout"> <header class="cp-explore-heading"> <div> <span class="cp-explore-kicker">Environment Review</span> <h1> Understand what already exists<br> <span>before adding anything new.</span> </h1> <p> Adrian already works across multiple systems, learning channels, policies, and support resources. Review the environment before deciding where AI belongs. </p> </div> <div class="cp-explore-progress-card"> <span class="cp-explore-progress-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <path d="M12 8v4l3 2"></path> </svg> </span> <div> <strong>Environment review</strong> <small data-cp-explore-progress-label>0 of 6 areas reviewed</small> </div> <div class="cp-explore-progress-track" aria-hidden="true"> <span data-cp-explore-progress-fill></span> </div> </div> </header> <section class="cp-explore-workspace"> <div class="cp-explore-map"> <div class="cp-explore-map-lines" aria-hidden="true"> <svg viewBox="0 0 1000 560" preserveAspectRatio="none"> <path d="M500 280 C365 140 250 110 145 105"></path> <path d="M500 280 C630 140 750 110 855 105"></path> <path d="M500 280 C340 260 220 280 105 300"></path> <path d="M500 280 C665 255 790 280 900 300"></path> <path d="M500 280 C370 410 255 440 155 465"></path> <path d="M500 280 C635 410 755 440 850 465"></path> </svg> </div> <button class="cp-explore-node cp-explore-node-resources" type="button" data-cp-explore-area="resources" aria-pressed="false" onclick="window.setup.reviewClearPathExploreArea('resources');"> <span class="cp-explore-node-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M6 3h12v18H6z"></path> <path d="M9 7h6M9 11h6M9 15h4"></path> </svg> </span> <span> <strong>Existing Resources</strong> <small>Hub, Workday, LinkedIn Learning, SharePoint</small> </span> <span class="cp-explore-node-status" aria-hidden="true">Review</span> </button> <button class="cp-explore-node cp-explore-node-tools" type="button" data-cp-explore-area="tools" aria-pressed="false" onclick="window.setup.reviewClearPathExploreArea('tools');"> <span class="cp-explore-node-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 3l2.1 5.2L19 10l-4.9 1.8L12 17l-2.1-5.2L5 10l4.9-1.8z"></path> <path d="M19 3v4M17 5h4"></path> </svg> </span> <span> <strong>Approved AI Tools</strong> <small>Available applications and approved use</small> </span> <span class="cp-explore-node-status" aria-hidden="true">Review</span> </button> <button class="cp-explore-node cp-explore-node-workflow" type="button" data-cp-explore-area="workflow" aria-pressed="false" onclick="window.setup.reviewClearPathExploreArea('workflow');"> <span class="cp-explore-node-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 4v5M6 9h12M6 9v5M18 9v5"></path> <rect x="3" y="14" width="6" height="6" rx="1"></rect> <rect x="15" y="14" width="6" height="6" rx="1"></rect> </svg> </span> <span> <strong>Current Workflow</strong> <small>Tasks, tools, handoffs, and repeat work</small> </span> <span class="cp-explore-node-status" aria-hidden="true">Review</span> </button> <button class="cp-explore-node cp-explore-node-workload" type="button" data-cp-explore-area="workload" aria-pressed="false" onclick="window.setup.reviewClearPathExploreArea('workload');"> <span class="cp-explore-node-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <path d="M12 8v4l3 2"></path> </svg> </span> <span> <strong>Workload and Time</strong> <small>Competing priorities and limited capacity</small> </span> <span class="cp-explore-node-status" aria-hidden="true">Review</span> </button> <button class="cp-explore-node cp-explore-node-policy" type="button" data-cp-explore-area="policy" aria-pressed="false" onclick="window.setup.reviewClearPathExploreArea('policy');"> <span class="cp-explore-node-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 3 5 6v5c0 4.5 2.9 8.1 7 10 4.1-1.9 7-5.5 7-10V6z"></path> <path d="m9 12 2 2 4-4"></path> </svg> </span> <span> <strong>Policy and Privacy</strong> <small>Data use, restrictions, and safeguards</small> </span> <span class="cp-explore-node-status" aria-hidden="true">Review</span> </button> <button class="cp-explore-node cp-explore-node-manager" type="button" data-cp-explore-area="manager" aria-pressed="false" onclick="window.setup.reviewClearPathExploreArea('manager');"> <span class="cp-explore-node-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="8" r="3.5"></circle> <path d="M5 21c0-4.3 2.7-7 7-7s7 2.7 7 7"></path> </svg> </span> <span> <strong>Manager Context</strong> <small>Expectations, goals, and team support</small> </span> <span class="cp-explore-node-status" aria-hidden="true">Review</span> </button> <div class="cp-explore-center"> <span class="cp-explore-center-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="9" cy="8" r="3"></circle> <circle cx="16" cy="9" r="2.5"></circle> <path d="M3 20c0-4 2.5-6 6-6s6 2 6 6"></path> <path d="M14 15c3 0 5 1.7 5 5"></path> </svg> </span> <strong>Adrian's<br>Environment</strong> <small>Review the full context</small> </div> </div> <aside class="cp-explore-insight-panel"> <div class="cp-explore-insight-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <path d="M12 8v4"></path> <path d="M12 16h.01"></path> </svg> </span> <div> <strong data-cp-explore-insight-title>Select an environment area</strong> <small data-cp-explore-insight-subtitle>Review the context before recommending AI.</small> </div> </div> <div class="cp-explore-insight-body" data-cp-explore-insight-body> <div class="cp-explore-insight-placeholder"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M4 4h16v16H4z"></path> <path d="M8 8h8M8 12h8M8 16h5"></path> </svg> </span> <p> Select each area in the environment map. Look for duplication, conflicting guidance, time pressure, and opportunities to integrate support into an existing resource. </p> </div> </div> <div class="cp-explore-insight-footer"> <span data-cp-explore-insight-counter>Nothing reviewed yet</span> <button type="button" data-cp-explore-continue disabled onclick="window.setup.completeClearPathExplore();"> Continue to Prioritize → </button> </div> </aside> </section> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathExplore === "function") { setup.prepareClearPathExplore(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "prioritize">> <<set $cpCurrentPassage to "CP_03_Prioritize">> <</silently>> <section id="cp-prioritize" class="cp-prioritize-page" data-cp-activity="prioritize" data-cp-narration="audio/cp_03_prioritize.mp3" data-cp-caption="Review Adrian's resource environment, select the strongest evidence, and clarify the real work problem before recommending AI."> <div class="cp-prioritize-background" aria-hidden="true"></div> <div class="cp-prioritize-shell"> <aside class="cp-prioritize-left-rail"> <div class="cp-prioritize-intro"> <span class="cp-prioritize-kicker">Resource Environment</span> <h1> Everything is<br> available.<br> <span>Nothing is simple.</span> </h1> <div class="cp-prioritize-rule" aria-hidden="true"></div> <p> Adrian's team has plenty of resources. The challenge is <strong>integration and navigation.</strong> </p> </div> <article class="cp-prioritize-guide-observation"> <div class="cp-prioritize-card-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <path d="m14.5 8.5-2 5-5 2 2-5z"></path> </svg> </span> <strong>Guide Observation</strong> </div> <div class="cp-prioritize-guide-content"> <div class="cp-prioritize-guide-image" role="img" aria-label="Guide image placeholder"> </div> <div> <strong> Resources are abundant but fragmented. </strong> <p> Duplicates, outdated content, and disconnected sources make it hard to move forward with confidence. </p> </div> </div> </article> <article class="cp-prioritize-person-card"> <div class="cp-prioritize-person-image cp-prioritize-adrian-image" role="img" aria-label="Adrian Cole image placeholder"> </div> <div> <strong>Adrian Cole</strong> <small>Employee Case</small> <span>Overwhelmed</span> </div> </article> <article class="cp-prioritize-person-card"> <div class="cp-prioritize-person-image cp-prioritize-beatrice-image" role="img" aria-label="Beatrice Larson image placeholder"> </div> <div> <strong>Beatrice Larson</strong> <small>Assignment Sponsor</small> <span>Executive Sponsor</span> </div> </article> </aside> <main class="cp-prioritize-resource-board"> <header class="cp-prioritize-board-heading"> <div class="cp-prioritize-board-title"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="5" r="2"></circle> <circle cx="5" cy="17" r="2"></circle> <circle cx="19" cy="17" r="2"></circle> <path d="M11 7 6 15"></path> <path d="m13 7 5 8"></path> <path d="M7 17h10"></path> </svg> </span> <div> <strong>Adrian's Resource Environment</strong> <small>A crowded landscape with no clear path.</small> </div> </div> <div class="cp-prioritize-legend"> <span><i class="is-current"></i>Current</span> <span><i class="is-outdated"></i>Outdated</span> <span><i class="is-duplicate"></i>Duplicate</span> <span><i class="is-disconnected"></i>Disconnected</span> </div> <small class="cp-prioritize-board-instruction"> Click any resource to inspect details. </small> </header> <div class="cp-prioritize-map"> <svg class="cp-prioritize-connectors" viewBox="0 0 1000 640" preserveAspectRatio="none" aria-hidden="true"> <path class="is-current" d="M500 332 C500 220 500 170 500 112"></path> <path class="is-duplicate" d="M500 332 C385 240 300 220 232 228"></path> <path class="is-outdated" d="M500 332 C630 250 690 230 738 190"></path> <path class="is-current" d="M500 332 C620 320 710 322 790 332"></path> <path class="is-current" d="M500 332 C620 405 700 430 760 458"></path> <path class="is-duplicate" d="M500 332 C550 450 585 500 610 532"></path> <path class="is-current" d="M500 332 C390 430 330 468 284 502"></path> <path class="is-current" d="M500 332 C380 350 290 365 218 370"></path> <path class="is-duplicate" d="M230 228 C150 160 110 140 76 136"></path> <path class="is-disconnected" d="M218 370 C140 365 100 360 62 360"></path> <path class="is-disconnected" d="M284 502 C190 520 130 535 80 542"></path> <path class="is-disconnected" d="M760 458 C840 488 885 500 930 508"></path> <path class="is-disconnected" d="M790 332 C855 330 900 328 942 322"></path> <path class="is-outdated" d="M738 190 C825 160 875 142 926 128"></path> <path class="is-disconnected" d="M610 532 C612 575 612 600 612 620"></path> </svg> <button class="cp-prioritize-resource cp-resource-current cp-resource-workday" type="button" data-cp-prioritize-resource="workday" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('workday');"> <span class="cp-resource-state-icon">✓</span> <strong>Workday<br>AI Foundations</strong> <small>Owner: HR Operations</small> <small>Reviewed: Apr 18, 2024</small> </button> <button class="cp-prioritize-resource cp-resource-duplicate cp-resource-linkedin" type="button" data-cp-prioritize-resource="linkedin" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('linkedin');"> <span class="cp-resource-state-icon">✓</span> <strong>LinkedIn Learning<br>Catalog</strong> <small>Owner: L&D</small> <small>Reviewed: Apr 5, 2024</small> </button> <button class="cp-prioritize-resource cp-resource-outdated cp-resource-hub" type="button" data-cp-prioritize-resource="employee-hub" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('employee-hub');"> <span class="cp-resource-state-icon">!</span> <strong>Employee Hub<br>AI Announcement</strong> <small>Owner: Comms</small> <small>Reviewed: Jan 10, 2024</small> </button> <button class="cp-prioritize-resource cp-resource-current cp-resource-policy" type="button" data-cp-prioritize-resource="policy" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('policy');"> <span class="cp-resource-state-icon">✓</span> <strong>AI Policy</strong> <small>Owner: Legal</small> <small>Reviewed: Apr 22, 2024</small> </button> <button class="cp-prioritize-resource cp-resource-current cp-resource-prompt" type="button" data-cp-prioritize-resource="prompt-library" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('prompt-library');"> <span class="cp-resource-state-icon">✓</span> <strong>Prompt Library</strong> <small>Owner: CoE</small> <small>Reviewed: Apr 15, 2024</small> </button> <button class="cp-prioritize-resource cp-resource-duplicate cp-resource-workflow" type="button" data-cp-prioritize-resource="workflow-docs" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('workflow-docs');"> <span class="cp-resource-state-icon">✓</span> <strong>Department<br>Workflow Documents</strong> <small>Owner: Operations</small> <small>Reviewed: Apr 20, 2024</small> </button> <button class="cp-prioritize-resource cp-resource-current cp-resource-manager" type="button" data-cp-prioritize-resource="manager-emails" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('manager-emails');"> <span class="cp-resource-state-icon">✓</span> <strong>Manager Emails</strong> <small>Owner: Adrian's Manager</small> <small>Reviewed: Apr 23, 2024</small> </button> <button class="cp-prioritize-resource cp-resource-current cp-resource-office-hours" type="button" data-cp-prioritize-resource="office-hours" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('office-hours');"> <span class="cp-resource-state-icon">✓</span> <strong>Office Hours<br>Schedule</strong> <small>Owner: CoE</small> <small>Reviewed: Apr 16, 2024</small> </button> <button class="cp-prioritize-resource cp-resource-outdated cp-resource-old-list" type="button" data-cp-prioritize-resource="old-ai-list" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('old-ai-list');"> <strong>Old AI Tool List<br>(2022)</strong> <span class="cp-resource-state-icon">!</span> </button> <button class="cp-prioritize-resource cp-resource-outdated cp-resource-obsolete-guide" type="button" data-cp-prioritize-resource="obsolete-guide" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('obsolete-guide');"> <strong>Obsolete<br>Prompt Guide<br>(v1.0)</strong> <span class="cp-resource-state-icon">!</span> </button> <button class="cp-prioritize-resource cp-resource-disconnected cp-resource-shared-drive" type="button" data-cp-prioritize-resource="shared-drive" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('shared-drive');"> <strong>Team<br>Shared Drive<br>Archive</strong> <span class="cp-resource-state-icon">−</span> </button> <button class="cp-prioritize-resource cp-resource-disconnected cp-resource-vendor-emails" type="button" data-cp-prioritize-resource="vendor-emails" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('vendor-emails');"> <strong>Vendor Emails</strong> <span class="cp-resource-state-icon">−</span> </button> <button class="cp-prioritize-resource cp-resource-disconnected cp-resource-personal-notes" type="button" data-cp-prioritize-resource="personal-notes" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('personal-notes');"> <strong>Personal Notes<br>(Misc.)</strong> <span class="cp-resource-state-icon">−</span> </button> <button class="cp-prioritize-resource cp-resource-disconnected cp-resource-blog" type="button" data-cp-prioritize-resource="external-blog" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('external-blog');"> <strong>External Blog<br>Post</strong> <span class="cp-resource-state-icon">−</span> </button> <button class="cp-prioritize-resource cp-resource-disconnected cp-resource-hackathon" type="button" data-cp-prioritize-resource="hackathon-deck" aria-pressed="false" onclick="window.setup.inspectClearPathPrioritizeResource('hackathon-deck');"> <strong>AI Hackathon<br>Deck</strong> <span class="cp-resource-state-icon">−</span> </button> <div class="cp-prioritize-adrian-center"> <div class="cp-prioritize-adrian-center-image" role="img" aria-label="Adrian Cole image placeholder"> </div> <strong>Adrian's<br>Work Environment</strong> </div> </div> <div class="cp-prioritize-map-footer"> <div> <span class="cp-map-footer-icon is-current">✓</span> <strong>Current & Relevant</strong> <small>Actively maintained</small> </div> <div> <span class="cp-map-footer-icon is-duplicate">↻</span> <strong>Duplicate</strong> <small>Multiple versions exist</small> </div> <div> <span class="cp-map-footer-icon is-outdated">!</span> <strong>Outdated</strong> <small>Needs review</small> </div> <div> <span class="cp-map-footer-icon is-disconnected">⊘</span> <strong>Disconnected</strong> <small>Not linked to role</small> </div> </div> <div class="cp-prioritize-resource-detail" data-cp-prioritize-resource-detail> <span>Select a resource to inspect its relevance, ownership, and risk.</span> </div> </main> <aside class="cp-prioritize-right-rail"> <article class="cp-prioritize-task-panel"> <div class="cp-prioritize-panel-heading"> <span aria-hidden="true">ⓘ</span> <div> <strong>Your task</strong> <small> Choose the most useful evidence to review before recommending AI. </small> </div> </div> <p>Select up to 5 resources.</p> <div class="cp-prioritize-checkbox-list"> <label> <input type="checkbox" value="workday" data-cp-prioritize-evidence onchange="window.setup.toggleClearPathPrioritizeEvidence('workday', this.checked);"> <span>Workday AI Foundations</span> </label> <label> <input type="checkbox" value="linkedin" data-cp-prioritize-evidence onchange="window.setup.toggleClearPathPrioritizeEvidence('linkedin', this.checked);"> <span>LinkedIn Learning Catalog</span> </label> <label> <input type="checkbox" value="employee-hub" data-cp-prioritize-evidence onchange="window.setup.toggleClearPathPrioritizeEvidence('employee-hub', this.checked);"> <span>Employee Hub AI Announcement</span> </label> <label> <input type="checkbox" value="sharepoint-sites" data-cp-prioritize-evidence onchange="window.setup.toggleClearPathPrioritizeEvidence('sharepoint-sites', this.checked);"> <span>SharePoint Sites</span> </label> <label> <input type="checkbox" value="policy" data-cp-prioritize-evidence onchange="window.setup.toggleClearPathPrioritizeEvidence('policy', this.checked);"> <span>AI Policy</span> </label> <label> <input type="checkbox" value="prompt-library" data-cp-prioritize-evidence onchange="window.setup.toggleClearPathPrioritizeEvidence('prompt-library', this.checked);"> <span>Prompt Library</span> </label> <label> <input type="checkbox" value="office-hours" data-cp-prioritize-evidence onchange="window.setup.toggleClearPathPrioritizeEvidence('office-hours', this.checked);"> <span>Office Hours Schedule</span> </label> <label> <input type="checkbox" value="manager-emails" data-cp-prioritize-evidence onchange="window.setup.toggleClearPathPrioritizeEvidence('manager-emails', this.checked);"> <span>Manager Emails</span> </label> <label> <input type="checkbox" value="workflow-docs" data-cp-prioritize-evidence onchange="window.setup.toggleClearPathPrioritizeEvidence('workflow-docs', this.checked);"> <span>Department Workflow Documents</span> </label> </div> <div class="cp-prioritize-selection-count"> <span data-cp-prioritize-selection-count>0 of 5 selected</span> <button type="button" onclick="window.setup.explainClearPathPrioritizeSelection();"> Why these? </button> </div> </article> <article class="cp-prioritize-progress-panel"> <h2>Your progress</h2> <div class="cp-prioritize-progress-grid"> <div data-cp-prioritize-progress="context"> <span>✓</span> <strong>Context strengthened</strong> </div> <div data-cp-prioritize-progress="relevance"> <span>?</span> <strong>Relevance still unclear</strong> </div> <div data-cp-prioritize-progress="governance"> <span>◈</span> <strong>Governance boundary identified</strong> </div> <div data-cp-prioritize-progress="workflow"> <span>▤</span> <strong>Training options reviewed, work problem still unknown</strong> </div> </div> <div class="cp-prioritize-tip"> <span aria-hidden="true">☼</span> <p> Strong evidence reduces guesswork and clarifies the real work context. </p> </div> <button class="cp-prioritize-continue" type="button" data-cp-prioritize-continue disabled onclick="window.setup.completeClearPathPrioritize();"> Continue to Plan Pilot → </button> </article> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathPrioritize === "function") { setup.prepareClearPathPrioritize(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "plan">> <<set $cpCurrentPassage to "CP_04_Plan_Pilot">> <</silently>> <section id="cp-plan-pilot" class="cp-plan-pilot-page" data-cp-activity="plan" data-cp-narration="audio/cp_04_plan_pilot.mp3" data-cp-caption="Listen to Adrian's experience before proposing a pilot. Choose the response that reduces overload and focuses on one real work problem."> <div class="cp-plan-pilot-background" aria-hidden="true"></div> <div class="cp-plan-pilot-layout"> <header class="cp-plan-pilot-intro"> <h1> <span>Listen</span> before leading. </h1> <p> Adrian is sharing what he is experiencing.<br> How will you respond? </p> <div class="cp-plan-pilot-rule" aria-hidden="true"></div> </header> <section class="cp-plan-pilot-conversation"> <div class="cp-plan-pilot-quotes"> <article class="cp-plan-pilot-quote"> <div class="cp-plan-pilot-avatar cp-plan-pilot-adrian-avatar" role="img" aria-label="Adrian Cole image placeholder"> </div> <p> I already have Workday training, LinkedIn Learning, the employee hub, and honestly, too many SharePoint sites. </p> </article> <article class="cp-plan-pilot-quote"> <div class="cp-plan-pilot-avatar cp-plan-pilot-adrian-avatar" role="img" aria-label="Adrian Cole image placeholder"> </div> <p> Every new launch adds another course, guide, recording, or place to check. </p> </article> <article class="cp-plan-pilot-quote"> <div class="cp-plan-pilot-avatar cp-plan-pilot-adrian-avatar" role="img" aria-label="Adrian Cole image placeholder"> </div> <p> I do not have time to spend two hours learning AI just to find out it does not help. </p> </article> </div> <div class="cp-plan-pilot-adrian-placeholder" role="img" aria-label="Adrian Cole seated in conversation image placeholder"> </div> <div class="cp-plan-pilot-guide-view-placeholder" role="img" aria-label="Guide listening to Adrian image placeholder"> </div> <aside class="cp-plan-pilot-guide-card"> <div class="cp-plan-pilot-guide-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <path d="m14.5 8.5-2 5-5 2 2-5z"></path> </svg> </span> <div> <strong>Guide</strong> <small>Simulation Host</small> </div> </div> <div class="cp-plan-pilot-guide-tags"> <span>♡ Warm</span> <span>⚖ Neutral</span> <span>♙ Facilitator</span> </div> </aside> </section> <section class="cp-plan-pilot-options" aria-label="Response options"> <button class="cp-plan-pilot-option" type="button" data-cp-plan-option="transformation" aria-pressed="false" onclick="window.setup.selectClearPathPlanOption('transformation');"> <span class="cp-plan-pilot-option-letter">A</span> <strong> AI will transform the way<br> we all work. </strong> <span class="cp-plan-pilot-option-rule" aria-hidden="true"></span> <small> Makes a broad claim without addressing Adrian's concerns. </small> </button> <button class="cp-plan-pilot-option" type="button" data-cp-plan-option="training" aria-pressed="false" onclick="window.setup.selectClearPathPlanOption('training');"> <span class="cp-plan-pilot-option-letter">B</span> <strong> Let us get you enrolled in the<br> next AI essentials training. </strong> <span class="cp-plan-pilot-option-rule" aria-hidden="true"></span> <small> Assigns training without first understanding the pain. </small> </button> <button class="cp-plan-pilot-option" type="button" data-cp-plan-option="focused-workflow" aria-pressed="false" onclick="window.setup.selectClearPathPlanOption('focused-workflow');"> <span class="cp-plan-pilot-option-letter">C</span> <strong> You already have more resources than you can reasonably evaluate. Let us start with one part of your work that consumes time or energy and determine whether AI is useful there. </strong> <span class="cp-plan-pilot-option-rule" aria-hidden="true"></span> <small> Acknowledges overload and focuses on one real work problem. </small> </button> <button class="cp-plan-pilot-option" type="button" data-cp-plan-option="custom-guide" aria-pressed="false" onclick="window.setup.selectClearPathPlanOption('custom-guide');"> <span class="cp-plan-pilot-option-letter">D</span> <strong> I can build you a custom<br> guide just for your role. </strong> <span class="cp-plan-pilot-option-rule" aria-hidden="true"></span> <small> Adds another resource instead of reducing complexity. </small> </button> </section> <footer class="cp-plan-pilot-footer"> <button class="cp-plan-pilot-review" type="button" data-cp-plan-review disabled onclick="window.setup.reviewClearPathPlanSelection();"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M6 3h9l3 3v15H6z"></path> <path d="M15 3v4h4"></path> <path d="M9 11h6"></path> <path d="M9 15h6"></path> </svg> </span> Review </button> <div class="cp-plan-pilot-feedback" data-cp-plan-feedback aria-live="polite"> </div> <button class="cp-plan-pilot-continue" type="button" data-cp-plan-continue disabled onclick="window.setup.completeClearPathPlanPilot();"> Build the Pilot → </button> </footer> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathPlanPilot === "function") { setup.prepareClearPathPlanPilot(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "prepare">> <<set $cpCurrentPassage to "CP_05_Prepare">> <</silently>> <section id="cp-prepare" class="cp-prepare-page" data-cp-activity="prepare" data-cp-narration="audio/cp_05_prepare.mp3" data-cp-caption="Interpret Adrian's delegation concern. The true barrier is the expected setup, review, and correction burden, not simple resistance to change."> <div class="cp-prepare-background" aria-hidden="true"></div> <div class="cp-prepare-layout"> <section class="cp-prepare-left"> <header class="cp-prepare-intro"> <h1> The <span>delegation</span> clue </h1> <div class="cp-prepare-rule" aria-hidden="true"></div> <p> This page reveals the deeper barrier:<br> Adrian believes delegated work creates more preparation, review, and correction than it saves. </p> </header> <article class="cp-prepare-quote-card"> <span class="cp-prepare-quote-mark" aria-hidden="true">“</span> <blockquote> I do not delegate tedious tasks often. I have to explain the task, provide examples, answer questions, review the result, and sometimes redo it. By then, I could have completed it myself. That is what I expect AI to be like, another thing to supervise. </blockquote> <div class="cp-prepare-quote-person"> <div class="cp-prepare-adrian-avatar" role="img" aria-label="Adrian Cole image placeholder"> </div> <div> <strong>Adrian Cole</strong> <small>Employee</small> </div> </div> </article> <section class="cp-prepare-task-panel"> <div class="cp-prepare-task-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <circle cx="12" cy="12" r="4"></circle> <path d="m15 9 5-5"></path> <path d="M16 4h4v4"></path> </svg> </span> <div> <strong>Your task: <em>Interpret the signal</em></strong> <small> What does Adrian's perspective reveal about his expectation of AI and delegation? </small> </div> </div> <div class="cp-prepare-options"> <button class="cp-prepare-option" type="button" data-cp-prepare-option="distrust" aria-pressed="false" onclick="window.setup.selectClearPathPrepareOption('distrust');"> <span class="cp-prepare-option-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 3 5 6v5c0 4.5 2.9 8.1 7 10 4.1-1.9 7-5.5 7-10V6z"></path> </svg> </span> <strong>Distrust</strong> <small> Adrian does not trust others or believe work will be done correctly. </small> <span class="cp-prepare-radio" aria-hidden="true"></span> </button> <button class="cp-prepare-option" type="button" data-cp-prepare-option="resistance" aria-pressed="false" onclick="window.setup.selectClearPathPrepareOption('resistance');"> <span class="cp-prepare-option-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="8" r="3.5"></circle> <path d="M5 21c0-4.3 2.7-7 7-7s7 2.7 7 7"></path> </svg> </span> <strong>Resistance</strong> <small> Adrian is resistant to change and prefers his current way of working. </small> <span class="cp-prepare-radio" aria-hidden="true"></span> </button> <button class="cp-prepare-option" type="button" data-cp-prepare-option="delegation-skill" aria-pressed="false" onclick="window.setup.selectClearPathPrepareOption('delegation-skill');"> <span class="cp-prepare-option-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 4v16"></path> <path d="M5 8h14"></path> <path d="m5 8-3 5h6z"></path> <path d="m19 8-3 5h6z"></path> </svg> </span> <strong>Poor delegation skill</strong> <small> Adrian lacks the skills to delegate effectively and set clear expectations. </small> <span class="cp-prepare-radio" aria-hidden="true"></span> </button> <button class="cp-prepare-option" type="button" data-cp-prepare-option="expected-burden" aria-pressed="false" onclick="window.setup.selectClearPathPrepareOption('expected-burden');"> <span class="cp-prepare-option-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <circle cx="12" cy="12" r="4"></circle> </svg> </span> <strong>Expected setup and review burden</strong> <small> Adrian expects the setup and supervision cost to exceed the value of the output. </small> <span class="cp-prepare-radio" aria-hidden="true"></span> </button> </div> </section> </section> <section class="cp-prepare-center"> <div class="cp-prepare-diagram-title"> <strong>The time tax of delegation</strong> </div> <div class="cp-prepare-delegation-diagram" aria-label="Delegation time tax cycle"> <div class="cp-prepare-cycle-ring" aria-hidden="true"></div> <div class="cp-prepare-cycle-node cp-prepare-cycle-setup"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="3"></circle> <path d="M12 2v3M12 19v3M4.9 4.9 7 7M17 17l2.1 2.1M2 12h3M19 12h3M4.9 19.1 7 17M17 7l2.1-2.1"></path> </svg> </span> <strong>Setup</strong> </div> <div class="cp-prepare-cycle-node cp-prepare-cycle-explain"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M4 5h16v12H8l-4 4z"></path> <path d="M8 9h8M8 13h6"></path> </svg> </span> <strong>Explain</strong> </div> <div class="cp-prepare-cycle-node cp-prepare-cycle-review"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="10" cy="10" r="6"></circle> <path d="m15 15 5 5"></path> </svg> </span> <strong>Review</strong> </div> <div class="cp-prepare-cycle-node cp-prepare-cycle-correct"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M4 20h4l11-11-4-4L4 16z"></path> <path d="m13 7 4 4"></path> </svg> </span> <strong>Correct</strong> </div> <div class="cp-prepare-cycle-node cp-prepare-cycle-rework"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M20 11a8 8 0 1 0 2 5"></path> <path d="M20 4v7h-7"></path> </svg> </span> <strong>Rework</strong> </div> <div class="cp-prepare-cycle-center"> <span>Task<br>Completed</span> <strong aria-hidden="true">✓</strong> </div> </div> </section> <aside class="cp-prepare-guide-panel"> <div class="cp-prepare-guide-header"> <span class="cp-prepare-guide-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <path d="m14.5 8.5-2 5-5 2 2-5z"></path> </svg> </span> <div> <strong>Guide</strong> <small>Simulation Host</small> </div> </div> <div class="cp-prepare-guide-tags"> <span>♡ Warm</span> <span>⚖ Neutral</span> <span>♙ Facilitator</span> </div> <div class="cp-prepare-guide-image" role="img" aria-label="Guide image placeholder"> </div> <article class="cp-prepare-insight-card"> <div class="cp-prepare-insight-heading"> <span aria-hidden="true">☼</span> <strong>Analytical insight</strong> </div> <p> The real barrier is not the task. It is the expected cost of delegation. AI must reduce this time tax to earn Adrian's trust. </p> </article> <article class="cp-prepare-signal-card" data-cp-prepare-signal-card> <div class="cp-prepare-signal-heading"> <span aria-hidden="true">✓</span> <strong data-cp-prepare-signal-title>Signal not yet confirmed</strong> </div> <p data-cp-prepare-signal-text> Select the interpretation that best explains Adrian's concern. </p> </article> <button class="cp-prepare-continue" type="button" data-cp-prepare-continue disabled onclick="window.setup.completeClearPathPrepare();"> Continue to Launch → </button> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathPrepare === "function") { setup.prepareClearPathPrepare(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "launch">> <<set $cpCurrentPassage to "CP_06_Launch">> <</silently>> <section id="cp-launch" class="cp-launch-page" data-cp-activity="launch" data-cp-narration="audio/cp_06_launch.mp3" data-cp-caption="Review Adrian's recurring work and select the strongest starting use case for a narrow, responsible AI pilot."> <div class="cp-launch-background" aria-hidden="true"></div> <div class="cp-launch-layout"> <section class="cp-launch-left"> <header class="cp-launch-intro"> <span class="cp-launch-kicker">Find the Friction</span> <h1> Find the<br> <span>friction.</span> </h1> <div class="cp-launch-rule" aria-hidden="true"></div> <p> Evaluate Adrian's recurring work and select the strongest starting use case. </p> </header> <article class="cp-launch-task-card"> <div class="cp-launch-task-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <circle cx="12" cy="12" r="4"></circle> <path d="m15 9 5-5"></path> <path d="M16 4h4v4"></path> </svg> </span> <strong>Your task</strong> </div> <p> Review the work orbit. Select the single best use case to pilot first. </p> <button type="button" data-cp-launch-select disabled onclick="window.setup.confirmClearPathLaunchSelection();"> Select strongest use case </button> </article> </section> <section class="cp-launch-orbit-area"> <div class="cp-launch-orbit" aria-label="Adrian's recurring work orbit"> <svg class="cp-launch-orbit-lines" viewBox="0 0 760 680" preserveAspectRatio="none" aria-hidden="true"> <ellipse cx="380" cy="340" rx="284" ry="236"></ellipse> <path d="M380 340 C285 225 218 205 165 190"></path> <path d="M380 340 C370 205 372 142 378 98"></path> <path d="M380 340 C490 225 555 205 610 190"></path> <path d="M380 340 C500 350 570 380 620 420"></path> <path d="M380 340 C450 475 458 530 455 580"></path> <path d="M380 340 C260 460 200 480 152 500"></path> </svg> <button class="cp-launch-use-case cp-launch-use-case-meeting" type="button" data-cp-launch-use-case="meeting-follow-up" aria-pressed="false" onclick="window.setup.selectClearPathLaunchUseCase('meeting-follow-up');"> <span class="cp-launch-card-badge" aria-hidden="true">★</span> <span class="cp-launch-card-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M4 5h16v12H8l-4 4z"></path> <path d="M8 9h8M8 13h5"></path> </svg> </span> <strong>Meeting Follow-Up</strong> <p> Frequent, structured, and easy to compare with source notes. </p> <div class="cp-launch-card-meta"> <span>◷ 1–2 hrs</span> <span>↻ Multiple / Week</span> </div> </button> <button class="cp-launch-use-case cp-launch-use-case-report" type="button" data-cp-launch-use-case="monthly-status-report" aria-pressed="false" onclick="window.setup.selectClearPathLaunchUseCase('monthly-status-report');"> <span class="cp-launch-card-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <rect x="4" y="5" width="16" height="15" rx="2"></rect> <path d="M8 3v4M16 3v4M8 11h8M8 15h5"></path> </svg> </span> <strong>Monthly Program<br>Status Report</strong> <p> Time-consuming with inconsistent source material and operational data. </p> <div class="cp-launch-card-meta"> <span>◷ 3 hrs</span> <span>↻ Monthly</span> </div> </button> <button class="cp-launch-use-case cp-launch-use-case-performance" type="button" data-cp-launch-use-case="performance-recommendations" aria-pressed="false" onclick="window.setup.selectClearPathLaunchUseCase('performance-recommendations');"> <span class="cp-launch-card-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="9" cy="8" r="3"></circle> <circle cx="17" cy="9" r="2.5"></circle> <path d="M3 20c0-4 2.5-6 6-6s6 2 6 6"></path> <path d="M14 15c3 0 5 1.7 5 5"></path> </svg> </span> <strong>Employee Performance<br>Recommendations</strong> <p> Sensitive, consequential, and requires human judgment. </p> <div class="cp-launch-card-meta"> <span>◷ 2–3 hrs</span> <span>↻ Monthly</span> </div> </button> <button class="cp-launch-use-case cp-launch-use-case-policy" type="button" data-cp-launch-use-case="policy-exception" aria-pressed="false" onclick="window.setup.selectClearPathLaunchUseCase('policy-exception');"> <span class="cp-launch-card-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M6 3h9l3 3v15H6z"></path> <path d="M15 3v4h4"></path> <circle cx="15" cy="15" r="3"></circle> <path d="m17 17 2 2"></path> </svg> </span> <strong>Policy Exception<br>Decisions</strong> <p> Contextual and requires legal or policy interpretation. </p> <div class="cp-launch-card-meta"> <span>◷ 1–2 hrs</span> <span>↻ Weekly</span> </div> </button> <button class="cp-launch-use-case cp-launch-use-case-search" type="button" data-cp-launch-use-case="resource-search" aria-pressed="false" onclick="window.setup.selectClearPathLaunchUseCase('resource-search');"> <span class="cp-launch-card-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="10" cy="10" r="6"></circle> <path d="m15 15 5 5"></path> </svg> </span> <strong>Resource Search</strong> <p> Frequent but depends on governance and content authority. </p> <div class="cp-launch-card-meta"> <span>◷ 1–2 hrs</span> <span>↻ Weekly</span> </div> </button> <button class="cp-launch-use-case cp-launch-use-case-email" type="button" data-cp-launch-use-case="stakeholder-email" aria-pressed="false" onclick="window.setup.selectClearPathLaunchUseCase('stakeholder-email');"> <span class="cp-launch-card-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <rect x="3" y="5" width="18" height="14" rx="2"></rect> <path d="m4 7 8 6 8-6"></path> </svg> </span> <strong>Stakeholder Email<br>Responses</strong> <p> Variable tone and relationship risk. </p> <div class="cp-launch-card-meta"> <span>◷ 2–4 hrs</span> <span>↻ Weekly</span> </div> </button> <div class="cp-launch-adrian-center"> <div class="cp-launch-adrian-image" role="img" aria-label="Adrian Cole image placeholder"> </div> <strong>Adrian Cole</strong> <small>Employee Case</small> </div> </div> <div class="cp-launch-orbit-key"> <strong>How to read the orbit</strong> <div> <span aria-hidden="true">◷</span> <p><strong>Frequency</strong><small>How often the task occurs</small></p> </div> <div> <span aria-hidden="true">◷</span> <p><strong>Time burden</strong><small>Typical time per occurrence</small></p> </div> <div> <span aria-hidden="true">◉</span> <p><strong>Sensitivity</strong><small>Impact of getting it wrong</small></p> </div> <div> <span aria-hidden="true">⌘</span> <p><strong>Structure</strong><small>How standardized it is</small></p> </div> <div> <span aria-hidden="true">◇</span> <p><strong>Review difficulty</strong><small>Ease of validation</small></p> </div> </div> </section> <aside class="cp-launch-right"> <article class="cp-launch-recommendation"> <div class="cp-launch-recommendation-heading"> <span aria-hidden="true">♜</span> <div> <small>Strongest starting use case</small> <strong data-cp-launch-recommendation-title> Select a use case </strong> </div> </div> <p data-cp-launch-recommendation-summary> Review the orbit and compare frequency, structure, sensitivity, repeatability, and review difficulty. </p> <div class="cp-launch-why"> <h2>Why this works</h2> <div class="cp-launch-why-grid" data-cp-launch-why-grid> <div><span>○</span><strong>Frequency</strong><small>Not yet assessed</small></div> <div><span>○</span><strong>Useful to Adrian</strong><small>Not yet assessed</small></div> <div><span>○</span><strong>Narrow</strong><small>Not yet assessed</small></div> <div><span>○</span><strong>Repeatable</strong><small>Not yet assessed</small></div> <div><span>○</span><strong>Structured</strong><small>Not yet assessed</small></div> <div><span>○</span><strong>Limited decision risk</strong><small>Not yet assessed</small></div> <div><span>○</span><strong>Easy to verify</strong><small>Not yet assessed</small></div> </div> </div> </article> <article class="cp-launch-guide-card"> <div class="cp-launch-guide-copy"> <strong data-cp-launch-guide-title> Review the full orbit. </strong> <p data-cp-launch-guide-text> Start with work that is frequent, structured, useful, and easy to validate. </p> <div class="cp-launch-guide-identity"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <path d="m14.5 8.5-2 5-5 2 2-5z"></path> </svg> </span> <div> <strong>Guide</strong> <small>Simulation Host</small> </div> </div> </div> <div class="cp-launch-guide-image" role="img" aria-label="Guide image placeholder"> </div> </article> <button class="cp-launch-continue" type="button" data-cp-launch-continue disabled onclick="window.setup.completeClearPathLaunch();"> Continue to Evaluate → </button> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathLaunch === "function") { setup.prepareClearPathLaunch(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "evaluate">> <<set $cpCurrentPassage to "CP_07_Evaluate">> <</silently>> <section id="cp-evaluate" class="cp-evaluate-page" data-cp-activity="evaluate" data-cp-narration="audio/cp_07_evaluate.mp3" data-cp-caption="Compare the current meeting follow-up process with the AI-supported process and identify the honest value while retaining human review."> <div class="cp-evaluate-background" aria-hidden="true"></div> <div class="cp-evaluate-layout"> <header class="cp-evaluate-intro"> <span class="cp-evaluate-kicker">Confirm the Value</span> <h1> Confirm <span>the value.</span> </h1> <p> Compare the current process with the AI-supported process. </p> </header> <section class="cp-evaluate-processes"> <article class="cp-evaluate-process-card cp-evaluate-current"> <div class="cp-evaluate-process-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="8" r="3.5"></circle> <path d="M5 21c0-4.3 2.7-7 7-7s7 2.7 7 7"></path> </svg> </span> <strong>Current process</strong> </div> <ol class="cp-evaluate-step-list"> <li><span>1</span><strong>Attend meeting</strong></li> <li><span>2</span><strong>Take notes</strong></li> <li><span>3</span><strong>Review notes</strong></li> <li><span>4</span><strong>Identify decisions</strong></li> <li><span>5</span><strong>Identify owners</strong></li> <li><span>6</span><strong>Identify deadlines</strong></li> <li><span>7</span><strong>Draft follow-up</strong></li> <li><span>8</span><strong>Verify</strong></li> <li><span>9</span><strong>Send</strong></li> <li><span>10</span><strong>Store</strong></li> </ol> <div class="cp-evaluate-process-summary"> <span>◷ ~60–90 minutes</span> <span>10 steps</span> </div> </article> <article class="cp-evaluate-process-card cp-evaluate-ai"> <div class="cp-evaluate-process-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 3l2.1 5.2L19 10l-4.9 1.8L12 17l-2.1-5.2L5 10l4.9-1.8z"></path> <path d="M19 3v4M17 5h4"></path> </svg> </span> <strong>AI-supported process</strong> </div> <ol class="cp-evaluate-step-list"> <li><span>1</span><strong>Attend meeting</strong></li> <li><span>2</span><strong>Use existing note template</strong></li> <li><span>3</span><strong>Remove restricted content</strong></li> <li class="cp-evaluate-highlight-step"> <span>4</span> <div> <strong>Submit approved operational notes</strong> <small>Human review remains with Adrian Cole</small> </div> </li> <li><span>5</span><strong>Receive structured draft</strong></li> <li><span>6</span><strong>Verify against source</strong></li> <li><span>7</span><strong>Correct</strong></li> <li><span>8</span><strong>Send</strong></li> <li><span>9</span><strong>Store</strong></li> </ol> <div class="cp-evaluate-process-summary"> <span>◷ ~20–30 minutes</span> <span>9 steps</span> <strong>↓ 60–70% time reduction</strong> </div> </article> <div class="cp-evaluate-guide-image" role="img" aria-label="Guide image placeholder"> </div> </section> <aside class="cp-evaluate-task-panel"> <div class="cp-evaluate-task-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <circle cx="12" cy="12" r="4"></circle> <path d="m15 9 5-5"></path> <path d="M16 4h4v4"></path> </svg> </span> <div> <strong>Your task</strong> <small> Select the statement that best represents the honest value of using AI to support this process. </small> </div> </div> <div class="cp-evaluate-options"> <button class="cp-evaluate-option" type="button" data-cp-evaluate-option="no-review" aria-pressed="false" onclick="window.setup.selectClearPathEvaluateOption('no-review');"> <span class="cp-evaluate-radio" aria-hidden="true"></span> <strong> This will eliminate the need to review notes before sending. </strong> </button> <button class="cp-evaluate-option" type="button" data-cp-evaluate-option="honest-value" aria-pressed="false" onclick="window.setup.selectClearPathEvaluateOption('honest-value');"> <span class="cp-evaluate-radio" aria-hidden="true"></span> <strong> This may reduce the time required to organize your notes into a first draft. You will still verify decisions, owners, and deadlines before sending anything. </strong> </button> <button class="cp-evaluate-option" type="button" data-cp-evaluate-option="full-automation" aria-pressed="false" onclick="window.setup.selectClearPathEvaluateOption('full-automation');"> <span class="cp-evaluate-radio" aria-hidden="true"></span> <strong> This will automate the entire process from meeting to storage with no manual steps. </strong> </button> </div> <div class="cp-evaluate-feedback-row"> <article class="cp-evaluate-feedback-card" data-cp-evaluate-feedback="value"> <span aria-hidden="true">✓</span> <div> <strong>Potential value identified.</strong> <small data-cp-evaluate-value-text> Select the most honest value statement. </small> </div> </article> <article class="cp-evaluate-feedback-card" data-cp-evaluate-feedback="ownership"> <span aria-hidden="true">◇</span> <div> <strong>Human ownership retained.</strong> <small data-cp-evaluate-ownership-text> Key decisions stay with Adrian and the team. </small> </div> </article> </div> <article class="cp-evaluate-adrian-card"> <div class="cp-evaluate-adrian-avatar" role="img" aria-label="Adrian Cole image placeholder"> </div> <div> <strong>Adrian Cole</strong> <small>Employee Case</small> <p> Human review remains the cornerstone of accuracy and accountability in this process. </p> </div> </article> <button class="cp-evaluate-continue" type="button" data-cp-evaluate-continue disabled onclick="window.setup.completeClearPathEvaluate();"> Continue to Scale → </button> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathEvaluate === "function") { setup.prepareClearPathEvaluate(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "scale">> <<set $cpCurrentPassage to "CP_08_Scale">> <</silently>> <section id="cp-scale" class="cp-scale-page" data-cp-activity="scale" data-cp-narration="audio/cp_08_scale.mp3" data-cp-caption="Sort each meeting note according to whether it is approved for use, must be sanitized, or should be excluded from the AI-supported workflow."> <div class="cp-scale-background" aria-hidden="true"></div> <div class="cp-scale-layout"> <aside class="cp-scale-left"> <header class="cp-scale-intro"> <span class="cp-scale-kicker">Governance Check</span> <h1> Protect what <span>should</span><br> not enter the workflow. </h1> <div class="cp-scale-rule" aria-hidden="true"></div> <p> Test whether the workflow protects approved tools, data minimization, and sensitive information. </p> </header> <article class="cp-scale-task-card"> <div class="cp-scale-task-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <circle cx="12" cy="12" r="4"></circle> <path d="m15 9 5-5"></path> <path d="M16 4h4v4"></path> </svg> </span> <strong>Your task</strong> </div> <p> Review each meeting note and place it into the correct lane. </p> <ul> <li> <strong>Approved for use:</strong> routine, low-risk operational information. </li> <li> <strong>Sanitize before use:</strong> remove or mask sensitive or identifiable details. </li> <li> <strong>Exclude from use:</strong> do not use sensitive personal, legal, or confidential information. </li> </ul> <div class="cp-scale-tip"> <span aria-hidden="true">☼</span> <strong>Tip:</strong> <p>When in doubt, minimize.</p> </div> </article> </aside> <main class="cp-scale-board"> <div class="cp-scale-board-instruction"> <span aria-hidden="true">ⓘ</span> <p> Drag each item into the lane that best matches how it should be handled. You may also select an item, then select a lane. </p> </div> <section class="cp-scale-lanes" aria-label="Governance handling lanes"> <button class="cp-scale-lane cp-scale-lane-approved" type="button" data-cp-scale-lane="approved" onclick="window.setup.placeClearPathScaleSelected('approved');"> <div class="cp-scale-lane-heading"> <span aria-hidden="true">✓</span> <div> <strong>Approved for use</strong> <small>Routine, low-risk operational content.</small> </div> </div> <div class="cp-scale-drop-zone" data-cp-scale-drop-zone="approved" ondragover="event.preventDefault();" ondrop="window.setup.dropClearPathScaleItem(event, 'approved');"> </div> </button> <button class="cp-scale-lane cp-scale-lane-sanitize" type="button" data-cp-scale-lane="sanitize" onclick="window.setup.placeClearPathScaleSelected('sanitize');"> <div class="cp-scale-lane-heading"> <span aria-hidden="true">◇</span> <div> <strong>Sanitize before use</strong> <small>Remove or mask sensitive or identifiable details.</small> </div> </div> <div class="cp-scale-drop-zone" data-cp-scale-drop-zone="sanitize" ondragover="event.preventDefault();" ondrop="window.setup.dropClearPathScaleItem(event, 'sanitize');"> </div> </button> <button class="cp-scale-lane cp-scale-lane-exclude" type="button" data-cp-scale-lane="exclude" onclick="window.setup.placeClearPathScaleSelected('exclude');"> <div class="cp-scale-lane-heading"> <span aria-hidden="true">×</span> <div> <strong>Exclude from use</strong> <small>Sensitive, confidential, legal, or not permitted.</small> </div> </div> <div class="cp-scale-drop-zone" data-cp-scale-drop-zone="exclude" ondragover="event.preventDefault();" ondrop="window.setup.dropClearPathScaleItem(event, 'exclude');"> </div> </button> </section> <section class="cp-scale-item-grid" data-cp-scale-item-grid aria-label="Meeting notes to classify"> <button class="cp-scale-item" type="button" draggable="true" data-cp-scale-item="project-timeline" aria-pressed="false" onclick="window.setup.selectClearPathScaleItem('project-timeline');" ondragstart="window.setup.dragClearPathScaleItem(event, 'project-timeline');"> <span class="cp-scale-grip" aria-hidden="true">⋮⋮</span> <strong>Project timeline</strong> <p> Phase 1 kickoff on May 12. Phase 2 planning begins in June. </p> <span class="cp-scale-item-icon" aria-hidden="true">▣</span> </button> <button class="cp-scale-item" type="button" draggable="true" data-cp-scale-item="vendor-delay" aria-pressed="false" onclick="window.setup.selectClearPathScaleItem('vendor-delay');" ondragstart="window.setup.dragClearPathScaleItem(event, 'vendor-delay');"> <span class="cp-scale-grip" aria-hidden="true">⋮⋮</span> <strong>Vendor delay</strong> <p> Provider is experiencing component shortages until July. </p> <span class="cp-scale-item-icon" aria-hidden="true">◷</span> </button> <button class="cp-scale-item" type="button" draggable="true" data-cp-scale-item="budget-concern" aria-pressed="false" onclick="window.setup.selectClearPathScaleItem('budget-concern');" ondragstart="window.setup.dragClearPathScaleItem(event, 'budget-concern');"> <span class="cp-scale-grip" aria-hidden="true">⋮⋮</span> <strong>Budget concern</strong> <p> Team expressed concern about a named unit's potential overruns. </p> <span class="cp-scale-item-icon" aria-hidden="true">$</span> </button> <button class="cp-scale-item" type="button" draggable="true" data-cp-scale-item="accommodation-request" aria-pressed="false" onclick="window.setup.selectClearPathScaleItem('accommodation-request');" ondragstart="window.setup.dragClearPathScaleItem(event, 'accommodation-request');"> <span class="cp-scale-grip" aria-hidden="true">⋮⋮</span> <strong>Employee accommodation request</strong> <p> A named employee requested remote work because of a medical condition. </p> <span class="cp-scale-item-icon" aria-hidden="true">♙</span> </button> <button class="cp-scale-item" type="button" draggable="true" data-cp-scale-item="staffing-discussion" aria-pressed="false" onclick="window.setup.selectClearPathScaleItem('staffing-discussion');" ondragstart="window.setup.dragClearPathScaleItem(event, 'staffing-discussion');"> <span class="cp-scale-grip" aria-hidden="true">⋮⋮</span> <strong>Staffing discussion</strong> <p> The team is considering reassigning a named analyst to a backlog. </p> <span class="cp-scale-item-icon" aria-hidden="true">♧</span> </button> <button class="cp-scale-item" type="button" draggable="true" data-cp-scale-item="contract-issue" aria-pressed="false" onclick="window.setup.selectClearPathScaleItem('contract-issue');" ondragstart="window.setup.dragClearPathScaleItem(event, 'contract-issue');"> <span class="cp-scale-grip" aria-hidden="true">⋮⋮</span> <strong>Client contract issue</strong> <p> A dispute involves confidential scope changes and payment terms. </p> <span class="cp-scale-item-icon" aria-hidden="true">⚒</span> </button> <button class="cp-scale-item" type="button" draggable="true" data-cp-scale-item="action-items" aria-pressed="false" onclick="window.setup.selectClearPathScaleItem('action-items');" ondragstart="window.setup.dragClearPathScaleItem(event, 'action-items');"> <span class="cp-scale-grip" aria-hidden="true">⋮⋮</span> <strong>Action items</strong> <p> Update the risk register and confirm the vendor roadmap. </p> <span class="cp-scale-item-icon" aria-hidden="true">☷</span> </button> <button class="cp-scale-item" type="button" draggable="true" data-cp-scale-item="deadlines" aria-pressed="false" onclick="window.setup.selectClearPathScaleItem('deadlines');" ondragstart="window.setup.dragClearPathScaleItem(event, 'deadlines');"> <span class="cp-scale-grip" aria-hidden="true">⋮⋮</span> <strong>Deadlines</strong> <p> Submit the report by May 15. Leadership review is May 20. </p> <span class="cp-scale-item-icon" aria-hidden="true">▣</span> </button> </section> <div class="cp-scale-status-row"> <span class="cp-scale-status is-green"> ✓ Data minimized </span> <span class="cp-scale-status is-amber"> ◇ Sensitive context remains identifiable </span> <span class="cp-scale-status is-red"> × Escalation required </span> <span class="cp-scale-status is-blue"> ✓ Approved operational content isolated </span> </div> </main> <aside class="cp-scale-right"> <article class="cp-scale-governance-card"> <div class="cp-scale-side-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 3 5 6v5c0 4.5 2.9 8.1 7 10 4.1-1.9 7-5.5 7-10V6z"></path> <path d="m9.5 12 1.7 1.7 3.5-3.7"></path> </svg> </span> <strong>Governance Review</strong> </div> <blockquote> Use only the information necessary for the approved task. <br><br> Tool approval does not eliminate judgment. </blockquote> <div class="cp-scale-everett-image" role="img" aria-label="Everett Ziegler image placeholder"> </div> </article> <article class="cp-scale-guide-card"> <div class="cp-scale-guide-copy"> <div class="cp-scale-side-heading"> <span aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <path d="m14.5 8.5-2 5-5 2 2-5z"></path> </svg> </span> <div> <strong>Guide</strong> <small>Simulation Host</small> </div> </div> <p> Pause and evaluate. If information is sensitive or not essential to the approved task, do not bring it into the system. </p> </div> <div class="cp-scale-guide-image" role="img" aria-label="Guide image placeholder"> </div> </article> </aside> <footer class="cp-scale-footer"> <button type="button" onclick="window.setup.showClearPathToast('Use only approved tools and the minimum information required for the task.');"> ▤ Open Brief </button> <button type="button" onclick="window.setup.showClearPathToast('Meeting follow-up is the approved pilot context for this governance check.');"> ▤ View Context </button> <div class="cp-scale-progress"> <strong>Progress</strong> <span class="cp-scale-progress-track"> <i data-cp-scale-progress-bar></i> </span> <small data-cp-scale-progress-label>0 of 8</small> </div> <button type="button" onclick="window.setup.showClearPathScaleFeedback();"> ▢ Show Feedback </button> <button class="cp-scale-submit" type="button" data-cp-scale-submit disabled onclick="window.setup.submitClearPathScale();"> ✓ Submit </button> </footer> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathScale === "function") { setup.prepareClearPathScale(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "prepare">> <<set $cpCurrentPassage to "CP_09_Build_Controlled_Pilot">> <</silently>> <section id="cp-controlled-pilot" class="cp-controlled-pilot-page" data-cp-activity="prepare" data-cp-narration="audio/cp_09_build_instruction.mp3" data-cp-caption="Build a reusable instruction that defines the source, task, structure, constraints, missing-information behavior, and final review requirement."> <div class="cp-pilot-background" aria-hidden="true"></div> <div class="cp-pilot-layout"> <main class="cp-pilot-workspace"> <header class="cp-pilot-header"> <div class="cp-pilot-title"> <h1>Build the instruction.</h1> <p>Prompt Design</p> <div class="cp-pilot-title-rule" aria-hidden="true"></div> </div> <aside class="cp-pilot-principle"> <span aria-hidden="true">i</span> <p> Prompting is one component inside the workflow, not the whole assessment. It helps ensure clarity and consistency. </p> </aside> </header> <section class="cp-pilot-workbench" aria-labelledby="cp-pilot-workbench-label"> <h2 id="cp-pilot-workbench-label" class="cp-pilot-section-label"> Prompt Assembly Workbench </h2> <div class="cp-pilot-component-row"> <button class="cp-pilot-component" type="button" data-cp-pilot-component="source" aria-pressed="false" onclick="window.setup.selectClearPathControlledPilotComponent('source');"> <span class="cp-pilot-component-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M12 3 5 6v5c0 4.5 2.9 8.1 7 10 4.1-1.9 7-5.5 7-10V6z"></path> <path d="m9 12 2 2 4-4"></path> </svg> </span> <strong>Source Boundary</strong> <p>Define the exact source or sources to use.</p> <small>Meeting notes</small> </button> <button class="cp-pilot-component" type="button" data-cp-pilot-component="task" aria-pressed="false" onclick="window.setup.selectClearPathControlledPilotComponent('task');"> <span class="cp-pilot-component-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="8"></circle> <circle cx="12" cy="12" r="4"></circle> <path d="m15 9 5-5"></path> <path d="M16 4h4v4"></path> </svg> </span> <strong>Task</strong> <p>Define the objective clearly.</p> <small>Draft follow-up</small> </button> <button class="cp-pilot-component" type="button" data-cp-pilot-component="structure" aria-pressed="false" onclick="window.setup.selectClearPathControlledPilotComponent('structure');"> <span class="cp-pilot-component-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M9 6h11"></path> <path d="M9 12h11"></path> <path d="M9 18h11"></path> <path d="M4 6h.01"></path> <path d="M4 12h.01"></path> <path d="M4 18h.01"></path> </svg> </span> <strong>Required Structure</strong> <p>Specify structure and sections.</p> <small>4 sections</small> </button> <button class="cp-pilot-component" type="button" data-cp-pilot-component="constraints" aria-pressed="false" onclick="window.setup.selectClearPathControlledPilotComponent('constraints');"> <span class="cp-pilot-component-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M7 5h10"></path> <path d="m9 5-4 7h8z"></path> <path d="m15 5-4 7h8z"></path> <path d="M12 5v14"></path> <path d="M8 20h8"></path> </svg> </span> <strong>Constraints</strong> <p>Set rules to prevent unsupported additions.</p> <small>No added facts</small> </button> <button class="cp-pilot-component" type="button" data-cp-pilot-component="missing" aria-pressed="false" onclick="window.setup.selectClearPathControlledPilotComponent('missing');"> <span class="cp-pilot-component-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <circle cx="12" cy="8" r="3.5"></circle> <path d="M5 21c0-4.3 2.7-7 7-7s7 2.7 7 7"></path> </svg> </span> <strong>Missing-Information Behavior</strong> <p>Define how gaps and unknowns should be handled.</p> <small>Mark as “Not specified”</small> </button> <button class="cp-pilot-component" type="button" data-cp-pilot-component="review" aria-pressed="false" onclick="window.setup.selectClearPathControlledPilotComponent('review');"> <span class="cp-pilot-component-icon" aria-hidden="true"> <svg viewBox="0 0 24 24"> <path d="M7 18h10"></path> <path d="M8 18v-6a4 4 0 0 1 8 0v6"></path> <path d="M10 4h4"></path> <path d="M12 2v2"></path> <path d="M5 18h14l-1 3H6z"></path> </svg> </span> <strong>Review Reminder</strong> <p>Add a final source check before use.</p> <small>Verify and review</small> </button> </div> </section> <section class="cp-pilot-result-wrap" aria-labelledby="cp-pilot-result-label"> <h2 id="cp-pilot-result-label" class="cp-pilot-result-label"> Resulting Instruction (Strong Prompt) </h2> <div class="cp-pilot-result" data-cp-pilot-result> <span class="cp-pilot-result-icon" aria-hidden="true">✣</span> <span class="cp-pilot-result-status">Assembly in progress</span> <p> Using only the meeting notes provided, create a draft follow-up organized into four sections: Decisions, Action Items, Owners and Deadlines, and Unresolved Questions. Do not add facts, owners, deadlines, or decisions that do not appear in the notes. Mark missing information as “Not specified.” </p> </div> </section> <footer class="cp-pilot-actions"> <span>Quick actions</span> <button type="button" onclick="window.setup.loadClearPathControlledPilotTemplate();"> ▤ Load template </button> <button type="button" onclick="window.setup.saveClearPathControlledPilotTemplate();"> ▣ Save as template </button> <button type="button" onclick="window.setup.testClearPathControlledPilotPrompt();"> △ Test prompt </button> <button type="button" data-cp-pilot-quality disabled onclick="window.setup.runClearPathControlledPilotQualityCheck();"> Run quality check </button> <div class="cp-pilot-progress"> <span class="cp-pilot-progress-track"> <i data-cp-pilot-progress-bar></i> </span> <small data-cp-pilot-progress-label>0 of 6</small> </div> </footer> </main> <aside class="cp-pilot-character-rail"> <article class="cp-pilot-character-card cp-pilot-janelle-card"> <div class="cp-pilot-character-copy"> <span>Workflow Support</span> <h2>Janelle Ruiz</h2> <h3>Workflow Support</h3> <blockquote> A reusable prompt should reduce ambiguity, not hide missing information. </blockquote> </div> <div class="cp-pilot-janelle-image" role="img" aria-label="Janelle Ruiz image placeholder"> </div> </article> <article class="cp-pilot-character-card cp-pilot-guide-card"> <div class="cp-pilot-character-copy"> <span>Guide</span> <h2>Guide</h2> <h3>Simulation Host</h3> <p> Build precise instructions so every team member interprets the task the same way. </p> </div> <div class="cp-pilot-guide-image" role="img" aria-label="Guide image placeholder"> </div> </article> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathControlledPilot === "function") { setup.prepareClearPathControlledPilot(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "plan">> <<set $cpCurrentPassage to "CP_10_Build_Instruction">> <</silently>> <section id="cp-instruction" class="cp-instruction-page" data-cp-activity="plan" data-cp-narration="audio/cp_10_verify_before_trust.mp3" data-cp-caption="Verify the generated draft against Adrian's source notes. Polished output can still contain unsupported decisions, owners, and deadlines."> <div class="cp-instruction-background" aria-hidden="true"></div> <div class="cp-instruction-layout"> <main class="cp-instruction-workspace"> <header class="cp-instruction-header"> <h1>Verify before you trust.</h1> <p>Review Checkpoint</p> <span>Check AI output against Adrian's source notes.</span> <i aria-hidden="true"></i> </header> <section class="cp-instruction-comparison" aria-label="Source notes and generated draft comparison"> <article class="cp-instruction-adrian-card"> <div class="cp-instruction-adrian-image" role="img" aria-label="Adrian Cole image placeholder"></div> <div> <strong>Adrian Cole</strong> <small>Employee Case</small> </div> <ul> <li>Overwhelmed</li> <li>Time-Constrained</li> <li>Needs Relevance</li> </ul> </article> <article class="cp-instruction-source-card"> <h2><span aria-hidden="true">▧</span> Source Notes</h2> <ul> <li class="is-supported">October 18 discussed but not approved.</li> <li class="is-supported">Vendor plan due Friday.</li> <li class="is-supported">Janelle owns testing confirmation.</li> <li class="is-unsupported">No owner assigned to revised communication.</li> <li class="is-unsupported">No staffing deadline.</li> <li class="is-unsupported">Leadership approval required.</li> </ul> </article> <div class="cp-instruction-connectors" aria-hidden="true"> <span class="is-supported"></span> <span class="is-supported"></span> <span class="is-supported"></span> <span class="is-unsupported"></span> <span class="is-unsupported"></span> <span class="is-unsupported"></span> </div> <article class="cp-instruction-draft-card"> <h2><span aria-hidden="true">✦</span> AI Draft <small>(Generated)</small></h2> <ul> <li class="is-supported"><span>✓</span> Launch confirmed for October 18. <b>Supported</b></li> <li class="is-supported"><span>✓</span> Vendor plan due Friday. <b>Supported</b></li> <li class="is-supported"><span>✓</span> Janelle will confirm testing. <b>Supported</b></li> <li class="is-unsupported"><span>!</span> Adrian assigned to revised communication. <b>Unsupported</b></li> <li class="is-unsupported"><span>!</span> Staffing deadline set for October 25. <b>Unsupported</b></li> <li class="is-unsupported"><span>!</span> Discussion concluded and approved. <b>Unsupported</b></li> </ul> </article> </section> <div class="cp-instruction-system-feedback" data-cp-instruction-feedback role="status" aria-live="polite"> Polished output can still contain unsupported details. Compare every field with the source before using the draft. </div> <section class="cp-instruction-decision" aria-labelledby="cp-instruction-question"> <header> <h2 id="cp-instruction-question">What's your next step?</h2> <p>Choose the response that protects accuracy without discarding useful supported content.</p> </header> <div class="cp-instruction-options"> <button type="button" data-cp-instruction-option="send-as-is" aria-pressed="false" onclick="window.setup.selectClearPathInstructionOption('send-as-is');"> <span aria-hidden="true">➤</span> <strong>Send as Is</strong> <small>Proceed with this output without changes.</small> </button> <button type="button" data-cp-instruction-option="partially-correct" aria-pressed="false" onclick="window.setup.selectClearPathInstructionOption('partially-correct');"> <span aria-hidden="true">◔</span> <strong>Partially Correct</strong> <small>Accept the supported items and ignore the rest.</small> </button> <button class="is-recommended" type="button" data-cp-instruction-option="verify-all" aria-pressed="false" onclick="window.setup.selectClearPathInstructionOption('verify-all');"> <em>Recommended</em> <span aria-hidden="true">♢</span> <strong>Verify All Fields</strong> <small>Confirm every decision, owner, deadline, and unresolved issue.</small> </button> <button type="button" data-cp-instruction-option="abandon-output" aria-pressed="false" onclick="window.setup.selectClearPathInstructionOption('abandon-output');"> <span aria-hidden="true">×</span> <strong>Abandon AI Output</strong> <small>Discard this output and start over manually.</small> </button> </div> <div class="cp-instruction-actions"> <span data-cp-instruction-status>Select and review your next step</span> <button type="button" onclick="window.setup.resetClearPathInstruction();">Reset</button> <button class="cp-instruction-review" type="button" data-cp-instruction-review disabled onclick="window.setup.reviewClearPathInstruction();">Review decision</button> </div> </section> </main> <aside class="cp-instruction-guide-card"> <header> <span aria-hidden="true">◉</span> <div> <strong>Guide</strong> <small>Simulation Host</small> </div> </header> <div class="cp-instruction-guide-message"> <strong>Polished output contained unsupported details.</strong> <p>Do not assume accuracy.</p> <p>Verify every decision, owner, deadline, and unresolved issue.</p> </div> <div class="cp-instruction-guide-image" role="img" aria-label="Guide image placeholder"></div> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathInstruction === "function") { setup.prepareClearPathInstruction(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "plan">> <<set $cpCurrentPassage to "CP_11_Verify_Before_Trust">> <</silently>> <section id="cp-verify-trust" class="cp-verify-trust-page" data-cp-activity="plan" data-cp-narration="audio/cp_11_build_controlled_pilot.mp3" data-cp-caption="Build one controlled pilot by selecting the task, approved tool, sanitized input, safeguard, human review, and success measure that create one responsible workflow."> <div class="cp-verify-trust-background" aria-hidden="true"></div> <div class="cp-verify-trust-layout"> <main class="cp-verify-trust-workspace"> <header class="cp-verify-trust-header"> <h1>Build one controlled pilot.</h1> <p>Purpose: assemble all components into one responsible workflow.</p> </header> <section class="cp-verify-trust-builder" aria-label="Controlled pilot builder"> <aside class="cp-verify-trust-tangled"> <h2>From tangled...</h2> <div class="cp-verify-trust-tangle-map" aria-hidden="true"> <span class="cp-tangle-node cp-tangle-node-1">▧</span> <span class="cp-tangle-node cp-tangle-node-2">♢</span> <span class="cp-tangle-node cp-tangle-node-3">▤</span> <span class="cp-tangle-node cp-tangle-node-4">⬡</span> <span class="cp-tangle-node cp-tangle-node-5">♧</span> <span class="cp-tangle-node cp-tangle-node-6">▦</span> <span class="cp-tangle-node cp-tangle-node-7">◇</span> <span class="cp-tangle-node cp-tangle-node-8">◉</span> <i></i><i></i><i></i><i></i><i></i><i></i> </div> <button class="cp-verify-trust-map-arrow" type="button" aria-label="Show the clean pilot path" onclick="window.setup.showClearPathVerifyTrustHint();"> → </button> </aside> <section class="cp-verify-trust-clean-path"> <h2>...to one clean path.</h2> <div class="cp-verify-trust-path-line" aria-hidden="true"></div> <div class="cp-verify-trust-slots"> <article data-cp-verify-slot="task"> <span class="cp-verify-slot-icon" aria-hidden="true">☷</span> <strong>Task</strong> <p data-cp-verify-slot-copy="task">Select one recurring task.</p> <small data-cp-verify-slot-status="task">Not selected</small> </article> <article data-cp-verify-slot="tool"> <span class="cp-verify-slot-icon" aria-hidden="true">♙</span> <strong>Tool</strong> <p data-cp-verify-slot-copy="tool">Use an approved AI tool.</p> <small data-cp-verify-slot-status="tool">Not selected</small> </article> <article data-cp-verify-slot="input"> <span class="cp-verify-slot-icon" aria-hidden="true">▤</span> <strong>Input</strong> <p data-cp-verify-slot-copy="input">Provide only necessary information.</p> <small data-cp-verify-slot-status="input">Not selected</small> </article> <article data-cp-verify-slot="safeguard"> <span class="cp-verify-slot-icon" aria-hidden="true">♢</span> <strong>Safeguard</strong> <p data-cp-verify-slot-copy="safeguard">Protect restricted information.</p> <small data-cp-verify-slot-status="safeguard">Not selected</small> </article> <article data-cp-verify-slot="review"> <span class="cp-verify-slot-icon" aria-hidden="true">◎</span> <strong>Review</strong> <p data-cp-verify-slot-copy="review">Keep final judgment human-led.</p> <small data-cp-verify-slot-status="review">Not selected</small> </article> <article data-cp-verify-slot="measure"> <span class="cp-verify-slot-icon" aria-hidden="true">▥</span> <strong>Measure</strong> <p data-cp-verify-slot-copy="measure">Define what success looks like.</p> <small data-cp-verify-slot-status="measure">Not selected</small> </article> </div> <div class="cp-verify-trust-owner"> <div class="cp-verify-trust-adrian-image" role="img" aria-label="Adrian Cole image placeholder"></div> <span> <small>Final owner</small> <strong>Adrian Cole</strong> </span> </div> </section> </section> <section class="cp-verify-trust-components" aria-labelledby="cp-verify-trust-components-title"> <header> <div> <h2 id="cp-verify-trust-components-title">Select components to build your pilot</h2> <p>Choose one option for each part of the workflow. Selecting a new option replaces the current choice in that category.</p> </div> <div class="cp-verify-trust-progress"> <strong>Pilot readiness</strong> <span><i data-cp-verify-progress-bar></i></span> <small data-cp-verify-progress-label>0 of 6</small> </div> </header> <div class="cp-verify-trust-component-grid"> <button type="button" data-cp-verify-component="draft-policy-summary" data-cp-verify-category="task" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('draft-policy-summary');"> <span aria-hidden="true">▧</span> <strong>Draft policy summary</strong> <small>Task</small> </button> <button type="button" data-cp-verify-component="meeting-follow-up" data-cp-verify-category="task" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('meeting-follow-up');"> <span aria-hidden="true">☷</span> <strong>Routine meeting follow-up draft</strong> <small>Task</small> </button> <button type="button" data-cp-verify-component="consumer-ai-tool" data-cp-verify-category="tool" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('consumer-ai-tool');"> <span aria-hidden="true">✦</span> <strong>Public consumer AI tool</strong> <small>Tool</small> </button> <button type="button" data-cp-verify-component="approved-ai-tool" data-cp-verify-category="tool" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('approved-ai-tool');"> <span aria-hidden="true">♙</span> <strong>Approved enterprise AI assistant</strong> <small>Tool</small> </button> <button type="button" data-cp-verify-component="raw-transcript" data-cp-verify-category="input" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('raw-transcript');"> <span aria-hidden="true">▤</span> <strong>Raw meeting transcript</strong> <small>Input</small> </button> <button type="button" data-cp-verify-component="sanitized-notes" data-cp-verify-category="input" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('sanitized-notes');"> <span aria-hidden="true">▤</span> <strong>Sanitized operational meeting notes</strong> <small>Input</small> </button> <button type="button" data-cp-verify-component="pii-legal-filter" data-cp-verify-category="safeguard" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('pii-legal-filter');"> <span aria-hidden="true">♢</span> <strong>PII and legal filter</strong> <small>Safeguard</small> </button> <button type="button" data-cp-verify-component="no-filter" data-cp-verify-category="safeguard" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('no-filter');"> <span aria-hidden="true">×</span> <strong>No content exclusions</strong> <small>Safeguard</small> </button> <button type="button" data-cp-verify-component="leadership-signoff" data-cp-verify-category="review" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('leadership-signoff');"> <span aria-hidden="true">♧</span> <strong>Leadership sign-off on every draft</strong> <small>Review</small> </button> <button type="button" data-cp-verify-component="adrian-review" data-cp-verify-category="review" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('adrian-review');"> <span aria-hidden="true">◎</span> <strong>Adrian verifies every decision and deadline</strong> <small>Review</small> </button> <button type="button" data-cp-verify-component="usage-count" data-cp-verify-category="measure" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('usage-count');"> <span aria-hidden="true">▥</span> <strong>Number of AI prompts submitted</strong> <small>Measure</small> </button> <button type="button" data-cp-verify-component="time-accuracy" data-cp-verify-category="measure" aria-pressed="false" onclick="window.setup.selectClearPathVerifyTrustComponent('time-accuracy');"> <span aria-hidden="true">▥</span> <strong>Time to accurate, approved follow-up</strong> <small>Measure</small> </button> </div> <div class="cp-verify-trust-actions"> <span data-cp-verify-feedback role="status" aria-live="polite"> Build all six parts of the pilot before reviewing it. </span> <button type="button" onclick="window.setup.resetClearPathVerifyTrust();"> Reset </button> <button class="cp-verify-trust-review" type="button" data-cp-verify-review disabled onclick="window.setup.reviewClearPathVerifyTrust();"> Review pilot </button> </div> </section> </main> <aside class="cp-verify-trust-side"> <article class="cp-verify-trust-janelle-card"> <header> <span aria-hidden="true">♧</span> <strong>Workflow Support</strong> </header> <div class="cp-verify-trust-janelle-image" role="img" aria-label="Janelle Ruiz image placeholder"></div> <div class="cp-verify-trust-side-copy"> <strong>Janelle Ruiz</strong> <blockquote> The workflow should be simple enough to repeat without the champion standing beside it. </blockquote> </div> </article> <article class="cp-verify-trust-guide-card"> <header> <span aria-hidden="true">◉</span> <div> <strong>Guide</strong> <small>Simulation Host</small> </div> </header> <p> A controlled pilot connects the task, tool, input, safeguard, review, and measure into one bounded workflow. </p> <div class="cp-verify-trust-guide-image" role="img" aria-label="Guide image placeholder"></div> </article> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathVerifyTrust === "function") { setup.prepareClearPathVerifyTrust(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "launch">> <<set $cpCurrentPassage to "CP_12_Integrate_Workflow_Support">> <</silently>> <section id="cp-integrate-support" class="cp-integrate-support-page" data-cp-activity="launch" data-cp-narration="audio/cp_12_integrate_workflow_support.mp3" data-cp-caption="Place workflow support where Adrian already works. Choose the existing meeting-notes page and strengthen that path without adding another portal, library, attachment, or required course."> <div class="cp-integrate-support-background" aria-hidden="true"></div> <div class="cp-integrate-support-layout"> <aside class="cp-integrate-support-left"> <header class="cp-integrate-support-intro"> <h1>Put support where<br>the work already happens.</h1> <h2>Resource Integration</h2> <p>Determine how the workflow should live inside the current resource environment.</p> </header> <section class="cp-integrate-location-card" aria-labelledby="cp-integrate-location-title"> <h3 id="cp-integrate-location-title">Where should the workflow live?</h3> <div class="cp-integrate-location-options"> <button type="button" data-cp-integrate-location="existing-notes" aria-pressed="false" onclick="window.setup.selectClearPathIntegrateLocation('existing-notes');"> <span aria-hidden="true">▧</span> <span> <strong>Embedded in existing meeting-notes page</strong> <small>Uses Adrian's established work path</small> </span> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-integrate-location="new-portal" aria-pressed="false" onclick="window.setup.selectClearPathIntegrateLocation('new-portal');"> <span aria-hidden="true">▱</span> <span> <strong>New AI portal</strong> <small>Adds another destination to remember</small> </span> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-integrate-location="prompt-library" aria-pressed="false" onclick="window.setup.selectClearPathIntegrateLocation('prompt-library');"> <span aria-hidden="true">▤</span> <span> <strong>Separate prompt library</strong> <small>Separates guidance from the task</small> </span> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-integrate-location="email-attachment" aria-pressed="false" onclick="window.setup.selectClearPathIntegrateLocation('email-attachment');"> <span aria-hidden="true">✉</span> <span> <strong>Email attachment</strong> <small>Creates version and retrieval problems</small> </span> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-integrate-location="course-catalog" aria-pressed="false" onclick="window.setup.selectClearPathIntegrateLocation('course-catalog');"> <span aria-hidden="true">♢</span> <span> <strong>Course catalog</strong> <small>Requires learning before doing</small> </span> <i aria-hidden="true">✓</i> </button> </div> </section> <article class="cp-integrate-adrian-card"> <div class="cp-integrate-adrian-image" role="img" aria-label="Adrian Cole image placeholder"></div> <span> <strong>Adrian Cole</strong> <small>Already uses this resource</small> </span> </article> </aside> <main class="cp-integrate-support-center"> <section class="cp-integrate-browser" aria-label="Department meeting notes interface"> <header class="cp-integrate-browser-bar"> <span class="cp-browser-lights" aria-hidden="true"><i></i><i></i><i></i></span> <span class="cp-browser-address" aria-hidden="true"></span> <span aria-hidden="true">＋</span> </header> <div class="cp-integrate-app-header"> <span class="cp-integrate-app-icon" aria-hidden="true">‡</span> <strong>Department Meeting Notes</strong> <button type="button" onclick="window.setup.showClearPathToast('The workflow remains inside the existing meeting-notes environment.');">Share</button> <span aria-hidden="true">⋮</span> </div> <nav class="cp-integrate-tabs" aria-label="Meeting notes sections"> <button type="button" class="is-active">Notes</button> <button type="button">Action Items</button> <button type="button">Decisions</button> <button type="button">Participants</button> <button type="button">Files</button> </nav> <div class="cp-integrate-browser-content"> <section class="cp-integrate-note-editor"> <h3>Q2 Planning Meeting, May 8</h3> <div class="cp-integrate-editor-tools" aria-hidden="true">B <em>I</em> U • ≡ ≣</div> <div class="cp-integrate-editor-lines" aria-hidden="true"> <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i> </div> </section> <section class="cp-integrate-embedded-workflow"> <header> <span aria-hidden="true">♧</span> <strong>AI Workflow <small>(Embedded)</small></strong> <button type="button" aria-label="Collapse workflow">⌃</button> </header> <article> <span aria-hidden="true">▧</span> <div> <strong>Use AI to draft summary and action items</strong> <small>Tailored to this meeting's context</small> </div> <b>Approved Tool</b> </article> <article> <span aria-hidden="true">♢</span> <div> <strong>Data-use reminder</strong> <small>This content will stay within your organization</small> </div> </article> <article> <span aria-hidden="true">☷</span> <div> <strong>Verification checklist</strong> <small>Confirm accuracy before sharing</small> </div> <button type="button" onclick="window.setup.showClearPathToast('Verify decisions, owners, deadlines, and unresolved questions against the source notes.');">Open Checklist</button> </article> <article> <span aria-hidden="true">◎</span> <div> <strong>Optional deeper learning</strong> <small>Related micro-courses and guides</small> </div> <button type="button" onclick="window.setup.showClearPathToast('Deeper learning remains optional and available at the moment of need.');">Explore Resources</button> </article> <footer> <span aria-hidden="true">✓</span> <strong>Existing path strengthened.</strong> </footer> </section> </div> </section> <section class="cp-integrate-decisions" aria-labelledby="cp-integrate-decisions-title"> <header> <div> <h3 id="cp-integrate-decisions-title">Decisions to strengthen success</h3> <p>Select the support decisions that reduce friction and keep guidance useful.</p> </div> <span data-cp-integrate-progress>0 of 4 selected</span> </header> <div class="cp-integrate-decision-grid"> <button type="button" data-cp-integrate-decision="archive-recordings" aria-pressed="false" onclick="window.setup.toggleClearPathIntegrateDecision('archive-recordings');"> <span aria-hidden="true">▱</span> <strong>Archive outdated recordings</strong> <small>Reduce clutter and improve relevance</small> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-integrate-decision="remove-duplicate-guide" aria-pressed="false" onclick="window.setup.toggleClearPathIntegrateDecision('remove-duplicate-guide');"> <span aria-hidden="true">▤</span> <strong>Remove duplicate prompt guide</strong> <small>Consolidate guidance in one trusted place</small> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-integrate-decision="office-hours" aria-pressed="false" onclick="window.setup.toggleClearPathIntegrateDecision('office-hours');"> <span aria-hidden="true">♧</span> <strong>Offer office hours after pilot</strong> <small>Support adoption and answer questions</small> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-integrate-decision="avoid-general-courses" aria-pressed="false" onclick="window.setup.toggleClearPathIntegrateDecision('avoid-general-courses');"> <span aria-hidden="true">♢</span> <strong>Avoid assigning more general courses now</strong> <small>Focus on applied learning first</small> <i aria-hidden="true">✓</i> </button> </div> <div class="cp-integrate-actions"> <span data-cp-integrate-feedback role="status" aria-live="polite"> Select a location and all four support decisions. </span> <button type="button" onclick="window.setup.resetClearPathIntegrateSupport();"> Reset </button> <button class="cp-integrate-submit" type="button" data-cp-integrate-submit disabled onclick="window.setup.submitClearPathIntegrateSupport();"> Confirm integration </button> </div> </section> </main> <aside class="cp-integrate-support-right"> <article class="cp-integrate-janelle-card"> <div class="cp-integrate-janelle-image" role="img" aria-label="Janelle Ruiz image placeholder"></div> <div class="cp-integrate-janelle-copy"> <strong>Janelle Ruiz</strong> <small>Workflow Support</small> <blockquote> The right resource in the wrong location still creates friction. </blockquote> </div> </article> <article class="cp-integrate-guide-card"> <header> <span aria-hidden="true">◉</span> <div> <strong>Guide</strong> <small>Simulation Host</small> </div> </header> <p> Embed the workflow where your team already works. </p> <div class="cp-integrate-guide-image" role="img" aria-label="Guide image placeholder"></div> <footer> <span>Practical.</span> <span>Familiar.</span> <span>High impact.</span> </footer> </article> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathIntegrateSupport === "function") { setup.prepareClearPathIntegrateSupport(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "launch">> <<set $cpCurrentPassage to "CP_13_Explain_Pilot_Value">> <</silently>> <section id="cp-explain-value" class="cp-explain-value-page" data-cp-activity="launch" data-cp-narration="audio/cp_13_explain_pilot_value.mp3" data-cp-caption="Explain the pilot without selling the technology. Clarify the work problem, AI's limited role, Adrian's responsibility, the learning requirement, data protection, the success measure, and the stop condition."> <div class="cp-explain-value-background" aria-hidden="true"></div> <div class="cp-explain-value-layout"> <aside class="cp-explain-value-left"> <header class="cp-explain-value-intro"> <h1>Explain the value<br>without selling the<br>technology.</h1> <div aria-hidden="true"></div> <p> Help Adrian make an informed decision about testing the workflow. </p> </header> <article class="cp-explain-value-focus-card"> <span aria-hidden="true">ϟ</span> <div> <strong>Pilot Focus</strong> <small>One workflow. Measurable impact.</small> </div> </article> </aside> <main class="cp-explain-value-center"> <article class="cp-explain-value-question"> <div class="cp-explain-value-adrian-avatar" role="img" aria-label="Adrian Cole image placeholder"></div> <span> <strong>Adrian</strong> <small>So what are you recommending?</small> </span> </article> <section class="cp-explain-value-builder" aria-labelledby="cp-explain-value-builder-title"> <header> <span aria-hidden="true">✦</span> <div> <h2 id="cp-explain-value-builder-title">Build your response</h2> <p>Select each component needed for a clear, responsible explanation.</p> </div> <span data-cp-explain-progress>0 of 7</span> </header> <div class="cp-explain-value-builder-grid"> <div class="cp-explain-value-component-list"> <button type="button" data-cp-explain-component="problem" aria-pressed="false" onclick="window.setup.toggleClearPathExplainValueComponent('problem');"> <span aria-hidden="true">◎</span> <b>1</b> <strong>The Work Problem</strong> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-explain-component="ai-role" aria-pressed="false" onclick="window.setup.toggleClearPathExplainValueComponent('ai-role');"> <span aria-hidden="true">♙</span> <b>2</b> <strong>AI's Role</strong> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-explain-component="responsibility" aria-pressed="false" onclick="window.setup.toggleClearPathExplainValueComponent('responsibility');"> <span aria-hidden="true">♧</span> <b>3</b> <strong>Adrian's Responsibility</strong> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-explain-component="learning" aria-pressed="false" onclick="window.setup.toggleClearPathExplainValueComponent('learning');"> <span aria-hidden="true">♢</span> <b>4</b> <strong>Learning Requirement</strong> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-explain-component="data" aria-pressed="false" onclick="window.setup.toggleClearPathExplainValueComponent('data');"> <span aria-hidden="true">▣</span> <b>5</b> <strong>Data Protection</strong> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-explain-component="measure" aria-pressed="false" onclick="window.setup.toggleClearPathExplainValueComponent('measure');"> <span aria-hidden="true">▥</span> <b>6</b> <strong>Success Measure</strong> <i aria-hidden="true">✓</i> </button> <button type="button" data-cp-explain-component="stop" aria-pressed="false" onclick="window.setup.toggleClearPathExplainValueComponent('stop');"> <span aria-hidden="true">⊘</span> <b>7</b> <strong>Stop Condition</strong> <i aria-hidden="true">✓</i> </button> </div> <article class="cp-explain-value-response"> <header> <span aria-hidden="true">▤</span> <strong>Your response</strong> </header> <div class="cp-explain-value-response-lines"> <p data-cp-explain-line="problem"> <span aria-hidden="true">◎</span> <span>We are testing one recurring task that takes your team too much time.</span> </p> <p data-cp-explain-line="ai-role"> <span aria-hidden="true">♙</span> <span>AI will create a structured first draft from the inputs you provide.</span> </p> <p data-cp-explain-line="responsibility"> <span aria-hidden="true">♧</span> <span>You will still review, refine, and approve every result.</span> </p> <p data-cp-explain-line="learning"> <span aria-hidden="true">♢</span> <span>No broad course or training is required first. We learn by doing.</span> </p> <p data-cp-explain-line="data"> <span aria-hidden="true">▣</span> <span>Sensitive details stay outside the workflow. Only what is needed is used.</span> </p> <p data-cp-explain-line="measure"> <span aria-hidden="true">▥</span> <span>We will compare time saved and accuracy between today's process and the pilot.</span> </p> <p data-cp-explain-line="stop"> <span aria-hidden="true">⊘</span> <span>If the pilot adds work instead of reducing it, we stop or change course.</span> </p> </div> </article> </div> <div class="cp-explain-value-actions"> <span data-cp-explain-feedback role="status" aria-live="polite"> Select all seven components before confirming the explanation. </span> <button type="button" onclick="window.setup.resetClearPathExplainValue();"> Reset </button> <button class="cp-explain-value-confirm" type="button" data-cp-explain-confirm disabled onclick="window.setup.confirmClearPathExplainValue();"> Confirm explanation </button> </div> </section> </main> <aside class="cp-explain-value-right"> <div class="cp-explain-value-scene-image" role="img" aria-label="Adrian Cole meeting scene image placeholder"></div> <article class="cp-explain-value-adrian-reaction"> <div class="cp-explain-value-reaction-avatar" role="img" aria-label="Adrian Cole image placeholder"></div> <div> <strong>Adrian</strong> <blockquote> You are not asking me to become an AI expert. You are asking me to test whether one process is better. </blockquote> <span>↗ Cautiously willing to try</span> </div> </article> </aside> <footer class="cp-explain-value-footer"> <div> <strong>Why this approach works</strong> </div> <span><i aria-hidden="true">◎</i> Clear and practical</span> <span><i aria-hidden="true">♢</i> Low risk to start</span> <span><i aria-hidden="true">▣</i> Built for trust</span> <span><i aria-hidden="true">◉</i> Results we can see</span> <button type="button" data-cp-explain-continue disabled onclick="window.setup.continueClearPathExplainValue();"> <b aria-hidden="true">→</b> <span> <strong>Continue</strong> <small>Confirm the pilot scope</small> </span> </button> </footer> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathExplainValue === "function") { setup.prepareClearPathExplainValue(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "evaluate">> <<set $cpCurrentPassage to "CP_14_Interpret_Pilot_Results">> <</silently>> <section id="cp-interpret-results" class="cp-interpret-results-page" data-cp-activity="evaluate" data-cp-narration="audio/cp_14_interpret_pilot_results.mp3" data-cp-caption="Interpret the pilot results without confusing activity with value. Review four meeting runs, compare time, corrections, and independent review, then choose the conclusion the evidence actually supports."> <div class="cp-interpret-results-background" aria-hidden="true"></div> <div class="cp-interpret-results-layout"> <aside class="cp-interpret-results-left"> <header class="cp-interpret-results-intro"> <h1>What did the pilot<br>actually prove?</h1> <h2>Pilot Results</h2> <p>Interpret results without confusing activity with value.</p> <div aria-hidden="true"></div> </header> </aside> <main class="cp-interpret-results-center"> <section class="cp-interpret-timeline" aria-labelledby="cp-interpret-timeline-title"> <h2 id="cp-interpret-timeline-title">Pilot Timeline: Four Meeting Runs</h2> <div class="cp-interpret-meeting-grid"> <article> <header> <span>1</span> <strong>Meeting 1</strong> </header> <div class="cp-interpret-time-pair"> <small>Before</small> <strong>38 min</strong> <i aria-hidden="true">↓</i> <small>With AI</small> <b>34 min</b> </div> <ul> <li class="is-amber">Several corrections</li> <li class="is-amber">Sanitizing felt cumbersome</li> </ul> <footer>▦ Week 1</footer> </article> <article> <header> <span>2</span> <strong>Meeting 2</strong> </header> <div class="cp-interpret-time-pair"> <small>Before</small> <strong>41 min</strong> <i aria-hidden="true">↓</i> <small>With AI</small> <b>25 min</b> </div> <ul> <li class="is-amber">One unsupported deadline caught</li> </ul> <footer>▦ Week 2</footer> </article> <article> <header> <span>3</span> <strong>Meeting 3</strong> </header> <div class="cp-interpret-time-pair"> <small>Before</small> <strong>32 min</strong> <i aria-hidden="true">↓</i> <small>With AI</small> <b>22 min</b> </div> <ul> <li class="is-green">No major errors</li> <li class="is-green">Template improved note quality</li> </ul> <footer>▦ Week 3</footer> </article> <article> <header> <span>4</span> <strong>Meeting 4</strong> </header> <div class="cp-interpret-time-pair"> <small>Before</small> <strong>45 min</strong> <i aria-hidden="true">↓</i> <small>With AI</small> <b>27 min</b> </div> <ul> <li class="is-amber">One missing action item</li> <li class="is-green">Adrian reviewed independently</li> </ul> <footer>▦ Week 4</footer> </article> </div> </section> <section class="cp-interpret-evidence" aria-labelledby="cp-interpret-evidence-title"> <h2 id="cp-interpret-evidence-title">What the Pilot Shows</h2> <div class="cp-interpret-evidence-grid"> <article> <header> <span aria-hidden="true">◷</span> <strong>Time to Complete</strong> </header> <b>-40%</b> <p>From 45 min to 27 min by Meeting 4</p> <div class="cp-interpret-sparkline cp-sparkline-time" aria-hidden="true"> <i></i><i></i><i></i><i></i> </div> </article> <article> <header> <span aria-hidden="true">◎</span> <strong>Corrections Remain</strong> </header> <b>~1.25</b> <p>Average corrections per meeting</p> <div class="cp-interpret-sparkline cp-sparkline-corrections" aria-hidden="true"> <i></i><i></i><i></i><i></i> </div> </article> <article> <header> <span aria-hidden="true">♧</span> <strong>Independent Review</strong> </header> <b>25% → 75%</b> <p>Adrian reviewed independently by Meeting 4</p> <div class="cp-interpret-sparkline cp-sparkline-review" aria-hidden="true"> <i></i><i></i><i></i><i></i> </div> </article> </div> </section> </main> <aside class="cp-interpret-results-right"> <article class="cp-interpret-guide-card"> <header> <span aria-hidden="true">◉</span> <div> <strong>Guide</strong> <small>Simulation Host</small> </div> </header> <p> Look at the trends, not just the activity. What does the pilot actually prove? </p> <div class="cp-interpret-guide-image" role="img" aria-label="Guide image placeholder"></div> </article> <blockquote class="cp-interpret-adrian-quote"> <span aria-hidden="true">“</span> <p>I still have to check it, but I am not starting from a blank page.</p> <footer>— Adrian Cole</footer> </blockquote> </aside> <section class="cp-interpret-task" aria-labelledby="cp-interpret-task-title"> <header> <span aria-hidden="true">♢</span> <div> <h2 id="cp-interpret-task-title">Learner Task: What conclusion best fits the pilot results?</h2> <p>Choose the statement that most accurately reflects what the pilot proves.</p> </div> </header> <div class="cp-interpret-choice-grid"> <button type="button" data-cp-interpret-choice="no-review" aria-pressed="false" onclick="window.setup.selectClearPathInterpretResult('no-review');"> <span aria-hidden="true">○</span> <strong>AI eliminates the need for human review in most operational meetings.</strong> <small data-cp-interpret-choice-status="no-review"></small> </button> <button type="button" data-cp-interpret-choice="replace-leaders" aria-pressed="false" onclick="window.setup.selectClearPathInterpretResult('replace-leaders');"> <span aria-hidden="true">○</span> <strong>The pilot proves AI can replace experienced meeting leaders.</strong> <small data-cp-interpret-choice-status="replace-leaders"></small> </button> <button type="button" data-cp-interpret-choice="bounded-value" aria-pressed="false" onclick="window.setup.selectClearPathInterpretResult('bounded-value');"> <span aria-hidden="true">○</span> <strong>The pilot shows potential value for routine operational meetings, with continued source verification and clear exclusions for sensitive discussions.</strong> <small data-cp-interpret-choice-status="bounded-value"></small> </button> <button type="button" data-cp-interpret-choice="not-worth-it" aria-pressed="false" onclick="window.setup.selectClearPathInterpretResult('not-worth-it');"> <span aria-hidden="true">○</span> <strong>The time savings are inconsistent and not worth the effort.</strong> <small data-cp-interpret-choice-status="not-worth-it"></small> </button> </div> <div class="cp-interpret-actions"> <span data-cp-interpret-feedback role="status" aria-live="polite"> Select the conclusion the evidence supports. </span> <button class="cp-interpret-submit" type="button" data-cp-interpret-submit disabled onclick="window.setup.submitClearPathInterpretResult();"> Review conclusion </button> </div> </section> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathInterpretResults === "function") { setup.prepareClearPathInterpretResults(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "scale">> <<set $cpCurrentPassage to "CP_15_Recommend_Next_Move">> <</silently>> <section id="cp-recommend-next" class="cp-recommend-next-page" data-cp-activity="scale" data-cp-narration="audio/cp_15_recommend_next_move.mp3" data-cp-caption="Recommend what the evidence supports. Compare four organizational strategy paths, then choose the focused role-based approach with safeguards, integrated support, measured pilots, human review, and controlled scaling."> <div class="cp-recommend-next-background" aria-hidden="true"></div> <div class="cp-recommend-next-layout"> <main class="cp-recommend-next-main"> <header class="cp-recommend-next-intro"> <h1>Recommend what<br>the evidence supports.</h1> <h2>Organizational Recommendation</h2> <p>Advise Beatrice on the organization’s next move.</p> </header> <section class="cp-recommend-strategy-board" aria-labelledby="cp-recommend-strategy-title"> <h3 id="cp-recommend-strategy-title">Strategy Paths</h3> <div class="cp-recommend-strategy-grid"> <button type="button" data-cp-recommend-option="broad-training" aria-pressed="false" onclick="window.setup.selectClearPathRecommendation('broad-training');"> <span class="cp-recommend-option-icon" aria-hidden="true">♧</span> <span class="cp-recommend-option-copy"> <strong>Mandatory broad training</strong> <small> <b>Likely consequences</b> High cost · Low relevance<br> Adoption fatigue </small> </span> <span class="cp-recommend-impact is-low"> <i aria-hidden="true">↘</i> Low Impact </span> </button> <button type="button" data-cp-recommend-option="resource-center" aria-pressed="false" onclick="window.setup.selectClearPathRecommendation('resource-center');"> <span class="cp-recommend-option-icon" aria-hidden="true">▱</span> <span class="cp-recommend-option-copy"> <strong>New AI resource center</strong> <small> <b>Likely consequences</b> Slow momentum<br> Underutilization risk </small> </span> <span class="cp-recommend-impact is-moderate"> <i aria-hidden="true">→</i> Moderate Impact </span> </button> <button type="button" data-cp-recommend-option="role-workflows" aria-pressed="false" onclick="window.setup.selectClearPathRecommendation('role-workflows');"> <span class="cp-recommend-option-icon" aria-hidden="true">♢</span> <span class="cp-recommend-option-copy"> <strong>Role-based workflows with safeguards</strong> <small> <b>Likely consequences</b> High relevance · High adoption<br> Strong value · Controlled risk </small> <em>Recommended</em> </span> <span class="cp-recommend-impact is-high"> <i aria-hidden="true">↗</i> High Impact </span> </button> <button type="button" data-cp-recommend-option="monthly-demos" aria-pressed="false" onclick="window.setup.selectClearPathRecommendation('monthly-demos');"> <span class="cp-recommend-option-icon" aria-hidden="true">▦</span> <span class="cp-recommend-option-copy"> <strong>Monthly tool demonstrations</strong> <small> <b>Likely consequences</b> Limited depth<br> Minimal behavior change </small> </span> <span class="cp-recommend-impact is-low"> <i aria-hidden="true">→</i> Low Impact </span> </button> </div> <div class="cp-recommend-pathway" aria-label="Evidence-based scaling pathway"> <span aria-hidden="true">♧<small>Real employee needs</small></span> <i aria-hidden="true"></i> <span aria-hidden="true">♢<small>Approved tools</small></span> <i aria-hidden="true"></i> <span aria-hidden="true">♧<small>Integrated support</small></span> <i aria-hidden="true"></i> <span aria-hidden="true">◎<small>Human review</small></span> <i aria-hidden="true"></i> <span aria-hidden="true">▥<small>Measured pilots</small></span> <i aria-hidden="true"></i> <span aria-hidden="true">▥<small>Controlled scaling</small></span> </div> <div class="cp-recommend-actions"> <span data-cp-recommend-feedback role="status" aria-live="polite"> Select the strategy that best reflects the pilot evidence. </span> <button class="cp-recommend-submit" type="button" data-cp-recommend-submit disabled onclick="window.setup.submitClearPathRecommendation();"> Review recommendation </button> </div> </section> <footer class="cp-recommend-principles"> <strong>Focus on what’s proven. Build with discipline. Scale with confidence.</strong> <span><i aria-hidden="true">▥</i> Data-driven.</span> <span><i aria-hidden="true">♧</i> Human-centered.</span> <span><i aria-hidden="true">◎</i> Outcome-focused.</span> </footer> </main> <aside class="cp-recommend-next-right"> <article class="cp-recommend-beatrice-card"> <header> <span aria-hidden="true">♧</span> <strong>Assignment Sponsor</strong> </header> <div class="cp-recommend-beatrice-image" role="img" aria-label="Beatrice Larson image placeholder"></div> <div class="cp-recommend-beatrice-copy"> <strong>Beatrice Larson</strong> <blockquote> Adrian’s pilot produced useful results. What should we do next? </blockquote> </div> </article> <section class="cp-recommend-lower-right"> <article class="cp-recommend-executive-card"> <header> <span aria-hidden="true">♢</span> <strong>Executive Recommendation</strong> </header> <dl> <div> <dt>Value demonstrated</dt> <dd>Time saved, faster decisions, improved employee experience</dd> </div> <div> <dt>Risks controlled</dt> <dd>Human review, data governance, approved-tool boundary</dd> </div> <div> <dt>Population for next pilot</dt> <dd>Marketing, Operations, HR</dd> </div> <div> <dt>Resource integration</dt> <dd>Workflows, support, learning</dd> </div> <div> <dt>Success measures</dt> <dd>Adoption rate, quality, time saved, employee satisfaction</dd> </div> <div> <dt>Conditions for expansion</dt> <dd>Sustained impact, risk reviews, leadership approval</dd> </div> </dl> </article> <article class="cp-recommend-guide-card"> <header> <span aria-hidden="true">◉</span> <div> <strong>Guide</strong> <small>Simulation Host</small> </div> </header> <div class="cp-recommend-guide-image" role="img" aria-label="Guide image placeholder"></div> <blockquote> The evidence supports a focused, role-based approach with strong safeguards and measured expansion. </blockquote> </article> </section> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathRecommendation === "function") { setup.prepareClearPathRecommendation(); } })(); <</script>> <</nobr>>
<<nobr>> <<silently>> <<if typeof setup.initializeClearPath === "function">> <<run setup.initializeClearPath()>> <</if>> <<set $cpCurrentStage to "scale">> <<set $cpCurrentPassage to "CP_16_AI_Enablement_Profile">> <</silently>> <section id="cp-enablement-profile" class="cp-enablement-profile-page" data-cp-activity="scale" data-cp-narration="audio/cp_16_ai_enablement_profile.mp3" data-cp-caption="Review your AI Enablement Profile. Your decisions demonstrate how you create useful, governed, human-led workflows without adding unnecessary burden."> <div class="cp-enablement-profile-background" aria-hidden="true"></div> <div class="cp-enablement-profile-layout"> <main class="cp-enablement-profile-main"> <header class="cp-enablement-profile-intro"> <h1>Your AI Enablement Profile</h1> <h2>AI Enablement Profile</h2> <p>Here’s how you’re applying AI responsibly across the dimensions that matter.</p> </header> <section class="cp-enablement-profile-results" aria-label="AI enablement profile results"> <article class="cp-enablement-profile-badge"> <div class="cp-enablement-profile-ring" aria-hidden="true"> <span></span> <i></i> <b></b> </div> <div class="cp-enablement-profile-role"> <span aria-hidden="true">♧</span> <strong data-cp-profile-primary-title>Responsible Workflow Architect</strong> </div> </article> <section class="cp-enablement-profile-dimensions" aria-label="Capability dimensions"> <article data-cp-profile-dimension="value"> <span aria-hidden="true">◇</span> <strong>AI Value</strong> <div class="cp-profile-scale"> <i></i><i></i><i></i><i></i><i></i> <b data-cp-profile-marker="value"></b> </div> <small data-cp-profile-label="value">High Impact</small> </article> <article data-cp-profile-dimension="governance"> <span aria-hidden="true">♢</span> <strong>Governance</strong> <div class="cp-profile-scale"> <i></i><i></i><i></i><i></i><i></i> <b data-cp-profile-marker="governance"></b> </div> <small data-cp-profile-label="governance">Strong</small> </article> <article data-cp-profile-dimension="judgment"> <span aria-hidden="true">♧</span> <strong>Human Judgment</strong> <div class="cp-profile-scale"> <i></i><i></i><i></i><i></i><i></i> <b data-cp-profile-marker="judgment"></b> </div> <small data-cp-profile-label="judgment">Consistent</small> </article> <article data-cp-profile-dimension="verification"> <span aria-hidden="true">◎</span> <strong>Verification</strong> <div class="cp-profile-scale"> <i></i><i></i><i></i><i></i><i></i> <b data-cp-profile-marker="verification"></b> </div> <small data-cp-profile-label="verification">Reliable</small> </article> <article data-cp-profile-dimension="workflow"> <span aria-hidden="true">▦</span> <strong>Workflow Design</strong> <div class="cp-profile-scale"> <i></i><i></i><i></i><i></i><i></i> <b data-cp-profile-marker="workflow"></b> </div> <small data-cp-profile-label="workflow">Intentional</small> </article> <article data-cp-profile-dimension="integration"> <span aria-hidden="true">↗</span> <strong>Resource Integration</strong> <div class="cp-profile-scale"> <i></i><i></i><i></i><i></i><i></i> <b data-cp-profile-marker="integration"></b> </div> <small data-cp-profile-label="integration">Well-Aligned</small> </article> <article data-cp-profile-dimension="influence"> <span aria-hidden="true">♧</span> <strong>Employee Influence</strong> <div class="cp-profile-scale"> <i></i><i></i><i></i><i></i><i></i> <b data-cp-profile-marker="influence"></b> </div> <small data-cp-profile-label="influence">Positive</small> </article> <footer class="cp-enablement-profile-legend"> <span><i></i> Developing</span> <span><i></i> Emerging</span> <span><i></i> Proficient</span> <span><i></i> Leading</span> </footer> </section> </section> <section class="cp-enablement-profile-growth"> <h3>Other Potential Profiles You Can Grow Into</h3> <div class="cp-enablement-profile-carousel"> <button type="button" aria-label="Previous profiles" onclick="window.setup.shiftClearPathProfileCarousel(-1);"> ‹ </button> <div class="cp-enablement-profile-options" data-cp-profile-options> <article> <span aria-hidden="true">♧</span> <strong>Practical AI Integrator</strong> </article> <article> <span aria-hidden="true">☼</span> <strong>Employee-Centered Champion</strong> </article> <article> <span aria-hidden="true">♢</span> <strong>Governance Guardian</strong> </article> <article> <span aria-hidden="true">◎</span> <strong>AI Opportunity Scout</strong> </article> <article> <span aria-hidden="true">▣</span> <strong>Training-First Responder</strong> </article> <article> <span aria-hidden="true">▦</span> <strong>Resource Multiplier</strong> </article> <article> <span aria-hidden="true">☼</span> <strong>AI Enthusiasm Advocate</strong> </article> </div> <button type="button" aria-label="Next profiles" onclick="window.setup.shiftClearPathProfileCarousel(1);"> › </button> </div> </section> </main> <aside class="cp-enablement-profile-evidence"> <header> <h2>Your Evidence</h2> <p>These actions show how you’re enabling AI with responsibility and purpose.</p> </header> <div class="cp-enablement-profile-evidence-list"> <article> <span aria-hidden="true">✓</span> <div> <strong>Selected a bounded use case</strong> <p>You chose a well-scoped opportunity with clear value and limits.</p> </div> </article> <article> <span aria-hidden="true">✓</span> <div> <strong>Protected sensitive data</strong> <p>You applied appropriate safeguards to keep information secure.</p> </div> </article> <article> <span aria-hidden="true">✓</span> <div> <strong>Retained final human approval</strong> <p>You ensured a person makes the final decision.</p> </div> </article> <article> <span aria-hidden="true">✓</span> <div> <strong>Reduced resource burden</strong> <p>You designed for efficiency without shifting work unfairly.</p> </div> </article> <article> <span aria-hidden="true">✓</span> <div> <strong>Communicated an honest stop</strong> <p>You defined when to pause, escalate, or hand off.</p> </div> </article> </div> <article class="cp-enablement-profile-next-step"> <header> <span aria-hidden="true">◉</span> <strong>What’s Next</strong> </header> <p> Keep strengthening your capabilities and influence. Small deliberate actions create lasting impact. </p> <button type="button" onclick="window.setup.completeClearPathEnablementProfile();" aria-label="Complete the ClearPath AI experience"> → </button> </article> </aside> <aside class="cp-enablement-profile-guide"> <div class="cp-enablement-profile-guide-image" role="img" aria-label="Guide image placeholder"></div> <article> <strong>Guide</strong> <small>Simulation Host</small> <p> You built value without removing judgment, protected the workflow without adding noise, and scaled only what the evidence supported. </p> </article> </aside> </div> </section> <<script>> (function () { if (typeof setup.prepareClearPathEnablementProfile === "function") { setup.prepareClearPathEnablementProfile(); } })(); <</script>> <</nobr>>