@spunto/design-system 0.13.0 → 0.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spunto/design-system",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "Spunto's shared design system — warm/flame tokens, color constants, and UI primitives.",
   "type": "module",
   "license": "MIT",

package/src/components/projects/repo-list.tsx

@@ -130,10 +130,15 @@ export function RepoList({
   return (
     <div className={cn("@container/repos space-y-2", className)}>
       {repos.length > 0 && (
-        <div className="mb-1 hidden grid-cols-[1fr_1fr_auto] gap-2 px-1 text-xs text-muted-foreground @min-[30rem]/repos:grid">
-          <span>Repository</span>
-          <span>Workspace path</span>
-          <span />
+        // The header mirrors the ROW's flex rules rather than being a grid of
+        // its own — the rows stopped being a grid when they had to wrap on a
+        // phone, and a grid header over flex rows puts every label next to the
+        // wrong field. `size-8` spacer = the width of the row's icon button.
+        <div className="mb-1 hidden gap-2 px-1 text-xs text-muted-foreground @min-[34rem]/repos:flex">
+          <span className="min-w-0 flex-1">Repository</span>
+          <span className="min-w-0 flex-1">Workspace path</span>
+          <span className="min-w-0 flex-1 @min-[30rem]/repos:max-w-[9rem]">Branch</span>
+          <span className="size-8 shrink-0" />
         </div>
       )}
 
@@ -194,6 +199,17 @@ export function RepoList({
             onChange={(e) => patch(repo.id, { workspacePath: e.target.value, workspacePathTouched: true })}
           />
 
+          <Input
+            placeholder="default"
+            aria-label="Branch"
+            title="Branch checked out when a worker clones this repo — empty for the remote's default branch"
+            // Narrower than the other two and last to get space: a branch name
+            // is short, and "default" is the answer most rows keep.
+            className="min-w-0 flex-1 font-mono text-xs @min-[30rem]/repos:max-w-[9rem]"
+            value={repo.branch ?? ""}
+            onChange={(e) => patch(repo.id, { branch: e.target.value })}
+          />
+
           <Button
             type="button"
             variant="ghost"
@@ -235,7 +251,8 @@ export function RepoList({
       </div>
 
       <p className="text-xs text-muted-foreground">
-        Cloned into <code>/workspace/&lt;path&gt;</code> at worker startup.{" "}
+        Cloned into <code>/workspace/&lt;path&gt;</code> at worker startup, on the branch set here (empty = the
+        remote&apos;s default).{" "}
         {connectUrl &&
           (github?.connected ? (
             <a href={connectUrl} className="underline underline-offset-2">

package/src/components/projects/types.ts

@@ -27,6 +27,13 @@ export interface ProjectRepo {
   installationId?: number
   /** Raw clone URL, `git` provider only. */
   cloneUrl?: string
+  /**
+   * Branch checked out when a worker clones this repo. Empty/absent = the
+   * remote's default — which is why it's a plain optional string and not a
+   * required field with a magic "main" default: we don't know the remote's
+   * default, and guessing it wrong is worse than deferring to it.
+   */
+  branch?: string
 }
 
 /** A devcontainer feature, as the form carries it. */