Tour copy and sizing polish (v0.1.69) (#104)

* Tour copy and sizing polish

Rewritten step descriptions (workspace pitch, prompt examples, worktree
framing) with no em dashes and a single colon across the deck. Card
sized between the original and the first enlargement: 390px wide,
fs-lg title, fs-base body, full-size footer buttons.

* Bump version to 0.1.69

Cargo.lock

@@ -928,7 +928,7 @@ checksum = "384b8ab6d37215f3c5301a95a4accb5d64aa607f1fcb26a11b5303878451b4fe"
 
 [[package]]
 name = "openresearch-cli"
-version = "0.1.68"
+version = "0.1.69"
 dependencies = [
  "anyhow",
  "async-trait",

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "openresearch-cli"
-version = "0.1.68"
+version = "0.1.69"
 edition = "2021"
 description = "OpenResearch CLI (orx) — Rust port"
 repository = "https://github.com/alphaXiv/openresearch-cli"

ui/dist/index.html

@@ -9,8 +9,8 @@
       html { background: #ffffff; }
       @media (prefers-color-scheme: dark) { html { background: #0e0c0c; } }
     </style>
-    <script type="module" crossorigin src="/assets/index-DtLrlkjR.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-FZ8l5lIQ.css">
+    <script type="module" crossorigin src="/assets/index-0VEmtFys.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-C5oJgTxI.css">
   </head>
   <body>
     <div id="root"></div>

ui/src/components/Tour.tsx

@@ -32,16 +32,16 @@ const STEPS: TourStep[] = [
     anchor: null,
     title: "Welcome to OpenResearch",
     description:
-      "This is your research workspace: agents on the left, conversation in the middle, " +
-      "experiments on the right. Here's a quick look around — about thirty seconds.",
+      "OpenResearch is your home for autoresearch. Spawn and coordinate research agents " +
+      "in one workspace.",
   },
   {
     focus: ["composer"],
     anchor: "above",
     title: "Talk to your research agent",
     description:
-      "This is how you communicate with research agents: describe the experiment you want, " +
-      "and the agent plans it, writes the code, and runs it. Type / for skills like " +
+      "Prompt your research agents to replicate a paper, create a baseline experiment, " +
+      "run an eval, or investigate any research question. Type / for skills like " +
       "/reproduce-paper.",
   },
   {
@@ -49,15 +49,15 @@ const STEPS: TourStep[] = [
     anchor: "above",
     title: "Pick your model",
     description:
-      "Choose a model from any harness you've connected — Claude Code, Codex, or OpenCode. " +
-      "New sessions start with whatever you pick here; each session keeps its harness for life.",
+      "Choose a model from any harness you've connected: Claude Code, Codex, or OpenCode. " +
+      "New sessions start with whatever you pick here, and each session keeps its harness.",
   },
   {
     focus: ["nav-files"],
     anchor: "right",
     title: "Reports and outputs",
     description:
-      "The agent writes its reports, figures, and other outputs here — and anything you drop " +
+      "The agent writes its reports, figures, and other outputs here, and anything you drop " +
       "in is visible to it too. Check Files after a run to see what came back.",
   },
   {
@@ -66,14 +66,14 @@ const STEPS: TourStep[] = [
     title: "Configure compute",
     description:
       "This is where compute is configured. Point runs at this machine, Modal, SSH boxes, " +
-      "Kubernetes, or Slurm — set it up once and agents pick the right hardware per run.",
+      "Kubernetes, or Slurm. Set it up once and agents pick the right hardware per run.",
   },
   {
     focus: ["experiments"],
     anchor: "left",
     title: "Follow every experiment",
     description:
-      "Runs land here as a tree of experiments — branch variants off a baseline, compare " +
+      "Runs land here as a tree of experiments. Branch variants off a baseline, compare " +
       "results, and open any run's terminal or code changes in a tab.",
   },
   {
@@ -81,9 +81,8 @@ const STEPS: TourStep[] = [
     anchor: "right",
     title: "Start a session",
     description:
-      "Each session is its own agent working in its own branch, so you can run several lines " +
-      "of inquiry in parallel. That's the tour — ask for your first experiment whenever " +
-      "you're ready.",
+      "Each session is its own agent working in its own worktree, so you can run several " +
+      "agents in parallel. Ask for your first experiment whenever you're ready.",
   },
 ];
 
@@ -196,7 +195,7 @@ function TourCard({
       <div className="tour-footer">
         <div className="tour-footer-side">
           {index > 0 && (
-            <button className="btn ghost sm" onClick={onBack}>
+            <button className="btn ghost" onClick={onBack}>
               Back
             </button>
           )}
@@ -205,7 +204,7 @@ function TourCard({
           {index + 1} / {STEPS.length}
         </span>
         <div className="tour-footer-side end">
-          <button className="btn primary sm" onClick={onNext}>
+          <button className="btn primary" onClick={onNext}>
             {last ? "Done" : "Next"}
           </button>
         </div>

ui/src/styles.css

@@ -4146,13 +4146,13 @@ a.files-pill:hover {
 }
 .tour-card {
   position: absolute;
-  width: 340px;
+  width: 390px;
   max-width: calc(100vw - 32px);
   background: var(--base);
   border: 1px solid var(--border);
   border-radius: var(--radius-xl);
   box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
-  padding: 18px 20px 0;
+  padding: 21px 23px 0;
   transition:
     left 200ms ease,
     top 200ms ease;
@@ -4164,27 +4164,27 @@ a.files-pill:hover {
   transition: none;
 }
 .tour-card h3 {
-  margin: 0 24px 6px 0;
-  font-size: var(--fs-base);
+  margin: 0 26px 7px 0;
+  font-size: var(--fs-lg);
   font-weight: var(--fw-semibold);
 }
 .tour-card p {
   margin: 0;
-  font-size: var(--fs-md);
-  line-height: 1.5;
+  font-size: var(--fs-base);
+  line-height: 1.55;
   color: var(--text);
 }
 .tour-card .tour-close {
   position: absolute;
-  top: 10px;
-  right: 10px;
+  top: 12px;
+  right: 12px;
 }
 .tour-footer {
   display: flex;
   align-items: center;
   border-top: 1px solid var(--border-variant);
-  margin-top: 14px;
-  padding: 10px 0;
+  margin-top: 16px;
+  padding: 11px 0;
 }
 .tour-footer-side {
   flex: 1;
@@ -4194,7 +4194,7 @@ a.files-pill:hover {
   justify-content: flex-end;
 }
 .tour-count {
-  font-size: var(--fs-xs);
+  font-size: var(--fs-sm);
   color: var(--muted);
   font-variant-numeric: tabular-nums;
 }