@tangle-network/brand 1.31.3 → 1.31.5

package/bin/tangle-drift.mjs

@@ -48,6 +48,7 @@ export const SURFACES = {
   blueprint: { repo: "tangle-network/blueprint-agent", roots: ["apps/web"] },
   // SUPER's interface is plain JavaScript and HTML, so its colors live in those files.
   super: { repo: "tangle-network/super-agent", roots: ["public"], extraExt: ["*.js", "*.html"] },
+  disco: { repo: "tangle-network/disco-app", roots: ["web"] },
 };
 
 const SRC_EXT = ["*.tsx", "*.ts", "*.jsx", "*.astro", "*.css", "*.vue", "*.svelte"];
@@ -79,6 +80,8 @@ export const PATTERNS = {
   // recessed backdrop for a gutter, its own pane expander icons, or a WorkspaceLayout seam
   // that moves the shell's controls or flattens its surface.
   shell_override: String.raw`md3-surface-dim|\bPanel(?:Right|Left)(?:Open|Close)?\b|\b(?:collapsedControlsPlacement|centerHeaderVisibility)\b|\bsurface=["'{]+flat\b`,
+  // A seat or model mark assembled in product code; sandbox-ui's SeatMark owns the logo beside its name.
+  local_mark_composition: String.raw`<(?:HarnessLogo|ModelBrandStack)\b`,
 };
 
 // Header-like: an element named `header`, or a class/id ending in one of the words below. It must be
@@ -126,6 +129,22 @@ export const RULE_PATTERNS = {
       String.raw`\bclassName=\{?["'\x60](?=[^"'\x60]*\btangle-(?:prose|transcript-text)\b)[^"'\x60]*?(?<![\w-])(?:text-(?:xs|sm|base|lg|xl|\[)|leading-|font-(?:sans|serif|mono))`,
     ],
   },
+  // A selection control composed from ui primitives: one per import that names a DropdownMenu, Popover,
+  // Select or Command part. sandbox-ui owns the pickers (HarnessPicker, BackendSelector, Chip, ...).
+  primitive_control_composition: {
+    prefilter: String.raw`@tangle-network/ui/primitives`,
+    patterns: [String.raw`\bimport\s*\{[^}]*?\b(?:DropdownMenu|Popover|Select|Command)\w*[^}]*\}\s*from\s*["']@tangle-network/ui/primitives(?:/[^"']*)?["']`],
+  },
+  // A selected row painted by hand instead of ixRow + ixSelected keyed on aria-current, or an action
+  // nav item (New, Create, Add, Start) made the active location, so the action reads as where you are.
+  nav_row_hand_painted: {
+    prefilter: String.raw`selected|current|active`,
+    patterns: [
+      String.raw`\[(?:data-state=["']?selected|aria-selected|aria-current|data-(?:selected|active|current))[^\]]*\](?:[\w:.()-]|\[[^\]]*\])*\s*(?:,[^{};]*)?\{[^{}]*?(?<![\w-])(?:background(?:-color)?|color|border(?:-color)?|box-shadow|outline)\s*:`,
+      String.raw`(?<![\w-])(?:aria-(?:current|selected)|data-\[(?:state=selected|selected|active|current)[^\]]*\]|aria-\[(?:current|selected)[^\]]*\]):(?:bg|text|border|ring|shadow)-`,
+      String.raw`\{\s*id:\s*(["'])([\w-]+)\1,\s*label:\s*["'](?:New|Create|Add|Start)\b[\s\S]*?\bactiveId=\{[^}]*?(["'])\2\3`,
+    ],
+  },
 };
 
 /**
@@ -181,6 +200,9 @@ function extensions(surface, metric) {
     case "header_height_literal": return ["*.tsx", "*.jsx", "*.astro", "*.css", "*.vue", "*.svelte"];
     case "transcript_type_override": return ["*.tsx", "*.jsx", "*.css"];
     case "settings_layout": return ["*.tsx", "*.jsx", "*.astro"];
+    case "local_mark_composition": return ["*.tsx", "*.jsx"];
+    case "primitive_control_composition": return ["*.tsx", "*.jsx", "*.ts"];
+    case "nav_row_hand_painted": return ["*.tsx", "*.jsx", "*.css"];
     case "imports": return ["*.tsx", "*.ts", "*.astro", "*.jsx"];
     default: return SRC_EXT;
   }

package/dist/index.js

@@ -79,10 +79,10 @@ function Logo({ size = "md", variant = "full", suffix = null, className }) {
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex items-baseline gap-1",
 			children: [/* @__PURE__ */ jsx("span", {
-				className: `font-bold tracking-tight ${cfg.text}`,
+				className: `font-semibold tracking-tight ${cfg.text}`,
 				children: "Tangle"
 			}), suffix ? /* @__PURE__ */ jsx("span", {
-				className: `font-medium text-gradient-brand ${cfg.suffix}`,
+				className: `font-medium text-[var(--accent-text)] ${cfg.suffix}`,
 				children: suffix
 			}) : null]
 		})]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/brand",
-  "version": "1.31.3",
+  "version": "1.31.5",
   "description": "Tangle brand system — design tokens, logo, Tailwind v4 theme. Single source of truth for every Tangle app.",
   "type": "module",
   "license": "MIT",

package/src/logo.tsx

@@ -54,9 +54,9 @@ export function Logo({
     <div className={cls}>
       <TangleKnot size={cfg.icon} className="shrink-0" />
       <div className="flex items-baseline gap-1">
-        <span className={`font-bold tracking-tight ${cfg.text}`}>Tangle</span>
+        <span className={`font-semibold tracking-tight ${cfg.text}`}>Tangle</span>
         {suffix ? (
-          <span className={`font-medium text-gradient-brand ${cfg.suffix}`}>{suffix}</span>
+          <span className={`font-medium text-[var(--accent-text)] ${cfg.suffix}`}>{suffix}</span>
         ) : null}
       </div>
     </div>

package/src/styles/globals.css

@@ -162,8 +162,12 @@
   }
 
   .status-dot-running { background: var(--status-running); box-shadow: var(--shadow-status-running); }
+  .status-dot-creating { background: var(--status-creating); }
   .status-dot-stopped { background: var(--status-stopped); }
+  .status-dot-warm { background: var(--status-warm); }
+  .status-dot-cold { background: var(--status-cold); }
   .status-dot-error { background: var(--status-error); box-shadow: var(--shadow-status-error); }
+  .status-dot-deleted { background: var(--status-deleted); }
 }
 
 /* Markdown prose — applied via `tangle-prose` on the Markdown renderer. The