${resumeBanner}

Welcome to

Build your strategy in hours not days

What would you like to do today?

Build a new strategy

AI generates your mission, vision, objectives, goals and actions — you review every element

Monitor & review

Dashboard, health score, drift alerts, weekly priorities and strategy reviews

Update & manage

Edit your strategy, track progress, update action statuses and manage owners

Configure StratStar

Phases, AI setup, company context, intelligence and data management

Close

Verifying your key…

AI is connected

Claude will generate a first draft of your mission, vision, objectives, goals, and actions — you can review, iterate and confirm every element before it’s saved.

Connect your AI

StratStar uses Claude AI to build a first draft of your strategy — mission, vision, objectives, goals, and actions. You can review, iterate and confirm every element before it’s saved.

Get a free key at console.anthropic.com (free tier available). Your key is saved in this browser only. Please note, StratStar does not receive any revenue from this Anthropic API key connection.

What we’re building

A complete 5-level strategy cascade — from purpose to action. Claude will generate a first draft at each level; you accept, amend, or write your own.

Every update at a lower level flows up automatically — progress always reflects reality.

Your journey today

Here’s exactly what we’ll build together, section by section. Total time: 40 minutes to 1.5 hours depending on how much you amend.

Company Foundation

Tell us what your business does. These 4 answers give Claude the core context it needs to generate a relevant strategy.

Direction & Purpose

Where are you going and why does it matter? These 4 answers let Claude understand your ambition and the values that shape it.

Market & Capabilities

Where do you compete and what can you realistically do? These 6 answers ground the strategy in your actual market and capacity.

Mission & Vision: what’s the difference?

These two statements do very different jobs. Getting them distinct is the most common mistake in strategy.

Claude will generate both statements based on what you told us. You choose whether to accept them, amend them, or write your own from scratch.

What makes a good Objective?

Objectives sit between Vision and Goals. They define the strategic focus areas your organisation will work on over the next 3–5 years.

Aim for 3–5 objectives. Claude will suggest some based on your mission and vision — accept, amend, or skip each one, and add your own.

What makes a great Goal?

Goals sit below Objectives. Each Goal is a specific, measurable milestone that delivers on its parent Objective. The SMART framework keeps them honest.

Aim for 3–4 goals per objective. Claude will suggest SMART goals for each of your objectives in a single AI call.

What makes a strategic Action?

Actions are the strategic initiatives that deliver your Goals. They are distinct from the day-to-day operational tasks that keep the lights on.

Why due dates matter

Before Claude suggests a due date for each action, here’s why this step is worth doing now.

You can deselect any suggestions you don’t want applied, and change dates directly in StratStar after the wizard.

Why success criteria matter

Before Claude writes a “Done when…” statement for each action, here’s why this step makes a real difference.

You can deselect any suggestions you don’t want applied, and edit criteria directly in StratStar after the wizard.

Why dependencies matter — especially before setting due dates

You can’t allocate actions to phases correctly unless you know which actions must happen first. This step defines those relationships.

Accepted dependencies are saved to each action and used by the RAID report’s Dependencies tab. You can add more or edit them in StratStar at any time.

Why execution phases matter

Phasing turns a flat list of actions into a sequenced execution plan. Here's why it's one of the most valuable things you can do with your strategy.

You can deselect any assignments and reassign phases individually in StratStar at any time.

Your Objectives

Claude is generating strategic objectives based on your mission and vision…

Your Objectives

AI generation didn’t complete. Try again or go back to the education screen.

Your Objectives

Accept, amend, or skip each suggestion. Add your own at the bottom. Aim for 3–5 covering distinct areas.

Batches completed before the failure are saved — you can continue with partial results and add the remaining goals manually.

Goals

No objectives were confirmed — you can add goals directly in StratStar after the wizard completes.

Your Strategy Goals

Your Strategy Goals

AI generation didn’t complete. Go back to try again.

Your Strategy Goals

Claude has suggested goals for each objective. All are selected — click any goal to deselect it, or add your own below each objective.

Batches completed before the failure are saved — you can continue with partial results and add the remaining actions manually.

Actions

No goals were confirmed — you can add actions directly in StratStar after the wizard completes.

Your Strategy Actions

Your Strategy Actions

AI generation didn’t complete. Go back to try again.

Your Strategy Actions

Claude has suggested actions for each goal below. All are selected — click any to deselect, or add your own.

Your strategy is ready

Your strategy has been saved and is ready for progress tracking. At any point you can amend existing allocations or add owners, due dates, dependencies, success criteria and phases to any item in StratStar.

Design Your Execution Phases

This typically takes 30–60 seconds.

Design Your Execution Phases

Before Claude adds due dates and success criteria to your actions, confirm your phase structure. Edit names, timeframes, and details freely \u2014 or ask AI to design a structure tailored to your strategy.

Couldn’t reach the AI

There was a problem generating your ${lbl}. This is usually an API key or connection issue. Try again, check your key below, or write your own.

Business context needed first

${escapeHtml(cfg.heading)}

Claude is drafting a first ${lbl} statement…

Taking too long? You can skip AI and write it yourself.

${escapeHtml(cfg.heading)}

Claude has drafted a ${lbl} statement based on your context. Choose your path below.

Amend the mission

Edit all three parts below. When you’re happy, ask Claude to review or confirm directly.

Amend your Vision

Edit both statements below. When you’re happy, ask Claude to review the Vision or confirm directly.

Reviewing your ${lbl}…

Your ${lbl}

AI feedback isn't available right now. Your statement is ready to confirm.

AI review of your ${lbl}

Write your mission

Write your own tagline, subline, and mission statement below.

Write your Vision

Write two statements: a timeless Vision and a measurable 3–5 year Strategic Ambition.

Reviewing your ${lbl}…

Your ${lbl}

AI feedback isn't available right now. Your statement is ready to confirm.

AI review of your ${lbl}

${Lbl} confirmed

patience-note HTML string calibrated to item count + step type. // stepType: 'objectives' | 'goals' | 'actions' | 'enrich' // nItems: count of the relevant driver (objectives for goals, goals for actions, actions for enrich steps). function _wizardTimeNote(nItems, stepType) { let note; if (stepType === 'objectives') { note = 'Typically 15–30 seconds.'; } else if (stepType === 'goals') { if (nItems >= 5) note = `Typically 45–90 seconds for ${nItems} objectives.`; else if (nItems >= 3) note = `Typically 30–60 seconds for ${nItems} objectives.`; else note = 'Typically 15–30 seconds.'; } else if (stepType === 'actions') { if (nItems >= 15) note = `Typically 1–2 minutes for ${nItems} goals.`; else if (nItems >= 8) note = `Typically 45–90 seconds for ${nItems} goals.`; else note = `Typically 20–45 seconds.`; } else { // enrich steps: due dates, success criteria, dependencies, phases if (nItems >= 31) note = `Typically 45–90 seconds for ${nItems} actions.`; else if (nItems >= 16) note = `Typically 30–60 seconds for ${nItems} actions.`; else note = `Typically 15–30 seconds.`; } return `

${note}

${escapeHtml(gs.rationale)}

Action field guide

Actions are the day-to-day work that delivers your Goals. Every field below helps StratStar track progress, assign ownership, and prioritise effort. Fill in as much or as little as you need — the core fields are Title and Status.

Core fields

Title

A short, verb-led description of the work. Start with an action word (e.g. "Launch", "Build", "Hire"). Should be specific enough that two different people would know exactly what it means. Avoid technical jargon.

Description

Optional context, approach notes, or background. Not shown on cards — used for your own reference and by the AI Coach when analysing the strategy.

Status

The current state of this action. Status changes cascade upward — if all Actions under a Goal are complete, the Goal automatically becomes complete. Options: Not Started, In Progress, At Risk, Complete.

Parent Goal

Which Goal this action contributes to. Every action must have a parent. Changing the parent moves the action to a different part of the hierarchy.

Ownership and timing

Owner

The person or team responsible for delivering this action. Use a consistent format (e.g. always "Jon C" or always "Marketing") so the Owner Workload view groups them correctly. Leave blank if unassigned.

Priority

How urgent or important this action is relative to others. Options: Low, Medium, High. High-priority actions appear first in the Kanban and Workload views. This is your own editorial judgement — it is not calculated automatically.

Due Date

Three formats available:
Quarter — broad target, e.g. "Q2 2027". Use this for most actions where an exact date is not known yet.
Year — for work that has no fixed quarter yet but must happen within a year.
Specific date — exact calendar date (YYYY-MM-DD). Use only when you have a hard deadline.
Due dates drive the Timeline view and are used by AI features to suggest phase assignments.

Execution detail

Dependencies (free text)

A plain-text note of what must happen before this action can start. For example: "Requires brand guidelines to be finalised first." This is a human-readable note — it does not link to other actions. Use Structured Dependencies (below) for machine-readable links that the AI can reason about.

Success Criteria

How you will know this action is done. Write it as "Done when…" followed by a specific, observable outcome. Good example: "Done when 25 paying customers have completed onboarding." Vague example to avoid: "Done when the project is finished." The AI Coach uses this field to assess execution quality.

Resources

Optional estimates of what this action requires:
Budget — cost in your currency (plain number, e.g. 5000).
Team size — number of people involved.
Time estimate — human-readable duration (e.g. "3 weeks", "1 sprint").
These are reference fields — StratStar does not aggregate or validate them.

Execution phases

Phase

Which execution phase this action belongs to. Phases are named stages of your strategy rollout (e.g. Phase 1: Validate, Phase 2: Build). Phase assignments determine sequencing in the Timeline view and are checked by the AI for dependency conflicts. Use "AI Generate Phases" in the toolbar to have Claude assign phases across all actions automatically.

Phase Rationale

Optional note explaining why this action belongs in the chosen phase. Useful when the assignment might not be obvious to other readers. The AI uses this field when re-assigning phases to respect your intent.

Tags

Free-text labels for filtering. Type a tag name and press Enter or comma to add it. Use tags for themes (e.g. "Q1 focus", "customer-facing", "technical"), workstreams, or any grouping that matters to you. Tags are shared across all levels — the same tag used on a Goal and its Actions will be grouped together in the tag filter.

Structured Dependencies

Machine-readable prerequisite links between actions. Unlike the free-text Dependencies field, these create explicit connections the AI can reason about. Each link specifies: the action that must be done first, the type of dependency (e.g. "blocks", "informs"), and a short rationale. Use "AI Check Dependencies" in the toolbar to have Claude suggest these automatically.

Strategic Gravity Score (optional)

The Gravity Score tells you which actions deserve the most attention right now — not just which are urgent, but which are strategically leveraged. An action with high gravity delivers outsized value: it advances the strategy, unblocks other work, is close to revenue, reduces risk, and builds lasting capability.

Rate each of the five factors from 1 to 10. StratStar calculates a composite score from 0–100. Use Score with AI to have Claude analyse the action and suggest ratings.

Score bands

High (70–100) Prioritise now — high strategic leverage, should not slip.

Mid (40–69) Important but not critical path — schedule and monitor.

Low (0–39) Low leverage — do last or deprioritise.

The composite score is calculated as: (sum of all 5 factors ÷ 50) × 100, rounded to the nearest whole number.

${tips.map(t => `
• ${t}
`).join('')}

No score calculated yet. Click below to compute.

${escapeHtml(hs.summary)}

Not yet generated for this week.

All eligible actions are complete or blocked. Well done.

' + '' + h.healthScore + '' + (lbl ? '' + lbl + '' : ''); }).join(''); // Horizontal guide lines at 25, 50, 75 var guides = [25, 50, 75].map(function(v) { var y = svgH - Math.round((v / 100) * svgH); return '' + '' + v + ''; }).join(''); chartHtml = '

' + '

Score trend (last ' + n + ' recordings)

' + '

'; } return slide('Execution Health Score', '

' + '

' + score + '

' + '

' + esc(cur.status || '') + '

' + (cur.summary ? '

' + esc(cur.summary) + '

' : '') + '

' + '

' + '

' + compBars + '

' + chartHtml ); } function execBriefSlide() { var sortedObjs = (strategyData.objectives || []).slice().sort(function(a, b) { return parseFloat(a.refNumber || 0) - parseFloat(b.refNumber || 0); }); function renderObjHtml(obj) { var pct = calculateProgress(obj.id, 'objective'); var sc = obj.status === 'risk' ? '#dc2626' : obj.status === 'progress' ? '#2563eb' : obj.status === 'complete' ? '#16a34a' : '#6b7280'; var sl = obj.status === 'risk' ? 'At Risk' : obj.status === 'progress' ? 'In Progress' : obj.status === 'complete' ? 'Complete' : 'Not Started'; var objStatement = ((obj.description || '').split('\n')[0] || '').trim(); var goalRows = (strategyData.goals || []).filter(function(g) { return g.parentId === obj.id; }).map(function(g) { var gc = g.status === 'risk' ? '#dc2626' : g.status === 'progress' ? '#2563eb' : g.status === 'complete' ? '#16a34a' : '#6b7280'; var gpct = Math.round(calculateProgress(g.id, 'goal')); return '

' + '' + '' + esc((g.refNumber || '') + ' ' + (g.title || '')) + '' + '' + gpct + '%' + '

'; }).join(''); return '

' + '

' + '' + esc(obj.refNumber || '') + '' + '' + esc(obj.title || '') + '' + '' + sl + '' + '

' + (objStatement ? '

' + esc(objStatement) + '

' : '') + '

' + pct + '%

' + (goalRows ? '

' + goalRows + '

' : '') + '

'; } // Split objectives into chunks of 4 per slide var chunkSize = 4; var chunks = []; for (var i = 0; i < sortedObjs.length; i += chunkSize) { chunks.push(sortedObjs.slice(i, i + chunkSize)); } if (chunks.length === 0) chunks = [[]]; var total = chunks.length; return chunks.map(function(chunk, ci) { var title = total > 1 ? 'Objectives & Goals (' + (ci + 1) + ' of ' + total + ')' : 'Objectives & Goals'; return slide(title, '

' + chunk.map(renderObjHtml).join('') + '

'); }).join(''); } function progressByLevelSlide() { function levelRow(label, items) { var total = items.length; if (total === 0) return ''; var done = items.filter(function(x) { return x.status === 'complete'; }).length; var prog = items.filter(function(x) { return x.status === 'progress'; }).length; var risk = items.filter(function(x) { return x.status === 'risk'; }).length; var ns = items.filter(function(x) { return x.status === 'notstarted'; }).length; var pct = Math.round(done / total * 100); return '' + '' + esc(label) + '' + '' + total + '' + '' + done + '' + '' + prog + '' + '' + risk + '' + '' + ns + '' + '

' + (risk > 0 ? '

' : '') + '

' + '' + pct + '%' + ''; } var tableRows = levelRow('Objectives', strategyData.objectives || []) + levelRow('Goals', strategyData.goals || []) + levelRow('Actions', strategyData.actions || []); return slide('Progress by Level', '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + tableRows + '' + '

Level	Total	Done	In Progress	At Risk	Not Started	Completion	%

' ); } function priorWeeklyNotesSummarySlide() { var summary = _rvWeeklyNotesSummary || _rvGetPersistedNotesSummary('weekly'); if (!summary) return ''; var content = '

' + esc(summary) + '

'; var priorWeekly = (strategyReviews || []).filter(function(r) { return r.type === 'weekly' && r.answers; }) .sort(function(a, b) { return new Date(b.date) - new Date(a.date); }).slice(0, 4); var noteRows = priorWeekly.map(function(r) { var d = new Date(r.date); var label = (d.getMonth() + 1) + '/' + d.getDate() + '/' + d.getFullYear(); var lines = []; if (r.answers.done) lines.push('Done: ' + esc(r.answers.done)); if (r.answers.blocking) lines.push('Blocking: ' + esc(r.answers.blocking)); if (r.answers.next) lines.push('Next week: ' + esc(r.answers.next)); return '

' + '

Week of ' + label + '

' + '

' + lines.join('  ·  ') + '

' + '

'; }).join(''); if (noteRows) { content += '

' + '

Source notes

' + noteRows + '

'; } return slide('Weekly Notes Summary', content); } function ownerSummarySlide() { var objs = strategyData.objectives || []; var goals = strategyData.goals || []; var actions = strategyData.actions || []; var allItems = objs.concat(goals).concat(actions); var objIdSet = {}; objs.forEach(function(o) { objIdSet[o.id] = true; }); var goalIdSet = {}; goals.forEach(function(g) { goalIdSet[g.id] = true; }); var ownerMap = {}; allItems.forEach(function(item) { var owner = (item.owner || 'Unassigned').trim() || 'Unassigned'; if (!ownerMap[owner]) ownerMap[owner] = { total: 0, objectives: 0, goals: 0, actions: 0, complete: 0, progress: 0, risk: 0, notstarted: 0 }; ownerMap[owner].total++; if (objIdSet[item.id]) ownerMap[owner].objectives++; else if (goalIdSet[item.id]) ownerMap[owner].goals++; else ownerMap[owner].actions++; if (item.status === 'complete') ownerMap[owner].complete++; else if (item.status === 'progress') ownerMap[owner].progress++; else if (item.status === 'risk') ownerMap[owner].risk++; else ownerMap[owner].notstarted++; }); var rows = Object.keys(ownerMap).sort(function(a, b) { return ownerMap[b].total - ownerMap[a].total; }).map(function(owner) { var o = ownerMap[owner]; var pct = Math.round(o.complete / o.total * 100); var barRisk = Math.round(o.risk / o.total * 100); return '' + '' + esc(owner) + '' + '' + o.total + '' + '' + o.objectives + '' + '' + o.goals + '' + '' + o.actions + '' + '' + o.complete + '' + '' + o.risk + '' + '

' + (o.risk > 0 ? '

' : '') + '

' + '' + pct + '%' + ''; }); return slide('Owner Summary', '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + rows.join('') + '' + '

Owner	Total	Obj	Goals	Actions	Done	At Risk	Completion	%

' ); } // Assemble slides — order per user spec var slides = coverSlide() + healthSlide() + raidDriftSlide() + execBriefSlide() + snapshotSlide() + progressByLevelSlide() + completedSlide() + riskSlide() + focusSlide(); if (hasAnswers) slides += answersSlide(); slides += priorWeeklyNotesSummarySlide(); slides += ownerSummarySlide(); var html = '\n\n\n' + '\n' + '\n' + '\n' + '\n\n' + slides + '\n\n'; // In standalone mode the polyfill overrides URL.createObjectURL to return // fake blob-request:// URLs, and the downloadFile postMessage goes to // window.parent (itself) where there is no handler — download silently fails. // Fix: open a new tab and write the HTML directly; user prints to PDF from there. if (window.parent === window) { var win = window.open('about:blank', '_blank', 'width=1280,height=900'); if (win) { win.document.open('text/html', 'replace'); win.document.write(html); win.document.close(); showToast('Report opened in new tab — use File > Print > Save as PDF for board use.', 'success'); } else { showToast('Popup blocked — please allow popups for this site and try again.', 'error'); } return; } // Claude.ai iframe mode: polyfill intercepts the click and sends downloadFile to parent var blob = new Blob([html], { type: 'text/html;charset=utf-8' }); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = fileName; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); showToast('Report downloaded — open in a browser and print to PDF for board use.', 'success'); } function exportQuarterlyReport() { var b = _reviewCurrentBriefing || generateMonthlyBriefing(); var dateStr = new Date().toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' }); var fileName = 'quarterly-review-' + new Date().toISOString().split('T')[0] + '.html'; // Attendees var otherAttendeesRaw = (document.getElementById('rv-attendees-other') || {}).value || _reviewAttendeesOther || ''; var otherAttendees = otherAttendeesRaw.split(',').map(function(s) { return s.trim(); }).filter(Boolean); var allAttendees = [].concat(_reviewAttendees, otherAttendees); // Common data refs var objs = strategyData.objectives || []; var goals = strategyData.goals || []; var actions = strategyData.actions || []; var hs = loadStrategyExecutionHealth(); var hsScore = (hs && hs.current) ? hs.current.healthScore : null; var missionTagline = (strategyData.mission && strategyData.mission.title) || ''; // HTML escape helper (self-contained, does not rely on app escapeHtml) function esc(s) { return String(s || '').replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"'); } // Slide builder function slide(title, content) { return '

' + '

' + (title ? esc(title) : '') + '

' + '

StratStar

' + '

' + content + '

' + '

'; } function coverSlide() { var companyName = (strategyBusinessProfile && strategyBusinessProfile.businessName) || 'TwoTwoFive'; var missionStatement = (strategyData.mission && strategyData.mission.statement) || ''; var visionText = (strategyData.vision && strategyData.vision.title) || ''; var visionAmbition = (strategyData.vision && strategyData.vision.description) || ''; var logoHtml = (typeof _WIZARD_LOGO_B64 !== 'undefined' && _WIZARD_LOGO_B64) ? '' : 'StratStar'; var missionBlock = (missionTagline || missionStatement) ? '

' + '

Mission

' + (missionTagline ? '

' + esc(missionTagline) + '

' : '') + (missionStatement ? '

' + esc(missionStatement) + '

' : '') + '

' : ''; var visionBlock = (visionText || visionAmbition) ? '

' + '

Vision

' + (visionText ? '

' + esc(visionText) + '

' : '') + (visionAmbition ? '

' + esc(visionAmbition) + '

' : '') + '

' : ''; return '

' + '

' + '

' + '

Quarterly Strategy Review

' + '

' + esc(companyName) + '

' + '

' + esc(dateStr) + '

' + (allAttendees.length ? '

Attendees: ' + allAttendees.map(esc).join(', ') + '

' : '') + '

' + ((missionBlock || visionBlock) ? '

' + missionBlock + visionBlock + '

' : '') + '

' + '

' + logoHtml + '

' + '

'; } function execSummarySlide() { var totalActions = actions.length; var completeActions = actions.filter(function(a) { return a.status === 'complete'; }).length; var inProgress = actions.filter(function(a) { return a.status === 'progress'; }).length; var atRiskActions = actions.filter(function(a) { return a.status === 'risk'; }).length; var objComplete = objs.filter(function(o) { return o.status === 'complete'; }).length; var objAtRisk = objs.filter(function(o) { return o.status === 'risk'; }).length; var pct = totalActions > 0 ? Math.round(completeActions / totalActions * 100) : 0; // Metric tiles var healthTile = ''; if (hsScore !== null) { var hsc = hsScore >= 75 ? '#16a34a' : hsScore >= 50 ? '#d97706' : '#dc2626'; var hsl = hsScore >= 75 ? 'Healthy' : hsScore >= 50 ? 'Moderate' : 'At Risk'; healthTile = '

' + '

' + hsScore + '

' + '

Health Score

' + '

' + hsl + '

' + '

'; } var completionTile = '

' + '

' + pct + '%

' + '

Actions Complete

' + '

' + completeActions + ' of ' + totalActions + '

' + '

'; var activeTile = '

' + '

' + inProgress + '

' + '

In Progress

' + '

' + atRiskActions + ' at risk

' + '

'; var objTile = '

' + '

' + objs.length + '

' + '

Objectives

' + '

' + objComplete + ' complete · ' + objAtRisk + ' at risk

' + '

'; var tilesHtml = '

' + healthTile + completionTile + activeTile + objTile + '

'; // Key wins (completed since last review, up to 3) var wins = b.completedSince.slice(0, 3); var winsHtml = wins.length > 0 ? wins.map(function(i) { return '

' + '✓' + '' + esc(i.refNumber || '') + ' ' + esc(i.title) + '' + '

'; }).join('') : '

No actions completed since last review.

'; // Current risks (at-risk actions, up to 3) var risks = b.atRiskItems.slice(0, 3); var risksHtml = risks.length > 0 ? risks.map(function(i) { return '

' + '●' + '' + esc(i.refNumber || '') + ' ' + esc(i.title) + (i.owner ? ' (' + esc(i.owner) + ')' : '') + '

'; }).join('') : '

No actions currently at risk.

'; // Phase status — AI result if available, otherwise live PHASES counts var phaseLines = ''; if (_reviewQAIResult && _reviewQAIResult.phase_progress && _reviewQAIResult.phase_progress.length) { phaseLines = _reviewQAIResult.phase_progress.map(function(p) { var pc = p.assessment === 'on_track' ? '#16a34a' : p.assessment === 'behind' ? '#dc2626' : '#d97706'; var pl = p.assessment === 'on_track' ? 'On track' : p.assessment === 'behind' ? 'Behind' : 'At risk'; return '

' + 'Phase ' + esc(String(p.phase)) + (p.phaseName ? ' — ' + esc(p.phaseName) : '') + '' + '' + pl + '' + '

'; }).join(''); } else { phaseLines = Object.keys(PHASES).map(function(ph) { var p = PHASES[ph]; var phActs = actions.filter(function(a) { return String(a.phase) === String(ph); }); var done2 = phActs.filter(function(a) { return a.status === 'complete'; }).length; var pct2 = phActs.length > 0 ? Math.round(done2 / phActs.length * 100) : 0; return '

' + '' + esc(p.name || 'Phase ' + ph) + '' + '' + done2 + '/' + phActs.length + ' actions · ' + pct2 + '%' + '

'; }).join(''); } return slide('Executive Summary', tilesHtml + '

' + '

Key Wins This Quarter

' + winsHtml + '

' + '

Current Risks

' + risksHtml + '

' + '

' + '

Phase Status

' + (phaseLines || '

No phase data.

') + '

' ); } function phaseProgressSlide() { // If AI quarterly review has been run, use its richer assessment if (_reviewQAIResult && _reviewQAIResult.phase_progress && _reviewQAIResult.phase_progress.length) { var rows = _reviewQAIResult.phase_progress.map(function(p) { var colour = p.assessment === 'on_track' ? '#16a34a' : p.assessment === 'behind' ? '#dc2626' : '#d97706'; var label = p.assessment === 'on_track' ? 'On track' : p.assessment === 'behind' ? 'Behind' : 'At risk'; var phActs = actions.filter(function(a) { return String(a.phase) === String(p.phase); }); var done = phActs.filter(function(a) { return a.status === 'complete'; }).length; var risk = phActs.filter(function(a) { return a.status === 'risk'; }).length; var phasePct = phActs.length > 0 ? Math.round(done / phActs.length * 100) : 0; return '

' + '

' + 'Phase ' + esc(String(p.phase)) + (p.phaseName ? ' — ' + esc(p.phaseName) : '') + '' + '' + label + '' + '' + done + '/' + phActs.length + ' complete · ' + risk + ' at risk' + '

' + '

' + '' + phasePct + '%

' + '

' + esc(p.summary || '') + '

' + '

'; }).join(''); return slide('Phase Progress Assessment', rows); } // Fallback: live data from PHASES + action counts var fallbackRows = Object.keys(PHASES).map(function(ph) { var p = PHASES[ph]; var phActs = actions.filter(function(a) { return String(a.phase) === String(ph); }); var done = phActs.filter(function(a) { return a.status === 'complete'; }).length; var inProg = phActs.filter(function(a) { return a.status === 'progress'; }).length; var risk = phActs.filter(function(a) { return a.status === 'risk'; }).length; var phasePct = phActs.length > 0 ? Math.round(done / phActs.length * 100) : 0; var colour = phasePct >= 75 ? '#16a34a' : phasePct >= 40 ? '#d97706' : '#dc2626'; return '

' + '

' + '' + esc(p.name || 'Phase ' + ph) + '' + '' + esc(p.timeframe || '') + '' + '' + done + '/' + phActs.length + ' complete · ' + risk + ' at risk' + '

' + '

' + '' + phasePct + '%

' + (p.purpose ? '

Purpose: ' + esc(p.purpose) + '

' : '') + (p.exitCriteria ? '

Exit criteria: ' + esc(p.exitCriteria) + '

' : '') + '

'; }).join(''); return slide('Phase Progress', fallbackRows || '

No phase data available.

'); } function objectivesReviewSlide() { var sortedObjs = objs.slice().sort(function(a, b) { return parseFloat(a.refNumber || 0) - parseFloat(b.refNumber || 0); }); function renderObj(obj) { var pct = calculateProgress(obj.id, 'objective'); var sc = obj.status === 'risk' ? '#dc2626' : obj.status === 'progress' ? '#2563eb' : obj.status === 'complete' ? '#16a34a' : '#6b7280'; var sl = obj.status === 'risk' ? 'At Risk' : obj.status === 'progress' ? 'In Progress' : obj.status === 'complete' ? 'Complete' : 'Not Started'; var objStatement = ((obj.description || '').split('\n')[0] || '').trim(); var objGoals = goals.filter(function(g) { return g.parentId === obj.id; }); var gDone = objGoals.filter(function(g) { return g.status === 'complete'; }).length; var gProg = objGoals.filter(function(g) { return g.status === 'progress'; }).length; var gRisk = objGoals.filter(function(g) { return g.status === 'risk'; }).length; var atRiskGoalNames = objGoals.filter(function(g) { return g.status === 'risk'; }) .map(function(g) { return esc((g.refNumber || '') + ' ' + (g.title || '')); }); return '

' + '

' + '' + esc(obj.refNumber || '') + '' + '' + esc(obj.title || '') + '' + '' + sl + '' + '

' + (objStatement ? '

' + esc(objStatement) + '

' : '') + '

' + '

' + '' + pct + '%' + '

' + '

' + '' + objGoals.length + ' goals total' + (gDone > 0 ? ' · ' + gDone + ' complete' : '') + (gProg > 0 ? ' · ' + gProg + ' in progress' : '') + (gRisk > 0 ? ' · ' + gRisk + ' at risk' : '') + '

' + (atRiskGoalNames.length > 0 ? '

' + atRiskGoalNames.map(function(n) { return '' + n + ''; }).join('') + '

' : '') + '

'; } // Paginate: 3 objectives per slide var chunks = []; for (var i = 0; i < sortedObjs.length; i += 3) { chunks.push(sortedObjs.slice(i, i + 3)); } if (!chunks.length) chunks = [[]]; var total = chunks.length; return chunks.map(function(chunk, ci) { var title = total > 1 ? 'Objectives Review (' + (ci + 1) + ' of ' + total + ')' : 'Objectives Review'; return slide(title, chunk.length ? chunk.map(renderObj).join('') : '

No objectives defined.

'); }).join(''); } function goalsPerformanceSlide() { var sortedObjs = objs.slice().sort(function(a, b) { return parseFloat(a.refNumber || 0) - parseFloat(b.refNumber || 0); }); var content = sortedObjs.map(function(obj) { var objGoals = goals.filter(function(g) { return g.parentId === obj.id; }); if (!objGoals.length) return ''; var done = objGoals.filter(function(g) { return g.status === 'complete'; }).length; var pct = Math.round(done / objGoals.length * 100); var colour = pct >= 75 ? '#16a34a' : pct >= 40 ? '#d97706' : '#dc2626'; var goalRows = objGoals.map(function(g) { var gc = g.status === 'risk' ? '#dc2626' : g.status === 'progress' ? '#2563eb' : g.status === 'complete' ? '#16a34a' : '#6b7280'; var gpct = Math.round(calculateProgress(g.id, 'goal')); var gl = g.status === 'risk' ? 'At Risk' : g.status === 'progress' ? 'In Progress' : g.status === 'complete' ? 'Complete' : 'Not Started'; return '

' + '' + '' + esc(g.refNumber || '') + '' + '' + esc(g.title || '') + '' + '' + gl + '' + '' + gpct + '%' + '

'; }).join(''); return '

' + '

' + '' + esc(obj.refNumber || '') + '' + '' + esc(obj.title || '') + '' + '' + done + '/' + objGoals.length + ' complete' + '' + pct + '%' + '

' + '

' + '

' + '

' + '

' + goalRows + '

' + '

'; }).join(''); return slide('Goals Performance', content || '

No goals defined.

' ); } function atRiskObjSlide() { // Prefer AI-identified at-risk objectives from quarterly review if (_reviewQAIResult && _reviewQAIResult.at_risk_objectives && _reviewQAIResult.at_risk_objectives.length) { var rows = _reviewQAIResult.at_risk_objectives.map(function(o) { // Look up live progress for this objective var liveObj = objs.find(function(x) { return x.refNumber === o.refNumber; }); var pct = liveObj ? calculateProgress(liveObj.id, 'objective') : null; return '

' + '

' + esc(o.refNumber || '') + (o.title ? ' — ' + esc(o.title) : '') + '

' + (pct !== null ? '

' + pct + '%

' : '') + '

' + esc(o.reason || '') + '

' + '

'; }).join(''); return slide('Objectives at Risk', rows); } // Fallback: live at-risk + in-progress objectives with low completion var liveAtRisk = objs.filter(function(o) { return o.status === 'risk'; }); var lowProgress = objs.filter(function(o) { return o.status === 'progress' && calculateProgress(o.id, 'objective') < 25; }); var combined = liveAtRisk.concat(lowProgress.filter(function(o) { return !liveAtRisk.find(function(r) { return r.id === o.id; }); })); if (!combined.length) { return slide('Objectives at Risk', '

No objectives currently at risk or significantly behind.

'); } var fallbackRows = combined.map(function(o) { var pct = calculateProgress(o.id, 'objective'); var sc = o.status === 'risk' ? '#dc2626' : '#d97706'; var sl = o.status === 'risk' ? 'At Risk' : 'Low progress (' + pct + '%)'; var objStatement = ((o.description || '').split('\n')[0] || '').trim(); return '

' + '

' + esc(o.refNumber || '') + ' — ' + esc(objStatement || o.title || '') + ' ' + sl + '' + '

' + '

' + pct + '%

' + '

'; }).join(''); return slide('Objectives at Risk', fallbackRows); } function suggestedChangesSlide() { if (!_reviewQAIResult || !_reviewQAIResult.suggested_changes || !_reviewQAIResult.suggested_changes.length) { return slide('Suggested Priority Changes', '

Run the quarterly AI review to generate suggested priority changes.

'); } var rows = _reviewQAIResult.suggested_changes.map(function(s) { var decision = s._decision || ''; var decLabel = decision === 'accepted' ? 'Applied' : decision === 'skipped' ? 'Skipped' : 'Pending'; var changeLabel = s.changeType === 'prioritise' ? 'Raise to ' + (s.suggestedPriority || 'high') + ' priority' : s.changeType === 'deprioritise' ? 'Lower to ' + (s.suggestedPriority || 'low') + ' priority' : s.changeType === 'pause' ? 'Set to low priority (pause)' : esc(s.changeType || ''); return '

' + '

' + '' + esc(s.refNumber || '') + ' ' + '' + esc(s.level || '') + ' — ' + '' + esc(s.title || '') + '' + '

' + '

' + '' + changeLabel + ' ' + decLabel + (s.rationale ? ' — ' + esc(s.rationale) + '' : '') + '

' + '

'; }).join(''); return slide('Suggested Priority Changes', rows); } function healthTrendSlide() { var hsData = loadStrategyExecutionHealth(); var hsCur = (hsData && hsData.current) ? hsData.current : null; var score = hsCur ? hsCur.healthScore : null; var status = hsCur ? (hsCur.status || '') : ''; var summary = hsCur ? (hsCur.summary || '') : ''; var components = hsCur ? (hsCur.components || {}) : {}; var weights = hsCur ? (hsCur.weights || {}) : {}; var scoreColour = score === null ? '#999' : score >= 75 ? '#06d6a0' : score >= 50 ? '#ffbe0b' : '#e63946'; // Score circle + summary var scoreHtml = '

' + '

' + (score !== null ? Math.round(score) : '—') + '

' + '

' + '

' + esc(status.charAt(0).toUpperCase() + status.slice(1)) + '

' + (summary ? '

' + esc(summary) + '

' : '') + '

' + '

'; // Component bars var compOrder = ['completionRate','activeExecutionRate','strategicAlignment','highGravityDone']; var compLabels = { completionRate:'Completion Rate', activeExecutionRate:'Active Execution Rate', strategicAlignment:'Strategic Alignment', highGravityDone:'High-Gravity Done' }; var compBars = '

' + compOrder.map(function(k) { var val = (components[k] !== undefined) ? Math.round(components[k]) : null; var wt = (weights[k] !== undefined) ? weights[k] : ''; var bc = val === null ? '#999' : val >= 75 ? '#06d6a0' : val >= 50 ? '#ffbe0b' : '#e63946'; return '

' + '' + esc(compLabels[k] || k) + (wt ? ' (' + wt + 'pts)' : '') + '' + '

' + '' + (val !== null ? val + '%' : '—') + '' + '

'; }).join('') + '

'; // 90-day history chart var chartHtml = ''; var history = (hsData && Array.isArray(hsData.history)) ? hsData.history : []; var cutoff = new Date(); cutoff.setDate(cutoff.getDate() - 90); var recent = history.filter(function(e) { return e && e.calculatedAt && new Date(e.calculatedAt) >= cutoff; }); if (recent.length >= 2) { var svgW = 560, svgH = 110; var padL = 12, padR = 12, padT = 20, padB = 28; var chartW = svgW - padL - padR; var chartH = svgH - padT - padB; var n = recent.length; var pts = recent.map(function(e, i) { var x = padL + (n === 1 ? chartW / 2 : i / (n - 1) * chartW); var y = padT + chartH - (Math.min(100, Math.max(0, e.healthScore || 0)) / 100 * chartH); return { x: x, y: y, score: e.healthScore, date: e.calculatedAt }; }); // Guide lines at 25, 50, 75 var guides = [25, 50, 75].map(function(v) { var gy = padT + chartH - (v / 100 * chartH); return '' + '' + v + ''; }).join(''); // Polyline var polyPts = pts.map(function(p) { return p.x + ',' + p.y; }).join(' '); // Dots coloured by band var dots = pts.map(function(p) { var dc = p.score >= 75 ? '#06d6a0' : p.score >= 50 ? '#ffbe0b' : p.score >= 25 ? '#e63946' : '#7b2cbf'; return ''; }).join(''); // Score labels on first and last var scoreLabels = [pts[0], pts[pts.length - 1]].filter(Boolean).map(function(p, i) { var anchor = i === 0 ? 'start' : 'end'; return '' + Math.round(p.score) + ''; }).join(''); // Date labels on first and last var dateLabels = [pts[0], pts[pts.length - 1]].filter(Boolean).map(function(p, i) { var d = new Date(p.date); var label = (d.getMonth() + 1) + '/' + d.getDate(); var anchor = i === 0 ? 'start' : 'end'; return '' + label + ''; }).join(''); chartHtml = '

' + '

90-day health score trend (' + recent.length + ' recordings)

' + '' + '

'; } else { chartHtml = '

Not enough health score recordings in the last 90 days to show a trend. Recalculate weekly to build this chart.

'; } return slide('Execution Health Trend (90-Day)', scoreHtml + compBars + chartHtml); } function ownerSummarySlide() { var owners = {}; var objIdSet = new Set((objs).map(function(o) { return o.id; })); var goalIdSet = new Set((goals).map(function(g) { return g.id; })); function tally(items, level) { items.forEach(function(item) { var o = item.owner || 'Unassigned'; if (!owners[o]) owners[o] = { total:0, obj:0, goals:0, actions:0, done:0, risk:0 }; owners[o].total++; owners[o][level]++; if (item.status === 'complete') owners[o].done++; if (item.status === 'risk') owners[o].risk++; }); } tally(objs, 'obj'); tally(goals, 'goals'); tally(actions, 'actions'); var sorted = Object.keys(owners).sort(function(a, b) { if (a === 'Unassigned') return 1; if (b === 'Unassigned') return -1; return owners[b].total - owners[a].total; }); if (!sorted.length) return slide('Owner Summary', '

No owners assigned yet.

'); var rows = sorted.map(function(name) { var d = owners[name]; var pct = d.total > 0 ? Math.round(d.done / d.total * 100) : 0; var barColour = pct >= 75 ? '#06d6a0' : pct >= 40 ? '#ffbe0b' : '#e63946'; return '' + '' + esc(name) + '' + '' + d.total + '' + '' + d.obj + '' + '' + d.goals + '' + '' + d.actions + '' + '' + d.done + '' + '' + (d.risk > 0 ? d.risk : '—') + '' + '

' + '' + pct + '%' + ''; }).join(''); var table = '

' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + rows + '' + '

Owner	Total	Obj	Goals	Actions	Done	At Risk	Progress	%

'; return slide('Owner Summary', table); } function decisionsRequiredSlide() { var items = []; // High-severity RAID risks and issues if (window.strategyRaid) { (strategyRaid.risks || []).filter(function(r) { return r.severity === 'high'; }).forEach(function(r) { items.push({ badge: 'Risk', badgeColour: '#e63946', title: r.title, detail: r.description || '', owner: r.owner || '' }); }); (strategyRaid.issues || []).filter(function(i) { return i.severity === 'high'; }).forEach(function(i) { items.push({ badge: 'Issue', badgeColour: '#f97316', title: i.title, detail: i.description || '', owner: i.owner || '' }); }); } // AI-suggested priority changes (pending decisions) if (_reviewQAIResult && Array.isArray(_reviewQAIResult.suggested_changes)) { _reviewQAIResult.suggested_changes.filter(function(s) { return !s._decision || s._decision === ''; }).forEach(function(s) { var action = s.changeType === 'prioritise' ? 'Raise to ' + (s.suggestedPriority || 'high') + ' priority' : s.changeType === 'deprioritise' ? 'Lower to ' + (s.suggestedPriority || 'low') + ' priority' : s.changeType === 'pause' ? 'Set to low priority (pause)' : esc(s.changeType || ''); items.push({ badge: 'Priority', badgeColour: '#7b2cbf', title: (s.refNumber ? s.refNumber + ' — ' : '') + (s.title || ''), detail: action + (s.rationale ? ': ' + s.rationale : ''), owner: '' }); }); } // At-risk actions with no owner var unownedAtRisk = actions.filter(function(a) { return a.status === 'risk' && !a.owner; }); unownedAtRisk.slice(0, 4).forEach(function(a) { items.push({ badge: 'Unowned', badgeColour: '#6b7280', title: (a.refNumber ? a.refNumber + ' — ' : '') + a.title, detail: 'At risk with no owner assigned', owner: '' }); }); if (!items.length) return slide('Decisions Required', '

No outstanding decisions flagged. Run the quarterly AI review to surface recommendations.

'); var rows = items.slice(0, 12).map(function(d) { return '

' + '' + esc(d.badge) + '' + '

' + '

' + esc(d.title) + '

' + (d.detail ? '

' + esc(d.detail) + '

' : '') + '

' + (d.owner ? '' + esc(d.owner) + '' : '') + '

'; }).join(''); return slide('Decisions Required', rows); } function nextQuarterFocusSlide() { // Top actions from weekly priorities, falling back to highest gravity/priority actions var wpData = loadStrategyWeeklyPriorities(); var focusItems = []; if (wpData && wpData.current && Array.isArray(wpData.current.items) && wpData.current.items.length) { focusItems = wpData.current.items.slice(0, 7).map(function(item) { return { ref: item.refNumber || '', title: item.title || '', owner: item.owner || '', dueDate: item.dueDate ? (item.dueDate.value || '') : '', source: 'weekly' }; }); } else { // Fallback: highest-gravity incomplete actions, then high-priority in-progress var candidates = actions.filter(function(a) { return a.status !== 'complete'; }); candidates.sort(function(a, b) { var ga = (a.gravityScore && a.gravityScore.gravityScore) ? a.gravityScore.gravityScore : 0; var gb = (b.gravityScore && b.gravityScore.gravityScore) ? b.gravityScore.gravityScore : 0; if (gb !== ga) return gb - ga; var pOrder = { high: 0, medium: 1, low: 2 }; return (pOrder[a.priority] || 1) - (pOrder[b.priority] || 1); }); focusItems = candidates.slice(0, 7).map(function(a) { return { ref: a.refNumber || '', title: a.title, owner: a.owner || '', dueDate: a.dueDate ? (a.dueDate.value || '') : '', source: 'auto' }; }); } // AI focus rationale if available var aiNote = ''; if (_rvWeeklyFocusResult && Array.isArray(_rvWeeklyFocusResult) && _rvWeeklyFocusResult.length) { aiNote = '

Strategic rationale from AI review

'; } else if (_rvMonthlyFocusResult && Array.isArray(_rvMonthlyFocusResult) && _rvMonthlyFocusResult.length) { aiNote = '

Strategic rationale from monthly focus

'; } var focusSource = (_rvWeeklyFocusResult && _rvWeeklyFocusResult.length) ? _rvWeeklyFocusResult : (_rvMonthlyFocusResult && _rvMonthlyFocusResult.length) ? _rvMonthlyFocusResult : []; if (!focusItems.length) return slide('Next Quarter Focus', '

No actions available. Add actions to your strategy to see focus recommendations here.

'); var rows = focusItems.map(function(item, i) { var rationale = ''; if (focusSource[i] && focusSource[i].rationale) rationale = focusSource[i].rationale; return '

' + '' + (i + 1) + '' + '

' + '

' + (item.ref ? '' + esc(item.ref) + ' ' : '') + esc(item.title) + '

' + (rationale ? '

' + esc(rationale) + '

' : '') + '

' + '

' + (item.owner ? '' + esc(item.owner) + '' : '') + (item.dueDate ? '' + esc(item.dueDate) + '' : '') + '

' + '

'; }).join(''); return slide('Next Quarter Focus', aiNote + rows); } function priorMonthlyNotesSummarySlide() { var summary = _rvMonthlyNotesSummary || _rvGetPersistedNotesSummary('monthly'); if (!summary) return ''; var content = '

' + esc(summary) + '

'; var priorMonthly = (strategyReviews || []).filter(function(r) { return r.type === 'monthly' && r.answers; }) .sort(function(a, b) { return new Date(b.date) - new Date(a.date); }).slice(0, 3); var noteRows = priorMonthly.map(function(r) { var d = new Date(r.date); var label = (d.getMonth() + 1) + '/' + d.getDate() + '/' + d.getFullYear(); var lines = []; if (r.answers.working) lines.push('Working: ' + esc(r.answers.working)); if (r.answers.blocking) lines.push('Blocking: ' + esc(r.answers.blocking)); if (r.answers.change) lines.push('Change: ' + esc(r.answers.change)); return '

' + '

Month of ' + label + '

' + '

' + lines.join('  ·  ') + '

' + '

'; }).join(''); if (noteRows) { content += '

' + '

Source notes

' + noteRows + '

'; } return slide('Monthly Notes Summary', content); } // ── Assemble slides ────────────────────────────────────────────── var slides = coverSlide() + execSummarySlide() + phaseProgressSlide() + objectivesReviewSlide() + goalsPerformanceSlide() + atRiskObjSlide() + suggestedChangesSlide() + healthTrendSlide() + ownerSummarySlide() + priorMonthlyNotesSummarySlide() + decisionsRequiredSlide() + nextQuarterFocusSlide(); // ── CSS ────────────────────────────────────────────────────────── var css = '' + '*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n' + 'body { font-family: "Avenir", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif; background: #e8ecf0; color: #1a1a2e; }\n' + '.slide { width: 297mm; min-height: 170mm; background: #fff; margin: 0 auto 20px; padding: 0; display: flex; flex-direction: column; box-shadow: 0 2px 14px rgba(0,0,0,0.13); page-break-after: always; break-after: page; }\n' + '.slide-header { display: flex; justify-content: space-between; align-items: center; background: #1a1a2e; color: #fff; padding: 10px 18px; }\n' + '.slide-title { font-size: 15px; font-weight: 700; color: #00d9ff; letter-spacing: 0.01em; }\n' + '.slide-logo { font-size: 14px; font-weight: 700; color: #00d9ff; }\n' + '.slide-body { flex: 1; padding: 18px 22px; }\n' + '.slide-cover { background: #fff; color: #1a1a2e; position: relative; min-height: 170mm; }\n' + '.slide-cover .slide-header { display: none; }\n' + '.cover-inner { padding: 52px 56px; display: flex; flex-direction: column; justify-content: center; min-height: 170mm; }\n' + '.cover-report-type { font-size: 34px; font-weight: 800; color: #1a1a2e; margin-bottom: 10px; }\n' + '.cover-company { font-size: 20px; color: #374151; font-weight: 600; margin-bottom: 24px; }\n' + '.cover-date { font-size: 14px; color: #6b7280; margin-bottom: 10px; }\n' + '.cover-attendees { font-size: 12px; color: #9ca3af; margin-top: 8px; }\n' + '.cover-top { margin-bottom: 28px; }\n' + '.cover-dir-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 10px; }\n' + '.cover-dir-block { border-left: 4px solid #00d9ff; padding-left: 14px; }\n' + '.cover-dir-label { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: #00d9ff; margin-bottom: 5px; }\n' + '.cover-dir-tagline { font-size: 14px; font-weight: 700; color: #1a1a2e; line-height: 1.3; margin-bottom: 4px; }\n' + '.cover-dir-stmt { font-size: 11.5px; color: #374151; line-height: 1.55; }\n' + '.cover-logo-wrap { position: absolute; bottom: 0; left: 0; right: 0; }\n' + '.cover-logo-bg { background: #000; padding: 18px 28px; display: flex; align-items: center; justify-content: flex-end; }\n' + '.cover-logo-img { width: 320px; height: auto; display: block; }\n' + '.cover-logo-text { font-size: 22px; font-weight: 800; color: #00d9ff; }\n' + '.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n' + '.col-heading { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: #6b7280; margin-bottom: 8px; padding-bottom: 5px; border-bottom: 2px solid #e5e7eb; }\n' + '.list-item { display: flex; align-items: flex-start; gap: 8px; padding: 6px 0; border-bottom: 1px solid #f3f4f6; font-size: 12.5px; }\n' + '.list-item.risk .ref-badge { background: #fef2f2; color: #dc2626; border-color: #fecaca; }\n' + '.ref-badge { font-size: 10.5px; font-weight: 700; background: #f0f9ff; color: #0369a1; border: 1px solid #bae6fd; border-radius: 4px; padding: 1px 5px; white-space: nowrap; }\n' + '.owner-tag { font-size: 10.5px; color: #6b7280; }\n' + '.empty-note { font-size: 12px; color: #6b7280; padding: 8px 0; font-style: italic; }\n' + '.empty-note.good { color: #16a34a; font-style: normal; font-weight: 600; }\n' + '.alert-row { display: flex; align-items: flex-start; gap: 8px; padding: 5px 0; border-bottom: 1px solid #f3f4f6; font-size: 12px; }\n' + '.alert-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; margin-top: 3px; }\n' + '.raid-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: #dc2626; background: #fef2f2; border: 1px solid #fecaca; border-radius: 3px; padding: 1px 4px; margin-right: 4px; font-weight: 700; }\n' + '.focus-list { display: flex; flex-direction: column; gap: 0; }\n' + '.focus-item { padding: 7px 0; border-bottom: 1px solid #f3f4f6; }\n' + '.focus-hd { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; margin-bottom: 2px; }\n' + '.focus-rank { font-size: 14px; font-weight: 800; color: #00d9ff; min-width: 18px; }\n' + '.focus-ref { font-size: 10px; font-weight: 700; color: #0369a1; background: #f0f9ff; border: 1px solid #bae6fd; border-radius: 3px; padding: 1px 4px; }\n' + '.focus-title { font-size: 13px; font-weight: 600; color: #1a1a2e; flex: 1; }\n' + '.focus-rationale { font-size: 11.5px; color: #4b5563; line-height: 1.5; padding-left: 25px; font-style: italic; }\n' + '.hs-top { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 16px; }\n' + '.hs-circle { width: 76px; height: 76px; border-radius: 50%; border: 4px solid; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 800; flex-shrink: 0; }\n' + '.hs-status { font-size: 14px; font-weight: 700; margin-bottom: 5px; text-transform: capitalize; }\n' + '.hs-summary { font-size: 12px; color: #4b5563; line-height: 1.5; }\n' + '.hs-comps { margin-bottom: 12px; }\n' + '.hs-comp-row { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }\n' + '.hs-comp-label { font-size: 11.5px; color: #374151; min-width: 160px; }\n' + '.hs-comp-wt { font-size: 10px; color: #9ca3af; }\n' + '.hs-comp-bar-wrap { flex: 1; background: #e5e7eb; border-radius: 99px; height: 8px; overflow: hidden; }\n' + '.hs-comp-bar { height: 100%; border-radius: 99px; }\n' + '.hs-comp-pct { font-size: 11px; font-weight: 700; min-width: 34px; text-align: right; color: #374151; }\n' + '.hs-chart-wrap { margin-top: 10px; }\n' + '.hs-chart-title { font-size: 10px; color: #9ca3af; margin-bottom: 5px; }\n' + '.pl-table { width: 100%; border-collapse: collapse; font-size: 12px; }\n' + '.pl-table thead th { text-align: left; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #6b7280; border-bottom: 2px solid #e5e7eb; padding: 5px 8px 7px; }\n' + '.pl-table tbody tr { border-bottom: 1px solid #f3f4f6; }\n' + '.pl-table tbody tr:last-child { border-bottom: none; }\n' + '.pl-table td { padding: 9px 8px; vertical-align: middle; }\n' + '.pl-label { font-weight: 600; color: #1a1a2e; min-width: 120px; }\n' + '.pl-num { text-align: center; font-weight: 700; font-size: 13px; min-width: 52px; }\n' + '.pl-bar-cell { width: 180px; }\n' + '.pl-bar { height: 10px; background: #e5e7eb; border-radius: 99px; overflow: hidden; display: flex; }\n' + '.pl-bar-done { height: 100%; background: #16a34a; border-radius: 99px 0 0 99px; }\n' + '.pl-bar-risk { height: 100%; background: #dc2626; }\n' + '.pl-pct { text-align: right; font-size: 11px; font-weight: 700; color: #374151; min-width: 38px; }\n' + '.phase-row { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #f3f4f6; }\n' + '.phase-row-hd { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }\n' + '.phase-name { font-size: 13px; font-weight: 700; color: #1a1a2e; }\n' + '.phase-badge { font-size: 10.5px; font-weight: 600; padding: 2px 8px; border-radius: 99px; }\n' + '.phase-summary { font-size: 12px; color: #4b5563; line-height: 1.5; }\n' + '.insight-row { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #f3f4f6; }\n' + '.insight-ref { font-size: 13px; font-weight: 700; color: #dc2626; margin-bottom: 3px; }\n' + '.insight-reason { font-size: 12px; color: #4b5563; line-height: 1.5; }\n' + '.change-row { padding: 7px 0; border-bottom: 1px solid #f3f4f6; }\n' + '.change-row.accepted { background: #f0fdf4; border-radius: 4px; padding: 7px 8px; }\n' + '.change-row.skipped { opacity: 0.5; }\n' + '.change-meta { font-size: 12.5px; margin-bottom: 2px; }\n' + '.change-ref { font-weight: 700; color: #1a1a2e; }\n' + '.change-level { font-size: 10.5px; color: #6b7280; background: #f3f4f6; border-radius: 3px; padding: 1px 4px; }\n' + '.change-title { color: #374151; }\n' + '.change-detail { font-size: 11.5px; color: #6b7280; }\n' + '.change-action { font-weight: 600; color: #374151; }\n' + '.change-rationale { color: #9ca3af; }\n' + '.decision-badge { font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 99px; text-transform: uppercase; letter-spacing: 0.05em; }\n' + '.decision-badge.accepted { background: #dcfce7; color: #16a34a; }\n' + '.decision-badge.skipped { background: #f3f4f6; color: #6b7280; }\n' + '.decision-badge.pending { background: #fffbeb; color: #d97706; }\n' + '.qs-tiles { display: flex; gap: 14px; flex-wrap: wrap; }\n' + '.qs-tile { flex: 1; min-width: 110px; background: #f5f7fa; border-radius: 8px; padding: 12px 14px; text-align: center; }\n' + '.qs-tile-num { font-size: 30px; font-weight: 800; color: #1a1a2e; line-height: 1.1; }\n' + '.qs-tile-label { font-size: 10px; color: #6b7280; margin-top: 3px; text-transform: uppercase; letter-spacing: 0.05em; }\n' + '.qs-tile-sub { font-size: 10.5px; color: #9ca3af; margin-top: 3px; }\n' + '.qs-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n' + '.qs-row { display: flex; align-items: flex-start; gap: 7px; padding: 5px 0; border-bottom: 1px solid #f3f4f6; font-size: 12px; }\n' + '.qs-tick { color: #16a34a; font-weight: 700; font-size: 13px; flex-shrink: 0; }\n' + '.qs-dot { color: #dc2626; font-size: 9px; flex-shrink: 0; margin-top: 2px; }\n' + '.qs-phase-row { display: flex; align-items: center; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid #f3f4f6; }\n' + '.qs-phase-name { font-size: 12px; font-weight: 600; color: #1a1a2e; }\n' + '.qs-phase-badge { font-size: 10.5px; font-weight: 600; padding: 2px 8px; border-radius: 99px; }\n' + '.qs-phase-pct { font-size: 11px; color: #6b7280; }\n' + '.phase-bar-row { display: flex; align-items: center; gap: 8px; margin: 5px 0 4px; }\n' + '.phase-bar { flex: 1; background: #e5e7eb; border-radius: 99px; height: 7px; overflow: hidden; }\n' + '.phase-bar-fill { height: 100%; border-radius: 99px; }\n' + '.phase-bar-pct { font-size: 10.5px; font-weight: 700; color: #374151; min-width: 32px; text-align: right; }\n' + '.qobj-block { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 2px solid #f3f4f6; }\n' + '.qobj-hd { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 4px; }\n' + '.qobj-ref { font-size: 10.5px; font-weight: 700; color: #6b7280; }\n' + '.qobj-area { font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: #6b7280; flex: 1; }\n' + '.qobj-badge { font-size: 10px; padding: 1px 7px; border-radius: 99px; border: 1px solid; font-weight: 600; }\n' + '.qobj-stmt { font-size: 12.5px; font-weight: 700; color: #1a1a2e; margin-bottom: 5px; line-height: 1.35; }\n' + '.qobj-bar-row { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }\n' + '.qobj-bar { flex: 1; background: #e5e7eb; border-radius: 99px; height: 6px; overflow: hidden; }\n' + '.qobj-bar-fill { height: 100%; border-radius: 99px; }\n' + '.qobj-pct { font-size: 10.5px; font-weight: 700; color: #374151; min-width: 32px; text-align: right; }\n' + '.qobj-goals-stat { font-size: 11px; color: #6b7280; margin-bottom: 4px; }\n' + '.qobj-atrisk { margin-top: 4px; display: flex; flex-wrap: wrap; gap: 4px; }\n' + '.qobj-risk-tag { font-size: 10px; background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; border-radius: 4px; padding: 1px 6px; }\n' + '.gp-area-block { margin-bottom: 14px; padding-bottom: 12px; border-bottom: 2px solid #f3f4f6; }\n' + '.gp-area-hd { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }\n' + '.gp-area-ref { font-size: 10px; font-weight: 700; color: #6b7280; flex-shrink: 0; }\n' + '.gp-area-name { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #374151; flex: 1; }\n' + '.gp-area-count { font-size: 10.5px; color: #6b7280; flex-shrink: 0; }\n' + '.gp-area-pct { font-size: 12px; font-weight: 800; flex-shrink: 0; min-width: 36px; text-align: right; }\n' + '.gp-area-bar-row { margin-bottom: 6px; }\n' + '.gp-area-bar { width: 100%; background: #e5e7eb; border-radius: 99px; height: 6px; overflow: hidden; }\n' + '.gp-area-bar-fill { height: 100%; border-radius: 99px; }\n' + '.gp-goals { padding-left: 4px; }\n' + '.gp-goal-row { display: flex; align-items: center; gap: 7px; padding: 3px 0; border-bottom: 1px solid #f9fafb; font-size: 11.5px; }\n' + '.gp-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }\n' + '.gp-ref { font-size: 10px; font-weight: 700; color: #6b7280; flex-shrink: 0; }\n' + '.gp-title { flex: 1; color: #1a1a2e; }\n' + '.gp-status { font-size: 10px; flex-shrink: 0; font-weight: 600; }\n' + '.gp-pct { font-size: 10.5px; font-weight: 700; flex-shrink: 0; min-width: 32px; text-align: right; }\n' + '.insight-pct-row { display: flex; align-items: center; gap: 8px; margin: 4px 0; }\n' + '.insight-bar { flex: 1; background: #e5e7eb; border-radius: 99px; height: 5px; overflow: hidden; }\n' + '.insight-bar-fill { height: 100%; background: #dc2626; border-radius: 99px; }\n' + '.insight-pct { font-size: 10.5px; font-weight: 700; color: #374151; min-width: 30px; text-align: right; }\n' + '.ht-chart-wrap { margin-top: 14px; }\n' + '.ht-chart-label { font-size: 10px; color: #6b7280; text-align: center; margin-bottom: 2px; }\n' + '.os-wrap { padding: 4px 0; overflow-x: auto; }\n' + '.os-table { width: 100%; border-collapse: collapse; font-size: 11px; }\n' + '.os-table thead tr { background: #f3f4f6; }\n' + '.os-th-name { text-align: left; padding: 7px 10px; font-weight: 700; color: #374151; white-space: nowrap; }\n' + '.os-th-num { text-align: right; padding: 7px 8px; font-weight: 700; color: #374151; white-space: nowrap; min-width: 40px; }\n' + '.os-th-bar { padding: 7px 10px; min-width: 90px; }\n' + '.os-table tbody tr { border-top: 1px solid #e5e7eb; }\n' + '.os-table tbody tr:hover { background: #f9fafb; }\n' + '.os-name { padding: 7px 10px; font-weight: 600; color: #1a1a2e; white-space: nowrap; }\n' + '.os-num { padding: 7px 8px; text-align: right; color: #374151; }\n' + '.os-done { color: #06d6a0; font-weight: 700; }\n' + '.os-risk { color: #e63946; font-weight: 700; }\n' + '.os-bar-cell { padding: 7px 10px; }\n' + '.os-bar { background: #e5e7eb; border-radius: 99px; height: 7px; min-width: 80px; overflow: hidden; }\n' + '.os-bar-fill { height: 100%; border-radius: 99px; }\n' + '.dr-row { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-bottom: 1px solid #f0f0f0; }\n' + '.dr-row:last-child { border-bottom: none; }\n' + '.dr-badge { font-size: 9px; font-weight: 700; color: #fff; padding: 2px 7px; border-radius: 99px; white-space: nowrap; flex-shrink: 0; margin-top: 2px; }\n' + '.dr-body { flex: 1; }\n' + '.dr-title { font-size: 11.5px; font-weight: 600; color: #1a1a2e; }\n' + '.dr-detail { font-size: 10.5px; color: #6b7280; margin-top: 2px; }\n' + '.dr-owner { font-size: 10px; color: #6b7280; white-space: nowrap; flex-shrink: 0; margin-top: 2px; }\n' + '.nqf-ai-note { font-size: 9.5px; color: #7b2cbf; font-weight: 600; margin-bottom: 8px; }\n' + '.nqf-row { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-bottom: 1px solid #f0f0f0; }\n' + '.nqf-row:last-child { border-bottom: none; }\n' + '.nqf-rank { font-size: 15px; font-weight: 800; color: #00d9ff; min-width: 22px; flex-shrink: 0; line-height: 1.2; }\n' + '.nqf-body { flex: 1; }\n' + '.nqf-title { font-size: 11.5px; font-weight: 600; color: #1a1a2e; }\n' + '.nqf-ref { font-size: 10px; font-weight: 700; color: #6b7280; }\n' + '.nqf-rationale { font-size: 10.5px; color: #6b7280; margin-top: 2px; font-style: italic; }\n' + '.nqf-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; flex-shrink: 0; }\n' + '.nqf-owner { font-size: 10px; color: #374151; white-space: nowrap; }\n' + '.nqf-due { font-size: 9.5px; color: #00d9ff; font-weight: 600; white-space: nowrap; }\n' + '@media print { body { background: #fff; } .slide { box-shadow: none; margin: 0; page-break-after: always; break-after: page; width: 100%; } }\n'; var html = '\n\n\n' + '\n' + '\n' + '\n' + '\n\n' + slides + '\n\n'; if (window.parent === window) { var win = window.open('about:blank', '_blank', 'width=1280,height=900'); if (win) { win.document.open('text/html', 'replace'); win.document.write(html); win.document.close(); showToast('Quarterly report opened in new tab — use File > Print > Save as PDF.', 'success'); } else { showToast('Popup blocked — please allow popups for this site and try again.', 'error'); } return; } var blob = new Blob([html], { type: 'text/html;charset=utf-8' }); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = fileName; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); showToast('Quarterly report downloaded — open in a browser and print to PDF.', 'success'); } function saveMonthlyReview() { _reviewAttendeesOther = (document.getElementById('rv-attendees-other') || {}).value || ''; const working = (document.getElementById('rv-working') || {}).value || ''; const blocking = (document.getElementById('rv-blocking') || {}).value || ''; const change = (document.getElementById('rv-change') || {}).value || ''; if (!working && !blocking && !change) { showToast('Please fill in at least one answer before saving.', 'error'); return; } const b = _reviewCurrentBriefing || generateMonthlyBriefing(); const record = { id: 'review-' + Date.now(), type: 'monthly', date: new Date().toISOString().split('T')[0], attendees: _reviewAttendees.slice(), attendeesOther: _reviewAttendeesOther, briefing: b, answers: { working, blocking, change }, notesSummary: _rvMonthlyNotesSummary || '', aiSummary: '', completedAt: new Date().toISOString() }; strategyReviews.push(record); saveStrategyReviews(); showToast('Monthly review saved.', 'success'); closeReviewModal(); } // ── Focus suggestions — weekly and monthly ──────────────────────────────── function _rvToggleFocusWhy(type, idx) { const arr = type === 'weekly' ? _rvWeeklyFocusResult : _rvMonthlyFocusResult; if (!arr || !arr[idx]) return; arr[idx]._showWhy = !arr[idx]._showWhy; const el = document.getElementById('rv-focus-why-' + type + '-' + idx); const btn = document.getElementById('rv-focus-why-btn-' + type + '-' + idx); if (el) el.style.display = arr[idx]._showWhy ? 'block' : 'none'; if (btn) btn.textContent = arr[idx]._showWhy ? 'Hide' : 'Why?'; } function _rvBuildFocusHtml(type) { const loading = type === 'weekly' ? _rvWeeklyFocusLoading : _rvMonthlyFocusLoading; const result = type === 'weekly' ? _rvWeeklyFocusResult : _rvMonthlyFocusResult; const runFn = type === 'weekly' ? 'runWeeklyFocusAI()' : 'runMonthlyFocusAI()'; const btnLabel = result ? (type === 'weekly' ? "Refresh week's focus" : "Refresh month's focus") : (type === 'weekly' ? "This week's focus?" : "This month's focus?"); const introLabel = type === 'weekly' ? 'AI Strategy Coach recommends the following items to focus on this week:' : 'AI Strategy Coach recommends the following items to focus on this month:'; let resultHtml = ''; if (loading) { resultHtml = `

Generating focus suggestions — typically 10–20 seconds...

`; } else if (result && result.length > 0) { const aiRationaleAvailable = result.some(function(item) { return item.rationale && item.rationale.trim(); }); const itemsHtml = result.map(function(item, idx) { const ref = item.ref ? '' + escapeHtml(item.ref) + '' : ''; const lvl = item.level && item.level !== 'action' ? '' + escapeHtml(item.level) + '' : ''; const owner = item.owner ? '' + escapeHtml(item.owner) + '' : ''; const hasRationale = item.rationale && item.rationale.trim(); const whyBtn = hasRationale ? 'Why?' : ''; const whyPanel = hasRationale ? '

' + escapeHtml(item.rationale) + '

' : ''; return '

' + '

' + '

' + (idx + 1) + '

' + '

' + '

' + lvl + ref + '' + escapeHtml(item.title || '') + '' + owner + whyBtn + '

' + whyPanel + '

' + '

' + '

'; }).join(''); let aiNote = ''; if (!aiRationaleAvailable) { if (!isAIAvailable()) { // No API key at all — prompt setup aiNote = '

' + 'Connect AI to see why each action was selected. ' + 'Set up AI' + '

'; } else if (_rvWeeklyFocusAICallFailed) { // Key exists but the call threw — show error + retry with actual error message const errDetail = _rvWeeklyFocusAIErrorMessage ? ' (' + escapeHtml(_rvWeeklyFocusAIErrorMessage) + ')' : ''; aiNote = '

' + 'AI call failed' + errDetail + '. ' + 'Try again' + '

'; } // else: AI available, not failed, just hasn't been run yet — show nothing } resultHtml = '

' + '

' + introLabel + '

' + itemsHtml + aiNote + '

' + 'Refresh suggestions' + '

' + '

'; } const needsAI = type === 'monthly'; const aiNotice = needsAI && !isAIAvailable() ? ' Requires AI setup' : ''; const disabledAttr = needsAI && !isAIAvailable() ? ' disabled' : ''; const btnHtml = !loading ? '' + btnLabel + '' + aiNotice : ''; return '

' + btnHtml + resultHtml + '

'; } // Shared helper — builds action-specific rationale without AI. // Used when AI is unavailable, fails, or doesn't return a result for a specific action. function _rvFocusHierarchyRationale(r) { const action = r._aiAction; const goal = action ? (strategyData.goals || []).find(function(g) { return g.id === action.parentId; }) : null; const obj = goal ? (strategyData.objectives || []).find(function(o) { return o.id === goal.parentId; }) : null; // Find actions that depend on this one — name them specifically const unblockedActions = action ? (strategyData.actions || []).filter(function(a) { return (a.dependencyLinks || []).some(function(dl) { return dl.dependsOnActionId === action.id && !dl.mitigated; }); }) : []; const parts = []; // Start with the success criteria — most action-specific signal available if (action && action.successCriteria) { parts.push(action.successCriteria.replace(/^Done when[:\s]*/i, 'Completed when ')); } else if (action && action.description) { parts.push(action.description.slice(0, 100).replace(/\s+\S+$/, '') + '…'); } // Connect to parent goal (not objective — too high-level, and all actions share it) if (goal) { parts.push('This is a required milestone for "' + goal.title + '"'); } // Name what it unblocks, if anything if (unblockedActions.length === 1) { parts.push('and directly unblocks "' + unblockedActions[0].title.slice(0, 60) + '"'); } else if (unblockedActions.length > 1) { parts.push('and unblocks ' + unblockedActions.length + ' downstream actions including "' + unblockedActions[0].title.slice(0, 50) + '"'); } if (!parts.length && obj) { parts.push('Key action under "' + obj.title + '"'); } if (!parts.length) { parts.push('One of the highest-leverage actions available this week'); } return parts.join('. ') + '.'; } async function runWeeklyFocusAI() { // Selection is rule-based (identical to Exec Brief "Actions This Week"). // If AI is available, rationale is AI-generated strategic advice explaining WHY // each action matters strategically over the others — not a data readout. _rvWeeklyFocusAICallFailed = false; // clear any previous error state _rvWeeklyFocusAIErrorMessage = ''; let prioData = loadStrategyWeeklyPriorities(); if (!prioData || !prioData.current || !(prioData.current.items || []).length) { prioData = generateWeeklyPriorities(); } const items = (prioData.current.items || []).slice(0, 5); if (!items.length) { showToast('No eligible actions found for this week.', 'info'); return; } // Build result entries — rationale will be populated below _rvWeeklyFocusResult = items.map(function(item) { const action = (strategyData.actions || []).find(function(a) { return a.id === item.actionId; }); return { ref: item.refNumber || '', title: item.title, owner: (action && action.owner) || '', rationale: '', _aiAction: action || null, _item: item, _showWhy: false }; }); if (!isAIAvailable()) { // No AI — show the ranked list but no Why? rationale (Why? button hidden when rationale is empty) renderStrategyReviewModal(); return; } // Show loading state while AI generates strategic rationale _rvWeeklyFocusLoading = true; renderStrategyReviewModal(); try { // Build context about selected and non-selected actions const selectedRefs = items.map(function(i) { return i.refNumber || ''; }); const allActiveActions = (strategyData.actions || []).filter(function(a) { return a.status !== 'complete'; }); const notSelectedSample = allActiveActions .filter(function(a) { return !selectedRefs.includes(a.refNumber || ''); }) .slice(0, 20) .map(function(a) { const gs = (a.gravityScore && a.gravityScore.gravityScore != null) ? a.gravityScore.gravityScore : 'N/A'; return (a.refNumber || '?') + ' | ' + a.title + ' | status:' + a.status + ' | gravity:' + gs + ' | priority:' + (a.priority || 'medium'); }); // Build selected action lines with full parent context const selectedLines = items.map(function(item) { const action = (strategyData.actions || []).find(function(a) { return a.id === item.actionId; }); const goal = action ? (strategyData.goals || []).find(function(g) { return g.id === action.parentId; }) : null; const obj = goal ? (strategyData.objectives || []).find(function(o) { return o.id === goal.parentId; }) : null; const gs = item.gravityScore != null ? item.gravityScore : 'N/A'; const depCount = action ? ((action.dependencyLinks || []).filter(function(dl) { return !dl.mitigated; }).length) : 0; const unblocks = (function() { if (!action) return 0; return (strategyData.actions || []).filter(function(a) { return (a.dependencyLinks || []).some(function(dl) { return dl.dependsOnActionId === action.id && !dl.mitigated; }); }).length; }()); return 'REF: ' + (item.refNumber || '?') + '\nTitle: ' + item.title + (goal ? '\nParent Goal: ' + (goal.refNumber || '?') + ' — ' + goal.title : '') + (obj ? '\nParent Objective: ' + (obj.refNumber || '?') + ' — ' + obj.title : '') + '\nStatus: ' + (action ? action.status : 'unknown') + '\nGravity score: ' + gs + '\nActions it unblocks: ' + unblocks + '\nOpen dependencies: ' + depCount + '\nDue: ' + (item.dueDateDisplay || 'no date') + (item.isOverdue ? ' (OVERDUE)' : '') + (action && action.successCriteria ? '\nDone when: ' + action.successCriteria : '') + (action && action.description ? '\nDescription: ' + action.description.slice(0, 200) : ''); }); const ctxBlock = buildCompanyContextBlock(); const systemPrompt = 'You are a strategic execution coach. Five actions have already been selected by a scoring algorithm as this week\'s highest-priority items.\n\n' + 'Your sole job: explain WHY each action matters strategically — specifically, why it deserves focus THIS WEEK over everything else on the list.\n\n' + 'STRICT RULES:\n' + '- Do NOT say "it is overdue", "it has a high gravity score", "it is high priority" or any variant that just restates a data field the user already knows.\n' + '- Do NOT describe what the action is — the user already knows.\n' + '- DO explain the strategic consequence: what is at stake if this action slips another week?\n' + '- DO explain unique leverage: why does completing THIS action this week move the strategy forward more than similar actions?\n' + '- DO reference what it unlocks, what risk it neutralises, or what objective it decisively advances.\n' + '- DO draw a direct line from this action to the parent goal and objective where relevant.\n' + '- Write as a trusted strategic advisor speaking to the leadership team — insightful, candid, specific to this business.\n' + '- Each rationale: 25–40 words. No data readouts. Pure strategic reasoning.\n\n' + 'Return ONLY a JSON array starting with [. No preamble, no markdown fences.\n' + 'Format: [{"ref":"1.1.1","rationale":"25-40 word strategic reasoning"}]'; const userMsg = (ctxBlock ? ctxBlock + '\n\n' : '') + '## The 5 selected actions (with context)\n\n' + selectedLines.join('\n\n---\n\n') + '\n\n## Other active actions that were NOT selected (for comparison — reference these when explaining what makes the selected actions uniquely important)\n' + (notSelectedSample.length ? notSelectedSample.join('\n') : 'None') + '\n\n## Mission\n' + (strategyData.mission ? (strategyData.mission.statement || strategyData.mission.title || '') : '') + '\n\n## Vision\n' + (strategyData.vision ? (strategyData.vision.title || '') : '') + '\n\nFor each of the 5 selected actions, write a 25-40 word strategic rationale explaining WHY it should be this week\'s focus. Return JSON only.'; const raw = await callAnthropicAPI({ model: getActiveModel(), max_tokens: 800, system: systemPrompt, messages: [{ role: 'user', content: userMsg }] }); // callAnthropicAPI returns a { ok, status, json } wrapper — must call .json() first if (!raw.ok) { let errMsg = 'HTTP ' + raw.status; try { const errBody = await raw.json(); errMsg = (errBody.error && errBody.error.message) ? errBody.error.message : errMsg; } catch(_) {} throw new Error(errMsg); } const body = await raw.json(); const text = (body.content && body.content[0]) ? body.content[0].text : ''; const match = text.match(/\[[\s\S]*\]/); if (!match) throw new Error('No JSON found in response'); const parsed = JSON.parse(match[0]); // Merge AI rationale; fall back to hierarchy rationale for any action AI missed _rvWeeklyFocusResult = _rvWeeklyFocusResult.map(function(r) { const aiEntry = parsed.find(function(p) { return p.ref === r.ref; }); return Object.assign({}, r, { rationale: (aiEntry && aiEntry.rationale) ? aiEntry.rationale : _rvFocusHierarchyRationale(r) }); }); } catch(err) { console.error('runWeeklyFocusAI rationale error:', err); _rvWeeklyFocusAICallFailed = true; // AI was available but the call failed — show error+retry, not "Connect AI" _rvWeeklyFocusAIErrorMessage = err.message || 'Unknown error'; // rationale stays empty; Why? buttons won't appear; error UI shown below the list } finally { _rvWeeklyFocusLoading = false; renderStrategyReviewModal(); } } async function runMonthlyFocusAI() { if (!isAIAvailable()) { showToast('AI features require an API key.', 'error'); return; } _rvMonthlyFocusLoading = true; _rvMonthlyFocusResult = null; renderStrategyReviewModal(); try { const activeObjs = strategyData.objectives.filter(function(o) { return o.status !== 'complete'; }); const activeGoals = strategyData.goals.filter(function(g) { return g.status !== 'complete'; }); const activeActions = strategyData.actions.filter(function(a) { return a.status !== 'complete'; }); const dependedOnCount = {}; strategyData.actions.forEach(function(a) { (a.dependencyLinks || []).forEach(function(dl) { if (dl.dependsOnActionId) { dependedOnCount[dl.dependsOnActionId] = (dependedOnCount[dl.dependsOnActionId] || 0) + 1; } }); }); function itemLine(item, level) { const gs = item.gravityScore && item.gravityScore.gravityScore != null ? item.gravityScore.gravityScore : 'N/A'; const unblocks = dependedOnCount[item.id] || 0; const openDeps = level === 'action' ? (item.dependencyLinks || []).filter(function(dl) { return !dl.mitigated; }).length : 0; return (item.refNumber || '?') + ' | ' + level + ' | ' + item.title + ' | status:' + item.status + ' | priority:' + (item.priority || 'medium') + ' | phase:' + (item.phase || '?') + ' | gravity:' + gs + ' | unblocks:' + unblocks + ' | open-deps:' + openDeps + ' | due:' + (item.dueDate ? item.dueDate.value : 'none') + ' | owner:' + (item.owner || ''); } const allLines = [ ...activeObjs.map(function(o) { return itemLine(o, 'objective'); }), ...activeGoals.map(function(g) { return itemLine(g, 'goal'); }), ...activeActions.map(function(a) { return itemLine(a, 'action'); }) ].join('\n'); const b = _reviewCurrentBriefing || generateMonthlyBriefing(); const ctxBlock = buildCompanyContextBlock(); const systemPrompt = 'You are a strategic execution coach. Select 5-10 specific objectives, goals, or actions the team should prioritise THIS MONTH.\n\n' + 'Selection criteria:\n' + '1. DEPENDENCY UNBLOCKING: items with the highest "unblocks" count — completing them enables the most downstream work\n' + '2. RISK MITIGATION: items with status:risk that could escalate if not addressed this month\n' + '3. HIGH GRAVITY: actions with gravity >= 60 carry the highest strategic leverage\n' + '4. EXECUTION FEASIBILITY: the item must be completable or significantly progressed within ONE MONTH; exclude actions with open-deps > 0 unless the goal is to resolve those dependencies this month\n' + '5. HIGH PRIORITY: favour high-priority items not yet complete\n' + '6. PHASE ALIGNMENT: prefer items in the current or next phase\n\n' + 'Include a mix of levels (objectives for direction, goals for milestones, actions for execution) to give the team a clear picture.\n\n' + 'For each item write a rationale of 20–35 words explaining the specific reason it should be this month\'s focus — cite the data (gravity, unblocks, risk status, due date).\n\n' + 'Return ONLY a JSON array starting with [. No preamble, no markdown fences.\n' + '[{"ref":"1.1","title":"item title","level":"objective|goal|action","owner":"owner or empty","rationale":"20-35 word reason citing data"}]'; const briefingSummary = 'At risk: ' + (b.atRiskItems.length > 0 ? b.atRiskItems.map(function(i) { return (i.refNumber || '') + ' ' + i.title; }).join('; ') : 'None') + '\nStalled: ' + (b.stalledItems.length > 0 ? b.stalledItems.map(function(i) { return (i.refNumber || '') + ' ' + i.title; }).join('; ') : 'None'); const userMsg = (ctxBlock ? ctxBlock + '\n\n' : '') + '## Current Briefing\n' + briefingSummary + '\n\n## Active Items (objectives / goals / actions)\n' + allLines + '\n\n## Phase Definitions\n' + Object.entries(PHASES).map(function(entry) { return 'Phase ' + entry[0] + ' — ' + entry[1].name + (entry[1].purpose ? ': ' + entry[1].purpose : ''); }).join('\n') + '\n\nSelect 5-10 items most worth focusing on THIS MONTH. Return JSON only.'; const raw = await callAnthropicAPI({ model: getActiveModel(), max_tokens: 1500, system: systemPrompt, messages: [{ role: 'user', content: userMsg }] }); if (!raw.ok) { const errBody = await raw.json(); throw new Error(errBody.error?.message || 'HTTP ' + raw.status); } const body = await raw.json(); const text = body.content[0].text; const match = text.match(/\[[\s\S]*\]/); if (!match) throw new Error('No JSON found in response'); _rvMonthlyFocusResult = JSON.parse(match[0]).map(function(item) { return Object.assign({}, item, { _showWhy: false }); }); } catch(err) { console.error('runMonthlyFocusAI error:', err); showToast('Could not generate focus suggestions — ' + (err.message || 'unknown error'), 'error'); } finally { _rvMonthlyFocusLoading = false; renderStrategyReviewModal(); } } // ── Prior notes summary helpers ────────────────────────────────── // Gather and format prior review entries for AI summarisation. // type: 'weekly' | 'monthly'. maxCount: how many to include. // Returns a formatted string (most recent first), or '' if none found. // Returns the most recently persisted notesSummary for a given review type, // or null if none exists. Used to pre-populate in-memory state on modal open // and to provide a fallback source for report slide generation. function _rvGetPersistedNotesSummary(type) { const reviews = (strategyReviews || []) .filter(function(r) { return r.type === type && r.notesSummary; }) .sort(function(a, b) { return new Date(b.date) - new Date(a.date); }); return reviews.length ? reviews[0].notesSummary : null; } function _rvGatherPriorNotes(type, maxCount) { const reviews = (strategyReviews || []) .filter(function(r) { return r.type === type && r.answers; }) .sort(function(a, b) { return new Date(b.date) - new Date(a.date); }) .slice(0, maxCount); if (!reviews.length) return ''; return reviews.map(function(r) { const d = new Date(r.date); const label = d.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' }); var parts = []; if (type === 'weekly') { if (r.answers.done) parts.push('Completed: ' + r.answers.done); if (r.answers.blocking) parts.push('Blocking: ' + r.answers.blocking); if (r.answers.next) parts.push('Next week focus: ' + r.answers.next); return '### Week of ' + label + '\n' + parts.join('\n'); } else { if (r.answers.working) parts.push('What worked: ' + r.answers.working); if (r.answers.blocking) parts.push('Blocking: ' + r.answers.blocking); if (r.answers.change) parts.push('What to change: ' + r.answers.change); return '### Month of ' + label + '\n' + parts.join('\n'); } }).join('\n\n'); } // AI synthesis of the last 4 weekly check-ins — shown in the Monthly tab and monthly report. async function runWeeklyNotesSummary() { if (!isAIAvailable()) { showToast('AI features require an API key.', 'error'); return; } const notes = _rvGatherPriorNotes('weekly', 4); if (!notes) { showToast('No weekly check-ins found to summarise.', 'error'); return; } _rvWeeklyNotesSummaryLoading = true; _rvWeeklyNotesSummaryFailed = false; _rvWeeklyNotesSummaryError = ''; _rvWeeklyNotesSummary = null; renderStrategyReviewModal(); try { const raw = await callAnthropicAPI({ model: getActiveModel(), max_tokens: 500, system: 'You are a strategic execution coach. Read these weekly check-in notes from a strategy team and write a concise synthesis of 100–150 words. ' + 'Identify: (1) recurring themes or patterns in what got done, (2) persistent blockers that keep reappearing, (3) whether stated next-week focus aligned with actual completions the following week. ' + 'Be specific — reference the actual content, not generic observations. Write flowing prose, no bullet points.', messages: [{ role: 'user', content: '## Weekly check-in notes (most recent first)\n\n' + notes + '\n\nWrite the synthesis now.' }] }); if (!raw.ok) { const e = await raw.json(); throw new Error((e.error && e.error.message) || 'HTTP ' + raw.status); } const body = await raw.json(); _rvWeeklyNotesSummary = body.content[0].text.trim(); // Persist to the most recent weekly review entry so the summary // survives modal close and is available in reports without regenerating. const _latestWeekly = (strategyReviews || []) .filter(function(r) { return r.type === 'weekly'; }) .sort(function(a, b) { return new Date(b.date) - new Date(a.date); })[0]; if (_latestWeekly) { _latestWeekly.notesSummary = _rvWeeklyNotesSummary; saveStrategyReviews(); } } catch(err) { console.error('runWeeklyNotesSummary error:', err); _rvWeeklyNotesSummaryFailed = true; _rvWeeklyNotesSummaryError = err.message || 'Unknown error'; } finally { _rvWeeklyNotesSummaryLoading = false; renderStrategyReviewModal(); } } // AI synthesis of the last 3 monthly reviews — shown in the Quarterly tab and quarterly report. async function runMonthlyNotesSummaryAI() { if (!isAIAvailable()) { showToast('AI features require an API key.', 'error'); return; } const notes = _rvGatherPriorNotes('monthly', 3); if (!notes) { showToast('No monthly reviews found to summarise.', 'error'); return; } _rvMonthlyNotesSummaryLoading = true; _rvMonthlyNotesSummaryFailed = false; _rvMonthlyNotesSummaryError = ''; _rvMonthlyNotesSummary = null; renderStrategyReviewModal(); try { const raw = await callAnthropicAPI({ model: getActiveModel(), max_tokens: 600, system: 'You are a strategic execution coach. Read these monthly strategy review notes and write a concise synthesis of 120–180 words. ' + 'Identify: (1) themes in what has been working across months, (2) persistent or escalating blockers, (3) changes flagged and whether they recur. ' + 'Be specific — reference the actual content, not generic observations. Write flowing prose, no bullet points.', messages: [{ role: 'user', content: '## Monthly review notes (most recent first)\n\n' + notes + '\n\nWrite the synthesis now.' }] }); if (!raw.ok) { const e = await raw.json(); throw new Error((e.error && e.error.message) || 'HTTP ' + raw.status); } const body = await raw.json(); _rvMonthlyNotesSummary = body.content[0].text.trim(); // Persist to the most recent monthly review entry. const _latestMonthly = (strategyReviews || []) .filter(function(r) { return r.type === 'monthly'; }) .sort(function(a, b) { return new Date(b.date) - new Date(a.date); })[0]; if (_latestMonthly) { _latestMonthly.notesSummary = _rvMonthlyNotesSummary; saveStrategyReviews(); } } catch(err) { console.error('runMonthlyNotesSummaryAI error:', err); _rvMonthlyNotesSummaryFailed = true; _rvMonthlyNotesSummaryError = err.message || 'Unknown error'; } finally { _rvMonthlyNotesSummaryLoading = false; renderStrategyReviewModal(); } } async function runQuarterlyAIReview() { if (!isAIAvailable()) { showToast('AI features require an API key.', 'error'); return; } _reviewQAILoading = true; _reviewQAIResult = null; renderStrategyReviewModal(); try { const b = _reviewCurrentBriefing || generateMonthlyBriefing(); const lastMonthly = strategyReviews.filter(r => r.type === 'monthly').slice(-3); const reviewSummary = lastMonthly.length > 0 ? lastMonthly.map((r, i) => `Monthly review ${i + 1} (${r.date}):\n Working: ${r.answers.working || 'N/A'}\n Blocking: ${r.answers.blocking || 'N/A'}\n Change: ${r.answers.change || 'N/A'}`).join('\n\n') : 'No previous monthly reviews on record.'; const briefingSummary = ` Completed since last review: ${b.completedSince.length > 0 ? b.completedSince.map(i => i.refNumber + ' ' + i.title).join('; ') : 'None'} Currently at risk: ${b.atRiskItems.length > 0 ? b.atRiskItems.map(i => i.refNumber + ' ' + i.title).join('; ') : 'None'} Stalled items: ${b.stalledItems.length > 0 ? b.stalledItems.map(i => i.refNumber + ' ' + i.title + (i.daysSinceChange ? ' (' + i.daysSinceChange + 'd)' : '')).join('; ') : 'None'} Active drift alerts: ${b.activeDriftAlerts.length > 0 ? b.activeDriftAlerts.map(a => a.title).join('; ') : 'None'} High-severity RAID items: ${(b.raidHighItems || []).length > 0 ? b.raidHighItems.map(e => '[' + e.label + '] ' + e.title).join('; ') : 'None'}`.trim(); const stratContext = buildStrategyContext(); const ctxBlock = buildCompanyContextBlock(); const intBlock = buildIntelligenceBlock(); const systemPrompt = `You are a strategic advisor conducting a quarterly strategy review. Analyse the briefing, recent monthly review notes, and full strategy state provided. Return ONLY a JSON object with this exact structure (no preamble, no markdown fences): { "phase_progress": [{"phase":"1","phaseName":"string","assessment":"on_track|at_risk|behind","summary":"One sentence assessing this phase against its exit criteria."}], "at_risk_objectives": [{"refNumber":"OBJ-1","title":"string","reason":"Why at risk — 15 words max"}], "suggested_changes": [{"refNumber":"1.1.1","level":"action|goal|objective","title":"string","changeType":"prioritise|deprioritise|pause","currentPriority":"low|medium|high","suggestedPriority":"low|medium|high","rationale":"Why — 15 words max"}] } Rules: - phase_progress: assess every active phase against its purpose and exit criteria; omit phases with no actions - at_risk_objectives: only objectives at genuine risk of not completing in the next 12 months; max 5 - suggested_changes: only concrete changes with a real refNumber from the strategy; max 10; no deletions — only priority changes - Response must begin immediately with { - No emoji, no markdown, plain English throughout${ctxBlock ? '\n\n' + ctxBlock : ''}${intBlock ? '\n\n' + intBlock : ''}`; const userMsg = `## Strategy State\n${stratContext}\n\n## Recent Briefing\n${briefingSummary}\n\n## Last Monthly Reviews\n${reviewSummary}\n\n## Phase Definitions\n${Object.entries(PHASES).map(([k,p]) => `Phase ${k} — ${p.name}: ${p.purpose || ''} Exit criteria: ${p.exitCriteria || 'not defined'}`).join('\n')}`; const body = { model: getActiveModel(), max_tokens: 2000, messages: [{ role: 'user', content: userMsg }], system: systemPrompt }; const raw = await callAnthropicAPI(body); if (!raw.ok) { const errBody = await raw.json(); throw new Error(errBody.error?.message || 'HTTP ' + raw.status); } const apiBody = await raw.json(); const text = apiBody.content[0].text; const match = text.match(/\{[\s\S]*\}/); if (!match) throw new Error('No JSON found in response'); const parsed = JSON.parse(match[0]); // Initialise decision state for suggested changes if (parsed.suggested_changes) { parsed.suggested_changes = parsed.suggested_changes.map(s => ({ ...s, _decision: '' })); } _reviewQAIResult = parsed; // Save the quarterly review record (no answers — AI summary instead) const aiSummary = (parsed.at_risk_objectives || []).map(o => o.refNumber + ': ' + o.reason).join('; '); const record = { id: 'review-' + Date.now(), type: 'quarterly', date: new Date().toISOString().split('T')[0], briefing: b, answers: { working: '', blocking: '', change: '' }, aiSummary, completedAt: new Date().toISOString() }; strategyReviews.push(record); saveStrategyReviews(); } catch(err) { console.error('runQuarterlyAIReview error:', err); showToast('Quarterly review failed — ' + (err.message || 'unknown error'), 'error'); } finally { _reviewQAILoading = false; renderStrategyReviewModal(); } } function _rvApplyChange(idx) { if (!_reviewQAIResult || !_reviewQAIResult.suggested_changes) return; const s = _reviewQAIResult.suggested_changes[idx]; if (!s) return; // Find the item and apply the priority change const allItems = [ ...strategyData.objectives.map(i => ({ ...i, _level: 'objective' })), ...strategyData.goals.map(i => ({ ...i, _level: 'goal' })), ...strategyData.actions.map(i => ({ ...i, _level: 'action' })) ]; const item = allItems.find(i => i.refNumber === s.refNumber); let changed = false; if (item) { // Apply priority change in the live strategyData arrays const lvl = item._level; const arr = lvl === 'objective' ? strategyData.objectives : lvl === 'goal' ? strategyData.goals : strategyData.actions; const live = arr.find(i => i.refNumber === s.refNumber); if (live && s.suggestedPriority) { live.priority = s.suggestedPriority; changed = true; } } if (changed) { saveToLocalStorage(); _reviewQAIResult.suggested_changes[idx]._decision = 'accepted'; showToast('Priority updated for ' + (s.refNumber || 'item') + '.', 'success'); renderStrategyReviewModal(); } else { showToast('Could not find item ' + (s.refNumber || '') + ' in strategy data.', 'error'); } } function _rvSkipChange(idx) { if (!_reviewQAIResult || !_reviewQAIResult.suggested_changes) return; _reviewQAIResult.suggested_changes[idx]._decision = 'skipped'; renderStrategyReviewModal(); } function _rvUndoChange(idx) { if (!_reviewQAIResult || !_reviewQAIResult.suggested_changes) return; _reviewQAIResult.suggested_changes[idx]._decision = ''; renderStrategyReviewModal(); } // ══════════════════════════════════════════════════════════════════════ // INIT — load all new data stores on startup // ══════════════════════════════════════════════════════════════════════ // ── Weekly Commitments ──────────────────────────────────────────────────── // ── Weekly Commitments cascading-form helpers ───────────────────────────── function _wcGetSystemOwners() { const s = new Set(); [...(strategyData.objectives||[]), ...(strategyData.goals||[]), ...(strategyData.actions||[])] .forEach(item => { if (item.owner && item.owner.trim()) s.add(item.owner.trim()); }); return [...s].sort(); } function _wcGetGoalsForObj(objId) { if (!objId) return []; return (strategyData.goals || []).filter(g => g.parentId === objId); } function _wcGetActionsForGoal(goalId) { if (!goalId) return []; return (strategyData.actions || []).filter(a => a.parentId === goalId); } function _wcJsEsc(s) { return String(s).replace(/\\/g, '\\\\').replace(/'/g, "\\'"); } function _wcFmtDateFull(str) { if (!str) return ''; const [y, m, d] = str.split('-'); const months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; return `${parseInt(d, 10)} ${months[parseInt(m, 10) - 1]} ${y}`; } function _wcToggleDd(which) { const ids = { obj: 'wcObjDd', goal: 'wcGoalDd', action: 'wcActionDd', owner: 'wcOwnerDd' }; Object.entries(ids).forEach(([k, id]) => { const wrap = document.getElementById(id); if (!wrap) return; const btn = wrap.querySelector('.kb-dd-btn'); const opts = wrap.querySelector('.kb-dd-opts'); if (!btn || !opts) return; if (k === which) { btn.classList.toggle('open'); opts.classList.toggle('open'); } else { btn.classList.remove('open'); opts.classList.remove('open'); } }); } function _wcSelectOwner(val) { _wcOwnerVal = val; const lbl = document.getElementById('wcOwnerLabel'); if (lbl) lbl.textContent = val || 'select owner...'; const dd = document.getElementById('wcOwnerDd'); if (dd) { dd.querySelector('.kb-dd-btn').classList.remove('open'); dd.querySelector('.kb-dd-opts').classList.remove('open'); dd.querySelectorAll('.kb-dd-opt').forEach(o => o.classList.toggle('selected', o.dataset.val === val)); } } function _wcSelectObj(objId) { _wcObjId = objId; _wcGoalId = ''; _wcActionId = ''; const obj = (strategyData.objectives || []).find(o => o.id === objId); const lbl = document.getElementById('wcObjLabel'); if (lbl) lbl.textContent = obj ? (obj.refNumber ? 'Obj ' + obj.refNumber + ': ' + obj.title : obj.title) : 'select...'; const dd = document.getElementById('wcObjDd'); if (dd) { dd.querySelector('.kb-dd-btn').classList.remove('open'); dd.querySelector('.kb-dd-opts').classList.remove('open'); dd.querySelectorAll('.kb-dd-opt').forEach(o => o.classList.toggle('selected', o.dataset.val === objId)); } _wcRepopulateGoals(); _wcRepopulateActions(); } function _wcRepopulateGoals() { const optsEl = document.getElementById('wcGoalOpts'); const lblEl = document.getElementById('wcGoalLabel'); if (!optsEl) return; const goals = _wcGetGoalsForObj(_wcObjId); if (lblEl) lblEl.textContent = 'select...'; optsEl.innerHTML = goals.length === 0 ? `

${_wcObjId ? 'No goals for this objective' : 'Select an objective first'}

` : goals.map(g => `

${escapeHtml(g.refNumber ? 'Goal ' + g.refNumber + ': ' + g.title : g.title)}

`).join(''); } function _wcSelectGoal(goalId) { _wcGoalId = goalId; _wcActionId = ''; const goal = (strategyData.goals || []).find(g => g.id === goalId); const lbl = document.getElementById('wcGoalLabel'); if (lbl) lbl.textContent = goal ? (goal.refNumber ? 'Goal ' + goal.refNumber + ': ' + goal.title : goal.title) : 'select...'; const dd = document.getElementById('wcGoalDd'); if (dd) { dd.querySelector('.kb-dd-btn').classList.remove('open'); dd.querySelector('.kb-dd-opts').classList.remove('open'); dd.querySelectorAll('.kb-dd-opt').forEach(o => o.classList.toggle('selected', o.dataset.val === goalId)); } _wcRepopulateActions(); } function _wcRepopulateActions() { const optsEl = document.getElementById('wcActionOpts'); const lblEl = document.getElementById('wcActionLabel'); if (!optsEl) return; const actions = _wcGetActionsForGoal(_wcGoalId); if (lblEl) lblEl.textContent = 'select...'; _wcActionId = ''; optsEl.innerHTML = actions.length === 0 ? `

${_wcGoalId ? 'No actions for this goal' : 'Select a goal first'}

` : actions.map(a => `

${escapeHtml(a.refNumber ? a.refNumber + ': ' + a.title : a.title)}

`).join(''); } function _wcSelectAction(actionId) { _wcActionId = actionId; const action = (strategyData.actions || []).find(a => a.id === actionId); const lbl = document.getElementById('wcActionLabel'); if (lbl) lbl.textContent = action ? (action.refNumber ? action.refNumber + ': ' + action.title : action.title) : 'select...'; const dd = document.getElementById('wcActionDd'); if (dd) { dd.querySelector('.kb-dd-btn').classList.remove('open'); dd.querySelector('.kb-dd-opts').classList.remove('open'); dd.querySelectorAll('.kb-dd-opt').forEach(o => o.classList.toggle('selected', o.dataset.val === actionId)); } } function renderCommitments() { const el = document.getElementById('commitmentsContent'); if (!el) return; if (!strategyWeeklyCommitments) { el.innerHTML = '

Loading...

'; return; } const entries = strategyWeeklyCommitments.entries || []; const history = strategyWeeklyCommitments.history || []; const monday = strategyWeeklyCommitments.weekStart; const sunday = _wcSunday(monday); const weekLabel = `${_wcFmtDate(monday)} – ${_wcFmtDate(sunday)}`; const doneCount = entries.filter(e => e.done).length; const totalCount = entries.length; // ── Carry-forward: undone items from last archived week ──────────── const lastWeek = history.length > 0 ? history[history.length - 1] : null; const carryItems = lastWeek ? (lastWeek.entries || []).filter(e => !e.done) : []; const carryHtml = carryItems.length === 0 ? '' : `

Carry forward from last week

These items from ${_wcFmtDate(lastWeek.weekStart)} weren't completed. Carry any forward?

${carryItems.map(e => `

${escapeHtml(e.text)} ${e.owner ? `${escapeHtml(e.owner)}` : ''} Carry forward

`).join('')}

`; // ── This week's list ────────────────────────────────────────────── const listHtml = entries.length === 0 ? '

No commitments yet this week — add one below.

' : entries.map(e => `

${e.done ? '✓' : ''}

${escapeHtml(e.text)} ${e.dueDate ? `by ${_wcFmtDateFull(e.dueDate)}` : ''} ${e.owner ? `${escapeHtml(e.owner)}` : ''} ✕

`).join(''); // ── Completion trend (last 6 archived weeks) ───────────────────── const recentHistory = history.slice(-6); const trendHtml = recentHistory.length === 0 ? '' : `

Completion trend — last ${recentHistory.length} week${recentHistory.length !== 1 ? 's' : ''}

${recentHistory.map(w => { const wEntries = w.entries || []; const wDone = wEntries.filter(e => e.done).length; const wTotal = wEntries.length; const pct = wTotal > 0 ? Math.round(wDone / wTotal * 100) : 0; const barColor = pct >= 80 ? 'var(--status-complete)' : pct >= 50 ? 'var(--accent-tertiary)' : 'var(--status-risk)'; return `

${_wcFmtDate(w.weekStart)}

${wDone}/${wTotal}

`; }).join('')}

`; // ── Past weeks history ──────────────────────────────────────────── const histHtml = history.length === 0 ? '' : `

Past weeks

${[...history].reverse().map(w => { const wEntries = w.entries || []; const wDone = wEntries.filter(e => e.done).length; const wSun = _wcSunday(w.weekStart); return `

${_wcFmtDate(w.weekStart)} – ${_wcFmtDate(wSun)} ${wDone}/${wEntries.length} done

${wEntries.length === 0 ? '

No commitments recorded.

' : wEntries.map(e => `

${e.done ? '✓' : '–'} ${escapeHtml(e.text)} ${e.owner ? `${escapeHtml(e.owner)}` : ''}

`).join('')}

`; }).join('')}

`; // ── Add-form: build cascading dropdown HTML ─────────────────────── const _objectives = strategyData.objectives || []; const _goalsForObj = _wcGetGoalsForObj(_wcObjId); const _actionsForGoal = _wcGetActionsForGoal(_wcGoalId); const _sysOwners = _wcGetSystemOwners(); const _fmtObj = o => escapeHtml(o.refNumber ? 'Obj ' + o.refNumber + ': ' + o.title : o.title); const _fmtGoal = g => escapeHtml(g.refNumber ? 'Goal ' + g.refNumber + ': ' + g.title : g.title); const _fmtAction = a => escapeHtml(a.refNumber ? a.refNumber + ': ' + a.title : a.title); const _curObj = _wcObjId ? _objectives.find(o => o.id === _wcObjId) : null; const _curGoal = _wcGoalId ? (strategyData.goals||[]).find(g => g.id === _wcGoalId) : null; const _curAction = _wcActionId ? (strategyData.actions||[]).find(a => a.id === _wcActionId) : null; const _ddObjOpts = _objectives.map(o => `

${_fmtObj(o)}

`).join(''); const _ddGoalOpts = _goalsForObj.length === 0 ? `

${_wcObjId ? 'No goals for this objective' : 'Select an objective first'}

` : _goalsForObj.map(g => `

${_fmtGoal(g)}

`).join(''); const _ddActionOpts = _actionsForGoal.length === 0 ? `

${_wcGoalId ? 'No actions for this goal' : 'Select a goal first'}

` : _actionsForGoal.map(a => `

${_fmtAction(a)}

`).join(''); const _ddOwnerOpts = `

-- No owner --

` + _sysOwners.map(o => `

${escapeHtml(o)}

`).join(''); const addFormHtml = `

In objective

${_curObj ? _fmtObj(_curObj) : 'select...'} ▼

${_ddObjOpts}

, for goal

${_curGoal ? _fmtGoal(_curGoal) : 'select...'} ▼

${_ddGoalOpts}

, I commit to completing

${_curAction ? _fmtAction(_curAction) : 'select...'} ▼

${_ddActionOpts}

by

${_wcDateStr ? _cdpFormatDisplay(_wcDateStr) : 'Select date'} ▼

. Owner:

${escapeHtml(_wcOwnerVal || 'select owner...')} ▼

${_ddOwnerOpts}

Add

`; el.innerHTML = `

Weekly Commitments

Week of ${weekLabel}

${totalCount > 0 ? `

${doneCount} of ${totalCount} done

` : ''}

${carryHtml}

This week's commitments

${listHtml}

${addFormHtml}

${trendHtml} ${histHtml}`; } function carryForwardCommitment(originalId) { const history = strategyWeeklyCommitments.history || []; const lastWeek = history.length > 0 ? history[history.length - 1] : null; if (!lastWeek) return; const original = (lastWeek.entries || []).find(e => e.id === originalId); if (!original) return; strategyWeeklyCommitments.entries.push({ id: 'wc-' + Date.now(), owner: original.owner || '', text: original.text, actionId: original.actionId || null, done: false, createdAt: new Date().toISOString() }); // Mark as done in history so it won't reappear as a carry-forward original.done = true; saveWeeklyCommitments(); renderCommitments(); } function _wcMonday(d) { // Returns YYYY-MM-DD of the Monday of the week containing d const dt = new Date(d); dt.setHours(0, 0, 0, 0); const day = dt.getDay(); // 0=Sun … 6=Sat dt.setDate(dt.getDate() - (day === 0 ? 6 : day - 1)); return dt.toISOString().split('T')[0]; } function _wcSunday(mondayStr) { // Returns YYYY-MM-DD of the Sunday 6 days after mondayStr const dt = new Date(mondayStr + 'T00:00:00'); dt.setDate(dt.getDate() + 6); return dt.toISOString().split('T')[0]; } function _wcFmtDate(str) { // e.g. '2026-04-21' → '21 Apr' const [, m, d] = str.split('-'); const months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; return `${parseInt(d, 10)} ${months[parseInt(m, 10) - 1]}`; } function loadWeeklyCommitments() { const stored = localStorage.getItem('strategyWeeklyCommitments'); const thisMonday = _wcMonday(new Date()); if (stored) { strategyWeeklyCommitments = JSON.parse(stored); // Week rollover — if stored week has changed, archive and reset if (strategyWeeklyCommitments.weekStart !== thisMonday) { const archived = { weekStart: strategyWeeklyCommitments.weekStart, entries: strategyWeeklyCommitments.entries }; const history = (strategyWeeklyCommitments.history || []).slice(-11); // keep last 11 + new = 12 history.push(archived); strategyWeeklyCommitments = { weekStart: thisMonday, entries: [], history }; saveWeeklyCommitments(); } } else { strategyWeeklyCommitments = { weekStart: thisMonday, entries: [], history: [] }; saveWeeklyCommitments(); } } function saveWeeklyCommitments() { localStorage.setItem('strategyWeeklyCommitments', JSON.stringify(strategyWeeklyCommitments)); } function renderWeeklyCommitmentsWidget() { // Read-only Dashboard summary — full management is in the Commitments view if (!strategyWeeklyCommitments) return '

Loading...

'; const entries = strategyWeeklyCommitments.entries || []; const doneCount = entries.filter(e => e.done).length; const totalCount = entries.length; if (totalCount === 0) { return `

No commitments this week. Add commitments →

`; } const preview = entries.slice(0, 5); const listHtml = preview.map(e => `

${e.done ? '✓' : ''}

${escapeHtml(e.text)} ${e.owner ? `${escapeHtml(e.owner)}` : ''}

`).join(''); const moreHtml = entries.length > 5 ? `

+${entries.length - 5} more

` : ''; return `

${listHtml}

${moreHtml}

${doneCount} of ${totalCount} done this week

Manage →

`; } function addCommitment() { if (!_wcActionId) { const dd = document.getElementById('wcActionDd'); if (dd) { dd.style.outline = '2px solid var(--status-risk)'; setTimeout(() => { dd.style.outline = ''; }, 1400); } return; } const action = (strategyData.actions || []).find(a => a.id === _wcActionId); const dateStr = (document.getElementById('wcDateInput') || {}).value || ''; const text = action ? (action.refNumber ? action.refNumber + ': ' + action.title : action.title) : ''; _lastCommitmentOwner = _wcOwnerVal; strategyWeeklyCommitments.entries.push({ id: 'wc-' + Date.now(), owner: _wcOwnerVal, text, actionId: _wcActionId || null, goalId: _wcGoalId || null, objId: _wcObjId || null, dueDate: dateStr || null, done: false, createdAt: new Date().toISOString() }); // Reset selection state for next entry (keep owner) _wcObjId = ''; _wcGoalId = ''; _wcActionId = ''; _wcDateStr = ''; saveWeeklyCommitments(); if (showCommitments) renderCommitments(); else renderDashboard(); } function toggleCommitmentDone(id) { const entry = (strategyWeeklyCommitments.entries || []).find(e => e.id === id); if (!entry) return; entry.done = !entry.done; saveWeeklyCommitments(); if (showCommitments) renderCommitments(); else renderDashboard(); } function deleteCommitment(id) { strategyWeeklyCommitments.entries = (strategyWeeklyCommitments.entries || []).filter(e => e.id !== id); saveWeeklyCommitments(); if (showCommitments) renderCommitments(); else renderDashboard(); } // ── RAID Report ─────────────────────────────────────────────────────────── function loadStrategyRaid() { try { const raw = localStorage.getItem('strategyRaid'); if (raw) { const parsed = JSON.parse(raw); strategyRaid = { risks: Array.isArray(parsed.risks) ? parsed.risks : [], assumptions: Array.isArray(parsed.assumptions) ? parsed.assumptions : [], issues: Array.isArray(parsed.issues) ? parsed.issues : [], dependencies: Array.isArray(parsed.dependencies) ? parsed.dependencies : [], generatedAt: parsed.generatedAt || null }; } else { strategyRaid = { risks: [], assumptions: [], issues: [], dependencies: [], generatedAt: null }; } } catch(e) { strategyRaid = { risks: [], assumptions: [], issues: [], dependencies: [], generatedAt: null }; } } function saveStrategyRaid() { try { localStorage.setItem('strategyRaid', JSON.stringify(strategyRaid)); } catch(e) {} } function switchRaidTab(tab) { _raidTab = tab; renderRAID(); } function renderRAID() { const el = document.getElementById('raidContent'); if (!el) return; if (!strategyRaid) loadStrategyRaid(); const hasAny = strategyRaid.risks.length || strategyRaid.assumptions.length || strategyRaid.issues.length || strategyRaid.dependencies.length; // Derive detected D entries from existing dependencyLinks const detectedDeps = _raidGetDetectedDependencies(); const genLabel = strategyRaid.generatedAt ? 'Last generated ' + new Date(strategyRaid.generatedAt).toLocaleDateString('en-GB', { day:'numeric', month:'short', year:'numeric' }) : 'Not yet generated'; const tabData = { risks: strategyRaid.risks, assumptions: strategyRaid.assumptions, issues: strategyRaid.issues, dependencies: [...strategyRaid.dependencies, ...detectedDeps] }; const counts = { risks: tabData.risks.length, assumptions: tabData.assumptions.length, issues: tabData.issues.length, dependencies: tabData.dependencies.length }; function tabCountClass(key) { if (!counts[key]) return ''; if (key === 'risks' || key === 'issues') return 'has-items-risk'; if (key === 'assumptions') return 'has-items-warn'; return 'has-items-dep'; } const tabs = ['risks','assumptions','issues','dependencies']; const tabLabels = { risks:'Risks', assumptions:'Assumptions', issues:'Issues', dependencies:'Dependencies' }; const tabsHtml = tabs.map(t => `

${tabLabels[t]}${counts[t]}

`).join(''); const aiBtn = _raidAILoading ? `Generating...` : `${hasAny ? 'Regenerate with AI' : 'Generate with AI'}`; // Build current tab content let bodyHtml = ''; const entries = tabData[_raidTab]; const isDepTab = _raidTab === 'dependencies'; if (!hasAny && !detectedDeps.length) { bodyHtml = `

No RAID entries yet

Click "Generate with AI" to let Claude analyse your strategy and produce an initial RAID register — then add or edit entries manually.

`; } else if (!entries.length) { bodyHtml = `

No ${tabLabels[_raidTab].toLowerCase()} recorded.

+ Add ${tabLabels[_raidTab].slice(0,-1).replace('ie','y')}

`; } else { // For dependencies tab, show detected-from-data banner and group by satisfied/blocking let detectedNote = ''; if (isDepTab && detectedDeps.length) { detectedNote = `

${detectedDeps.length} dependenc${detectedDeps.length===1?'y':'ies'} detected automatically from your strategy's dependency links and shown below.

`; } const entriesHtml = entries.map((e, i) => { const isDetected = !!e._detected; const sourceTag = isDetected ? `Detected` : (e.source === 'ai' ? `AI` : `Manual`); const sevDot = !isDepTab ? `

` : ''; const ownerHtml = e.owner ? `Owner: ${escapeHtml(e.owner)}` : ''; let depStatusBadge = ''; if (isDepTab && e.depStatus) { const col = e.depStatus === 'complete' ? 'var(--status-complete)' : e.depStatus === 'risk' ? 'var(--status-risk)' : e.depStatus === 'progress' ? 'var(--status-progress)' : 'var(--text-secondary)'; const label = e.depStatus === 'complete' ? 'Satisfied' : e.depStatus === 'risk' ? 'At Risk' : e.depStatus === 'progress' ? 'In Progress' : 'Not Started'; depStatusBadge = `${label}`; } const actionBtns = isDetected ? '' : `

Edit Delete

`; return `

${sevDot}

${escapeHtml(e.title)}

${e.description ? `

${escapeHtml(e.description)}

` : ''}

${sourceTag} ${depStatusBadge} ${ownerHtml}

${actionBtns}

`; }).join(''); const addSingular = { risks:'Risk', assumptions:'Assumption', issues:'Issue', dependencies:'Dependency' }; const addRowHtml = isDepTab ? '' : `

+ Add ${addSingular[_raidTab]}

`; bodyHtml = ` ${detectedNote}

${entriesHtml}

${addRowHtml}

`; } el.innerHTML = `

RAID Report

${genLabel}

${aiBtn}

${tabsHtml}

${bodyHtml}`; } // Returns dependency entries derived from action.dependencyLinks[] in strategyData function _raidGetDetectedDependencies() { const allActions = [...strategyData.actions, ...(strategyData.completedActions || [])]; const actionMap = {}; allActions.forEach(a => { actionMap[a.id] = a; }); const deps = []; allActions.forEach(action => { if (!Array.isArray(action.dependencyLinks)) return; action.dependencyLinks.forEach(link => { const source = actionMap[link.dependsOnActionId]; if (!source) return; const depStatus = source.status || 'notstarted'; deps.push({ id: action.id + '_' + link.dependsOnActionId, title: escapeHtml(action.refNumber || '') + ' depends on ' + escapeHtml(source.refNumber || ''), description: escapeHtml(action.title) + ' cannot proceed until ' + escapeHtml(source.title) + ' is complete.' + (link.rationale ? ' ' + escapeHtml(link.rationale) : ''), depStatus: depStatus, source: 'detected', _detected: true }); }); }); return deps; } async function generateRAIDWithAI() { if (!isAIAvailable()) { showToast('AI not connected — add your API key in AI Setup.', 'error'); return; } _raidAILoading = true; renderRAID(); const ctx = buildStrategyContext(); const companyCtx = buildCompanyContextBlock(); const intBlock = buildIntelligenceBlock(); // Build a compact strategy snapshot for the prompt const objSummary = strategyData.objectives.map(o => `OBJ ${o.refNumber}: ${o.title} [${o.status}]`).join('\n'); const goalSummary = strategyData.goals.map(g => `GOAL ${g.refNumber}: ${g.title} [${g.status}]${g.owner ? ' Owner:'+g.owner : ''}`).join('\n'); const actionSummary = strategyData.actions.map(a => `ACTION ${a.refNumber}: ${a.title} [${a.status}]${a.owner ? ' Owner:'+a.owner : ''}${a.dueDate ? ' Due:'+a.dueDate.value : ''}${a.phase ? ' Phase:'+a.phase : ''}`).join('\n'); const phaseBlock = Object.entries(PHASES).map(([k,p]) => `Phase ${k} — ${p.name}: ${p.purpose||''} Exit: ${p.exitCriteria||''}`).join('\n'); const systemPrompt = `You are a strategic risk analyst. Analyse the strategy and produce a RAID register (Risks, Assumptions, Issues, Dependencies). ${companyCtx} ${intBlock} DEFINITIONS: - Risk: something that COULD go wrong and would threaten strategy execution (not yet happened) - Assumption: something taken as true when designing the strategy; if it turns out to be false, the strategy is undermined - Issue: a problem that has ALREADY materialised and is actively affecting execution right now - Dependency: something external to the strategy (a market condition, a third party, a prior deliverable) that execution depends on RULES: - Risks and Issues: 3–6 entries each. Severity: high/medium/low. - Assumptions: 4–8 entries. Focus on market, team, financial, and timing assumptions baked into the strategy. - Dependencies: 3–6 entries. Only external or inter-phase dependencies — not action-to-action links (those are already tracked). - Each title: ≤12 words. Each description: ≤30 words. No preamble, no markdown. Plain business language. - Return ONLY a valid JSON object starting with {. OUTPUT FORMAT: { "risks": [{"title":"...","description":"...","severity":"high|medium|low","owner":""}], "assumptions": [{"title":"...","description":"...","severity":"medium","owner":""}], "issues": [{"title":"...","description":"...","severity":"high|medium|low","owner":""}], "dependencies": [{"title":"...","description":"...","severity":"medium","owner":""}] }`; const userMsg = `MISSION: ${strategyData.mission.title||''}\nVISION: ${strategyData.vision.title||''}\n\nOBJECTIVES:\n${objSummary}\n\nGOALS:\n${goalSummary}\n\nACTIONS:\n${actionSummary}\n\nPHASES:\n${phaseBlock}`; try { const response = await callAnthropicAPI({ model: getActiveModel(), max_tokens: 4000, system: systemPrompt, messages: [{ role: 'user', content: userMsg }] }); if (!response.ok) { let d = ''; try { const e = await response.json(); d = e.error?.message || ''; } catch(_) {} throw new Error(`API error ${response.status}${d ? ' — ' + d : ''}`); } const data = await response.json(); let text = (data.content && data.content[0] ? data.content[0].text || '' : '').trim(); // strip markdown fences text = text.replace(/^```(?:json)?\s*/i,'').replace(/\s*```$/,'').trim(); const match = text.match(/\{[\s\S]*\}/); if (!match) throw new Error('No JSON object found in response'); const parsed = JSON.parse(match[0]); const makeEntries = (arr, section) => (Array.isArray(arr) ? arr : []).map(item => ({ id: 'raid_' + section + '_' + Date.now() + '_' + Math.random().toString(36).slice(2,7), title: (item.title || '').slice(0,120), description: (item.description || '').slice(0,300), severity: ['high','medium','low'].includes(item.severity) ? item.severity : 'medium', owner: item.owner || '', source: 'ai' })); strategyRaid = { risks: makeEntries(parsed.risks, 'r'), assumptions: makeEntries(parsed.assumptions, 'a'), issues: makeEntries(parsed.issues, 'i'), dependencies: makeEntries(parsed.dependencies, 'd'), generatedAt: new Date().toISOString() }; saveStrategyRaid(); showToast('RAID register generated', 'success'); } catch(err) { showToast('RAID generation failed — ' + (err.message || 'unknown error'), 'error'); } finally { _raidAILoading = false; renderRAID(); } } function openRaidEntryModal(section, entryId) { const modal = document.getElementById('raidEntryModal'); const isEdit = !!entryId; document.getElementById('raidEntryModalTitle').textContent = isEdit ? 'Edit Entry' : 'Add Entry'; document.getElementById('raidEntrySection').value = section; document.getElementById('raidEntryId').value = entryId || ''; // Show/hide severity for dependencies (no severity needed) document.getElementById('raidEntrySevField').style.display = section === 'dependencies' ? 'none' : ''; if (isEdit) { const entry = (strategyRaid[section] || []).find(e => e.id === entryId); if (!entry) return; document.getElementById('raidEntryTitle').value = entry.title || ''; document.getElementById('raidEntryDesc').value = entry.description || ''; document.getElementById('raidEntryOwner').value = entry.owner || ''; _selectRaidSevInternal(entry.severity || 'medium'); } else { document.getElementById('raidEntryTitle').value = ''; document.getElementById('raidEntryDesc').value = ''; document.getElementById('raidEntryOwner').value = ''; _selectRaidSevInternal('medium'); } modal.style.display = 'flex'; document.getElementById('raidEntryTitle').focus(); } function closeRaidEntryModal() { document.getElementById('raidEntryModal').style.display = 'none'; } function saveRaidEntry() { const section = document.getElementById('raidEntrySection').value; const entryId = document.getElementById('raidEntryId').value; const title = document.getElementById('raidEntryTitle').value.trim(); const desc = document.getElementById('raidEntryDesc').value.trim(); const owner = document.getElementById('raidEntryOwner').value.trim(); const severity = _raidSevValue; if (!title) { showToast('Please enter a title.', 'error'); return; } if (!strategyRaid[section]) strategyRaid[section] = []; if (entryId) { const idx = strategyRaid[section].findIndex(e => e.id === entryId); if (idx !== -1) { strategyRaid[section][idx] = { ...strategyRaid[section][idx], title, description: desc, owner, severity, source: strategyRaid[section][idx].source === 'ai' ? 'ai' : 'manual' }; } } else { strategyRaid[section].push({ id: 'raid_' + section + '_' + Date.now() + '_' + Math.random().toString(36).slice(2,7), title, description: desc, owner, severity, source: 'manual' }); } saveStrategyRaid(); closeRaidEntryModal(); renderRAID(); } function deleteRaidEntry(section, entryId) { if (!strategyRaid || !Array.isArray(strategyRaid[section])) return; strategyRaid[section] = strategyRaid[section].filter(e => e.id !== entryId); saveStrategyRaid(); renderRAID(); } function toggleRaidSevDd() { const wrap = document.getElementById('raidSevDd'); if (!wrap) return; const opts = wrap.querySelector('.kb-dd-opts'); const btn = wrap.querySelector('.kb-dd-btn'); const isOpen = opts.classList.contains('open'); // close all other dropdowns first document.querySelectorAll('.kb-dd-opts.open').forEach(o => { o.classList.remove('open'); o.previousElementSibling && o.previousElementSibling.classList.remove('open'); }); if (!isOpen) { opts.classList.add('open'); btn.classList.add('open'); } } function selectRaidSev(val, label) { _selectRaidSevInternal(val); const wrap = document.getElementById('raidSevDd'); if (wrap) { wrap.querySelector('.kb-dd-opts').classList.remove('open'); wrap.querySelector('.kb-dd-btn').classList.remove('open'); } } function _selectRaidSevInternal(val) { _raidSevValue = val; const label = val.charAt(0).toUpperCase() + val.slice(1); const lbl = document.getElementById('raidSevDdLabel'); if (lbl) lbl.textContent = label; const hidden = document.getElementById('raidEntrySev'); if (hidden) hidden.value = val; const wrap = document.getElementById('raidSevDd'); if (wrap) { wrap.querySelectorAll('.kb-dd-opt').forEach(o => { o.classList.toggle('selected', o.dataset.val === val); }); } } // ───────────────────────────────────────────────────────────────────────── (function initNewDataStores() { loadStrategyContext(); loadStrategyIntelligence(); loadPhaseDesignOverrides(); loadStrategyReviews(); loadWeeklyCommitments(); loadStrategyRaid(); detectAIEnvironment(); })(); // ── Global tooltip singleton ────────────────────────────────────────────── // Uses position:fixed so it works inside overflow:auto dropdown containers. // Replaces the CSS-only .btn-tip-wrap:hover rule which is clipped by overflow. (function() { var _tip = null; function _getTip() { if (!_tip) { _tip = document.createElement('div'); _tip.id = '_globalTip'; _tip.style.cssText = 'position:fixed;z-index:99999;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:4px;min-width:200px;max-width:300px;padding:10px 14px;font-size:0.73rem;color:var(--text-secondary);line-height:1.55;pointer-events:none;white-space:normal;box-shadow:0 8px 24px rgba(0,0,0,0.5);display:none;'; document.body.appendChild(_tip); } return _tip; } document.addEventListener('mouseover', function(e) { var wrap = e.target.closest && e.target.closest('.btn-tip-wrap'); if (!wrap) return; // Find the direct-child btn-tip-text var tipEl = null; for (var i = 0; i < wrap.children.length; i++) { if (wrap.children[i].classList.contains('btn-tip-text')) { tipEl = wrap.children[i]; break; } } if (!tipEl) return; var text = (tipEl.textContent || tipEl.innerText || '').trim(); if (!text) return; var rect = wrap.getBoundingClientRect(); var tip = _getTip(); tip.textContent = text; tip.style.display = 'block'; var tipW = 240; var leftPos, topPos; if (window.innerWidth - rect.right > tipW + 16) { leftPos = rect.right + 8; topPos = rect.top; } else if (rect.left > tipW + 16) { leftPos = rect.left - tipW - 8; topPos = rect.top; } else { leftPos = Math.max(8, rect.left); topPos = rect.bottom + 6; } if (topPos + 90 > window.innerHeight - 8) topPos = Math.max(8, window.innerHeight - 96); if (topPos < 8) topPos = 8; tip.style.left = leftPos + 'px'; tip.style.top = topPos + 'px'; }); document.addEventListener('mouseout', function(e) { var wrap = e.target.closest && e.target.closest('.btn-tip-wrap'); if (!wrap) return; if (wrap.contains(e.relatedTarget)) return; var tip = document.getElementById('_globalTip'); if (tip) tip.style.display = 'none'; }); })(); // ── Custom dark date picker ─────────────────────────────────────────────── function _cdpFormatDisplay(dateStr) { if (!dateStr) return 'Select date'; try { var d = new Date(dateStr + 'T12:00:00'); var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; return d.getDate() + ' ' + months[d.getMonth()] + ' ' + d.getFullYear(); } catch(e) { return dateStr; } } function _cdpOpen(wrapperId) { // Close other open calendars document.querySelectorAll('.cdp-popup.open').forEach(function(p) { if (!p.closest('#' + wrapperId)) p.classList.remove('open'); }); var wrap = document.getElementById(wrapperId); if (!wrap) return; var popup = wrap.querySelector('.cdp-popup'); if (!popup) return; var isOpen = popup.classList.contains('open'); popup.classList.toggle('open', !isOpen); if (!isOpen) { var hiddenInput = wrap.querySelector('input[type=hidden]'); var selVal = hiddenInput ? hiddenInput.value : ''; var initDate = selVal ? new Date(selVal + 'T12:00:00') : new Date(); _cdpState = { id: wrapperId, year: initDate.getFullYear(), month: initDate.getMonth(), selected: selVal || null }; _cdpRender(wrapperId); setTimeout(function() { document.addEventListener('click', _cdpOutsideClick); }, 0); } else { document.removeEventListener('click', _cdpOutsideClick); } } function _cdpOutsideClick(e) { if (!e.target.closest('.cdp-wrap')) { document.querySelectorAll('.cdp-popup.open').forEach(function(p) { p.classList.remove('open'); }); document.removeEventListener('click', _cdpOutsideClick); } } function _cdpNav(dir) { if (!_cdpState) return; _cdpState.month += dir; if (_cdpState.month > 11) { _cdpState.month = 0; _cdpState.year++; } if (_cdpState.month < 0) { _cdpState.month = 11; _cdpState.year--; } _cdpRender(_cdpState.id); } function _cdpSelect(dateStr) { if (!_cdpState) return; _cdpState.selected = dateStr; var wrap = document.getElementById(_cdpState.id); if (!wrap) return; var hiddenInput = wrap.querySelector('input[type=hidden]'); var display = wrap.querySelector('.cdp-display'); if (hiddenInput) hiddenInput.value = dateStr; if (display) display.innerHTML = _cdpFormatDisplay(dateStr); if (_cdpState.id === 'wcDatePicker' || _cdpState.id === 'rvWcDatePicker') _wcDateStr = dateStr; _cdpRender(_cdpState.id); wrap.querySelector('.cdp-popup').classList.remove('open'); document.removeEventListener('click', _cdpOutsideClick); } function _cdpClear() { if (!_cdpState) return; _cdpState.selected = null; var wrap = document.getElementById(_cdpState.id); if (!wrap) return; var hiddenInput = wrap.querySelector('input[type=hidden]'); var display = wrap.querySelector('.cdp-display'); if (hiddenInput) hiddenInput.value = ''; if (display) display.innerHTML = 'Select date'; if (_cdpState.id === 'wcDatePicker') _wcDateStr = ''; _cdpRender(_cdpState.id); } function _cdpThisMonth() { if (!_cdpState) return; var today = new Date(); _cdpState.year = today.getFullYear(); _cdpState.month = today.getMonth(); _cdpRender(_cdpState.id); } function _cdpRender(wrapperId) { if (!_cdpState || _cdpState.id !== wrapperId) return; var wrap = document.getElementById(wrapperId); if (!wrap) return; var popup = wrap.querySelector('.cdp-popup'); if (!popup) return; var today = new Date(); var yr = _cdpState.year, mo = _cdpState.month; var MONTHS = ['January','February','March','April','May','June','July','August','September','October','November','December']; var firstDow = new Date(yr, mo, 1).getDay(); // 0=Sun var startOffset = (firstDow + 6) % 7; // Mon=0 var daysInMonth = new Date(yr, mo + 1, 0).getDate(); var daysInPrev = new Date(yr, mo, 0).getDate(); var selStr = _cdpState.selected; var todayStr = today.getFullYear() + '-' + String(today.getMonth()+1).padStart(2,'0') + '-' + String(today.getDate()).padStart(2,'0'); var html = '

' + '‹' + '' + MONTHS[mo] + ' ' + yr + '' + '›' + '

'; ['Mo','Tu','We','Th','Fr','Sa','Su'].forEach(function(d) { html += '

' + d + '

'; }); for (var i = 0; i < startOffset; i++) { html += '

' + (daysInPrev - startOffset + 1 + i) + '

'; } for (var d = 1; d <= daysInMonth; d++) { var ds = yr + '-' + String(mo+1).padStart(2,'0') + '-' + String(d).padStart(2,'0'); var cls = 'cdp-day'; if (ds === selStr) cls += ' cdp-selected'; else if (ds === todayStr) cls += ' cdp-today'; html += '

' + d + '

'; } var total = startOffset + daysInMonth; var remaining = total % 7 === 0 ? 0 : 7 - (total % 7); for (var n = 1; n <= remaining; n++) { html += '

' + n + '

'; } html += '

' + 'Clear' + 'Today\'s month' + '

'; popup.innerHTML = html; }