aimeat 2.6.1 → 3.0.0

package/dist/public/css/views/landing.css

@@ -11,6 +11,9 @@
  *     + .ld-wall-search filter box, for the real published-apps wall.
  *   v1.4.0 — 2026-08-01 — .ld-transline: the single AI-transparency line above the footer
  *     (TARGET-058 Phase 10).
+ *   v1.5.0 — 2026-08-08 — .ld-askai-copy became a container rule on .ld-askai-box. .ld-gen-copy renamed
+ *       .ld-gen-action: it was never a copy class — step 3's "Register and add your app" anchor
+ *       wears it too.
  */
 .ld { max-width: 980px; margin: 0 auto; padding: 2rem 1.25rem 3rem; color: var(--text); }
 
@@ -49,7 +52,9 @@
 .ld-askai-sub { color: var(--text-dim); font-size: .92rem; margin: 0 auto 1rem; max-width: 620px; }
 .ld-askai-box { border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 1rem 1.1rem; text-align: left; }
 .ld-askai-prompt { margin: 0; white-space: pre-wrap; word-break: break-word; font-family: var(--font-mono, monospace); font-size: .8rem; line-height: 1.5; color: var(--text); max-height: 260px; overflow-y: auto; }
-.ld-askai-copy { margin-top: .9rem; }
+/* The prompt box's copy button is the shared <CopyButton> (.btn-primary); the gap above it
+   belongs to this box, not to a bespoke button class. */
+.ld-askai-box .btn-primary { margin-top: .9rem; }
 /* "Show the full prompt" sits between the preview and the copy button. */
 .ld-askai-more { margin-top: .6rem; display: block; font-size: .82rem; }
 .ld-ticker { display: flex; align-items: center; gap: .5rem; justify-content: center; margin: 1rem auto; max-width: 760px; padding: .45rem .9rem; border: 1px solid var(--border); border-radius: 999px; background: var(--card); font-size: .85rem; color: var(--text-dim); white-space: nowrap; overflow: hidden; }
@@ -118,11 +123,8 @@
    and checkable, and the page it links to is where the limits belong. */
 .ld-transline { margin: 2rem auto 0; max-width: 62ch; text-align: center; color: var(--text-dim); font-size: .88rem; line-height: 1.6; }
 .ld-transline a { color: var(--accent); font-weight: 600; white-space: nowrap; }
-.ld-footer { display: flex; gap: 1.25rem; flex-wrap: wrap; justify-content: center; margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--border); font-size: .88rem; }
-.ld-footer a { color: var(--text-dim); text-decoration: none; }
-.ld-footer a:hover { color: var(--text); }
-.ld-footer a.ld-gh { display: inline-flex; align-items: center; gap: .4rem; }
-.gh-mark { flex: none; }
+/* .ld-footer / .ld-gh / .gh-mark left with the landing's own footer on 2026-08-09: the shell
+   renders one .site-footer (theme.css) under every public view instead. */
 /* Pricing */
 .ld-pricing .ld-h1 { text-align: center; }
 .ld-pricing .ld-hero-sub { text-align: center; margin-bottom: 1.5rem; }
@@ -259,6 +261,15 @@
 .ld-invite .ld-loop { margin-top: .25rem; }
 .ld-invite .ld-askai { margin-top: 1rem; }
 
+/* The connect door's body: one paragraph of scope, then one action + the account caveat. */
+.ld-connect-note { font-size: .9rem; line-height: 1.6; color: var(--text-dim); margin: 0 0 1rem; }
+.ld-connect-cta { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
+.ld-connect-hint { font-size: .82rem; color: var(--text-dim); }
+
+/* "Show the other N apps" — the wall's first page is short so the two doors above it stay
+   reachable on a phone; the rest expands in place rather than sending the visitor elsewhere. */
+.ld-wall-more { display: flex; justify-content: center; margin-top: 1.25rem; }
+
 /* ── Node change log — folded, one line until it is wanted ────────────────────────────
    Same door as .ld-invite (one collapsible on the page should not read as two components),
    but quieter: this is a status line, not the page's invitation. Shut it shows the freshest
@@ -291,7 +302,11 @@
 .ld-log-item:first-child { border-top: none; padding-top: 4px; }
 .ld-log-meta { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin-bottom: .3rem; }
 .ld-log-title { margin: 0 0 .25rem; font-size: 1rem; font-weight: 700; color: var(--text); }
-.ld-log-body { margin: 0; font-size: .87rem; line-height: 1.55; color: var(--text-dim); }
+/* pre-line, because an entry body carries its own paragraph breaks. Without it every blank line in
+   changelog.json collapsed into a space and a four-paragraph entry rendered as one wall. Nothing
+   parses markdown here, so an entry is written as plain text and its \n\n are the only structure
+   it gets. */
+.ld-log-body { margin: 0; font-size: .87rem; line-height: 1.55; color: var(--text-dim); white-space: pre-line; }
 @media (max-width: 600px) {
   .ld-log .collapsible-header { padding: 12px 14px; }
   .ld-log-list { padding: 0 14px 14px; max-height: 320px; }
@@ -365,7 +380,9 @@
 /* What the prompt contains, instead of how many characters it is: a count reads as
    complexity, the contents read as the reason it is long. */
 .ld-gen-contains { font-size: .8rem; color: var(--text-muted); margin: 0 0 12px; }
-.ld-gen-copy { width: 100%; justify-content: center; }
+/* Full-width step action. Not a copy class despite its old name (.ld-gen-copy): step 3's
+   "Register and add your app" anchor wears it too. */
+.ld-gen-action { width: 100%; justify-content: center; }
 /* Step 3's action is an anchor, not a button — it leaves the page — so it needs the
    button box model spelled out that <button> gets for free. */
 .ld-gen-add { display: block; box-sizing: border-box; text-align: center; text-decoration: none; }

package/dist/public/css/views/portal-classic.css

@@ -5,6 +5,9 @@
  * @version-history
  *   v1.1.0 — 2026-06-02 — Phase 5: tokenize for dark mode (replace bare light-only
  *     surface/border/text literals with theme tokens that flip between light/dark)
+ *   v1.2.0 — 2026-08-08 — .cl-copy-prompt-btn deleted — the copy button is the shared .btn-primary now, and the one
+ *       non-copy control that borrowed the class (the "return to apps" navigate button) says
+ *       .btn-primary directly.
  */
 /* portal-classic view — scoped under .cl */
 /* ── Hero Section ── */
@@ -339,23 +342,6 @@
   margin-top: 0.75rem;
   flex-wrap: wrap;
 }
-.cl-copy-prompt-btn {
-  padding: 0.6rem 1.4rem;
-  background: linear-gradient(135deg, var(--accent, #E8564A), var(--accent-deep, #D44A3F));
-  color: #fff;
-  border: none;
-  border-radius: 10px;
-  font-size: 0.88rem;
-  font-weight: 700;
-  cursor: pointer;
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
-  box-shadow: 0 4px 15px rgba(232, 86, 74, 0.15);
-  font-family: var(--font, system-ui, sans-serif);
-}
-.cl-copy-prompt-btn:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 6px 25px rgba(232, 86, 74, 0.25);
-}
 .cl-prompt-lang-note {
   font-size: 0.8rem;
   color: var(--text-muted, #9CA3AF);

package/dist/public/css/views/portal-dev.css

@@ -6,12 +6,25 @@
  * @version-history
  *   v1.1.0 — 2026-06-02 — Phase 4: tokenize card/panel/border/text/bg-layer/code
  *     surfaces (#FFFFFF/#E5E7EB/#F3F4F6/#6B7280) for dark mode.
- *   v1.2.0 — 2026-06-02 — Component unification (#6 stat cards): remove .dv-stat*/
- *     .dv-num/.dv-label; dev-portal stats use canonical .stat-card family.
+ *   v1.2.0 — 2026-06-02 — Component unification (#6 stat cards): remove .dv-stat* /
+ *     .dv-num / .dv-label; dev-portal stats use canonical .stat-card family.
  *   v1.3.0 — 2026-06-02 — Component unification (#11): remove .dv-dot (had a
  *     hardcoded #22c55e); node-badge dot uses canonical <StatusDot>.
  *   v1.4.0 — 2026-07-28 — Community list leads with Open (apps run on the node) and keeps
  *     Download as the quieter second action: .dv-app-actions / -open / -download.
+ *   v1.5.0 — 2026-08-08 — The copy button is the shared .btn-primary; .dv-copy-btn / .dv-copy-btn--alt are gone,
+ *       along with the two conflicting .dv-copy-btn definitions that fought over it. The corner
+ *       positioning moved onto .dv-prompt-output, the container that actually owns it.
+ *   v1.6.0 — 2026-08-08 — Close the header comment. The v1.2.0 entry above wrote ".dv-stat*/" —
+ *       that "*/" TERMINATED this comment at line 9, so from 2026-06-02 the rest of the header
+ *       was parsed as CSS. The parser consumed it as one long selector up to the next "{",
+ *       which swallowed the whole `:root { --love1..5 }` block below: browser-verified, the
+ *       sheet's first parsed rule was .dv-bg-layer and --love2 resolved to theme.css's #FF6B6B
+ *       instead of the #D44A3F declared here. Now restored (139 rules, :root first). NOTE the
+ *       block is UNSCOPED and this sheet is linked globally in spa.html, so it wins over
+ *       theme.css app-wide — --love2/3/4/5 change everywhere, including two profile.css text
+ *       colours (.dw-code-accent, .access-mcp-url via --love3). --love* are theme-invariant
+ *       (theme.css:128), so light and dark resolve identically; verified both.
  */
 /* ── Dev Portal root vars ── */
 :root {
@@ -103,9 +116,10 @@
 /* Prompt output */
 .dv-prompt-output { position: relative; }
 .dv-prompt-text { background: var(--code-bg); border: 1px solid var(--border); border-radius: 8px; padding: 1rem; font-family: monospace; font-size: .8rem; white-space: pre-wrap; word-break: break-word; max-height: 500px; overflow-y: auto; line-height: 1.5; color: var(--text, #1A1A2E); }
-.dv-copy-btn { position: absolute; top: .5rem; right: .5rem; background: linear-gradient(135deg, var(--love1), var(--love2)); color: #fff; border: none; border-radius: 6px; padding: .4rem .8rem; cursor: pointer; font-weight: 600; font-size: .8rem; z-index: 1; transition: all .2s; font-family: inherit; }
-.dv-copy-btn:hover { background: linear-gradient(135deg, var(--love3), var(--love1)); box-shadow: 0 2px 12px rgba(232,86,74,.2); }
-.dv-copy-btn.copied { background: #22c55e; }
+/* The prompt box's copy button overlays the top-right corner of the scrollable text. The
+   POSITION belongs to this container (which is position:relative) — the button itself is a
+   plain shared .btn-primary, and its green confirmed state comes from theme.css. */
+.dv-prompt-output > .btn-primary { position: absolute; top: .5rem; right: .5rem; z-index: 1; }
 
 /* Goals */
 .dv-goals { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: .5rem; margin-bottom: 1rem; }
@@ -144,11 +158,9 @@
 /* Share URL */
 .dv-share-url { display: flex; align-items: center; gap: .5rem; background: var(--bg-surface); border: 1px solid var(--success); border-radius: 8px; padding: .6rem 1rem; margin-top: .75rem; font-family: monospace; font-size: .85rem; }
 .dv-share-url input { flex: 1; background: none; border: none; color: var(--text, #1A1A2E); font-family: monospace; font-size: .85rem; outline: none; }
-.dv-share-url .dv-copy-btn { position: static; background: #22c55e; color: #fff; padding: .3rem .6rem; font-size: .8rem; }
-/* .dv-copy-btn is absolutely positioned for the prompt boxes (which are position:relative).
-   In a plain flex row it has no positioned ancestor and escapes to the page corner, so the
-   row pins it back into the flow. */
-.dv-code-row .dv-copy-btn { position: static; }
+/* The share-url row's copy button confirms success by existing next to a live URL, so it is
+   styled as the success action rather than the accent one. */
+.dv-share-url .btn-primary { background: #22c55e; box-shadow: none; }
 
 /* App list */
 .dv-app-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: .75rem; margin-top: 1rem; }
@@ -190,9 +202,8 @@
 .dv-code { font-size: .78rem; background: var(--code-bg); padding: .4rem .6rem; border-radius: .25rem; user-select: all; flex: 1; word-break: break-all; }
 .dv-code--inline { font-size: .78rem; background: var(--code-bg); padding: .25rem .5rem; border-radius: .25rem; user-select: all; }
 .dv-code--inline-sm { font-size: .8rem; background: var(--code-bg); padding: .25rem .5rem; border-radius: .25rem; user-select: all; }
-.dv-copy-btn { padding: .3rem .6rem; background: var(--accent); color: #fff; border: none; border-radius: .25rem; cursor: pointer; font-size: .75rem; white-space: nowrap; }
-.dv-copy-btn--alt { padding: .2rem .5rem; background: var(--purple-bg); color: var(--purple-fg); border: 1px solid var(--purple-border); border-radius: .25rem; cursor: pointer; font-size: .75rem; white-space: nowrap; }
 .dv-note { margin-top: .75rem; font-size: .8rem; color: var(--text-dim); font-style: italic; }
+.dv-inline-link { color: var(--accent); font-style: normal; font-weight: 600; }
 .dv-hint { font-size: .8rem; color: var(--text-dim); margin: 0; font-style: italic; }
 .dv-step-img { max-width: 100%; border-radius: .5rem; border: 1px solid var(--border); }
 .dv-step-media { margin: .5rem 0; }