fraim-hub 2.0.288 → 2.0.289

package/dist/src/ai-hub/server.js

@@ -6332,14 +6332,10 @@ class AiHubServer {
                     messages: persistedConversation ? persistedMessagesForRun(persistedConversation) : [],
                     events: resumeEvents,
                     eventLogRefs: persistedConversation?.eventLogRefs || [],
-                    // Issue #1373: a conversation is permanently scoped to one job for its
-                    // lifetime, including after that job's conversation is marked
-                    // 'completed' — a coaching turn sent to a Done job resumes the SAME
-                    // job's phase history, it does not start unrelated new work. Always
-                    // carry the persisted run projection forward regardless of the
-                    // conversation's prior status. If the resumed session genuinely has
-                    // nothing left to do, it simply reaches the same completed state
-                    // again on its own the next time seekMentoring reports its phase.
+                    // A manager can issue new instructions after a job was marked done.
+                    // That correction stays in the same conversation/job identity and keeps
+                    // its phase history so the tracker can show the job moving back to an
+                    // earlier phase instead of pretending this is unrelated fresh work.
                     currentPhase: persistedRun?.currentPhase || null,
                     phaseHistory: persistedRun?.phaseHistory || [],
                     phaseVisits: persistedRun?.phaseVisits || [],

package/dist/src/config/ai-manager-hiring.js

@@ -64,13 +64,17 @@ function buildSearchQuery(roleKey) {
     const profile = getHumanManagerProfile(roleKey);
     return `${profile.keywords.join(' OR ')} AND ${AI_MANAGER_QUERY_TERMS}`;
 }
+function indefiniteArticle(phrase) {
+    return /^[aeiou]/i.test(phrase.trim()) ? 'an' : 'a';
+}
 function buildJobDescription(roleKey) {
     const profile = getHumanManagerProfile(roleKey);
     const role = persona_hiring_1.PERSONA_HIRE_CATALOG[roleKey]?.role ?? 'AI Employee';
+    const article = indefiniteArticle(role);
     return [
-        `${profile.humanTitle} — manager for an ${role}`,
+        `${profile.humanTitle} — manager for ${article} ${role}`,
         '',
-        `You will manage an ${role} (an autonomous AI agent) and the humans around it, owning the outcomes it ships.`,
+        `You will manage ${article} ${role} (an autonomous AI agent) and the humans around it, owning the outcomes it ships.`,
         '',
         "What you'll do:",
         `- Write crisp specifications and acceptance criteria the ${role} can execute against.`,

package/dist/src/config/persona-capability-bundles.js

@@ -278,7 +278,7 @@ exports.PERSONA_CAPABILITY_BUNDLES = {
         ],
         protectedAliases: ['ai-engineering', 'agent-engineering', 'ai-agents'],
         defaultHireMode: 'job',
-        lockCopy: 'Hire AIda to unlock AI agent design, MCP enablement, eval authoring, and agent evaluation work for this request.'
+        lockCopy: 'Hire AIDa to unlock AI agent design, MCP enablement, eval authoring, and agent evaluation work for this request.'
     }
 };
 const PROTECTED_JOB_TO_PERSONA = new Map();

package/dist/src/config/persona-hiring.js

@@ -20,8 +20,8 @@ exports.getPersonaHireAmountCents = getPersonaHireAmountCents;
  */
 exports.PERSONA_HIRE_CATALOG = {
     aida: {
-        displayName: 'AIda',
-        role: 'AI Engineer',
+        displayName: 'AIDa',
+        role: 'AI Developer',
         emoji: '\u{1F9E0}',
         gradient: 'linear-gradient(135deg, #4f46e5 0%, #06b6d4 50%, #10b981 100%)',
         blurb: 'Designs production AI agents, connects them to tools and data, and proves their behavior with evals before deployment.',
@@ -30,7 +30,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     swen: {
         displayName: 'SWEn',
-        role: 'AI Software Engineer',
+        role: 'Software Engineer',
         emoji: '💻',
         gradient: 'linear-gradient(135deg, #2563eb 0%, #06b6d4 100%)',
         blurb: 'Implements features, refactors code, and drives PR iteration to merge, reviewing design and code as a senior would.',
@@ -39,7 +39,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     qasm: {
         displayName: 'QAsm',
-        role: 'AI QA Engineer',
+        role: 'QA Engineer',
         emoji: '🛡️',
         gradient: 'linear-gradient(135deg, #10b981 0%, #14b8a6 100%)',
         blurb: 'Runs tests, assesses code and test quality, polishes UI, and drives bug bashes with evidence.',
@@ -48,7 +48,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     sekhar: {
         displayName: 'SEChar',
-        role: 'AI Security Engineer',
+        role: 'Security Engineer',
         emoji: '🔒',
         gradient: 'linear-gradient(135deg, #ef4444 0%, #f43f5e 100%)',
         blurb: 'Sets up AI-native security baselines, runs the findings command center, reviews changes for risk, and drives remediation to closure.',
@@ -57,7 +57,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     sreya: {
         displayName: 'SREya',
-        role: 'AI Site Reliability Engineer',
+        role: 'Site Reliability Engineer',
         emoji: '☁️',
         gradient: 'linear-gradient(135deg, #2563eb 0%, #10b981 100%)',
         blurb: 'Manages deployments, monitors uptime, optimizes cloud cost, and keeps infrastructure resilient and observable.',
@@ -66,7 +66,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     sade: {
         displayName: 'SADE',
-        role: 'AI Salesforce Developer',
+        role: 'Salesforce Developer',
         emoji: '☁️',
         gradient: 'linear-gradient(135deg, #0284c7 0%, #0369a1 100%)',
         blurb: 'Deploys Salesforce configuration from ServiceNow tickets, builds reports and dashboards, creates Flows from business requirements, audits org health, and manages users and data at scale.',
@@ -75,7 +75,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     pam: {
         displayName: 'PaM',
-        role: 'AI Product Manager',
+        role: 'Product Manager',
         emoji: '📋',
         gradient: 'linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%)',
         blurb: 'Owns specs, PRDs, technical design, issue prep, and the path from idea to shippable artifact.',
@@ -84,7 +84,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     huxley: {
         displayName: 'hUXley',
-        role: 'AI UX / Brand Designer',
+        role: 'UX / Brand Designer',
         emoji: '🎨',
         gradient: 'linear-gradient(135deg, #ec4899 0%, #f472b6 100%)',
         blurb: 'Builds design systems, prototypes polished user-facing surfaces, and carries brand decisions into shipped product experiences.',
@@ -93,7 +93,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     gautam: {
         displayName: 'GauTaM',
-        role: 'AI GTM & Marketing Manager',
+        role: 'GTM & Marketing Manager',
         emoji: '📣',
         gradient: 'linear-gradient(135deg, #f97316 0%, #f59e0b 100%)',
         blurb: 'Defines marketing strategy, ships content, runs launches, and owns the brand voice in market.',
@@ -102,7 +102,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     sam: {
         displayName: 'SAM',
-        role: 'AI Sales Account Manager',
+        role: 'Sales Account Manager',
         emoji: '📈',
         gradient: 'linear-gradient(135deg, #059669 0%, #0d9488 100%)',
         blurb: 'Surfaces stalled deals, computes pipeline health, and drafts account-specific re-engagement proposals for your top at-risk opportunities.',
@@ -111,7 +111,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     casey: {
         displayName: 'CaSey',
-        role: 'AI Customer Success + Support',
+        role: 'Customer Success + Support',
         emoji: '💬',
         gradient: 'linear-gradient(135deg, #db2777 0%, #9333ea 100%)',
         blurb: 'Scores account churn risk and expansion potential, generates prioritized action plans for CSMs, triages support cases, and routes L1 cases through automated resolution.',
@@ -120,7 +120,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     mona: {
         displayName: 'MONa',
-        role: 'AI Finance Manager',
+        role: 'Finance Manager',
         emoji: '💰',
         gradient: 'linear-gradient(135deg, #10b981 0%, #f59e0b 100%)',
         blurb: 'Models revenue, tracks unit economics, builds financial forecasts, and owns the metrics that drive growth decisions.',
@@ -129,7 +129,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     hari: {
         displayName: 'HaRi',
-        role: 'AI HR Manager',
+        role: 'HR Manager',
         emoji: '👥',
         gradient: 'linear-gradient(135deg, #0d9488 0%, #059669 100%)',
         blurb: 'Manages onboarding, performance reviews, benefits analysis, payroll coordination, and HR business-partner advisory.',
@@ -138,7 +138,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     ricardo: {
         displayName: 'RECardo',
-        role: 'AI Recruiter',
+        role: 'Recruiter',
         emoji: '🤝',
         gradient: 'linear-gradient(135deg, #6366f1 0%, #ec4899 100%)',
         blurb: 'Sources candidates, writes job descriptions, screens pipelines, and manages the hiring loop end-to-end.',
@@ -147,7 +147,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     cela: {
         displayName: 'CELiA',
-        role: 'AI Legal Counsel',
+        role: 'Legal Counsel',
         emoji: '⚖️',
         gradient: 'linear-gradient(135deg, #475569 0%, #6366f1 100%)',
         blurb: 'Drafts and reviews contracts, NDAs, patents, trademarks, and the SaaS legal stack.',
@@ -156,7 +156,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     procella: {
         displayName: 'PROCella',
-        role: 'AI Procurement Manager',
+        role: 'Procurement Manager',
         emoji: '📦',
         gradient: 'linear-gradient(135deg, #0f766e 0%, #7c3aed 100%)',
         blurb: 'Frames procurement strategy, sources suppliers, runs RFx packages, evaluates responses, and keeps purchases acceptance-gated.',
@@ -165,7 +165,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     banke: {
         displayName: 'BANKe',
-        role: 'AI Banking KYC Employee',
+        role: 'Banking KYC Employee',
         emoji: '\u{1F3E6}',
         gradient: 'linear-gradient(135deg, #0f766e 0%, #2563eb 100%)',
         blurb: 'Runs banking KYC cases with consent-aware evidence capture, decision receipts, and stable audit handoff artifacts.',
@@ -174,7 +174,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     auditya: {
         displayName: 'AUDITya',
-        role: 'AI Banking Auditor',
+        role: 'Banking Auditor',
         emoji: '\u{1F50E}',
         gradient: 'linear-gradient(135deg, #7c3aed 0%, #0f172a 100%)',
         blurb: 'Audits AI banking work by tracing decisions back to evidence, receipts, exceptions, and reusable audit reports.',
@@ -183,7 +183,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     deidre: {
         displayName: 'DEIdre',
-        role: 'AI Inclusion Leader',
+        role: 'Inclusion Leader',
         emoji: '🌍',
         gradient: 'linear-gradient(135deg, #9333ea 0%, #d946ef 100%)',
         blurb: 'Audits equity gaps, designs bias-aware AI governance, builds ERG toolkits, and creates inclusion-fluency programs.',
@@ -192,7 +192,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     careena: {
         displayName: 'CAREEna',
-        role: 'AI Career Coach',
+        role: 'Career Coach',
         emoji: '🎓',
         gradient: 'linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%)',
         blurb: 'Runs the candidate-side search loop: role sourcing, application execution, networking, interview prep, and close-stage offer strategy.',
@@ -201,7 +201,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     ashley: {
         displayName: 'AshLey',
-        role: 'AI Executive Assistant',
+        role: 'Executive Assistant',
         emoji: '📅',
         gradient: 'linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%)',
         blurb: 'Owns executive coordination, weekly operating reviews, and portfolio reporting across the workforce.',
@@ -210,7 +210,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     mandy: {
         displayName: 'MANdy',
-        role: 'AI Manager',
+        role: 'Manager',
         emoji: '🎯',
         gradient: 'linear-gradient(135deg, #7c3aed 0%, #4338ca 100%)',
         blurb: 'Plans the job sequence, runs sub-agents in parallel, coaches them through verification loops, and hands back a synthesized DRAFT for your approval.',
@@ -219,7 +219,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     beza: {
         displayName: 'BeZa',
-        role: 'AI Business Strategist',
+        role: 'Business Strategist',
         emoji: '🧭',
         gradient: 'linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)',
         blurb: 'Turns ideas into structured business plans, validates founder-market fit, and pressure-tests strategy.',
@@ -228,7 +228,7 @@ exports.PERSONA_HIRE_CATALOG = {
     },
     maestro: {
         displayName: 'MAESTRO',
-        role: 'Full-Brained AI Employee',
+        role: 'Full-Brained Employee',
         emoji: '★',
         gradient: 'linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%)',
         blurb: 'One AI employee who can take a job from any function and ship it back with evidence. You set the direction. You sign off on what ships. Maestro does the work.',
@@ -260,7 +260,7 @@ exports.PERSONA_AVATAR_CATALOG = {
     procella: { seed: 'PROCELLA-procurement', bg: 'ccfbf1', style: 'notionists' },
     banke: { seed: 'BANKe-banking-kyc', bg: 'ccfbf1', style: 'notionists' },
     auditya: { seed: 'AUDITya-banking-audit', bg: 'e9d5ff', style: 'notionists' },
-    aida: { seed: 'AIda-ai-engineer', bg: 'c7d2fe', style: 'notionists' },
+    aida: { seed: 'AIDa-ai-developer', bg: 'c7d2fe', style: 'notionists' },
 };
 function buildPersonaAvatarUrl(personaKey) {
     const avatar = exports.PERSONA_AVATAR_CATALOG[personaKey];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fraim-hub",
-  "version": "2.0.288",
+  "version": "2.0.289",
   "description": "FRAIM Hub local companion package.",
   "author": "Sid Mathur <sid.mathur@gmail.com>",
   "homepage": "https://github.com/mathursrus/FRAIM#readme",
@@ -210,7 +210,7 @@
     "electron-updater": "^6.8.9",
     "express": "^5.2.1",
     "extract-zip": "^2.0.1",
-    "fraim": "2.0.288",
+    "fraim": "2.0.289",
     "mongodb": "^7.0.0",
     "node-cron": "4.2.1",
     "node-edge-tts": "^1.2.10",

package/public/ai-hub/script.js

@@ -23,7 +23,7 @@ const PAGE_SCOPED_JOBS = new Set(['organization-onboarding', 'manager-agreements
 // invokedArea left runs started from the "wrong" tab unreachable from either rail.
 // Issue #702: personas whose home is the MANAGER tab because their work is inherently
 // cross-project and manager-facing (not project work). Per the spec (R1b), Ashley — the
-// AI Executive Assistant — is Manager-scoped. Every other hired persona works inside
+// Executive Assistant is Manager-scoped. Every other hired persona works inside
 // projects and belongs on the Projects tab only, NOT the Manager rail. Add a key here
 // to surface a new manager-scoped persona.
 const MANAGER_PERSONA_KEYS = new Set(['ashley']);
@@ -1156,7 +1156,6 @@ const SERVER_OWNED_CONV_FIELDS = ['messages', 'events', 'artifacts', 'run', 'del
 // any inbound value. That is what preserves issue #913: a marker arriving over
 // the wire is never trusted, only one this client set after a real fetch.
 const CLIENT_ONLY_CONV_FIELDS = ['_bodyLoaded', '_bodyFetched', '_stopping'];
-const FULL_BODY_CONV_FIELDS = ['messages', 'events', 'artifacts', 'run', 'handoffSummary'];
 function slimConversationForPersist(conv) {
   if (!conv || typeof conv !== 'object') return conv;
   const slim = { ...conv };
@@ -1175,7 +1174,13 @@ function conversationHasBody(conv) {
   // instead of looping. Issue #913 stays satisfied because `_bodyFetched` is
   // client-only and stripped from every inbound header.
   if (conv._bodyFetched === true) return true;
-  return FULL_BODY_CONV_FIELDS.some((field) => Object.prototype.hasOwnProperty.call(conv, field));
+  // Issue #1416: `messages` is the only field that proves the transcript was actually
+  // fetched. `events`/`artifacts`/`run`/`handoffSummary` can each arrive independently
+  // via a lightweight status update (e.g. conversationDispatchAgentId()'s restart-recovery
+  // notice sets `events` alone) without the message transcript ever having been fetched.
+  // Treating any one of them as sufficient permanently short-circuited hydration for
+  // Manager/Company conversations that picked up one of those fields first.
+  return Object.prototype.hasOwnProperty.call(conv, 'messages');
 }
 
 function cleanConversationHeader(header) {
@@ -1821,7 +1826,7 @@ function coachEmployeeLabel(conv) {
     const emp = getEmployeeStatus(agentName);
     if (emp) return emp.label;
   }
-  return 'Maestro';
+  return NO_FRAIM_EMPLOYEE_LABEL;
 }
 
 // R3: resolve the logged-in manager's first name for dynamic panel kickers.
@@ -2936,6 +2941,7 @@ function conversationHasFraimEmployee(conv) {
 }
 
 function getEmployeeStatus(employeeId) {
+  if (!employeeId) return null;
   const baseId = baseHostIdForAgent(employeeId);
   return (state.bootstrap?.employees || []).find((employee) => employee.id === baseId) || null;
 }
@@ -13135,16 +13141,40 @@ function tfBuildManagerRunItem(conv) {
   return btn;
 }
 
+// #1416: capture each employee group's open/closed state from the area rail (Manager or
+// Company) before it is rebuilt, mirroring renderRail()'s preservedEmployeeGroupOpen() for
+// the Projects rail. Without this, tfRenderManager()/tfRenderCompany()'s ~1-1.5s poll-driven
+// rebuild wiped the DOM and re-created every group, so a manually collapsed group snapped
+// back open on the next tick and there was no way to tell a no-run group from one the user
+// deliberately expanded.
+function captureAreaEmployeeGroupOpenState(rail) {
+  const openState = new Map();
+  if (!rail) return openState;
+  rail.querySelectorAll('details.conv-employee-group[data-employee-key]').forEach((details) => {
+    const key = details.dataset ? details.dataset.employeeKey : '';
+    if (key) openState.set(key, details.open);
+  });
+  return openState;
+}
+
 // #702: render a hired persona as an employee group on the Manager rail — the SAME
 // visual as the Projects rail employee groups (avatar + name + role + count + "+" that
 // opens the job palette), with the persona's MANAGER-invoked runs listed under it.
 // Keeps a persona looking like an employee, consistent across tabs.
-function tfRenderAreaPersonaGroup(rail, persona, area) {
+function tfRenderAreaPersonaGroup(rail, persona, area, employeeGroupOpenState) {
   const sample = { personaKey: persona.key };
   const runs = tfAreaScopedConversations(area).filter((c) => c.personaKey === persona.key);
   const details = document.createElement('details');
   details.className = 'conv-employee-group';
-  details.open = true;
+  details.dataset.employeeKey = persona.key;
+  // #1416: preserve the user's toggle across the poll-driven rebuild. A group with no
+  // prior state (first render) defaults open only if it has an active run — e.g. the
+  // owning employee's currently-running job — same "has an active run, or you manually
+  // expanded it" contract the issue calls out for the Projects rail; otherwise collapsed.
+  const defaultOpen = runs.some((c) => conversationUiState(c) !== 'complete');
+  details.open = employeeGroupOpenState && employeeGroupOpenState.has(persona.key)
+    ? employeeGroupOpenState.get(persona.key)
+    : defaultOpen;
   const summary = document.createElement('summary');
   summary.className = 'conv-employee-tab';
   const avatar = buildConversationEmployeeAvatar(sample, 'conv-employee-avatar');
@@ -13187,7 +13217,7 @@ function tfRenderAreaPersonaGroup(rail, persona, area) {
 // is the area's own top-level job run (manager-agreements / org onboarding) or any other
 // run with no persona group to live under; it gets its own rail entry unless a group
 // below will already list it.
-function tfRenderAreaEmployeeRail(rail, area, ownerlessConv) {
+function tfRenderAreaEmployeeRail(rail, area, ownerlessConv, employeeGroupOpenState) {
   const areaPersonas = tfAreaRailPersonas(area);
   // A group only actually lists conversations tfAreaScopedConversations(area) returns
   // (i.e. correctly scope/invokedArea-tagged). A legacy conv that predates that tagging
@@ -13204,7 +13234,7 @@ function tfRenderAreaEmployeeRail(rail, area, ownerlessConv) {
       rail.appendChild(head);
       any = true;
     }
-    tfRenderAreaPersonaGroup(rail, persona, area);
+    tfRenderAreaPersonaGroup(rail, persona, area, employeeGroupOpenState);
   }
   if (any) {
     const pNote = document.createElement('div'); pNote.className = 'area-rail-note';
@@ -13259,6 +13289,9 @@ function tfRenderCompany() {
   if (!state.brandEditorDraftActive && typeof tfRenderBrandEditor === 'function') tfRenderBrandEditor();
   const rail = document.getElementById('company-rail');
   if (rail) {
+    // #1416: capture the current open/closed state before wiping the rail so the
+    // ~1.5s poll-driven rebuild below doesn't snap a manually collapsed group back open.
+    const employeeGroupOpenState = captureAreaEmployeeGroupOpenState(rail);
     rail.innerHTML = '';
     const orgConv = tfActiveOrgConv();
     const orgConvActive = !!orgConv;
@@ -13277,7 +13310,7 @@ function tfRenderCompany() {
     // #1398: FRAIMworker (and any hired employee with a company-scoped run, e.g. Aida)
     // get the same employee-group presentation as the Manager rail — not just an orphan
     // entry for the single "most active" org conv.
-    tfRenderAreaEmployeeRail(rail, 'company', orgConv);
+    tfRenderAreaEmployeeRail(rail, 'company', orgConv, employeeGroupOpenState);
     tfReopenPendingRunDelete(rail);
   }
   const profile = document.getElementById('company-profile');
@@ -13424,6 +13457,9 @@ function tfRenderManager() {
   // #521 R6: manager-level job (manager-agreements) lives ONLY in this left rail.
   const rail = document.getElementById('manager-rail');
   if (rail) {
+    // #1416: capture the current open/closed state before wiping the rail so the
+    // ~1s poll-driven rebuild below doesn't snap a manually collapsed group back open.
+    const employeeGroupOpenState = captureAreaEmployeeGroupOpenState(rail);
     rail.innerHTML = '';
     const mgrConv = tfActiveMgrConv();
     const mgrConvActive = !!mgrConv;
@@ -13440,7 +13476,7 @@ function tfRenderManager() {
     // Aida's manager-scoped runs) — the same avatar + name + runs + "+" presentation as the
     // Projects rail. `mgrConv` (the area's own top-level run, e.g. manager-agreements) gets
     // its own rail entry unless a group above already lists it.
-    tfRenderAreaEmployeeRail(rail, 'manager', mgrConv);
+    tfRenderAreaEmployeeRail(rail, 'manager', mgrConv, employeeGroupOpenState);
     // #824: the manager rail also attaches run-delete controls; re-attach an open
     // confirm this innerHTML='' rebuild would otherwise drop.
     tfReopenPendingRunDelete(rail);

package/public/first-run/script.js

@@ -717,7 +717,16 @@
       }
     };
     submit.addEventListener('click', onSubmit);
-    input.addEventListener('keydown', (e) => { if (e.key === 'Enter') onSubmit(); });
+    input.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') {
+        onSubmit();
+        return;
+      }
+      if (e.key === 'Tab' && !e.shiftKey) {
+        e.preventDefault();
+        submit.focus();
+      }
+    });
     card.appendChild(submit);
 
     CHECKLIST_EL.appendChild(card);

package/public/portfolio/aida.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>AIda · AI Engineer · FRAIM Portfolio</title>
+<title>AIDa · AI Developer · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -99,15 +99,15 @@ body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--tex
 
 <section class="hero">
   <div class="avatar-ring">
-    <img src="https://api.dicebear.com/9.x/notionists/svg?seed=AIda-ai-engineer&backgroundColor=c7d2fe&radius=50" width="96" height="96" alt="AIda avatar" style="border-radius:50%;">
+    <img src="https://api.dicebear.com/9.x/notionists/svg?seed=AIDa-ai-developer&backgroundColor=c7d2fe&radius=50" width="96" height="96" alt="AIDa avatar" style="border-radius:50%;">
   </div>
   <div class="role-chip">AI ENGINEERING</div>
-  <h1>Meet <span>AIda</span></h1>
-  <p>Agents that work. Evals that prove it. AIda can design production AI agents, connect them to tools and data, and validate their behavior end to end.</p>
+  <h1>Meet <span>AIDa</span></h1>
+  <p>Agents that work. Evals that prove it. AIDa can design production AI agents, connect them to tools and data, and validate their behavior end to end.</p>
 </section>
 
 <div class="section-label">
-  <h2>What AIda Can Build</h2>
+  <h2>What AIDa Can Build</h2>
   <div class="section-divider"></div>
 </div>
 
@@ -128,10 +128,10 @@ body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--tex
       <div class="narrative">
         <div class="narrative-step">
           <div class="step-label">The Ask</div>
-          <div class="step-text">A team can describe a use case and a target platform. AIda can scope the agent design, instructions, tool/knowledge configuration, and deployment package.</div>
+          <div class="step-text">A team can describe a use case and a target platform. AIDa can scope the agent design, instructions, tool/knowledge configuration, and deployment package.</div>
         </div>
         <div class="narrative-step">
-          <div class="step-label">What AIda Can Build</div>
+          <div class="step-label">What AIDa Can Build</div>
           <div class="step-text">An agent definition, platform-specific deployment package, tool permissions evidence, and a validation walkthrough against the intended use case.</div>
         </div>
         <div class="narrative-step">
@@ -165,10 +165,10 @@ body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--tex
       <div class="narrative">
         <div class="narrative-step">
           <div class="step-label">The Ask</div>
-          <div class="step-text">A team can supply a dataset, success criteria, and the agent or model under test. AIda can structure evaluation cases covering task completion, tool use, hallucination, and safety.</div>
+          <div class="step-text">A team can supply a dataset, success criteria, and the agent or model under test. AIDa can structure evaluation cases covering task completion, tool use, hallucination, and safety.</div>
         </div>
         <div class="narrative-step">
-          <div class="step-label">What AIda Can Build</div>
+          <div class="step-label">What AIDa Can Build</div>
           <div class="step-text">A runner-compatible eval suite with dataset provenance, metric definitions, approval-evidenced thresholds, and an executed baseline result.</div>
         </div>
         <div class="narrative-step">
@@ -194,10 +194,10 @@ body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--tex
       <div class="narrative">
         <div class="narrative-step">
           <div class="step-label">The Ask</div>
-          <div class="step-text">A team can name the target web product and the capabilities to expose. AIda can handle transport, authentication, least-privilege tool selection, and client connection instructions.</div>
+          <div class="step-text">A team can name the target web product and the capabilities to expose. AIDa can handle transport, authentication, least-privilege tool selection, and client connection instructions.</div>
         </div>
         <div class="narrative-step">
-          <div class="step-label">What AIda Can Build</div>
+          <div class="step-label">What AIDa Can Build</div>
           <div class="step-text">A functioning MCP server for the target product, with authentication wired, a tool manifest, and verified connection instructions for AI clients including Claude, Cursor, and GitHub Copilot.</div>
         </div>
         <div class="narrative-step">
@@ -223,10 +223,10 @@ body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--tex
       <div class="narrative">
         <div class="narrative-step">
           <div class="step-label">The Ask</div>
-          <div class="step-text">A team can supply a baseline agent and evaluation dataset. AIda can run the evaluation using the platform's supported interface or the repository's existing eval harness.</div>
+          <div class="step-text">A team can supply a baseline agent and evaluation dataset. AIDa can run the evaluation using the platform's supported interface or the repository's existing eval harness.</div>
         </div>
         <div class="narrative-step">
-          <div class="step-label">What AIda Can Build</div>
+          <div class="step-label">What AIDa Can Build</div>
           <div class="step-text">A scored evaluation artifact linking each result to its evaluator, dataset version, run timestamp, and trace evidence location.</div>
         </div>
         <div class="narrative-step">

package/public/portfolio/ashley.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>AshLey · AI Executive Assistant · FRAIM Portfolio</title>
+<title>AshLey · Executive Assistant · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -233,7 +233,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=Ashley-assistant&backgroundColor=fde68a&radius=50" width="96" height="96" alt="Ashley-assistant avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Executive Assistant</div>
+  <div class="role-chip">Executive Assistant</div>
   <h1>Your calendar cleared.<br>Your decisions <span>ready</span>.</h1>
   <p>Your calendar cleared. Your decisions ready. Your meetings worth attending.</p>
   </section>

package/public/portfolio/auditya.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>AUDITya - AI Banking Auditor - FRAIM Portfolio</title>
+<title>AUDITya - Banking Auditor - FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
@@ -50,7 +50,7 @@ th { color:var(--accent); font-size:11px; text-transform:uppercase; letter-spaci
 </header>
 <section class="hero">
   <div class="avatar"><img src="https://api.dicebear.com/9.x/notionists/svg?seed=AUDITya-banking-audit&backgroundColor=e9d5ff&radius=50" width="96" height="96" alt="AUDITya banking auditor avatar" style="border-radius:50%;"></div>
-  <div class="chip">AI Banking Auditor</div>
+  <div class="chip">Banking Auditor</div>
   <h1>AUDITya reviews AI banking work with <span>evidence discipline</span>.</h1>
   <p>AUDITya audits a completed KYC run, checks whether the decision is supported by evidence, records exceptions, and produces a report that can be revisited in a future review.</p>
 </section>

package/public/portfolio/banke.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>BANKe - AI Banking KYC Employee - FRAIM Portfolio</title>
+<title>BANKe - Banking KYC Employee - FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
@@ -50,7 +50,7 @@ th { color:var(--accent); font-size:11px; text-transform:uppercase; letter-spaci
 </header>
 <section class="hero">
   <div class="avatar"><img src="https://api.dicebear.com/9.x/notionists/svg?seed=BANKe-banking-kyc&backgroundColor=ccfbf1&radius=50" width="96" height="96" alt="BANKe banking KYC avatar" style="border-radius:50%;"></div>
-  <div class="chip">AI Banking KYC Employee</div>
+  <div class="chip">Banking KYC Employee</div>
   <h1>BANKe turns KYC work into <span>auditable evidence</span>.</h1>
   <p>BANKe reviews consent-backed banking cases, records source evidence, makes a bounded KYC decision, and leaves receipts that a separate auditor can inspect later.</p>
 </section>

package/public/portfolio/beza.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>BeZa · AI Business Strategist · FRAIM Portfolio</title>
+<title>BeZa · Business Strategist · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -324,7 +324,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=BEZA-strategist&backgroundColor=c7d2fe&radius=50" width="96" height="96" alt="BEZA-strategist avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Business Strategist</div>
+  <div class="role-chip">Business Strategist</div>
   <h1>Validates the idea. Prices the product.<br>Builds the <span>plan</span>. Ships the deck.</h1>
   <p>BeZa pressure-tests early ideas in 24 hours, turns gut-feel pricing into a data-backed structure, and writes the business plan your first investor meeting actually needs — without the 40-page consulting deliverable.</p>
   </section>

package/public/portfolio/careena.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>CAREEna | AI Career Coach | FRAIM Portfolio</title>
+<title>CAREEna | Career Coach | FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
@@ -349,7 +349,7 @@ body {
 <section class="hero">
   <div class="hero-grid">
     <div class="hero-panel">
-      <div class="hero-chip">AI Career Coach</div>
+      <div class="hero-chip">Career Coach</div>
       <h1>Land the role with stronger applications, sharper interviews, and better timing.</h1>
       <p>CAREEna helps candidates turn a loose job search into a disciplined campaign: better-targeted openings, tighter application packages, stronger networking moves, and interview prep grounded in the actual company and role.</p>
       <div class="hero-metrics">

package/public/portfolio/casey.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>CaSey · AI Customer Success + Support · FRAIM Portfolio</title>
+<title>CaSey · Customer Success + Support · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -254,7 +254,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=CASEY-cx&backgroundColor=a5f3fc&radius=50" width="96" height="96" alt="CASEY-cx avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Customer Success + Support</div>
+  <div class="role-chip">Customer Success + Support</div>
   <h1>Customers stay.<br><span>Issues close.</span> Health scores rise.</h1>
   <p>CaSey monitors account health signals, triages support queues, and runs survey campaigns that customers actually respond to — so churn stays low and your team stays focused.</p>
   </section>

package/public/portfolio/celia.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>CELiA · AI Legal Counsel · FRAIM Portfolio</title>
+<title>CELiA · Legal Counsel · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -233,7 +233,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=CELA-legal&backgroundColor=cbd5e1&radius=50" width="96" height="96" alt="CELA-legal avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Legal Counsel</div>
+  <div class="role-chip">Legal Counsel</div>
   <h1>Contracts reviewed.<br><span>IP protected.</span> Compliance filed.</h1>
   <p>CELiA reviews contracts for hidden risk, drafts multi-party NDAs, and files provisional patents — so your legal work gets done before the deadline, not after.</p>
   </section>

package/public/portfolio/deidre.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>DEIdre · AI Inclusion Leader · FRAIM Portfolio</title>
+<title>DEIdre · Inclusion Leader · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -256,7 +256,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=DEIDRE-inclusion-leader&backgroundColor=e9d5ff&radius=50" width="96" height="96" alt="DEIDRE-inclusion-leader avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Inclusion Leader</div>
+  <div class="role-chip">Inclusion Leader</div>
   <h1>Data-driven inclusion.<br><span>Policies that work.</span> Teams that stay.</h1>
   <p>DEIdre finds the process gaps nobody measured, builds onboarding toolkits that cut early attrition, and audits hiring algorithms for disparate impact — before they become an equity and inclusion issue.</p>
   </section>

package/public/portfolio/hari.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>HaRi · AI HR Manager · FRAIM Portfolio</title>
+<title>HaRi · HR Manager · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -195,7 +195,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=HARI-hr&backgroundColor=ccfbf1&radius=50" width="96" height="96" alt="HARI-hr avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI HR Manager</div>
+  <div class="role-chip">HR Manager</div>
   <h1>Onboards fast. Reviews fairly.<br>Keeps the <span>team whole</span>.</h1>
   <p>HaRi handles the full HR lifecycle: structured onboarding that actually sticks, performance reviews that develop people, and benefits analysis that saves real money.</p>
   </section>

package/public/portfolio/index.html

@@ -129,13 +129,13 @@ body { font-family: 'Inter', -apple-system, sans-serif; background: var(--bg); c
   </div>
   <div class="employee-grid">
 
-    <!-- AIda -->
+    <!-- AIDa -->
     <div class="emp-card" style="cursor:pointer;">
       <div class="emp-card-top">
-        <div class="emp-avatar" style="background:linear-gradient(135deg,#4f46e5,#06b6d4,#10b981);"><img src="https://api.dicebear.com/9.x/notionists/svg?seed=AIda-ai-engineer&backgroundColor=c7d2fe&radius=50" width="56" height="56" alt="aida" style="border-radius:50%;"></div>
+        <div class="emp-avatar" style="background:linear-gradient(135deg,#4f46e5,#06b6d4,#10b981);"><img src="https://api.dicebear.com/9.x/notionists/svg?seed=AIDa-ai-developer&backgroundColor=c7d2fe&radius=50" width="56" height="56" alt="aida" style="border-radius:50%;"></div>
         <div class="emp-info">
-          <div class="emp-role" style="color:#4f46e5;">AI Engineer</div>
-          <div class="emp-name">AIda</div>
+          <div class="emp-role" style="color:#4f46e5;">AI Developer</div>
+          <div class="emp-name">AIDa</div>
           <div class="emp-tagline">Agents that work. Evals that prove it.</div>
         </div>
       </div>
@@ -640,7 +640,7 @@ body { font-family: 'Inter', -apple-system, sans-serif; background: var(--bg); c
       <div class="emp-card-top">
         <div class="emp-avatar" style="background:linear-gradient(135deg,#10b981,#0ea5e9,#6366f1);"><img src="https://api.dicebear.com/9.x/notionists/svg?seed=MAESTRO-founder-mode&backgroundColor=fde68a&radius=50" width="56" height="56" alt="maestro" style="border-radius:50%;"></div>
         <div class="emp-info">
-          <div class="emp-role" style="color:#10b981;">Full-Brained AI Employee</div>
+          <div class="emp-role" style="color:#10b981;">Full-Brained Employee</div>
           <div class="emp-name">MAESTRO</div>
           <div class="emp-tagline">Every FRAIM skill. Every FRAIM job. One hire.</div>
         </div>

package/public/portfolio/maestro.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>MAESTRO · Full-Brained AI Employee · FRAIM Portfolio</title>
+<title>MAESTRO · Full-Brained Employee · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -176,7 +176,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=MAESTRO-founder-mode&backgroundColor=fde68a&radius=50" width="96" height="96" alt="MAESTRO-founder-mode avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">Full-Brained AI Employee</div>
+  <div class="role-chip">Full-Brained Employee</div>
   <h1>Every FRAIM skill.<br>Every FRAIM job. <span>One hire.</span></h1>
   <p>Every FRAIM skill. Every FRAIM job. One hire.</p>
   </section>

package/public/portfolio/mandy.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>MANdy · AI Manager · FRAIM Portfolio</title>
+<title>MANdy · Manager · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -204,7 +204,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=MANDY-manager&backgroundColor=ede9fe&radius=50" width="96" height="96" alt="MANDY-manager avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Manager</div>
+  <div class="role-chip">Manager</div>
   <h1>Orchestrates the team.<br>Delivers the <span>result</span>.</h1>
   <p>Orchestrates the team. Delivers the result. Asks for nothing in return.</p>
   </section>

package/public/portfolio/mona.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>MONa · AI Finance Manager · FRAIM Portfolio</title>
+<title>MONa · Finance Manager · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -279,7 +279,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=MONA-finance-manager&backgroundColor=d1fae5&radius=50" width="96" height="96" alt="MONa finance manager avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Finance Manager</div>
+  <div class="role-chip">Finance Manager</div>
   <h1>Financial clarity. Fast.<br>Models that <span>drive decisions</span>.</h1>
   <p>MONa builds three-statement models without a consultant, runs FP&amp;A forecasts with driver-based scenarios, and delivers monthly close commentary that helps your board understand what actually happened and why.</p>
 </section>

package/public/portfolio/pam.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>PaM · AI Product Manager · FRAIM Portfolio</title>
+<title>PaM · Product Manager · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
@@ -443,7 +443,7 @@ body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--tex
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=PAM-product&backgroundColor=ddd6fe&radius=50" width="96" height="96" alt="PAM-product avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Product Manager</div>
+  <div class="role-chip">Product Manager</div>
   <h1>Specs that ship,<br>not <span>slide decks</span></h1>
   <p>PaM turns vague ideas into traceable requirements, phased roadmaps, and acceptance criteria that engineers can execute on — without ambiguity, without meetings.</p>
   </section>

package/public/portfolio/procella.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>PROCella · AI Procurement Manager · FRAIM Portfolio</title>
+<title>PROCella · Procurement Manager · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -69,7 +69,7 @@ code,.mono { font-family:'JetBrains Mono',monospace; }
 </header>
 <section class="hero">
   <div class="avatar-ring"><img src="https://api.dicebear.com/9.x/notionists/svg?seed=PROCELLA-procurement&backgroundColor=ccfbf1&radius=50" width="96" height="96" alt="PROCella procurement manager avatar"></div>
-  <div class="role-chip">AI Procurement Manager</div>
+  <div class="role-chip">Procurement Manager</div>
   <h1>PROCella makes supplier decisions <span>defensible</span>.</h1>
   <p>PROCella frames procurement strategy, builds qualified supplier options, turns RFx packages into comparable responses, and protects the buyer's leverage through approval and acceptance gates.</p>
 </section>

package/public/portfolio/qasm.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>QAsm · AI QA Engineer · FRAIM Portfolio</title>
+<title>QAsm · QA Engineer · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -254,7 +254,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=QASM-quality&backgroundColor=a7f3d0&radius=50" width="96" height="96" alt="QASM-quality avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI QA Engineer</div>
+  <div class="role-chip">QA Engineer</div>
   <h1>If it can break,<br>I <span>find it</span></h1>
   <p>If I find it, it gets fixed before you ship.</p>
   </section>

package/public/portfolio/ricardo.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>RECardo · AI Recruiter · FRAIM Portfolio</title>
+<title>RECardo · Recruiter · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -180,7 +180,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=RICARDO-recruiter&backgroundColor=ede9fe&radius=50" width="96" height="96" alt="RICARDO-recruiter avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Recruiter</div>
+  <div class="role-chip">Recruiter</div>
   <h1>Sourced, screened, scheduled.<br>You just do the <span>interviews</span>.</h1>
   <p>RECardo runs full-cycle recruiting: sourcing candidates who actually fit, writing job posts engineers read, and coordinating interview loops without the calendar chaos.</p>
   </section>

package/public/portfolio/sade.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>SADE · AI Salesforce Developer · FRAIM Portfolio</title>
+<title>SADE · Salesforce Developer · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -230,7 +230,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=SADE-salesforce&backgroundColor=bae6fd&radius=50" width="96" height="96" alt="SADE-salesforce avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Salesforce Developer</div>
+  <div class="role-chip">Salesforce Developer</div>
   <h1>Clean orgs.<br><span>Automations</span> that actually run.</h1>
   <p>Reports that tell the truth.</p>
   </section>

package/public/portfolio/sam.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>SAM · AI Sales Account Manager · FRAIM Portfolio</title>
+<title>SAM · Sales Account Manager · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -283,7 +283,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=SAM-sales-account&backgroundColor=d1fae5&radius=50" width="96" height="96" alt="SAM-sales-account avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Sales Account Manager</div>
+  <div class="role-chip">Sales Account Manager</div>
   <h1>More pipeline. More signal.<br>More <span>deals closed</span>.</h1>
   <p>SAM finds qualified prospects without a database subscription, spots at-risk accounts before they churn, and delivers pipeline reviews that free your VP of Sales from 90 minutes of spreadsheet work every Friday.</p>
   </section>

package/public/portfolio/sechar.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>SEChar | AI Security Engineer | FRAIM Portfolio</title>
+<title>SEChar | Security Engineer | FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
@@ -334,7 +334,7 @@ h1 {
 <section class="hero">
   <div class="hero-grid">
     <div class="panel">
-      <div class="chip">AI Security Engineer</div>
+      <div class="chip">Security Engineer</div>
       <h1>Setup the baseline. Run the queue. Clear the risk.</h1>
       <p>SEChar sets the launch baseline, keeps the findings queue coherent, and still handles the diff-scoped reviews and remediation calls teams expect from an applied security partner.</p>
       <div class="hero-metrics">

package/public/portfolio/sreya.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>SREya · AI Site Reliability Engineer · FRAIM Portfolio</title>
+<title>SREya · Site Reliability Engineer · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -276,7 +276,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=SREYA-site-reliability&backgroundColor=dbeafe&radius=50" width="96" height="96" alt="SREya site reliability engineer avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Site Reliability Engineer</div>
+  <div class="role-chip">Site Reliability Engineer</div>
   <h1>SLOs that reflect user pain.<br>Incidents <span>resolved, not survived</span>.</h1>
   <p>SREya designs error budgets before you need them, runs structured incident command that cuts MTTR in half, and delivers quarterly reliability reviews that give your on-call team a roadmap instead of a burnout spiral.</p>
 </section>

package/public/portfolio/swen.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>SWEn · AI Software Engineer · FRAIM Portfolio</title>
+<title>SWEn · Software Engineer · FRAIM Portfolio</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
@@ -254,7 +254,7 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
   <div class="avatar-ring">
     <img src="https://api.dicebear.com/9.x/notionists/svg?seed=SWEN-engineer&backgroundColor=bfdbfe&radius=50" width="96" height="96" alt="SWEN-engineer avatar" style="border-radius:50%;">
   </div>
-  <div class="role-chip">AI Software Engineer</div>
+  <div class="role-chip">Software Engineer</div>
   <h1>Ships clean code,<br>not <span>promises</span></h1>
   <p>SWEn delivers production-ready implementations: type-safe APIs, test coverage, real artifacts in the codebase — not prototype code masquerading as ship-ready work.</p>
   </section>
@@ -314,13 +314,13 @@ code, pre, .mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }
 <span class="t-kw">export const</span> <span class="t-val">PERSONA_HIRE_CATALOG</span> <span class="t-op">=</span> {
   huxley<span class="t-op">:</span> {
     displayName<span class="t-op">:</span> <span class="t-str">'hUXley'</span>,
-    role<span class="t-op">:</span> <span class="t-str">'AI UX / Brand Designer'</span>,
+    role<span class="t-op">:</span> <span class="t-str">'UX / Brand Designer'</span>,
     jobPriceCents<span class="t-op">:</span> <span class="t-num">14900</span>,
     fulltimePriceCents<span class="t-op">:</span> <span class="t-num">54900</span>,
   },
   pam<span class="t-op">:</span> {
     displayName<span class="t-op">:</span> <span class="t-str">'PaM'</span>,
-    role<span class="t-op">:</span> <span class="t-str">'AI Product Manager'</span>,
+    role<span class="t-op">:</span> <span class="t-str">'Product Manager'</span>,
     jobPriceCents<span class="t-op">:</span> <span class="t-num">7900</span>,
     fulltimePriceCents<span class="t-op">:</span> <span class="t-num">49900</span>,
   },