Home fits a phone, and Getting started can be opened again from it: on a phone Home's grid had no column template, so its one column took the width of its widest row (526 px on a 390 px screen); every card ran off the right edge, and the Ask panel, sized to the page, opened as wide and cut off too. The grid's column is now minmax(0, 1fr) below lg. An owner who closed Getting started had no way back on Home itself: a Getting started button now sits at the top of Home for them (GettingStartedButton, as on Settings → General). Home's ask box is 16 px on a phone, so tapping it doesn't zoom the page, and drops the g1t mark there. Home and workspaces guides say where the button is. Checked: apps/web typecheck; the live Home at 390 px with the grid rule applied: page width 390, nothing past the edge; Ask panel on a page that fits: full width, nothing cut off. · 2af60ba · flagon-io/g1t

26	26
27	27		For a workspace's owners, Home also opens
28	28		[Getting started](/guides/workspaces/#getting-started), the setup guide,
29		−	until they finish or close it; `?setup=1` opens it again.
	29	+	until they finish or close it. The Getting started button at the top
	30	+	of Home opens it again at any time, as `?setup=1` does.
30	31
31	32		Every number on the page comes from what g1t has recorded. Nothing is
32	33		estimated. When a part of g1t does not answer, the section it feeds says

81	81
82	82		Closing the guide puts it away too: it stops opening by itself for you,
83	83		in this workspace, on every device. Nothing else changes. Open it again
84		−	any time from Settings → General (Getting started), from the
	84	+	any time from the Getting started button at the top of Home, from
	85	+	Settings → General (Getting started), from the
85	86		workspace's AI page, or by typing Getting started in the command
86	87		palette, which opens Home with `?setup=1`. Each owner has their own:
87	88		closing it does not close it for anyone else.

58	58		</h1>
59	59		<form onSubmit={submit} className="w-full">
60	60		<div className="flex items-end gap-2 rounded-2xl border border-line bg-surface p-2 pl-4 shadow-sm transition-shadow focus-within:border-accent-dim focus-within:ring-2 focus-within:ring-accent/25">
61		−	<MarkGlyph className="mb-2.5 h-4 shrink-0" />
	61	+	<MarkGlyph className="mb-2.5 h-4 shrink-0 max-sm:hidden" />
62	62		<label htmlFor="home-ask-box" className="sr-only">
63	63		Ask g1t
64	64		</label>
⋯
70	70		rows={1}
71	71		maxLength={16_000}
72	72		placeholder="Ask g1t what changed, what's blocked, or what to do next"
73		−	className="field-sizing-content max-h-40 min-h-10 resize-none border-0 bg-transparent px-1 py-2 text-[0.9375rem] shadow-none focus-visible:ring-0"
	73	+	className="field-sizing-content max-h-40 min-h-10 resize-none border-0 bg-transparent px-1 py-2 text-base shadow-none focus-visible:ring-0 sm:text-[0.9375rem]"
74	74		/>
75	75		<Hint label="Ask (Enter)">
76	76		<Button type="submit" variant="accent" size="icon-sm" disabled={!draft.trim()} aria-label="Ask" className="mb-1">

66	66		import { HOME_WATCH_MAX, type HomeRepo } from "../../lib/home-live";
67	67		import { readCookie } from "../../lib/mission";
68	68		import { useHomeLive } from "../../lib/use-home-live";
69		−	import { loadOnboarding } from "../../lib/onboarding.server";
70		−	import { OnboardingOnPage } from "../../components/onboarding";
	69	+	import { guideIsFor, loadOnboarding } from "../../lib/onboarding.server";
	70	+	import { GettingStartedButton, OnboardingOnPage } from "../../components/onboarding";
71	71		import { loadMissionControl } from "../../lib/mission-control.server";
72	72		import { page } from "../../lib/meta";
73	73		import { inbox } from "../../lib/services.server";
⋯
208	208		watch,
209	209		onboarding,
210	210		setupAsked,
	211	+	/** Whether Getting started is for the viewer (an owner), so Home offers it again once dismissed. */
	212	+	guide: guideIsFor(viewer, slug),
211	213		};
212	214		}
213	215
⋯
275	277		<OnboardingOnPage slug={slug} view={loaderData.onboarding} asked={loaderData.setupAsked} />
276	278		{/* 0. Ask g1t anything: the answer opens in the top bar's Ask panel. */}
277	279		<header className="space-y-3">
	280	+	{loaderData.guide && (
	281	+	<div className="flex justify-end">
	282	+	<GettingStartedButton slug={slug} variant="soft" />
	283	+	</div>
	284	+	)}
278	285		<HomeAsk span={span} />
279	286		<p className="mx-auto max-w-2xl text-center text-sm leading-relaxed text-muted">
280	287		<Suspense fallback={<Skeleton className="inline-block h-3.5 w-72 align-middle" />}>
⋯
296	303		needed, Running now, what happened, then Spent and Settled (the side
297	304		column's cards join it, `contents`, each in its place by `order`).
298	305		*/}
299		−	<div className="grid items-start gap-5 lg:grid-cols-[minmax(0,1fr)_20rem]">
	306	+	<div className="grid grid-cols-[minmax(0,1fr)] items-start gap-5 lg:grid-cols-[minmax(0,1fr)_20rem]">
300	307		{/* 1. Where you're needed now, with the one to start with on top: no window. */}
301	308		<div id="needed" className="order-1 scroll-mt-4 lg:col-start-1 lg:row-start-1">
302	309		<Card

flagon-io/g1t

Comments