symbiot 0.62.0 → 0.63.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 What each Symbiot release brought, newest first. When Approve bumps the version, it writes that release here from the tasks it approved, worded as release notes by your connected AI (or in the tasks' own words without one). The app shows the releases newer than yours under "What's new" when it offers an update, and once more after you update.
 
+## 0.63.0
+
+- **The Android app is built again.** 0.62.1's release went out without its APK: a link to a build folder on this computer had been committed by mistake, so GitHub's build couldn't make the folder. It's gone, and the ignore rule now covers a link as well as a folder. 0.63.0 carries 0.62.1's phone fix (setup going to **Your computer**).
+- **Symbiot's new mark.** The app's own orb, lit the way Home lights it, with an S inside in the two colours Symbiot already speaks in: the silver of agents at work above, the amber of "needs you" below. It's everywhere: the app-menu, Start-menu and dock icon (in each look: Ferrofluid's black chrome, Glass's clear droplet, Pearl's mirror), the window and tab icon (a simpler drawing at small sizes), the app's header (the old green dot is gone), setup, the Windows, Mac and Linux installers (the Mac one inside Apple's icon grid), the tray and the Mac menu bar, the Android app and its notifications, and symbiot.co.za, which now has a sharing image for links.
+## 0.62.1
+
+- **A phone that had Symbiot before goes to "Your computer" first.** Installing the new app over an older one kept the old app's setup, already started at "Meet Symbiot", so the phone went on to "Your AI" and asked to install Claude Code, and never offered to pair with your computer. An unfinished setup on a phone that isn't paired now opens on **Your computer** (scan the QR your computer shows, or type its address and code), once; "No computer" carries on as before. Checked on the Android emulator: 0.59.0, then 0.62.0 over it (the problem), then this over that (fixed).
+
 ## 0.62.0 — 2026-10-09
 
 - **Your phone shows your computer's work, and you can act on it there.** Pair Symbiot's Android app (or Symbiot in Termux) with your computer and the phone gets a droplet on Home, **On <your computer>**: your tasks, what needs you, your agents' questions, the work waiting for your Approve, and what Watch found (as notifications too). Tick and add tasks, answer an agent and approve from it. "Watch on your phone" is now **Your phone**, in Settings and in Setup.

package/README.md

@@ -248,7 +248,7 @@ are inside it (the same builds Termux installs), and it shows Symbiot full scree
 with its own icon.
 
 - **Install:** on your phone, download `symbiot-aarch64.apk` from the
-  [latest release](https://github.com/GarthGhostai/symbiot/releases/latest)
+  [latest release](https://github.com/GAWdessey/symbiot/releases/latest)
   (or copy `symbiot-<version>-aarch64.apk` over from a computer that built it)
   and open it (allow your browser or file manager to install apps). Android may warn that the
   app was built for an older version of Android. That's on purpose: it's what lets

package/desktop.mjs

@@ -160,21 +160,15 @@ function autostartContent(node, script, platform = OS, path = process.env.PATH |
 // new Node, a moved install), so it never points at something gone.
 const launcherFile = (home = homedir()) => join(home, ".local", "share", "applications", "symbiot.desktop");
 const launcherIcon = (home = homedir()) => join(home, ".local", "share", "icons", "hicolor", "scalable", "apps", "symbiot.svg");
-const ICON_SRC = fileURLToPath(new URL("./icon.svg", import.meta.url));
-// The orb in each look: Ferrofluid (icon.svg, dark), Glass (clear, on a cool light
-// ground) and Pearl (white pearl, on a warm light ground). The app menu's icon and
-// the window's follow the look you pick (setLauncherLook).
-const LOOK_COLOURS = {
-  glass: { bg: ["#F4F7FB", "#D9E1EC"], orb: ["#FFFFFF", "#C9D6E6", "#7F93AE"], rim: "#5B8DEF", glow: "#5B8DEF" },
-  pearl: { bg: ["#F7F4EE", "#E6E0D5"], orb: ["#FFFFFF", "#ECE7DF", "#A99F92"], rim: "#C9A46A", glow: "#F2A541" },
-};
-function iconSvg(look = "ferro") {
-  const base = readFileSync(ICON_SRC, "utf8"), c = LOOK_COLOURS[look];
-  if (!c) return base;
-  return base.replace('stop-color="#1B1D22"', `stop-color="${c.bg[0]}"`).replace('stop-color="#08090B"', `stop-color="${c.bg[1]}"`)
-    .replace('stop-color="#3A3D44"', `stop-color="${c.orb[0]}"`).replace('stop-color="#121317"', `stop-color="${c.orb[1]}"`).replace('stop-color="#030304"', `stop-color="${c.orb[2]}"`)
-    .replace('stop-color="#B0466E" stop-opacity="0.55"', `stop-color="${c.rim}" stop-opacity="0.45"`)
-    .replace(/stop-color="#F2A541" stop-opacity="0\.16"/, `stop-color="${c.glow}" stop-opacity="0.18"`);
+// Symbiot's mark in each look (icons/): the Home orb as that look draws it (Ferrofluid's
+// black chrome, Glass's clear droplet, Pearl's mirror), with the S inside in the app's two
+// signal colours: the silver of agents at work, the amber of "needs you". small: the
+// drawing for 16-24 px (a browser tab, the header), with no reflections and a heavier S.
+// The app menu's icon and the window's follow the look you pick (setLauncherLook).
+const ICONS = fileURLToPath(new URL("./icons/", import.meta.url));
+function iconSvg(look = "ferro", { small = false } = {}) {
+  const l = ["ferro", "glass", "pearl"].includes(look) ? look : "ferro";
+  return readFileSync(join(ICONS, `icon-${l}${small ? "-small" : ""}.svg`), "utf8");
 }
 // The look changed: the app menu's icon follows, if the app menu has Symbiot.
 function setLauncherLook(look, home = homedir()) {

package/home.mjs

@@ -758,7 +758,19 @@ const ONB_STEPS_PHONE = ["computer", "welcome", "ai", "work", "agent", "apps", "
 const onbSteps = (app = ANDROID_APP, phone = PHONE) => (app ? ONB_STEPS_PHONE : phone ? ONB_STEPS.filter((s) => s !== "phone") : ONB_STEPS); // (Symbiot in Termux is on the phone already)
 // A new install (`symbiot app` the first time): setup, from its first step, "Your computer"
 // in the Android app (it started at "welcome" there, so a phone paired by its QR showed nothing).
-function startOnboarding() { const cf = loadConfig(); if (!cf.onboarding) { cf.onboarding = { pending: true, step: onbSteps()[0], skipped: [] }; saveConfig(cf); } return cf.onboarding; }
+function startOnboarding() { const cf = loadConfig(); if (!cf.onboarding) { cf.onboarding = { pending: true, step: onbSteps()[0], skipped: [], ...(onbSteps()[0] === "computer" ? { computer: true } : {}) }; saveConfig(cf); } return cf.onboarding; }
+// The phone app over an older one (a phone that had Symbiot before "Your computer"
+// existed): its unfinished setup carried on at "Meet Symbiot", then "Your AI" asked to
+// install Claude Code on the phone. An unfinished setup on a phone that isn't paired
+// goes to "Your computer" first, once (computer: true): "No computer" carries on as before.
+function phoneSetupFirst({ app = ANDROID_APP, paired = () => !!computerView().paired } = {}) {
+  if (!app) return null;
+  const cf = loadConfig(), o = cf.onboarding;
+  if (!o || !o.pending || o.computer) return o || null;
+  let isPaired = false; try { isPaired = paired(); } catch {}
+  if (!isPaired) o.step = "computer";
+  o.computer = true; saveConfig(cf); return o;
+}
 function onboarding({ fresh = false } = {}) {
   const cfg = loadConfig(), o = cfg.onboarding || {}, steps = onbSteps();
   const tryOr = (f, d) => { try { return f(); } catch { return d; } };
@@ -793,4 +805,4 @@ function setOnboarding({ step, skip, unskip, skipRest, done, restart } = {}) {
   return onboarding();
 }
 
-export { reportIdeasAdd, reportAsk, reportDraftAnswer, workTick, waitWhy, AUTO_GRACE, STUCK_AFTER, marketingState, marketingGo, marketingDraftAnswer, marketingTask, moveToMarketing, goLane, homeState, homeContext, homeAsk, homeAnswer, homeNext, nextUp, laneNamed, NEXT_FILE, workScene, workGo, displayName, firstSteps, onboarding, setOnboarding, startOnboarding, ONB_STEPS, ONB_STEPS_PHONE, onbSteps, phoneBits };
+export { reportIdeasAdd, reportAsk, reportDraftAnswer, workTick, waitWhy, AUTO_GRACE, STUCK_AFTER, marketingState, marketingGo, marketingDraftAnswer, marketingTask, moveToMarketing, goLane, homeState, homeContext, homeAsk, homeAnswer, homeNext, nextUp, laneNamed, NEXT_FILE, workScene, workGo, displayName, firstSteps, onboarding, setOnboarding, startOnboarding, ONB_STEPS, ONB_STEPS_PHONE, onbSteps, phoneBits , phoneSetupFirst };

package/icon.svg

@@ -1,33 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256">
-  <title>Symbiot</title>
-  <defs>
-    <radialGradient id="bg" cx="50%" cy="42%" r="70%">
-      <stop offset="0" stop-color="#1B1D22"/>
-      <stop offset="1" stop-color="#08090B"/>
-    </radialGradient>
-    <radialGradient id="orb" cx="40%" cy="34%" r="66%">
-      <stop offset="0" stop-color="#3A3D44"/>
-      <stop offset="0.45" stop-color="#121317"/>
-      <stop offset="1" stop-color="#030304"/>
-    </radialGradient>
-    <radialGradient id="rim" cx="50%" cy="50%" r="50%">
-      <stop offset="0.86" stop-color="#000" stop-opacity="0"/>
-      <stop offset="0.97" stop-color="#B0466E" stop-opacity="0.55"/>
-      <stop offset="1" stop-color="#F2A541" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="glow" cx="50%" cy="56%" r="50%">
-      <stop offset="0.55" stop-color="#F2A541" stop-opacity="0.16"/>
-      <stop offset="1" stop-color="#F2A541" stop-opacity="0"/>
-    </radialGradient>
-    <linearGradient id="shine" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.85"/>
-      <stop offset="1" stop-color="#FFFFFF" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-  <rect width="256" height="256" rx="58" fill="url(#bg)"/>
-  <circle cx="128" cy="136" r="96" fill="url(#glow)"/>
-  <circle cx="128" cy="128" r="78" fill="url(#orb)"/>
-  <circle cx="128" cy="128" r="78" fill="url(#rim)"/>
-  <ellipse cx="102" cy="92" rx="30" ry="17" transform="rotate(-28 102 92)" fill="url(#shine)"/>
-  <ellipse cx="160" cy="176" rx="22" ry="5" transform="rotate(-30 160 176)" fill="#FFFFFF" opacity="0.12"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256"><title>Symbiot</title><defs><radialGradient id="sg" cx="50%" cy="22%" r="85%"><stop offset="0" stop-color="#131416"/><stop offset="1" stop-color="#08090A"/></radialGradient><clipPath id="sc"><circle cx="128" cy="128" r="84"/></clipPath><filter id="sb2" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="2.2"/></filter><filter id="sb6" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="6"/></filter><filter id="sb12" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="12"/></filter><radialGradient id="sfr" cx="50%" cy="50%" r="50%"><stop offset="0.55" stop-color="#2A2C31" stop-opacity="0"/><stop offset="0.9" stop-color="#2A2C31" stop-opacity="0.55"/><stop offset="1" stop-color="#6A6E76" stop-opacity="0.9"/></radialGradient><linearGradient id="sir" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#7FE3FF"/><stop offset="0.35" stop-color="#C58AF9"/><stop offset="0.7" stop-color="#F29E38"/><stop offset="1" stop-color="#7FE3FF"/></linearGradient><linearGradient id="st" gradientUnits="userSpaceOnUse" x1="100" y1="72" x2="156" y2="128"><stop offset="0" stop-color="#FFFFFF"/><stop offset="0.45" stop-color="#C9CFD9"/><stop offset="1" stop-color="#6F7887"/></linearGradient><linearGradient id="sa" gradientUnits="userSpaceOnUse" x1="100" y1="128" x2="156" y2="184"><stop offset="0" stop-color="#FFF4E2"/><stop offset="0.45" stop-color="#F2A541"/><stop offset="1" stop-color="#7A4A10"/></linearGradient></defs><rect width="256" height="256" rx="58" fill="url(#sg)"/><ellipse cx="128" cy="206.12" rx="65.52" ry="11.760000000000002" fill="#000000" opacity="0.55" filter="url(#sb6)"/><circle cx="128" cy="128" r="84" fill="#030303"/><circle cx="128" cy="128" r="84" fill="url(#sfr)"/><g clip-path="url(#sc)"><path d="M 153.17 87.73 A 28 28 0 1 0 115.73 125.17" fill="none" stroke="#FFFFFF" stroke-opacity="0.35" stroke-width="23" stroke-linecap="round" filter="url(#sb6)"/><path d="M 102.83 168.27 A 28 28 0 1 0 140.27 130.83" fill="none" stroke="#F2A541" stroke-opacity="0.55" stroke-width="23" stroke-linecap="round" filter="url(#sb6)"/><path d="M 153.17 87.73 A 28 28 0 1 0 115.73 125.17" fill="none" stroke="url(#st)" stroke-width="15" stroke-linecap="round"/><path d="M 102.83 168.27 A 28 28 0 1 0 140.27 130.83" fill="none" stroke="url(#sa)" stroke-width="15" stroke-linecap="round"/></g><g clip-path="url(#sc)"><rect x="62" y="58" width="50" height="24" rx="10" transform="rotate(-24 87 70)" fill="#FFFCF7" opacity="0.85" filter="url(#sb2)"/><rect x="192" y="88" width="8" height="70" rx="4" fill="#D9E6FF" opacity="0.45" filter="url(#sb2)"/><ellipse cx="128" cy="206" rx="52.08" ry="9" fill="#998066" opacity="0.35" filter="url(#sb2)"/></g><circle cx="128" cy="128" r="82.8" fill="none" stroke="url(#sir)" stroke-opacity="0.38" stroke-width="2.4"/></svg>

package/icons/icon-ferro-small.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256"><title>Symbiot</title><defs><radialGradient id="sg" cx="50%" cy="22%" r="85%"><stop offset="0" stop-color="#131416"/><stop offset="1" stop-color="#08090A"/></radialGradient><clipPath id="sc"><circle cx="128" cy="128" r="96"/></clipPath><filter id="sb2" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="2.2"/></filter><filter id="sb6" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="6"/></filter><filter id="sb12" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="12"/></filter><radialGradient id="sfr" cx="50%" cy="50%" r="50%"><stop offset="0.55" stop-color="#2A2C31" stop-opacity="0"/><stop offset="0.9" stop-color="#2A2C31" stop-opacity="0.55"/><stop offset="1" stop-color="#6A6E76" stop-opacity="0.9"/></radialGradient><linearGradient id="sir" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#7FE3FF"/><stop offset="0.35" stop-color="#C58AF9"/><stop offset="0.7" stop-color="#F29E38"/><stop offset="1" stop-color="#7FE3FF"/></linearGradient><linearGradient id="st" gradientUnits="userSpaceOnUse" x1="97" y1="66" x2="159" y2="128"><stop offset="0" stop-color="#FFFFFF"/><stop offset="0.45" stop-color="#C9CFD9"/><stop offset="1" stop-color="#6F7887"/></linearGradient><linearGradient id="sa" gradientUnits="userSpaceOnUse" x1="97" y1="128" x2="159" y2="190"><stop offset="0" stop-color="#FFF4E2"/><stop offset="0.45" stop-color="#F2A541"/><stop offset="1" stop-color="#7A4A10"/></linearGradient></defs><rect width="256" height="256" rx="58" fill="url(#sg)"/><ellipse cx="128" cy="217.28" rx="74.88" ry="13.440000000000001" fill="#000000" opacity="0.55" filter="url(#sb6)"/><circle cx="128" cy="128" r="96" fill="#030303"/><circle cx="128" cy="128" r="96" fill="url(#sfr)"/><g clip-path="url(#sc)"><path d="M 155.86 83.41 A 31 31 0 1 0 114.41 124.86" fill="none" stroke="#FFFFFF" stroke-opacity="0.35" stroke-width="30" stroke-linecap="round" filter="url(#sb6)"/><path d="M 100.14 172.59 A 31 31 0 1 0 141.59 131.14" fill="none" stroke="#F2A541" stroke-opacity="0.55" stroke-width="30" stroke-linecap="round" filter="url(#sb6)"/><path d="M 155.86 83.41 A 31 31 0 1 0 114.41 124.86" fill="none" stroke="url(#st)" stroke-width="22" stroke-linecap="round"/><path d="M 100.14 172.59 A 31 31 0 1 0 141.59 131.14" fill="none" stroke="url(#sa)" stroke-width="22" stroke-linecap="round"/></g><circle cx="128" cy="128" r="94" fill="none" stroke="#6A6E76" stroke-width="4"/></svg>

package/icons/icon-ferro.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256"><title>Symbiot</title><defs><radialGradient id="sg" cx="50%" cy="22%" r="85%"><stop offset="0" stop-color="#131416"/><stop offset="1" stop-color="#08090A"/></radialGradient><clipPath id="sc"><circle cx="128" cy="128" r="84"/></clipPath><filter id="sb2" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="2.2"/></filter><filter id="sb6" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="6"/></filter><filter id="sb12" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="12"/></filter><radialGradient id="sfr" cx="50%" cy="50%" r="50%"><stop offset="0.55" stop-color="#2A2C31" stop-opacity="0"/><stop offset="0.9" stop-color="#2A2C31" stop-opacity="0.55"/><stop offset="1" stop-color="#6A6E76" stop-opacity="0.9"/></radialGradient><linearGradient id="sir" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#7FE3FF"/><stop offset="0.35" stop-color="#C58AF9"/><stop offset="0.7" stop-color="#F29E38"/><stop offset="1" stop-color="#7FE3FF"/></linearGradient><linearGradient id="st" gradientUnits="userSpaceOnUse" x1="100" y1="72" x2="156" y2="128"><stop offset="0" stop-color="#FFFFFF"/><stop offset="0.45" stop-color="#C9CFD9"/><stop offset="1" stop-color="#6F7887"/></linearGradient><linearGradient id="sa" gradientUnits="userSpaceOnUse" x1="100" y1="128" x2="156" y2="184"><stop offset="0" stop-color="#FFF4E2"/><stop offset="0.45" stop-color="#F2A541"/><stop offset="1" stop-color="#7A4A10"/></linearGradient></defs><rect width="256" height="256" rx="58" fill="url(#sg)"/><ellipse cx="128" cy="206.12" rx="65.52" ry="11.760000000000002" fill="#000000" opacity="0.55" filter="url(#sb6)"/><circle cx="128" cy="128" r="84" fill="#030303"/><circle cx="128" cy="128" r="84" fill="url(#sfr)"/><g clip-path="url(#sc)"><path d="M 153.17 87.73 A 28 28 0 1 0 115.73 125.17" fill="none" stroke="#FFFFFF" stroke-opacity="0.35" stroke-width="23" stroke-linecap="round" filter="url(#sb6)"/><path d="M 102.83 168.27 A 28 28 0 1 0 140.27 130.83" fill="none" stroke="#F2A541" stroke-opacity="0.55" stroke-width="23" stroke-linecap="round" filter="url(#sb6)"/><path d="M 153.17 87.73 A 28 28 0 1 0 115.73 125.17" fill="none" stroke="url(#st)" stroke-width="15" stroke-linecap="round"/><path d="M 102.83 168.27 A 28 28 0 1 0 140.27 130.83" fill="none" stroke="url(#sa)" stroke-width="15" stroke-linecap="round"/></g><g clip-path="url(#sc)"><rect x="62" y="58" width="50" height="24" rx="10" transform="rotate(-24 87 70)" fill="#FFFCF7" opacity="0.85" filter="url(#sb2)"/><rect x="192" y="88" width="8" height="70" rx="4" fill="#D9E6FF" opacity="0.45" filter="url(#sb2)"/><ellipse cx="128" cy="206" rx="52.08" ry="9" fill="#998066" opacity="0.35" filter="url(#sb2)"/></g><circle cx="128" cy="128" r="82.8" fill="none" stroke="url(#sir)" stroke-opacity="0.38" stroke-width="2.4"/></svg>

package/icons/icon-glass-small.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256"><title>Symbiot</title><defs><radialGradient id="sg" cx="50%" cy="50%" r="75%"><stop offset="0" stop-color="#EEF0F2"/><stop offset="1" stop-color="#E1E4E8"/></radialGradient><filter id="ssoft" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="22"/></filter><clipPath id="stc"><rect width="256" height="256" rx="58"/></clipPath><clipPath id="sc"><circle cx="128" cy="128" r="96"/></clipPath><filter id="sb2" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="2.2"/></filter><filter id="sb6" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="6"/></filter><filter id="sb12" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="12"/></filter><radialGradient id="sgl" cx="45%" cy="40%" r="60%"><stop offset="0" stop-color="#FBFEFF" stop-opacity="0.35"/><stop offset="0.75" stop-color="#FBFEFF" stop-opacity="0.2"/><stop offset="1" stop-color="#FFFFFF" stop-opacity="0.85"/></radialGradient><linearGradient id="st" gradientUnits="userSpaceOnUse" x1="97" y1="66" x2="159" y2="128"><stop offset="0" stop-color="#3B4656"/><stop offset="0.45" stop-color="#3B4656"/><stop offset="1" stop-color="#151A21"/></linearGradient><linearGradient id="sa" gradientUnits="userSpaceOnUse" x1="97" y1="128" x2="159" y2="190"><stop offset="0" stop-color="#FFF4E2"/><stop offset="0.45" stop-color="#F2A541"/><stop offset="1" stop-color="#7A4A10"/></linearGradient></defs><rect width="256" height="256" rx="58" fill="url(#sg)"/><g clip-path="url(#stc)" filter="url(#ssoft)" opacity="0.85"><circle cx="58" cy="70" r="62" fill="#8FC9CC"/><circle cx="206" cy="58" r="58" fill="#FAC999"/><circle cx="134" cy="214" r="64" fill="#B8C2ED"/></g><ellipse cx="128" cy="217.28" rx="74.88" ry="13.440000000000001" fill="#21211F" opacity="0.16" filter="url(#sb6)"/><g clip-path="url(#sc)"><circle cx="128" cy="128" r="96" fill="#EEF1F4"/><g filter="url(#sb12)" opacity="0.9"><circle cx="168" cy="170" r="44" fill="#8FC9CC"/><circle cx="84" cy="162" r="40" fill="#FAC999"/><circle cx="134" cy="80" r="44" fill="#B8C2ED"/></g><circle cx="128" cy="128" r="96" fill="url(#sgl)"/></g><circle cx="128" cy="128" r="95.25" fill="none" stroke="#FFFFFF" stroke-opacity="0.9" stroke-width="1.5"/><g clip-path="url(#sc)"><path d="M 100.14 172.59 A 31 31 0 1 0 141.59 131.14" fill="none" stroke="#F2A541" stroke-opacity="0.45" stroke-width="30" stroke-linecap="round" filter="url(#sb6)"/><path d="M 155.86 83.41 A 31 31 0 1 0 114.41 124.86" fill="none" stroke="url(#st)" stroke-width="22" stroke-linecap="round"/><path d="M 100.14 172.59 A 31 31 0 1 0 141.59 131.14" fill="none" stroke="url(#sa)" stroke-width="22" stroke-linecap="round"/></g><circle cx="128" cy="128" r="94" fill="none" stroke="#5C616B" stroke-opacity="0.45" stroke-width="4"/></svg>

package/icons/icon-glass.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256"><title>Symbiot</title><defs><radialGradient id="sg" cx="50%" cy="50%" r="75%"><stop offset="0" stop-color="#EEF0F2"/><stop offset="1" stop-color="#E1E4E8"/></radialGradient><filter id="ssoft" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="22"/></filter><clipPath id="stc"><rect width="256" height="256" rx="58"/></clipPath><clipPath id="sc"><circle cx="128" cy="128" r="84"/></clipPath><filter id="sb2" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="2.2"/></filter><filter id="sb6" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="6"/></filter><filter id="sb12" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="12"/></filter><radialGradient id="sgl" cx="45%" cy="40%" r="60%"><stop offset="0" stop-color="#FBFEFF" stop-opacity="0.35"/><stop offset="0.75" stop-color="#FBFEFF" stop-opacity="0.2"/><stop offset="1" stop-color="#FFFFFF" stop-opacity="0.85"/></radialGradient><linearGradient id="st" gradientUnits="userSpaceOnUse" x1="100" y1="72" x2="156" y2="128"><stop offset="0" stop-color="#3B4656"/><stop offset="0.45" stop-color="#3B4656"/><stop offset="1" stop-color="#151A21"/></linearGradient><linearGradient id="sa" gradientUnits="userSpaceOnUse" x1="100" y1="128" x2="156" y2="184"><stop offset="0" stop-color="#FFF4E2"/><stop offset="0.45" stop-color="#F2A541"/><stop offset="1" stop-color="#7A4A10"/></linearGradient></defs><rect width="256" height="256" rx="58" fill="url(#sg)"/><g clip-path="url(#stc)" filter="url(#ssoft)" opacity="0.85"><circle cx="58" cy="70" r="62" fill="#8FC9CC"/><circle cx="206" cy="58" r="58" fill="#FAC999"/><circle cx="134" cy="214" r="64" fill="#B8C2ED"/></g><ellipse cx="128" cy="206.12" rx="65.52" ry="11.760000000000002" fill="#21211F" opacity="0.16" filter="url(#sb6)"/><g clip-path="url(#sc)"><circle cx="128" cy="128" r="84" fill="#EEF1F4"/><g filter="url(#sb12)" opacity="0.9"><circle cx="168" cy="170" r="44" fill="#8FC9CC"/><circle cx="84" cy="162" r="40" fill="#FAC999"/><circle cx="134" cy="80" r="44" fill="#B8C2ED"/></g><circle cx="128" cy="128" r="84" fill="url(#sgl)"/></g><circle cx="128" cy="128" r="83.25" fill="none" stroke="#FFFFFF" stroke-opacity="0.9" stroke-width="1.5"/><g clip-path="url(#sc)"><path d="M 102.83 168.27 A 28 28 0 1 0 140.27 130.83" fill="none" stroke="#F2A541" stroke-opacity="0.45" stroke-width="23" stroke-linecap="round" filter="url(#sb6)"/><path d="M 153.17 87.73 A 28 28 0 1 0 115.73 125.17" fill="none" stroke="url(#st)" stroke-width="15" stroke-linecap="round"/><path d="M 102.83 168.27 A 28 28 0 1 0 140.27 130.83" fill="none" stroke="url(#sa)" stroke-width="15" stroke-linecap="round"/></g><g clip-path="url(#sc)"><circle cx="90" cy="82" r="7" fill="#FFFFFF" opacity="0.95" filter="url(#sb2)"/><ellipse cx="162" cy="172" rx="22" ry="10" transform="rotate(-35 162 172)" fill="#FFF7EB" opacity="0.45" filter="url(#sb6)"/></g></svg>

package/icons/icon-pearl-small.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256"><title>Symbiot</title><defs><radialGradient id="sg" cx="50%" cy="35%" r="85%"><stop offset="0" stop-color="#EDECEA"/><stop offset="1" stop-color="#E2E0DC"/></radialGradient><clipPath id="sc"><circle cx="128" cy="128" r="96"/></clipPath><filter id="sb2" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="2.2"/></filter><filter id="sb6" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="6"/></filter><filter id="sb12" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="12"/></filter><linearGradient id="senv" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#F5F6F7"/><stop offset="0.7" stop-color="#E2E3E6"/><stop offset="1" stop-color="#B9B6B0"/></linearGradient><radialGradient id="spe" cx="50%" cy="50%" r="50%"><stop offset="0.6" stop-color="#FFFFFF" stop-opacity="0"/><stop offset="1" stop-color="#FFFFFF" stop-opacity="0.55"/></radialGradient><linearGradient id="st" gradientUnits="userSpaceOnUse" x1="97" y1="66" x2="159" y2="128"><stop offset="0" stop-color="#3B4656"/><stop offset="0.45" stop-color="#3B4656"/><stop offset="1" stop-color="#151A21"/></linearGradient><linearGradient id="sa" gradientUnits="userSpaceOnUse" x1="97" y1="128" x2="159" y2="190"><stop offset="0" stop-color="#FFF4E2"/><stop offset="0.45" stop-color="#F2A541"/><stop offset="1" stop-color="#7A4A10"/></linearGradient></defs><rect width="256" height="256" rx="58" fill="url(#sg)"/><ellipse cx="128" cy="217.28" rx="74.88" ry="13.440000000000001" fill="#21211F" opacity="0.16" filter="url(#sb6)"/><circle cx="128" cy="128" r="96" fill="url(#senv)"/><circle cx="128" cy="128" r="96" fill="url(#spe)"/><g clip-path="url(#sc)"><path d="M 100.14 172.59 A 31 31 0 1 0 141.59 131.14" fill="none" stroke="#F2A541" stroke-opacity="0.45" stroke-width="30" stroke-linecap="round" filter="url(#sb6)"/><path d="M 155.86 83.41 A 31 31 0 1 0 114.41 124.86" fill="none" stroke="url(#st)" stroke-width="22" stroke-linecap="round"/><path d="M 100.14 172.59 A 31 31 0 1 0 141.59 131.14" fill="none" stroke="url(#sa)" stroke-width="22" stroke-linecap="round"/></g><circle cx="128" cy="128" r="94" fill="none" stroke="#5C616B" stroke-opacity="0.45" stroke-width="4"/></svg>

package/icons/icon-pearl.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256"><title>Symbiot</title><defs><radialGradient id="sg" cx="50%" cy="35%" r="85%"><stop offset="0" stop-color="#EDECEA"/><stop offset="1" stop-color="#E2E0DC"/></radialGradient><clipPath id="sc"><circle cx="128" cy="128" r="84"/></clipPath><filter id="sb2" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="2.2"/></filter><filter id="sb6" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="6"/></filter><filter id="sb12" filterUnits="userSpaceOnUse" x="0" y="0" width="256" height="256"><feGaussianBlur stdDeviation="12"/></filter><linearGradient id="senv" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#F5F6F7"/><stop offset="0.62" stop-color="#E6E7E9"/><stop offset="0.86" stop-color="#A3A7AE"/><stop offset="0.93" stop-color="#6E737C"/><stop offset="1" stop-color="#9E9991"/></linearGradient><radialGradient id="spe" cx="50%" cy="50%" r="50%"><stop offset="0.6" stop-color="#FFFFFF" stop-opacity="0"/><stop offset="1" stop-color="#FFFFFF" stop-opacity="0.55"/></radialGradient><linearGradient id="st" gradientUnits="userSpaceOnUse" x1="100" y1="72" x2="156" y2="128"><stop offset="0" stop-color="#3B4656"/><stop offset="0.45" stop-color="#3B4656"/><stop offset="1" stop-color="#151A21"/></linearGradient><linearGradient id="sa" gradientUnits="userSpaceOnUse" x1="100" y1="128" x2="156" y2="184"><stop offset="0" stop-color="#FFF4E2"/><stop offset="0.45" stop-color="#F2A541"/><stop offset="1" stop-color="#7A4A10"/></linearGradient></defs><rect width="256" height="256" rx="58" fill="url(#sg)"/><ellipse cx="128" cy="206.12" rx="65.52" ry="11.760000000000002" fill="#21211F" opacity="0.16" filter="url(#sb6)"/><circle cx="128" cy="128" r="84" fill="url(#senv)"/><circle cx="128" cy="128" r="84" fill="url(#spe)"/><g clip-path="url(#sc)"><path d="M 102.83 168.27 A 28 28 0 1 0 140.27 130.83" fill="none" stroke="#F2A541" stroke-opacity="0.45" stroke-width="23" stroke-linecap="round" filter="url(#sb6)"/><path d="M 153.17 87.73 A 28 28 0 1 0 115.73 125.17" fill="none" stroke="url(#st)" stroke-width="15" stroke-linecap="round"/><path d="M 102.83 168.27 A 28 28 0 1 0 140.27 130.83" fill="none" stroke="url(#sa)" stroke-width="15" stroke-linecap="round"/></g><g clip-path="url(#sc)"><rect x="64" y="64" width="52" height="26" rx="11" transform="rotate(-22 90 77)" fill="#FFFFFF" opacity="0.75" filter="url(#sb2)"/><rect x="188" y="92" width="9" height="62" rx="4.5" fill="#FFFFFF" opacity="0.5" filter="url(#sb2)"/></g></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "symbiot",
-  "version": "0.62.0",
+  "version": "0.63.0",
   "description": "Your week, written from your real work. Reads your local git and writes it up with the AI of your choice \u2014 Claude, OpenAI, Gemini, or a local model.",
   "type": "module",
   "bin": {
@@ -57,7 +57,8 @@
     "lang.mjs",
     "browser.html",
     "qr.mjs",
-    "mdns.mjs"
+    "mdns.mjs",
+    "icons"
   ],
   "engines": {
     "node": ">=18"
@@ -76,15 +77,15 @@
     "developer-tools",
     "cli"
   ],
-  "author": "Garth White <garth@ghost-ai.co.za>",
+  "author": "Garth White <garthwhite507@gmail.com>",
   "license": "Elastic-2.0",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/GarthGhostai/symbiot.git"
+    "url": "git+https://github.com/GAWdessey/symbiot.git"
   },
-  "homepage": "https://github.com/GarthGhostai/symbiot#readme",
+  "homepage": "https://github.com/GAWdessey/symbiot#readme",
   "bugs": {
-    "url": "https://github.com/GarthGhostai/symbiot/issues"
+    "url": "https://github.com/GAWdessey/symbiot/issues"
   },
   "dependencies": {
     "@anthropic-ai/sdk": "^0.128.0"

package/server.mjs

@@ -34,7 +34,7 @@ import { mindState, forget } from "./mind.mjs";
 import { lanesTick, lanesState, partlyDone, orcaRelink } from "./lanes.mjs";
 import { keepFacts, skipFacts, awaitTick, awaitingState, stopWaiting } from "./handback.mjs";
 import { adaptState, noteUse } from "./adapt.mjs";
-import { reportIdeasAdd, reportAsk, reportDraftAnswer, homeState, homeAsk, homeAnswer, homeNext, workScene, workGo, workTick, firstSteps, marketingState, marketingGo, marketingDraftAnswer, marketingTask, moveToMarketing, onboarding, setOnboarding, startOnboarding } from "./home.mjs";
+import { reportIdeasAdd, reportAsk, reportDraftAnswer, homeState, homeAsk, homeAnswer, homeNext, workScene, workGo, workTick, firstSteps, marketingState, marketingGo, marketingDraftAnswer, marketingTask, moveToMarketing, onboarding, setOnboarding, startOnboarding, phoneSetupFirst } from "./home.mjs";
 import { MARKETING_DIR, MARKETING, draftPreview, laneMedia, displayName, setDraftMedia } from "./marketing.mjs";
 import { trays, trayMedia, setBlur, renderCapture } from "./tray.mjs";
 import { listReports, readReport, reportImage, markAllRead } from "./reports.mjs";
@@ -242,6 +242,7 @@ async function startApp({ bin, since = 7, all = false, c = PLAIN_COLOURS } = {})
   if (/[\\/]node_modules[\\/]symbiot[\\/]/.test(bin || "") && !SANDBOX && !process.env.SYMBIOT_NO_LAUNCHER) { try { installLauncher({ script: bin }); } catch {} }
   // setup's first step: "Your computer" in the Android app, so a phone paired by its QR shows it
   if (FRESH) { try { startOnboarding(); } catch {} }
+  try { phoneSetupFirst(); } catch {} // the phone app, over an older one: setup goes to "Your computer" first
   // your projects: kept, and found again off the main thread, so nothing waits on a search
   setScanOptions({ cache: true }); REPO_STATE.onChange = () => { try { homeState({ fresh: true }); } catch {} };
   if (!SANDBOX) { refreshRevoked().catch(() => {}); setInterval(() => refreshRevoked().catch(() => {}), 6 * 3600 * 1000).unref(); } // cancelled Pro keys, about daily
@@ -258,7 +259,7 @@ async function startApp({ bin, since = 7, all = false, c = PLAIN_COLOURS } = {})
     // the app's typeface ships in the package (fonts/), so it's there offline
     // the window's own icon (its taskbar entry), the same orb as the app menu's
     if (req.method === "GET" && (u.pathname === "/favicon.svg" || u.pathname === "/favicon.ico")) {
-      try { const b = iconSvg(u.searchParams.get("look") || loadConfig().look || "ferro"); res.writeHead(200, { "content-type": "image/svg+xml", "cache-control": "no-cache" }); res.end(b); }
+      try { const b = iconSvg(u.searchParams.get("look") || loadConfig().look || "ferro", { small: u.searchParams.get("small") === "1" }); res.writeHead(200, { "content-type": "image/svg+xml", "cache-control": "no-cache" }); res.end(b); }
       catch { res.writeHead(404); res.end(); }
       return;
     }

package/ui.mjs

@@ -392,6 +392,7 @@ body.lq-light .thinking{background-image:linear-gradient(90deg,#4A5565 0%,#0F172
 body{background:var(--ink);color:var(--text);font-family:var(--sans);font-size:14px;display:flex;flex-direction:column}
 header{padding:16px 18px 10px;display:flex;align-items:center;gap:10px}
 .dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
+header .dot{width:22px;height:22px;border-radius:6px;background:center/contain no-repeat url('/favicon.svg?small=1');box-shadow:none}
 .brand{font-weight:700;color:var(--bone);font-size:16px}
 .status{margin-left:auto;font-size:12px;color:var(--faint);text-align:right;max-width:52%}
 .tabs{display:flex;gap:6px;padding:0 14px;border-bottom:1px solid var(--line)}
@@ -1093,7 +1094,7 @@ body.lq-light .btip .bta button:not(.quiet){background:#151A21;color:#FFFFFF}
 <div id="updatebar" class="updatebar"></div>
 <div id="appbar" class="updatebar"></div>
 <div id="whatsnew" class="whatsnew"></div>
-<header><span class="dot"></span><span class="brand">Symbiot</span><span class="ver" id="ver"></span><span id="lqlook" role="radiogroup" aria-label="Look"><button type="button" role="radio" data-look="glass" aria-checked="false">Glass</button><button type="button" role="radio" data-look="ferro" aria-checked="true">Ferrofluid</button><button type="button" role="radio" data-look="pearl" aria-checked="false">Pearl</button></span><span class="status" id="status">...</span></header>
+<header><span class="dot" role="img" aria-label="Symbiot"></span><span class="brand">Symbiot</span><span class="ver" id="ver"></span><span id="lqlook" role="radiogroup" aria-label="Look"><button type="button" role="radio" data-look="glass" aria-checked="false">Glass</button><button type="button" role="radio" data-look="ferro" aria-checked="true">Ferrofluid</button><button type="button" role="radio" data-look="pearl" aria-checked="false">Pearl</button></span><span class="status" id="status">...</span></header>
 <div class="tabs">
 <button class="tab active" data-tab="map">Map</button>
 <button class="tab" data-tab="board" id="boardtab">Dashboard</button>
@@ -3652,7 +3653,7 @@ b.querySelectorAll('[data-link]').forEach(function(x){x.addEventListener('click'
 b.querySelectorAll('[data-check]').forEach(function(x){x.addEventListener('click',function(){x.disabled=true;api('/api/links/check',{id:x.getAttribute('data-check')}).then(function(){onbLoad();});});});
 b.querySelectorAll('[data-skip]').forEach(function(x){x.addEventListener('click',function(){api('/api/onboarding/set',{skip:x.getAttribute('data-skip')}).then(function(r){ONB=r;onbRender();});});});
 b.querySelectorAll('[data-unskip]').forEach(function(x){x.addEventListener('click',function(){api('/api/onboarding/set',{unskip:x.getAttribute('data-unskip')}).then(function(r){ONB=r;onbRender();});});});}
-function lqIcon(l){var k=document.querySelector('link[rel=icon]');if(k)k.setAttribute('href','/favicon.svg?look='+encodeURIComponent(l||'ferro'));}
+function lqIcon(l){var q='/favicon.svg?look='+encodeURIComponent(l||'ferro'),k=document.querySelector('link[rel=icon]');if(k)k.setAttribute('href',q+'&small=1');var d=document.querySelector('header .dot');if(d)d.style.backgroundImage="url('"+q+"&small=1')";document.querySelectorAll('img.onborb').forEach(function(im){im.src=q;});}
 function lqInit(){var bd=document.body;if(!bd||!bd.classList)return;lqIcon(lqLookGet());lqTheme();try{i18nStart();}catch(e){}bd.classList.add('lq-liquid');
 ['(prefers-color-scheme: light)','(prefers-contrast: more)','(forced-colors: active)','(prefers-reduced-transparency: reduce)','(prefers-reduced-motion: reduce)'].forEach(function(q){try{var mq=window.matchMedia&&window.matchMedia(q);if(mq&&mq.addEventListener)mq.addEventListener('change',lqTheme);else if(mq&&mq.addListener)mq.addListener(lqTheme);}catch(e){}});
 if(document.addEventListener){document.addEventListener('contextmenu',function(ev){var b=document.body,t=ev&&ev.target;if(!b||!b.classList||!b.classList.contains('lq-liquid'))return;if(t&&t.closest&&t.closest('input,textarea,select,[contenteditable]'))return;var sel=window.getSelection?String(window.getSelection()):'';if(sel)return;ev.preventDefault();lqBack();});