From 41e09d00d6a26f3d3e6a2c7b2f17d4f3db5bc564 Mon Sep 17 00:00:00 2001
From: tonym <anthonymoon61@gmail.com>
Date: Sun, 18 Oct 2026 23:36:52 -0500
Subject: [PATCH] feat: Sign in with OTM styled as the one primary action
 (v0.6.1)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

names has no local accounts, so OTM sign-in is the only door — style
it like the house's primary button instead of a plain text link, with
a muted line underneath about Face ID/Touch ID/passkeys, matching the
shared first-party sign-in standard. No "other ways to sign in" toggle
since there's nothing else to switch to.

Also syncs package-lock.json's stale root version and picks up the
already-declared tailwindcss/postcss/autoprefixer entries it was
missing.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014LCQmFvKshyAJsE8C3B5ET
---
 package-lock.json             |  4 ++--
 package.json                  |  2 +-
 src/app/globals.css           | 24 ++++++++++++++++++++++++
 src/components/AiControls.tsx |  9 ++++++++-
 src/components/Finder.tsx     |  6 ++++++
 src/lib/version.ts            |  9 ++++++++-
 6 files changed, 49 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c50480a..fa6f270 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "names-poweredbyotm",
-  "version": "0.1.0",
+  "version": "0.6.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "names-poweredbyotm",
-      "version": "0.1.0",
+      "version": "0.6.1",
       "dependencies": {
         "@otm/account-panel": "0.32.0",
         "next": "^15.1.0",
diff --git a/package.json b/package.json
index 3171b96..c92a4dd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "names-poweredbyotm",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "private": true,
   "scripts": {
     "dev": "next dev --port 3000",
diff --git a/src/app/globals.css b/src/app/globals.css
index ebbf2d8..c00d7c3 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -419,6 +419,30 @@ h2 {
   text-decoration: underline;
 }
 
+/* The "Sign in with OTM" control, styled like the house's one PRIMARY
+   button (see ".wrap button.primary") so it reads as the lead action it is —
+   this app has no local accounts, so OTM is the only door. */
+.signin.primary {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 9px;
+  padding: 11px 18px;
+  background: var(--accent-dim);
+  border: 1px solid var(--accent-dim);
+  color: #fff;
+  font-weight: 600;
+}
+
+.signin.primary:hover {
+  background: var(--accent);
+  border-color: var(--accent);
+  text-decoration: none;
+}
+
+.signin-hint {
+  margin: 4px 0 0;
+}
+
 .wrap button.linkish {
   background: none;
   border: none;
diff --git a/src/components/AiControls.tsx b/src/components/AiControls.tsx
index 62388a6..f4b57b5 100644
--- a/src/components/AiControls.tsx
+++ b/src/components/AiControls.tsx
@@ -57,8 +57,15 @@ export function AiControls({
     );
   }
   if (platformAi) {
+    // The lead (and only) action — this app has no local accounts, so there's
+    // no "other ways to sign in" to swap to. Styled as the house's one
+    // PRIMARY button, matching the shared first-party sign-in standard.
     return (
-      <a className="signin" href={otmSsoUrl("/")} title="Free OTM account · adds AI-generated names">
+      <a
+        className="signin primary"
+        href={otmSsoUrl("/")}
+        title="Free OTM account · adds AI-generated names"
+      >
         Sign in with OTM for AI names →
       </a>
     );
diff --git a/src/components/Finder.tsx b/src/components/Finder.tsx
index 8a71545..dbbe513 100644
--- a/src/components/Finder.tsx
+++ b/src/components/Finder.tsx
@@ -318,6 +318,12 @@ export default function Finder() {
         />
       </div>
 
+      {platformAi && !account ? (
+        <p className="hint signin-hint">
+          Your OTM account — Face ID, Touch ID or a passkey works there.
+        </p>
+      ) : null}
+
       {aiOn ? (
         <div className="field brief">
           <label htmlFor="brief">Tell the AI more (optional)</label>
diff --git a/src/lib/version.ts b/src/lib/version.ts
index 3989ad2..b6c5b07 100644
--- a/src/lib/version.ts
+++ b/src/lib/version.ts
@@ -2,7 +2,7 @@
 // /changelog. Bump VERSION and prepend an entry when shipping a user-facing
 // change. Same convention as rpo.
 
-export const VERSION = "0.6.0";
+export const VERSION = "0.6.1";
 
 export interface ChangelogEntry {
   version: string;
@@ -11,6 +11,13 @@ export interface ChangelogEntry {
 }
 
 export const CHANGELOG: ChangelogEntry[] = [
+  {
+    version: "0.6.1",
+    date: "2026-10-18",
+    changes: [
+      "Sign in with OTM is now styled as the one primary action it is, with a line about Face ID/Touch ID/passkeys underneath — matching the shared first-party sign-in standard. No accounts live here, so there's nothing else to switch to.",
+    ],
+  },
   {
     version: "0.6.0",
     date: "2026-08-17",