<!-- SalesOS Shelf v1.40 — 2026-10-26: RECRUIT DESK CARD (Steven: recruiters find people for the FB group, the home-search app, Steven Mock, and the broker app — all in one place, with its own shareable link). New Recruit Desk card in Your Bench, after SalesPros, linking the ONE Recruit Desk app at https://mocktools.pages.dev/recruitdesk/ (the same desk is on the AgentOS shelf — never a clone; it lives inside the mocktools Pages project because the account is at the 100-project cap, and moves to its own domain the moment a slot frees). Inside: four pipelines — Hub realtor-invite assignments from the territory ledger, homeowner counts by city for the home-search app (counts/cities only — homeowner records never enter the desk and never flow to Facebook), KC homeowner segments assigned to Steven's MailBook lanes only with APPOINTMENTS SET as the headline metric (MailBook exists to get appointments — Steven, 2026-10-26 ~05:25), and Iron Pin agent recruiting by state in reciprocity order. Counts updated (metas 18 → 19 tools; AI-desk config tools[] + context Fourteen → Fifteen). No card moved or reworded. Kit stamps bumped (version.json, CURRENT ×2 incl. notes.html, footer, feedback ×2, SW cache). Built on live v1.39. -->
<!-- SalesOS Shelf v1.39 (same merged build, Notes feature restored) — 2026-10-26: NOTES TAB (Steven: "A notes tab on both apps. Take notes or come up with a better idea"). The better idea: notes that live where the work is. A Tools/Notes tab bar sits at the top of the shelf, and the Notes tab (notes.html — plain links both ways, no view switching) opens on a capture box, a search box, and the list, nothing else competing on the first screen. A note can be FILED UNDER a person or a deal by name (the "File under" field offers past names back); the note carries that name as a chip, and tapping the chip shows everything filed under them — the CRM Memory idea at shelf level. ONE shared on-device store for the whole shelf (localStorage key salesos.notes.v1): the shelf home gains a slim Quick note capture writing into the same store, and an open Notes tab re-renders live when a note lands from another page (storage event). Pinned notes ride on top, then newest first; every note shows its time; edit is inline in the card; delete is two-tap. Exactly ONE sample note seeds a fresh store. New files: notes.html, notes.js, notes.css (all three in the SW precache). Notes is a shelf tab, not a card — card/tool counts are the merged build's own. NOTE: the first Notes build in this tree was overwritten when the PhotoLink + Make-It-Yours merges rebuilt the staging dir; the Notes files and index wiring were restored on top of the merged build before deploy (guard + jsdom suite re-run green on the final tree). -->
<!-- SalesOS Shelf v1.39 (merged build) — 2026-10-26: MAKE IT YOURS + CALCULATOR + CALENDAR, merged on top of the same-version Notes-tab build in this staging tree. One "Make it yours" panel (name/company/photo in the header, 6 accent swatches, show/hide + up/down order + star favorites per tool, favorites repeated at the top, one Back to standard reset; saved only in localStorage salesosCustomV1). New Calculator tile: mortgage payment, commission + split, seller net sheet, affordability (28/36, labeled estimate). New Calendar tile: month grid + agenda, add/edit/delete, localStorage salesosCalendarV1, no seed events, display-only. In-shelf views with browser-back (pushState/popstate). Kit stamps 1.39. Built on live v1.38. -->
<!-- SalesOS Shelf v1.39 — 2026-10-26: PHOTOLINK CARD (Steven: "Photograph app that links to the person who did the photos"). New PhotoLink card in In the Field, after Appointments, linking the ONE PhotoLink app (photolink-1uw.pages.dev — plain photolink.pages.dev is a stranger's site). In PhotoLink every photo carries its photographer's credit as a live link — tap it for their portfolio, metro and booking. Card count 15 → 16 (metas + hero), tool count 13 → 14 (AI-desk context). No other card moved or reworded. Kit stamps bumped (version.json, CURRENT, footer, SW cache). Built on live v1.38. -->
<!-- SalesOS Shelf v1.38 — 2026-10-25: FLEET FINDABILITY PASS (Steven, after the ReviewCatcher closed-collapsible miss: "This was hard to find. New color or something."). Every closed control on the shelf was audited at 390px with computed styles against the page background rgb(6,13,31). ALREADY FINDABLE, untouched: the weather chip (lifted #0d2148 fill, gold border, shadow — the city picker's closed entry), the closed Ask AI toggle bar (lifted #101c33 fill, gold border, gold chevron), and the account chip buttons (solid-gold Create account pill + gold-outline Sign in pill). No <details>/fold rows exist on this shelf. TWO flat items treated, styling only: (1) the collapsed feedback tool was a bare underlined text link on a transparent background (no fill, border, radius, shadow or gold) — it now sits on the lifted #101c33 card with a gold border, 3px gold left border, radius + shadow, a gold bold label and a CSS chevron that flips when open. (2) The post-first-win join banner was a flat text line with an underline-only button — and while it is up it is the ONLY account entry on screen (the chip row hides) — it now carries the same lifted #101c33 fill, gold border + gold left border, radius + shadow, and its Create account button is gold. No copy, structure, card set, href or behavior changed; all 15 cards identical; the account modal and its recovery-code safety note untouched. Kit stamps bumped (version.json, CURRENT, footer, SW cache). Built on live v1.37. -->
<!-- SalesOS Shelf v1.37 — 2026-10-25: CONSOLIDATION SWEEP, SECOND PASS (Steven: "go through all of our stuff and consolidate where makes sense"). Full scroll-through audit of every shelf section/screen. TWO consolidations shipped, both duplicate CTAs on the ONE shelf screen: (1) Refresh appeared twice (top refreshbar + footer) — footer copy removed, the top button is the single Refresh; the .js-refresh handler is unchanged and still binds the remaining button. (2) The footer carried TWO feedback prompts side by side — the account snippet's "Something missing? Tell me" (v1.8 mount) and the shared Mock Feedback Tool's "What would make this better?" (Steven's 2026-10-25 all-products rule) — the account-snippet footer mount is removed so exactly ONE feedback CTA remains (the shared tool, product+version stamped); the account snippet file itself is untouched and its feedback code simply has no mount on this shelf. Everything else was audited and deliberately left: card descriptions are the acted-on content of link cards (no essays exist to collapse), the account modal is itself the closed surface and its recovery-code note must stay visible before join, the join-prompt banner and chip row are never on screen together (one-surface rule), and weather/account setup each already live in exactly one collapsed place. No card added, removed, moved or reworded; no link, price or ordering changed. Kit stamps bumped (version.json, CURRENT, footer, SW cache). Built on live v1.36. -->
<!DOCTYPE html>
<!-- SalesOS Shelf v1.42 — 2026-10-26: LISTINGLENS CARD (Steven: "Can you make a camera app"). The one ListingLens app (the realtor camera — shoot by property, room labels, before/after pairs, brand watermark) lives in the AgentOS project at mocktools.pages.dev/listinglens/ while the Cloudflare account sits at its 100-project cap; this card links that ONE app (never a clone), in In the Field right after PhotoLink — shoot it here, credit it there. Built on the in-flight v1.41 tree (stamps were pre-bumped in the shared salesos-v140 working dir; notes.html CURRENT had lagged at 1.40 — all stamps unified at 1.42 here). NOTE FOR THE SALESOS LANE: rebase further work onto live v1.42, not the v140 dir. -->
<!-- SalesOS Shelf v1.41 — 2026-10-26: SHELF REORDER + CUSTOMIZE APPS BUTTON (Steven: "Make win listings first" / "Every day tools move down" / "put something that says customize apps small and conspicuous place in both apps"). New FIRST section Win Business — MailBook (outreach), SalesWorks (pitch writing), BidBook (quotes that close) — pulled out of Your Sales Desk / Your Bench; the Desk keeps SalesCRM with Memory, ReviewCatcher, ClearLegal, LoopFlow; then In the Field, Your Bench (ProRoster, Recruit Desk), Get Better, and Everyday Tools (Calculator, Calendar) stays at the bottom. The refresh-bar button is relabeled "Customize apps" (same spot on both shelves), opening the same single Make-it-yours panel (salesosCustomV1); the merged build's per-section order/favorites/hide carry over. Kit stamps bumped (version.json, CURRENT, footer, feedback, SW cache). Built on live v1.40 (salesos-v140 tree, md5-verified == live). -->
<!-- SalesOS Shelf v1.36 — 2026-10-25: ASK-AI TOOL-LIST CONSOLIDATION. The shelf tool list lived in three places and two copies had drifted: AI_DESK_CONFIG was missing the RouteMap tool entirely and its context still said "Eleven tools" (omitting RouteMap + Appointments), and the ai-desk.js offline bank still sent users to the QuoteDesk card (swapped out for BidBook in v1.35) and a "DealFlow" card (renamed LoopFlow) and said "nine tools". All copies now match the visible shelf (15 cards = 13 tools + book + speaker sessions): RouteMap added to the AI-desk tool table, BidBook/LoopFlow names fixed in the offline bank, counts unified. No card moved, added or removed; every tool link unchanged. Kit stamps bumped (version.json, CURRENT, footer, SW cache). Built on live v1.35. -->
<!-- SalesOS Shelf v1.35 — 2026-10-25: QUOTEDESK → BIDBOOK SWAP (Steven delegated the call, 2026-10-25 16:20 CT: "You choose" — call was SWAP). The quoting seat is now BidBook (bidbook-2ux.pages.dev): Good/Better/Best packages, customer approval link, deposit line, chase board, invoice maker. Card + AI-desk tools entry + context swapped; QuoteDesk standalone never launched (no Stripe links, no buyers). Kit stamps bumped (version.json, CURRENT, footer, SW cache). Built on live v1.34. -->
<!-- SalesOS Shelf v1.34 — 2026-10-25: CLEARLEGAL CARD (Steven, 2026-10-25 12:46 CT: "Build ClearLegal and load both shelves now" — he lifted the pack's attorney-review hold himself). New ClearLegal card in Your Sales Desk, after ReviewCatcher, linking the ONE ClearLegal app (clearlegal-app.pages.dev — same app on both shelves, never a clone). Tool count 14 → 15 (hero + meta descriptions + AI-desk tools list + context). No other card moved or reworded. Kit stamps bumped (version.json, CURRENT, footer, SW cache). Built on live v1.33. -->
<!-- SalesOS Shelf v1.31 — 2026-10-25: APPOINTMENTS CARD (Steven: "we almost need to add an appointment app to both apps"). New Appointments card in In the Field, after RouteMap, linking the ONE Appointments app with ?family=sales (the same app serves both shelves; the param picks the Sales flavor on first open). Tool count 12 → 13 (hero line + AI-desk tools list; the desk gains an Appointments entry). No other card moved or reworded. Kit stamps bumped (version.json, CURRENT, footer, SW cache). Built on live v1.30. -->
<!-- SalesOS Shelf v1.29 — 2026-10-25: AI-DESK userName PASS-THROUGH (Lane 11). The shelf's ai-desk.js now passes the signed-in user's first name to the desk as userName (mirrors the shared ai-desk master: read from the account session store on this origin), so Write-for-me drafts sign with the user's own name instead of a placeholder. Signed out, nothing is passed. Built on live v1.28. -->
<!-- SalesOS Shelf v1.28 — 2026-10-25: FLEET MODAL-TRAP FIX + MANUAL REFRESH (Lane 5). The account modal's close is now sticky/always-reachable on top of the card's existing max-height + internal scroll cap, and the overlay scrolls as a fallback — no more trap on short screens. Manual \u21bb Refresh buttons (MockHQ pattern, class js-refresh: clear Cache Storage, then load ?fresh=<ts>) added top-under-hero and in the footer. Self-update kit unchanged. Built on live v1.27. -->
<!-- SalesOS Shelf v1.21 — 2026-10-24 (night): MAILBOOK POSITIONING SAID PLAINLY (Steven, worried MailBook isn't landing: "this is not a cold list but your CRM"). Shelf copy only — no app touched. MailBook card + AI-desk config line now read: "Automated email outreach to your own CRM — not a cold list, ever. Follow-up sequences in your voice. Free." (was "Automated email outreach to your own list — follow-up sequences in your voice, no cold email, ever."). AI-desk context + canned answer swept to the same three points (your own CRM, not a cold list / automated in your voice / free). Kit stamps bumped (version.json, CURRENT, footer, SW cache). Built on live v1.20. -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="theme-color" content="#0a1f44">
<title>SalesOS — Sales Software for Salespeople</title>
<!-- SalesOS Shelf v1.15 — 2026-10-24: ASK AI JOB FLAG + DRAFTING MODE. The shelf's ai-desk.js now sends the picked job to the desk as "job" in the request body; for "Write something for me" the desk answers in DRAFTING MODE (ready-to-send draft in Steven's voice, sign-off, at most 2 blanks, 600-token cap) under the upgraded shared prompt, so the old write context-hint is retired. No bank content changed; layout, account surface, and every other job unchanged. (v1.14 was the sign-in visibility pass, shipped with AgentOS v2.61.) -->
<!-- SalesOS Shelf v1.13 — 2026-10-24: LOOKS PASS (Steven: "I want our two sites looking good") — ten visual improvements, presentation only, shipped with AgentOS v2.59: stacked SALESOS wordmark lockup + hero lines moved into styles.css; join banner gets the full-width row; one gold + one top-bar height; Ask AI bar goes dark; cards lift with shadow; real tile gradients + white letters on the dark tiles; Inter actually applies; card line-heights + top-align + one clean section break; shared tools take AgentOS's colors; desktop widens to 940px; focus-visible outlines; footer feedback panel opens upward like AgentOS; apple-touch-icon + manifest. -->
<!-- SalesOS Shelf v1.11 — 2026-10-24: ASK AI DROPDOWN + JOBS (Steven, from an Aragon screenshot: "On both sites I want this for AI — it's like a drop down… you select, it drops, and looks a lot cleaner" + "I want a better AI app"). The always-open Ask AI bar is now ONE slim closed row ("✦ Ask AI — Pick what you need ▾"); tapping drops four real jobs — Find me the right tool / Write something for me / What does a tool do? / Ask anything — and a pick drops the panel with the field set for that job. Answers end with the useful next tap: an "Open <tool>" link from the shelf's tool table (now in AI_DESK_CONFIG as tools/jobs) or a Copy button under a draft; the built-in bank covers every job offline. Desk endpoint, guardrails and base context untouched. Self-update kit (incl. foreground re-check) unchanged. -->
<meta name="description" content="Free sales software that works for you. 19 tools · one link.">
<meta property="og:title" content="SalesOS — Sales Software for Salespeople">
<meta property="og:description" content="Free sales software that works for you. 19 tools · one link.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://salesos-ad4.pages.dev/">
<meta property="og:image" content="https://salesos-ad4.pages.dev/og-salesos.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="SalesOS — Sales Software for Salespeople">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="SalesOS — Sales Software for Salespeople">
<meta name="twitter:description" content="Free sales software that works for you. 19 tools · one link.">
<meta name="twitter:image" content="https://salesos-ad4.pages.dev/og-salesos.png">
<link rel="icon" href="icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="ai-desk.css">
<link rel="stylesheet" href="notes.css">
</head>
<body>
<!-- SalesOS Shelf v1.8 — 2026-10-24: GROUPED SHELF + TOP REDO (Steven: "I
     feel like we need to group these better" over the flat v1.6 list, and
     "we can do the top better"). Cards grouped by job under three headings
     — Your Sales Desk / Your Bench / Get Better — 11 cards: SalesPros (the
     vendor directory) and Sales Arcade join the shelf, the ProRoster card
     finally reads ProRoster (live v1.6 still showed the old bench name), and the
     Sales Speaker Sessions card sits LAST. Top mirrors the AgentOS v2.50
     bar: weather chip top-left, gold-pill Create account + Sign in right,
     and the count line + FREE tagline merged into ONE line under the H1
     ("11 free tools for people who sell · one link"). Feedback lives in
     the footer only. Ask AI example shortened so the placeholder fits
     whole at 360px. -->
<div class="top-row">
  <span class="top-side top-left"><button type="button" id="wxChip" class="wx-chip" hidden aria-label="Your weather — tap to set your city"></button></span>
  <div class="top-acct" data-salesos-chip data-app="salesos" data-first-tool="shelf"></div>
</div>
<div id="wxPicker" class="wx-picker" hidden></div>
<header class="hero">
  <div class="hero-brand">
    <img src="icon.svg" alt="" class="hero-icon">
    <img id="customPhoto" class="custom-photo" alt="" hidden>
    <div class="hero-brand-text">
      <p class="hero-name">SALESOS</p>
      <p class="hero-eyebrow">Built for salespeople</p>
    </div>
  </div>
  <h1>Sales software<br>that works for you.</h1>
  <div id="customIdentity" class="custom-identity" hidden><p id="customName" class="custom-name"></p><p id="customCompany" class="custom-company"></p></div>
  <p class="hero-count">18 free tools for people who sell · one link</p>
  <p class="hero-sub">Know who to contact. Know what to say. Close more deals.</p>
</header>

<main class="shelf" id="shelfMain">

  <div class="refreshbar"><button class="refreshbtn js-refresh" type="button">&#8635; Refresh — get the newest version</button><button class="makeyours-btn" type="button" data-open-view="custom">Customize apps</button></div>

  <div id="favSection" class="fav-section" hidden><h2 class="section-title">Your favorites</h2><div id="favList" class="fav-list"></div></div>

  <nav class="shelf-tabs" aria-label="Shelf views">
    <a class="shelf-tab is-active" href="index.html" aria-current="page">🧰 Tools</a>
    <a class="shelf-tab" href="notes.html">📝 Notes</a>
  </nav>

  <div class="quicknote" data-quicknote>
    <label for="qnText">✎ Quick note</label>
    <div class="quicknote-row">
      <input id="qnText" class="quicknote-input" type="text" placeholder="Jot a note — it lands in your Notes tab" autocomplete="off">
      <button id="qnSave" class="quicknote-save" type="button">Save</button>
    </div>
    <p class="quicknote-done" data-qn-done hidden>Saved ✓ — find it in the <a href="notes.html">Notes tab</a></p>
  </div>

  <h2 class="section-title">Win Business</h2>

  <a class="tool" data-tool-id="mailbook" href="https://salesmailbook.pages.dev" style="--accent:#10b981">
    <span class="tool-tile">MB</span>
    <span class="tool-body"><span class="tool-name">MailBook</span><span class="tool-desc">Automated email outreach to your own CRM — not a cold list, ever. Follow-up sequences in your voice. Free.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="salesworks" href="https://salesworks-c11.pages.dev" style="--accent:#f59e0b">
    <span class="tool-tile">SW</span>
    <span class="tool-body"><span class="tool-name">SalesWorks</span><span class="tool-desc">Get the writing done: follow-up emails, proposals, objection replies, call scripts.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="bidbook" href="https://bidbook-2ux.pages.dev" style="--accent:#f97316">
    <span class="tool-tile">BB</span>
    <span class="tool-body"><span class="tool-name">BidBook</span><span class="tool-desc">Build the bid in a minute, send one link — they pick Good, Better or Best and tap Approve.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <h2 class="section-title">YOUR SALES DESK</h2>

  <a class="tool" data-tool-id="salescrm" href="https://salescrm-90a.pages.dev" style="--accent:#ec4899">
    <span class="tool-tile">SC</span>
    <span class="tool-body"><span class="tool-name">SalesCRM with Memory</span><span class="tool-desc">Your contacts, pipeline and follow-ups — an AI chief of staff that remembers your book: who to call today, why, and what to say.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="reviewcatcher" href="https://reviewcatcher-app.pages.dev" style="--accent:#14b8a6">
    <span class="tool-tile">RC</span>
    <span class="tool-body"><span class="tool-name">ReviewCatcher</span><span class="tool-desc">Send customers one feedback link after the sale — every reply lands in your inbox, low scores ping you fast, and everyone gets the button to review you or your business on Google. Free.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="clearlegal" href="https://clearlegal-app.pages.dev" style="--accent:#2563eb">
    <span class="tool-tile">CL</span>
    <span class="tool-body"><span class="tool-name">ClearLegal</span><span class="tool-desc">Plain-English paperwork help for your own business — LLC and contract paperwork, organized in one place. Free.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="loopflow" href="https://dealroom-723.pages.dev" style="--accent:#3b82f6">
    <span class="tool-tile">LF</span>
    <span class="tool-body"><span class="tool-name">LoopFlow</span><span class="tool-desc">Track a deal from signed to paid — every step, date, and dollar in one place.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <h2 class="section-title">In the Field</h2>

  <a class="tool" data-tool-id="routemap" href="https://routemap.pages.dev" style="--accent:#ca8a04">
    <span class="tool-tile">RM</span>
    <span class="tool-body"><span class="tool-name">RouteMap</span><span class="tool-desc">Stack the day's stops in order and open the whole route in Maps.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="appointments" href="https://appointments-b3r.pages.dev/?family=sales" style="--accent:#2563eb">
    <span class="tool-tile">AP</span>
    <span class="tool-body"><span class="tool-name">Appointments</span><span class="tool-desc">Your appointments and booking page — with deal math, scripts and prep checklists right where you need them.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="photolink" href="https://photolink-1uw.pages.dev" style="--accent:#0284c7">
    <span class="tool-tile">PL</span>
    <span class="tool-body"><span class="tool-name">PhotoLink</span><span class="tool-desc">Photos that credit the person who shot them — tap the credit to see their work and book them.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="listinglens" href="https://mocktools.pages.dev/listinglens/" style="--accent:#dc2626">
    <span class="tool-tile">LL</span>
    <span class="tool-body"><span class="tool-name">ListingLens</span><span class="tool-desc">The camera for the field — shoot by property, rooms labeled, before/after pairs, your brand on every shot.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <h2 class="section-title">Your Bench</h2>

  <a class="tool" data-tool-id="proroster" href="https://salesbench.pages.dev" style="--accent:#14b8a6">
    <span class="tool-tile">PR</span>
    <span class="tool-body"><span class="tool-name">ProRoster</span><span class="tool-desc">Your rolodex of pros.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="salespros" href="https://salespros.pages.dev" style="--accent:#e05260">
    <span class="tool-tile">SP</span>
    <span class="tool-body"><span class="tool-name" data-salespros-name>SalesPros</span><span class="tool-desc">A directory of the tools salespeople actually use — browse by what you need and save your stack.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="recruitdesk" href="https://mocktools.pages.dev/recruitdesk/" style="--accent:#c9a227">
    <span class="tool-tile">RD</span>
    <span class="tool-body"><span class="tool-name">Recruit Desk</span><span class="tool-desc">One desk for finding people — realtor invites, homeowners, and agents for the broker app. Work your assignments right here.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <h2 class="section-title">Get Better</h2>

  <a class="tool" data-tool-id="academy" href="https://sales-academy-9yh.pages.dev" style="--accent:#8b5cf6">
    <span class="tool-tile">SA</span>
    <span class="tool-body"><span class="tool-name">Sales Academy</span><span class="tool-desc">Short sales training courses that make you better at the next call.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="arcade" href="https://salesarcade.pages.dev" style="--accent:#2aa7bd">
    <span class="tool-tile">AR</span>
    <span class="tool-body"><span class="tool-name">Sales Arcade</span><span class="tool-desc">Objection Battle and Money Ladder — sales training games.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="book" href="https://salesos-book.pages.dev" style="--accent:#92400e">
    <span class="tool-tile tool-tile--light">BK</span>
    <span class="tool-body"><span class="tool-name">How Sales Actually Happen</span><span class="tool-desc">A sales training book, about 100 pages — how sales really happen, in plain language. One short chapter a day.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <a class="tool" data-tool-id="speakers" href="https://sales-speaker-library.pages.dev" style="--accent:#dc2626">
    <span class="tool-tile tool-tile--light">VL</span>
    <span class="tool-body"><span class="tool-name">Sales Speaker Sessions</span><span class="tool-desc">Every sales speaker session, saved.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </a>

  <h2 class="section-title">Everyday Tools</h2>

  <button type="button" class="tool tool-btn" data-tool-id="calculator" data-open-view="calculator" style="--accent:#0ea5e9">
    <span class="tool-tile">$=</span>
    <span class="tool-body"><span class="tool-name">Calculator</span><span class="tool-desc">Mortgage payment, commission split, seller net sheet and affordability — worked out in seconds, right here.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </button>

  <button type="button" class="tool tool-btn" data-tool-id="calendar" data-open-view="calendar" style="--accent:#22c55e">
    <span class="tool-tile">31</span>
    <span class="tool-body"><span class="tool-name">Calendar</span><span class="tool-desc">Your own month at a glance — add the showings, closings and follow-ups you want to remember.</span></span>
    <span class="tool-arrow" aria-hidden="true">→</span>
  </button>

</main>

<!-- MAKE IT YOURS VIEW -->
<section class="app-view" id="view-custom" hidden aria-label="Make it yours">
  <button type="button" class="view-back" data-close-view>&larr; Back to the shelf</button>
  <h2 class="view-title">Make it yours</h2>
  <p class="view-sub">Put your name on the shelf, pick your color, and keep only the tools you use. Every change shows on the shelf right away and stays on this phone or computer.</p>
  <div class="panel-card">
    <h3>Your name and company</h3>
    <label class="fld"><span>Your name</span><input id="custName" type="text" autocomplete="name" placeholder="e.g. Jamie Lee"></label>
    <label class="fld"><span>Company / brokerage</span><input id="custCompany" type="text" autocomplete="organization" placeholder="e.g. Lee Homes Realty"></label>
    <label class="fld"><span>Your photo or logo</span><input id="custPhoto" type="file" accept="image/*"></label>
    <button type="button" class="mini-btn" id="custPhotoRemove" hidden>Remove photo</button>
    <p class="hint">Your name, company and photo show at the top of the shelf.</p>
  </div>
  <div class="panel-card">
    <h3>Pick your color</h3>
    <div class="swatches" id="custSwatches">
      <button type="button" class="swatch" data-accent="" style="background:#f5b83d" aria-label="Standard gold"><span>Standard</span></button>
      <button type="button" class="swatch" data-accent="#3b82f6" style="background:#3b82f6" aria-label="Blue"><span>Blue</span></button>
      <button type="button" class="swatch" data-accent="#14b8a6" style="background:#14b8a6" aria-label="Teal"><span>Teal</span></button>
      <button type="button" class="swatch" data-accent="#8b5cf6" style="background:#8b5cf6" aria-label="Purple"><span>Purple</span></button>
      <button type="button" class="swatch" data-accent="#f97316" style="background:#f97316" aria-label="Orange"><span>Orange</span></button>
      <button type="button" class="swatch" data-accent="#ec4899" style="background:#ec4899" aria-label="Pink"><span>Pink</span></button>
    </div>
  </div>
  <div class="panel-card">
    <h3>Your tools</h3>
    <p class="hint">Star a tool and it also shows at the top under &ldquo;Your favorites.&rdquo; Use the arrows to move a tool up or down. Use the switch to show or hide it.</p>
    <div id="custToolList"></div>
  </div>
  <div class="panel-card">
    <h3>Start over</h3>
    <button type="button" class="danger-btn" id="custResetBtn">Back to standard</button>
    <div id="custResetConfirm" class="confirm-box" hidden>
      <p>Put the shelf back to standard? This clears your name, photo, color, favorites and order.</p>
      <button type="button" class="danger-btn" id="custResetYes">Yes, back to standard</button>
      <button type="button" class="mini-btn" id="custResetNo">Keep mine</button>
    </div>
  </div>
</section>

<!-- CALCULATOR VIEW -->
<section class="app-view" id="view-calculator" hidden aria-label="Calculator">
  <button type="button" class="view-back" data-close-view>&larr; Back to the shelf</button>
  <h2 class="view-title">Calculator</h2>
  <p class="view-sub">Four everyday sums, worked out right here. Nothing is saved or sent anywhere.</p>
  <div class="panel-card">
    <h3>Mortgage payment</h3>
    <label class="fld"><span>Home price ($)</span><input id="mPrice" type="number" inputmode="decimal" value="400000"></label>
    <label class="fld"><span>Down payment (%)</span><input id="mDown" type="number" inputmode="decimal" value="20"></label>
    <label class="fld"><span>Interest rate (%)</span><input id="mRate" type="number" inputmode="decimal" value="6.5"></label>
    <label class="fld"><span>Loan term (years)</span><input id="mTerm" type="number" inputmode="decimal" value="30"></label>
    <label class="fld"><span>Property tax per month ($, if you want it added)</span><input id="mTax" type="number" inputmode="decimal" value="0"></label>
    <label class="fld"><span>Insurance per month ($, if you want it added)</span><input id="mIns" type="number" inputmode="decimal" value="0"></label>
    <label class="fld"><span>HOA per month ($, if you want it added)</span><input id="mHoa" type="number" inputmode="decimal" value="0"></label>
    <button type="button" class="calc-btn" data-calc="mortgage">Work it out</button>
    <p class="calc-result" id="mResult" aria-live="polite"></p>
  </div>
  <div class="panel-card">
    <h3>Commission + split</h3>
    <label class="fld"><span>Sale price ($)</span><input id="cPrice" type="number" inputmode="decimal" value="350000"></label>
    <label class="fld"><span>Commission (%)</span><input id="cComm" type="number" inputmode="decimal" value="3"></label>
    <label class="fld"><span>Your split (%)</span><input id="cSplit" type="number" inputmode="decimal" value="70"></label>
    <button type="button" class="calc-btn" data-calc="commission">Work it out</button>
    <p class="calc-result" id="cResult" aria-live="polite"></p>
  </div>
  <div class="panel-card">
    <h3>Seller net sheet</h3>
    <label class="fld"><span>Sale price ($)</span><input id="nPrice" type="number" inputmode="decimal" value="350000"></label>
    <label class="fld"><span>Loan payoff ($)</span><input id="nPayoff" type="number" inputmode="decimal" value="210000"></label>
    <label class="fld"><span>Commission (%)</span><input id="nComm" type="number" inputmode="decimal" value="6"></label>
    <label class="fld"><span>Other costs (%)</span><input id="nOther" type="number" inputmode="decimal" value="1"></label>
    <button type="button" class="calc-btn" data-calc="net">Work it out</button>
    <p class="calc-result" id="nResult" aria-live="polite"></p>
  </div>
  <div class="panel-card">
    <h3>Affordability</h3>
    <p class="hint">A rough guide using the common 28/36 rules — this is an estimate, not a lender decision.</p>
    <label class="fld"><span>Monthly income ($)</span><input id="aIncome" type="number" inputmode="decimal" value="8000"></label>
    <label class="fld"><span>Monthly debts ($)</span><input id="aDebts" type="number" inputmode="decimal" value="500"></label>
    <button type="button" class="calc-btn" data-calc="afford">Work it out</button>
    <p class="calc-result" id="aResult" aria-live="polite"></p>
  </div>
</section>

<!-- CALENDAR VIEW -->
<section class="app-view" id="view-calendar" hidden aria-label="Calendar">
  <button type="button" class="view-back" data-close-view>&larr; Back to the shelf</button>
  <h2 class="view-title">Calendar</h2>
  <p class="view-sub">Your own dates, saved on this device only. This calendar just shows them — it does not send reminders.</p>
  <div class="panel-card">
    <div class="cal-nav">
      <button type="button" class="mini-btn cal-arrow" id="calPrev" aria-label="Previous month">&larr;</button>
      <p class="cal-month" id="calMonthLabel"></p>
      <button type="button" class="mini-btn cal-arrow" id="calNext" aria-label="Next month">&rarr;</button>
    </div>
    <button type="button" class="mini-btn" id="calTodayBtn">Today</button>
    <div class="cal-week" aria-hidden="true"><span>Sun</span><span>Mon</span><span>Tue</span><span>Wed</span><span>Thu</span><span>Fri</span><span>Sat</span></div>
    <div class="cal-grid" id="calGrid"></div>
    <p class="hint" id="calSummary"></p>
  </div>
  <div class="panel-card">
    <h3 id="calFormTitle">Add an event</h3>
    <label class="fld"><span>What is it?</span><input id="eTitle" type="text" placeholder="e.g. Closing at 2pm"></label>
    <label class="fld"><span>Date</span><input id="eDate" type="date"></label>
    <label class="fld"><span>Time (if you want one)</span><input id="eTime" type="time"></label>
    <label class="fld"><span>Note (if you want one)</span><input id="eNote" type="text" placeholder="e.g. Bring the folder"></label>
    <button type="button" class="calc-btn" id="eSaveBtn">Add event</button>
    <button type="button" class="mini-btn" id="eCancelBtn" hidden>Cancel edit</button>
    <p class="hint" id="calFormMsg" aria-live="polite"></p>
  </div>
  <div class="panel-card">
    <h3>Agenda</h3>
    <div id="calEmpty" class="empty-box">No events yet. Add your first one with the form above — nothing shows here until you add it.</div>
    <div id="calAgenda"></div>
  </div>
</section>

<footer class="site-footer">
  <p class="foot-tag">Built for salespeople — by Steven Mock.</p>
  <p class="foot-ver">SalesOS · v1.42</p>
</footer>

<script>
/* SALESPROS DISPLAY NAME — the ONE spot. Steven's rename pick is still
   pending (SalesStack / SalesKit / SalesArsenal): when he picks, change
   this one string and the card name + every AI-desk mention follow.
   The card markup below carries the same text as a no-JS fallback. */
window.SALESPROS_NAME = "SalesPros";
</script>
<script>
(function () {
  var el = document.querySelector("[data-salespros-name]");
  if (el && window.SALESPROS_NAME) el.textContent = window.SALESPROS_NAME;
})();
</script>
<script>window.AI_DESK_CONFIG = {"appName": "SalesOS", "endpoint": "https://agentos-ai-desk-pages.pages.dev/chat", "example": "What writes my emails?", "examples": ["What writes my emails?", "Who should I call today?", "What training is in here?"], "jobs": [{"id": "find", "label": "Find me the right tool", "ph": "Tell me the job — e.g. build a quote, track a deal…"}, {"id": "write", "label": "Write something for me", "ph": "What should I write? E.g. a follow-up email, an objection reply…"}, {"id": "explain", "label": "What does a tool do?", "ph": "Name a tool — e.g. SalesCRM"}, {"id": "ask", "label": "Ask anything", "ph": ""}], "tools": [{"name": "SalesCRM with Memory", "url": "https://salescrm-90a.pages.dev", "line": "Your contacts, pipeline and follow-ups — with an AI chief of staff that remembers your book.", "keys": ["salescrm", "crm", "contacts", "pipeline", "who to call", "call list"]}, {"name": "MailBook", "url": "https://salesmailbook.pages.dev", "line": "Automated email outreach to your own CRM — not a cold list, ever. Follow-up sequences in your voice. Free.", "keys": ["mailbook", "email my list", "sequence", "outreach", "follow-up email"]}, {"name": "ReviewCatcher", "url": "https://reviewcatcher-app.pages.dev", "line": "One feedback link to send customers after a sale or delivery; replies land in an inbox, 3 stars or less alerts the rep instantly, and every customer sees the same Google review button. Free.", "keys": ["reviewcatcher", "reviews", "google reviews", "feedback", "reputation", "stars", "review link"]}, {"name": "ClearLegal", "url": "https://clearlegal-app.pages.dev", "line": "Free plain-English legal self-help — explainers and a guided intake for common situations like wills, landlord letters and small claims, plus a matching desk to an independent local attorney. Not a law firm and not legal advice.", "keys": ["clearlegal", "legal", "lawyer", "attorney", "will", "estate", "llc", "landlord", "deposit", "small claims", "contract", "name change", "traffic ticket"]}, {"name": "LoopFlow", "url": "https://dealroom-723.pages.dev", "line": "Track a deal from signed to paid — every step, date, and dollar in one place.", "keys": ["loopflow", "loop flow", "deal flow", "track my deals", "signed to paid"]}, {"name": "BidBook", "url": "https://bidbook-2ux.pages.dev", "line": "Build a bid in a minute and send one link — your customer picks Good, Better or Best and taps Approve. Deposit and invoice built in.", "keys": ["bidbook", "bid book", "quotedesk", "quote desk", "quote", "bid", "estimate"]}, {"name": "SalesWorks", "url": "https://salesworks-c11.pages.dev", "line": "Gets the writing done — follow-up emails, proposals, objection replies, call scripts.", "keys": ["salesworks", "proposal", "objection", "script", "write my emails", "writes my emails"]}, {"name": "ProRoster", "url": "https://salesbench.pages.dev", "line": "Your rolodex of pros — coach, designer, VA, printer — saved by you, one tap away.", "keys": ["proroster", "rolodex", "my pros"]}, {"name": "SalesPros", "url": "https://salespros.pages.dev", "line": "The vendor directory — find vendors worth hiring; every listing checked.", "keys": ["salespros", "sales pros", "vendor", "directory", "hire"]}, {"name": "RouteMap", "url": "https://routemap.pages.dev", "line": "Stack the day's stops in order and open the whole route in Maps.", "keys": ["routemap", "route map", "route", "stops", "directions", "plan my stops"]}, {"name": "Sales Academy", "url": "https://sales-academy-9yh.pages.dev", "line": "Short sales training courses that make you better at the next call.", "keys": ["academy", "training", "course", "learn"]}, {"name": "Sales Arcade", "url": "https://salesarcade.pages.dev", "line": "Sales training games — Objection Battle and Money Ladder, with your best scores saved.", "keys": ["arcade", "game", "practice", "objection battle"]}, {"name": "How Sales Actually Happen", "url": "https://salesos-book.pages.dev", "line": "Steven's sales training book — read or listen, one short chapter a day.", "keys": ["book", "read", "listen"]}, {"name": "Sales Speaker Sessions", "url": "https://sales-speaker-library.pages.dev", "line": "Every sales speaker session, saved and ready to watch.", "keys": ["speaker", "session", "watch"]}, {"name": "Appointments", "url": "https://appointments-b3r.pages.dev/?family=sales", "line": "Your appointments and your own booking page, plus the quick tools you need at the meeting — deal math, scripts, prep checklists.", "keys": ["appointments", "appointment", "booking page", "book a meeting", "my meetings", "schedule a meeting", "demo booking"]}, {"name": "Recruit Desk", "url": "https://mocktools.pages.dev/recruitdesk/", "line": "One desk for finding people — realtor invite assignments for the Realtor Referral Hub race, homeowner counts for the home-search app, KC homeowner assignments for Steven\u2019s MailBook lanes (appointments are the goal), and agent recruiting by state for the broker app.", "keys": ["recruit desk", "recruit", "recruiting", "invite realtors", "find agents", "find people", "assignments", "grow the group", "new members"]}, {"name": "PhotoLink", "url": "https://photolink-1uw.pages.dev", "line": "Photos that credit the person who shot them — tap the credit to open their profile, see their portfolio, and book them. Free.", "keys": ["photolink", "photo", "photos", "photographer", "listing photos", "pictures", "credit"]}], "context": "SalesOS is one shelf for salespeople in any industry, built by Steven Mock. Fifteen tools, plus a book and the sales speaker sessions: SalesCRM with Memory (your contacts, pipeline and follow-ups \u2014 an AI chief of staff inside the CRM remembers your book: who to call today, why, and what to say), MailBook (automated email outreach to your own CRM \u2014 not a cold list, ever; follow-up sequences in your voice, sent from your own mail app; free), ReviewCatcher (one feedback link to send customers after a sale or delivery \u2014 replies land in an inbox, 3 stars or less alerts the rep instantly, and every customer sees the same Google review button; free), ClearLegal (free plain-English legal self-help \u2014 explainers and a guided intake for common situations like wills, landlord letters and small claims, plus a matching desk to an independent local attorney; not a law firm and not legal advice), LoopFlow (track a deal from signed to paid \u2014 every step, date, and dollar in one place), BidBook (build a bid in a minute and send one link \u2014 your customer picks Good, Better or Best and taps Approve; deposit line, chase board and invoice maker built in), SalesWorks (get the writing done: follow-up emails, proposals, objection replies, call scripts), ProRoster (your rolodex of pros, one tap away \u2014 coach, designer, VA, printer, saved by you), " + (window.SALESPROS_NAME || "SalesPros") + " (the vendor directory \u2014 find vendors worth hiring; every listing checked), RouteMap (stack the day's stops in order and open the whole route in Maps), Appointments (your appointments and your own booking page, plus the quick tools you need at the meeting \u2014 deal math, scripts, prep checklists), Recruit Desk (one desk for finding people \u2014 realtor invites for the Hub race, homeowner pipelines, and agent recruiting for the broker app), PhotoLink (listing photos that credit the photographer who shot them \u2014 tap the credit to see their portfolio and book them; free), Sales Academy (short sales training courses that make you better at the next call), Sales Arcade (sales training games \u2014 Objection Battle and Money Ladder, with your best scores saved), the book How Sales Actually Happen (a sales training book, about 100 pages \u2014 read or listen to one short chapter a day), and Sales Speaker Sessions (every sales speaker session, saved \u2014 first sessions are being booked now; its card is last on the shelf). SalesOS is free right now. Salespeople can create an account with an email and password to keep their work secure \u2014 contacts, lists and progress stay tied to them and the same sign-in works on any device; an account is optional and every tool works without one. There is no password reset yet, so keep your password somewhere safe."};</script>
<script src="ai-desk.js"></script>

<script>
/* SalesOS self-update — v1.1: version-keyed reload guard, cache-busted reload, service worker with skipWaiting + clients.claim. On every open the app fetches version.json (cache bypassed) and, when the live version differs, reloads once per version (max 2 attempts). A ~30-min re-check defers while the user is mid-edit. On-device data is never touched. */
(function () {
  var CURRENT = "1.42";
  var FLAG = "salesosReloadedFor";
  var COUNT = "salesosReloadAttempts";
  var MAX_TRIES = 2;
  if ("serviceWorker" in navigator) {
    navigator.serviceWorker.register("sw.js").catch(function () {});
  }
  function attemptsFor(target) {
    try {
      var raw = sessionStorage.getItem(COUNT);
      if (!raw) return 0;
      var parts = String(raw).split(":");
      return parts[0] === target ? (parseInt(parts[1], 10) || 0) : 0;
    } catch (e) { return 0; }
  }
  function remoteCheck(deferred) {
    var url;
    try { url = new URL("version.json", location.href); } catch (e) { return; }
    url.searchParams.set("u", String(Date.now()));
    fetch(url.toString(), { cache: "no-store" }).then(function (r) { return r.json(); }).then(function (j) {
      if (!j || !j.version) return;
      var target = String(j.version);
      if (target === String(CURRENT)) {
        try { sessionStorage.removeItem(FLAG); sessionStorage.removeItem(COUNT); sessionStorage.removeItem("salesos-upd-pending"); } catch (e) {}
        return;
      }
      var reloadedFor = null;
      try { reloadedFor = sessionStorage.getItem(FLAG); } catch (e) {}
      var tried = attemptsFor(target);
      if (reloadedFor === target && tried >= MAX_TRIES) { console.warn("[self-update] already reloaded for " + target + "; not looping."); return; }
      if (deferred) { try { sessionStorage.setItem("salesos-upd-pending", target); } catch (e) {} return; }
      try {
        sessionStorage.setItem(FLAG, target);
        sessionStorage.setItem(COUNT, target + ":" + String(tried + 1));
      } catch (e) {}
      var done = false;
      function go() {
        if (done) return; done = true;
        var u;
        try { u = new URL(location.href); } catch (e) { location.reload(); return; }
        u.searchParams.set("_v", target);
        u.searchParams.set("_t", String(Date.now()));
        location.replace(u.toString());
      }
      if ("serviceWorker" in navigator && navigator.serviceWorker.controller) {
        navigator.serviceWorker.addEventListener("controllerchange", go);
        navigator.serviceWorker.getRegistration().then(function (reg) {
          if (!reg) { go(); return; }
          try { var p = reg.update(); if (p && p.catch) p.catch(function () {}); } catch (e) {}
          if (reg.waiting) { try { reg.waiting.postMessage({ type: "SKIP_WAITING" }); } catch (e) {} }
          reg.addEventListener("updatefound", function () {
            var nw = reg.installing; if (!nw) return;
            nw.addEventListener("statechange", function () {
              if (nw.state === "installed" && navigator.serviceWorker.controller) { try { nw.postMessage({ type: "SKIP_WAITING" }); } catch (e) {} }
            });
          });
          setTimeout(go, 1800);
        }).catch(go);
      } else { go(); }
    }).catch(function () {});
  }
  remoteCheck(false);
  var lastInput = 0;
  document.addEventListener("input", function () { lastInput = Date.now(); }, true);
  setInterval(function () {
    var ae = document.activeElement;
    var editing = ae && /^(INPUT|TEXTAREA|SELECT)$/.test(ae.tagName);
    remoteCheck(editing || (Date.now() - lastInput < 60000));
  }, 30 * 60 * 1000);

  /* Foreground re-check (added Oct 24, 2026): iOS resumes a home-screen app
     from memory without reloading it, so the launch check alone can strand
     an old build forever. When the app returns to the front, run the same
     check — throttled to once per 2 minutes, same mid-edit deferral as the
     30-minute re-check. */
  var lastFgCheck = Date.now();
  function fgCheck() {
    var now = Date.now();
    if (now - lastFgCheck < 2 * 60 * 1000) return;
    lastFgCheck = now;
    var ae = document.activeElement;
    var editing = ae && /^(INPUT|TEXTAREA|SELECT)$/.test(ae.tagName);
    remoteCheck(editing || (now - lastInput < 60000));
  }
  document.addEventListener("visibilitychange", function () { if (!document.hidden) fgCheck(); });
  window.addEventListener("pageshow", fgCheck);
})();
</script>
<script src="weather-chip.js"></script>
<script>
/* Manual refresh (v1.28, MockHQ pattern): clear any saved copies of this
   page (Cache Storage), then load the page fresh with a one-time ?fresh=
   tag so the browser cannot serve a stale copy. On-device data (accounts,
   contacts, localStorage) is never touched — caches only. */
(function () {
  function hardRefresh(btn) {
    btn.textContent = 'Refreshing\u2026';
    function go() { location.href = location.pathname + '?fresh=' + Date.now(); }
    if ('caches' in window) {
      caches.keys().then(function (keys) {
        return Promise.all(keys.map(function (k) { return caches.delete(k); }));
      }).then(go).catch(go);
    } else { go(); }
  }
  Array.prototype.forEach.call(document.querySelectorAll('.js-refresh'), function (btn) {
    btn.addEventListener('click', function () { hardRefresh(btn); });
  });
})();
</script>
<script src="salesos-account.js"></script>
<noscript><p><a href="https://docs.google.com/forms/d/e/1FAIpQLSci3DOc7gtG7a4KbnWRh7TUhT1ENtGDvLEeY5y0msDnmio6dg/viewform?usp=pp_url&entry.1954705055=SalesOS%20shelf&entry.705734130=1.42">💬 What would make this better?</a></p></noscript>
<script src="notes.js"></script>
<script src="/feedback-tool.js" data-product="SalesOS shelf" data-version="1.41" data-target=".site-footer"></script>
<script>
/* SalesOS v1.39 — Make it yours + Calculator + Calendar (in-shelf views).
   Customization lives ONLY in localStorage "salesosCustomV1"; calendar
   events ONLY in "salesosCalendarV1". No other keys are touched. */
(function () {
  "use strict";
  var CUSTOM_KEY = "salesosCustomV1";
  var CAL_KEY = "salesosCalendarV1";
  function $(s, r) { return (r || document).querySelector(s); }
  function $$(s, r) { return Array.prototype.slice.call((r || document).querySelectorAll(s)); }
  function num(v) { var n = parseFloat(v); return isFinite(n) ? n : 0; }
  function money(n) {
    var neg = n < 0; n = Math.abs(Math.round(n * 100) / 100);
    var parts = n.toFixed(2).split(".");
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    return (neg ? "-$" : "$") + parts[0] + "." + parts[1];
  }
  var SalesCalc = {
    mortgage: function (price, downPct, ratePct, termYears, tax, ins, hoa) {
      var principal = price * (1 - downPct / 100);
      var r = ratePct / 100 / 12, n = Math.round(termYears * 12), pi;
      if (n <= 0) pi = 0; else if (r === 0) pi = principal / n;
      else pi = principal * r / (1 - Math.pow(1 + r, -n));
      return { principal: principal, pi: pi, total: pi + (tax || 0) + (ins || 0) + (hoa || 0) };
    },
    commission: function (price, commPct, splitPct) {
      var gross = price * commPct / 100; var yours = gross * splitPct / 100;
      return { gross: gross, yours: yours, house: gross - yours };
    },
    netSheet: function (price, payoff, commPct, otherPct) {
      return { net: price - payoff - price * commPct / 100 - price * otherPct / 100 };
    },
    afford: function (income, debts) {
      var byHousing = income * 0.28; var byTotal = income * 0.36 - debts;
      return { maxPayment: Math.max(0, Math.min(byHousing, byTotal)), byHousing: byHousing, byTotal: byTotal };
    }
  };
  window.SalesCalc = SalesCalc;

  var shelfMain = document.getElementById("shelfMain");
  function showView(name) {
    $$(".app-view").forEach(function (v) { v.hidden = v.id !== "view-" + name; });
    if (shelfMain) shelfMain.hidden = !!name;
    try { window.scrollTo(0, 0); } catch (e) {}
  }
  function openView(name, push) {
    showView(name);
    if (push) { try { history.pushState({ salesosView: name }, "", "#" + name); } catch (e) {} }
    if (name === "calendar") renderCalendar();
  }
  function closeView() { showView(null); }
  document.addEventListener("click", function (e) {
    var t = e.target;
    while (t && t !== document) {
      if (t.getAttribute && t.getAttribute("data-open-view")) { e.preventDefault(); openView(t.getAttribute("data-open-view"), true); return; }
      if (t.getAttribute && t.hasAttribute("data-close-view")) {
        e.preventDefault();
        if (window.history.state && window.history.state.salesosView) { history.back(); } else { closeView(); try { history.pushState(null, "", location.pathname + location.search); } catch (err) {} }
        return;
      }
      t = t.parentNode;
    }
  });
  window.addEventListener("popstate", function (e) {
    if (e.state && e.state.salesosView) { showView(e.state.salesosView); if (e.state.salesosView === "calendar") renderCalendar(); }
    else closeView();
  });
  var hashName = (location.hash || "").replace("#", "");
  if (hashName === "custom" || hashName === "calculator" || hashName === "calendar") {
    showView(hashName);
    try { history.replaceState({ salesosView: hashName }, "", "#" + hashName); } catch (e) {}
  }

  function toolEls() { return $$("#shelfMain > a.tool, #shelfMain > button.tool"); }
  function toolName(el) { var n = el.querySelector(".tool-name"); return n ? n.textContent.trim() : (el.getAttribute("data-tool-id") || "Tool"); }
  function defaultCustom() { return { name: "", company: "", photo: "", accent: "", hidden: [], favorites: [], order: toolEls().map(function (el) { return el.getAttribute("data-tool-id"); }) }; }
  var custom = defaultCustom();
  try {
    var raw = localStorage.getItem(CUSTOM_KEY);
    if (raw) {
      var parsed = JSON.parse(raw);
      if (parsed && typeof parsed === "object") {
        custom.name = parsed.name || ""; custom.company = parsed.company || ""; custom.photo = parsed.photo || "";
        custom.accent = parsed.accent || ""; custom.hidden = parsed.hidden || []; custom.favorites = parsed.favorites || [];
        if (Array.isArray(parsed.order) && parsed.order.length) {
          var known = defaultCustom().order;
          custom.order = parsed.order.filter(function (id) { return known.indexOf(id) !== -1; });
          known.forEach(function (id) { if (custom.order.indexOf(id) === -1) custom.order.push(id); });
        }
      }
    }
  } catch (e) {}
  function saveCustom() { try { localStorage.setItem(CUSTOM_KEY, JSON.stringify(custom)); } catch (e) {} }
  function groupOf(el) {
    var children = Array.prototype.slice.call(document.getElementById("shelfMain").children);
    var idx = children.indexOf(el), count = 0;
    for (var i = 0; i < idx; i++) { if (children[i].classList && children[i].classList.contains("section-title")) count++; }
    return count;
  }
  function applyCustom() {
    var nameEl = document.getElementById("customName"), compEl = document.getElementById("customCompany"),
        ident = document.getElementById("customIdentity"), photoEl = document.getElementById("customPhoto");
    if (nameEl) nameEl.textContent = custom.name || "";
    if (compEl) compEl.textContent = custom.company || "";
    if (ident) ident.hidden = !(custom.name || custom.company);
    if (photoEl) { if (custom.photo) { photoEl.src = custom.photo; photoEl.hidden = false; } else { photoEl.hidden = true; photoEl.removeAttribute("src"); } }
    var rm = document.getElementById("custPhotoRemove"); if (rm) rm.hidden = !custom.photo;
    if (custom.accent) document.documentElement.style.setProperty("--gold", custom.accent);
    else document.documentElement.style.removeProperty("--gold");
    $$("#custSwatches .swatch").forEach(function (b) { b.classList.toggle("swatch-on", (b.getAttribute("data-accent") || "") === (custom.accent || "")); });
    var els = toolEls();
    var groups = {};
    els.forEach(function (el) { var g = groupOf(el); (groups[g] = groups[g] || []).push(el); });
    Object.keys(groups).forEach(function (g) {
      var list = groups[g].slice().sort(function (a, b) { return custom.order.indexOf(a.getAttribute("data-tool-id")) - custom.order.indexOf(b.getAttribute("data-tool-id")); });
      var domList = groups[g]; var last = domList[domList.length - 1]; var ref = last.nextSibling; var parent = list[0].parentNode;
      list.forEach(function (el) { parent.insertBefore(el, ref); });
    });
    els = toolEls();
    els.forEach(function (el) { el.style.display = custom.hidden.indexOf(el.getAttribute("data-tool-id")) !== -1 ? "none" : ""; });
    var favSec = document.getElementById("favSection"), favList = document.getElementById("favList");
    if (favSec && favList) {
      favList.innerHTML = "";
      custom.favorites.forEach(function (id) {
        var src = els.filter(function (el) { return el.getAttribute("data-tool-id") === id; })[0];
        if (!src || custom.hidden.indexOf(id) !== -1) return;
        var clone = src.cloneNode(true);
        clone.removeAttribute("id"); clone.setAttribute("data-clone", "1"); clone.style.display = "";
        favList.appendChild(clone);
      });
      favSec.hidden = favList.children.length === 0;
    }
  }
  function buildToolList() {
    var box = document.getElementById("custToolList"); if (!box) return;
    box.innerHTML = "";
    var elsById = {};
    toolEls().forEach(function (el) { elsById[el.getAttribute("data-tool-id")] = el; });
    custom.order.forEach(function (id, idx) {
      var el = elsById[id]; if (!el) return;
      var row = document.createElement("div"); row.className = "cust-row"; row.setAttribute("data-tool-row", id);
      var name = document.createElement("span"); name.className = "cust-row-name"; name.textContent = toolName(el);
      var star = document.createElement("button"); star.type = "button"; star.className = "row-btn star-btn"; star.setAttribute("data-star", id);
      var isFav = custom.favorites.indexOf(id) !== -1;
      star.textContent = isFav ? "\u2605" : "\u2606"; star.setAttribute("aria-label", (isFav ? "Remove favorite: " : "Make favorite: ") + toolName(el)); star.setAttribute("aria-pressed", isFav ? "true" : "false");
      star.addEventListener("click", function () { var i = custom.favorites.indexOf(id); if (i !== -1) custom.favorites.splice(i, 1); else custom.favorites.push(id); saveCustom(); applyCustom(); buildToolList(); });
      var up = document.createElement("button"); up.type = "button"; up.className = "row-btn"; up.textContent = "\u2191"; up.setAttribute("aria-label", "Move up: " + toolName(el)); up.disabled = idx === 0;
      up.addEventListener("click", function () { if (idx > 0) { var t = custom.order[idx - 1]; custom.order[idx - 1] = custom.order[idx]; custom.order[idx] = t; saveCustom(); applyCustom(); buildToolList(); } });
      var down = document.createElement("button"); down.type = "button"; down.className = "row-btn"; down.textContent = "\u2193"; down.setAttribute("aria-label", "Move down: " + toolName(el)); down.disabled = idx === custom.order.length - 1;
      down.addEventListener("click", function () { if (idx < custom.order.length - 1) { var t = custom.order[idx + 1]; custom.order[idx + 1] = custom.order[idx]; custom.order[idx] = t; saveCustom(); applyCustom(); buildToolList(); } });
      var swWrap = document.createElement("label"); swWrap.className = "cust-switch";
      var sw = document.createElement("input"); sw.type = "checkbox"; sw.checked = custom.hidden.indexOf(id) === -1; sw.setAttribute("aria-label", "Show on shelf: " + toolName(el));
      sw.addEventListener("change", function () { var i = custom.hidden.indexOf(id); if (sw.checked && i !== -1) custom.hidden.splice(i, 1); if (!sw.checked && i === -1) custom.hidden.push(id); saveCustom(); applyCustom(); });
      var swText = document.createElement("span"); swText.textContent = "Show";
      swWrap.appendChild(sw); swWrap.appendChild(swText);
      row.appendChild(name); row.appendChild(star); row.appendChild(up); row.appendChild(down); row.appendChild(swWrap);
      box.appendChild(row);
    });
  }
  var custNameIn = document.getElementById("custName"), custCompIn = document.getElementById("custCompany");
  if (custNameIn) { custNameIn.value = custom.name || ""; custNameIn.addEventListener("input", function () { custom.name = custNameIn.value; saveCustom(); applyCustom(); }); }
  if (custCompIn) { custCompIn.value = custom.company || ""; custCompIn.addEventListener("input", function () { custom.company = custCompIn.value; saveCustom(); applyCustom(); }); }
  $$("#custSwatches .swatch").forEach(function (b) { b.addEventListener("click", function () { custom.accent = b.getAttribute("data-accent") || ""; saveCustom(); applyCustom(); }); });
  var photoIn = document.getElementById("custPhoto");
  if (photoIn) photoIn.addEventListener("change", function () {
    var file = photoIn.files && photoIn.files[0]; if (!file) return;
    var reader = new FileReader();
    reader.onload = function () {
      try {
        var img = new Image();
        img.onload = function () {
          try {
            var scale = Math.min(1, 256 / Math.max(img.width, img.height));
            var c = document.createElement("canvas");
            c.width = Math.max(1, Math.round(img.width * scale)); c.height = Math.max(1, Math.round(img.height * scale));
            c.getContext("2d").drawImage(img, 0, 0, c.width, c.height);
            custom.photo = c.toDataURL("image/jpeg", 0.85);
          } catch (err) { custom.photo = String(reader.result); }
          saveCustom(); applyCustom();
        };
        img.src = String(reader.result);
      } catch (err) {}
    };
    reader.readAsDataURL(file);
  });
  var photoRm = document.getElementById("custPhotoRemove");
  if (photoRm) photoRm.addEventListener("click", function () { custom.photo = ""; saveCustom(); applyCustom(); });
  var resetBtn = document.getElementById("custResetBtn"), resetBox = document.getElementById("custResetConfirm");
  if (resetBtn && resetBox) resetBtn.addEventListener("click", function () { resetBox.hidden = false; });
  var resetNo = document.getElementById("custResetNo");
  if (resetNo && resetBox) resetNo.addEventListener("click", function () { resetBox.hidden = true; });
  var resetYes = document.getElementById("custResetYes");
  if (resetYes) resetYes.addEventListener("click", function () {
    try { localStorage.removeItem(CUSTOM_KEY); } catch (e) {}
    custom = defaultCustom();
    if (custNameIn) custNameIn.value = ""; if (custCompIn) custCompIn.value = "";
    if (resetBox) resetBox.hidden = true;
    applyCustom(); buildToolList();
  });
  applyCustom(); buildToolList();

  /* Calculator UI */
  document.addEventListener("click", function (e) {
    var b = e.target;
    while (b && b !== document && !(b.getAttribute && b.getAttribute("data-calc"))) b = b.parentNode;
    if (!b || b === document || !b.getAttribute) return;
    var kind = b.getAttribute("data-calc");
    function val(id) { var el = document.getElementById(id); return el ? num(el.value) : 0; }
    if (kind === "mortgage") {
      var m = SalesCalc.mortgage(val("mPrice"), val("mDown"), val("mRate"), val("mTerm"), val("mTax"), val("mIns"), val("mHoa"));
      var extra = (val("mTax") + val("mIns") + val("mHoa")) > 0 ? " With the tax, insurance and HOA you added, the full monthly payment is " + money(m.total) + "." : "";
      document.getElementById("mResult").textContent = "Monthly principal & interest: " + money(m.pi) + " on a loan of " + money(m.principal) + "." + extra;
    } else if (kind === "commission") {
      var c = SalesCalc.commission(val("cPrice"), val("cComm"), val("cSplit"));
      document.getElementById("cResult").textContent = "Gross commission: " + money(c.gross) + " · Your share: " + money(c.yours) + " · House share: " + money(c.house) + ".";
    } else if (kind === "net") {
      var nres = SalesCalc.netSheet(val("nPrice"), val("nPayoff"), val("nComm"), val("nOther"));
      document.getElementById("nResult").textContent = "Estimated seller net: " + money(nres.net) + " (before any other closing costs).";
    } else if (kind === "afford") {
      var a = SalesCalc.afford(val("aIncome"), val("aDebts"));
      document.getElementById("aResult").textContent = "Estimate only: max monthly housing payment about " + money(a.maxPayment) + " using the 28/36 rules. A lender makes the real call.";
    }
  });

  /* Calendar */
  var calEvents = [];
  try { var craw = localStorage.getItem(CAL_KEY); if (craw) { var cp = JSON.parse(craw); if (Array.isArray(cp)) calEvents = cp; } } catch (e) {}
  function saveCal() { try { localStorage.setItem(CAL_KEY, JSON.stringify(calEvents)); } catch (e) {} }
  var calCursor = new Date(); calCursor.setDate(1);
  var editingId = null;
  function dateKey(d) { return d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0") + "-" + String(d.getDate()).padStart(2, "0"); }
  function todayKey() { return dateKey(new Date()); }
  function parseKey(k) { var p = String(k).split("-"); return new Date(parseInt(p[0], 10), parseInt(p[1], 10) - 1, parseInt(p[2], 10)); }
  var MONTHS = ["January","February","March","April","May","June","July","August","September","October","November","December"];
  window.SalesCalendar = { events: function () { return calEvents.slice(); } };
  function renderCalendar() {
    var label = document.getElementById("calMonthLabel"), grid = document.getElementById("calGrid");
    if (!label || !grid) return;
    var y = calCursor.getFullYear(), mo = calCursor.getMonth();
    label.textContent = MONTHS[mo] + " " + y;
    grid.innerHTML = "";
    var first = new Date(y, mo, 1), startDay = first.getDay(), days = new Date(y, mo + 1, 0).getDate();
    for (var i = 0; i < startDay; i++) { var blank = document.createElement("span"); blank.className = "cal-cell cal-blank"; grid.appendChild(blank); }
    for (var d = 1; d <= days; d++) {
      (function (day) {
        var key = y + "-" + String(mo + 1).padStart(2, "0") + "-" + String(day).padStart(2, "0");
        var cell = document.createElement("button"); cell.type = "button"; cell.className = "cal-cell";
        cell.textContent = String(day); cell.setAttribute("data-date", key);
        if (key === todayKey()) { cell.classList.add("cal-today"); cell.textContent = day + " · Today"; }
        if (calEvents.some(function (ev) { return ev.date === key; })) { var dot = document.createElement("span"); dot.className = "cal-dot"; dot.textContent = "\u2022"; cell.appendChild(dot); }
        cell.addEventListener("click", function () { var di = document.getElementById("eDate"); if (di) di.value = key; });
        grid.appendChild(cell);
      })(d);
    }
    var agenda = document.getElementById("calAgenda"), empty = document.getElementById("calEmpty"), summary = document.getElementById("calSummary");
    var sorted = calEvents.slice().sort(function (a, b) { return (a.date + (a.time || "")) < (b.date + (b.time || "")) ? -1 : 1; });
    if (empty) empty.hidden = sorted.length !== 0;
    if (agenda) {
      agenda.innerHTML = "";
      sorted.forEach(function (ev) {
        var row = document.createElement("div"); row.className = "cal-event"; row.setAttribute("data-event-id", ev.id);
        var when = parseKey(ev.date);
        var head = document.createElement("p"); head.className = "cal-event-head";
        var titleSpan = document.createElement("strong"); titleSpan.textContent = ev.title;
        var dateSpan = document.createElement("span"); dateSpan.textContent = " — " + MONTHS[when.getMonth()] + " " + when.getDate() + ", " + when.getFullYear() + (ev.time ? " · " + ev.time : "");
        head.appendChild(titleSpan); head.appendChild(dateSpan);
        if (ev.date === todayKey() || ev.date > todayKey()) { var bel = document.createElement("span"); bel.className = ev.date === todayKey() ? "cal-badge" : "cal-badge cal-badge-up"; bel.textContent = ev.date === todayKey() ? "Today" : "Coming up"; head.appendChild(bel); }
        row.appendChild(head);
        if (ev.note) { var np = document.createElement("p"); np.className = "cal-event-note"; np.textContent = ev.note; row.appendChild(np); }
        var edit = document.createElement("button"); edit.type = "button"; edit.className = "mini-btn"; edit.textContent = "Edit"; edit.setAttribute("data-edit", ev.id);
        edit.addEventListener("click", function () { startEdit(ev.id); });
        var del = document.createElement("button"); del.type = "button"; del.className = "mini-btn"; del.textContent = "Delete"; del.setAttribute("data-delete", ev.id);
        del.addEventListener("click", function () { calEvents = calEvents.filter(function (x) { return x.id !== ev.id; }); if (editingId === ev.id) resetCalForm(); saveCal(); renderCalendar(); });
        var btns = document.createElement("div"); btns.className = "cal-event-btns"; btns.appendChild(edit); btns.appendChild(del); row.appendChild(btns);
        agenda.appendChild(row);
      });
    }
    if (summary) {
      var tCount = calEvents.filter(function (e) { return e.date === todayKey(); }).length;
      var uCount = calEvents.filter(function (e) { return e.date > todayKey(); }).length;
      summary.textContent = "Today: " + tCount + " event" + (tCount === 1 ? "" : "s") + " · Coming up: " + uCount + " event" + (uCount === 1 ? "" : "s") + ".";
    }
  }
  function resetCalForm() {
    editingId = null;
    ["eTitle", "eTime", "eNote"].forEach(function (id) { var el = document.getElementById(id); if (el) el.value = ""; });
    var save = document.getElementById("eSaveBtn"); if (save) save.textContent = "Add event";
    var cancel = document.getElementById("eCancelBtn"); if (cancel) cancel.hidden = true;
    var ft = document.getElementById("calFormTitle"); if (ft) ft.textContent = "Add an event";
  }
  function startEdit(id) {
    var ev = calEvents.filter(function (x) { return x.id === id; })[0]; if (!ev) return;
    editingId = id;
    document.getElementById("eTitle").value = ev.title || "";
    document.getElementById("eDate").value = ev.date || "";
    document.getElementById("eTime").value = ev.time || "";
    document.getElementById("eNote").value = ev.note || "";
    var save = document.getElementById("eSaveBtn"); if (save) save.textContent = "Save changes";
    var cancel = document.getElementById("eCancelBtn"); if (cancel) cancel.hidden = false;
    var ft = document.getElementById("calFormTitle"); if (ft) ft.textContent = "Edit event";
  }
  var saveBtn = document.getElementById("eSaveBtn");
  if (saveBtn) saveBtn.addEventListener("click", function () {
    var title = (document.getElementById("eTitle").value || "").trim();
    var date = document.getElementById("eDate").value || "";
    var msg = document.getElementById("calFormMsg");
    if (!title || !date) { if (msg) msg.textContent = "Give it a name and a date first."; return; }
    var data = { title: title, date: date, time: document.getElementById("eTime").value || "", note: (document.getElementById("eNote").value || "").trim() };
    if (editingId) { calEvents = calEvents.map(function (x) { return x.id === editingId ? Object.assign({}, x, data) : x; }); }
    else { data.id = "ev" + Date.now() + Math.floor(Math.random() * 1000); calEvents.push(data); }
    saveCal(); resetCalForm(); if (msg) msg.textContent = "Saved.";
    var pd = parseKey(date); calCursor = new Date(pd.getFullYear(), pd.getMonth(), 1);
    renderCalendar();
  });
  var cancelBtn = document.getElementById("eCancelBtn");
  if (cancelBtn) cancelBtn.addEventListener("click", resetCalForm);
  var prevB = document.getElementById("calPrev"), nextB = document.getElementById("calNext"), todayB = document.getElementById("calTodayBtn");
  if (prevB) prevB.addEventListener("click", function () { calCursor = new Date(calCursor.getFullYear(), calCursor.getMonth() - 1, 1); renderCalendar(); });
  if (nextB) nextB.addEventListener("click", function () { calCursor = new Date(calCursor.getFullYear(), calCursor.getMonth() + 1, 1); renderCalendar(); });
  if (todayB) todayB.addEventListener("click", function () { var n = new Date(); calCursor = new Date(n.getFullYear(), n.getMonth(), 1); renderCalendar(); });
  var dateIn = document.getElementById("eDate"); if (dateIn && !dateIn.value) dateIn.value = todayKey();
  renderCalendar();
})();
</script>
</body>
</html>