@telepath-computer/television 1.4.15 → 1.4.17

package/dist/canonical/v2/styles.css

@@ -422,13 +422,16 @@
   --text-4xl: round(calc(var(--text-base) * 30 / 14), 1px);
 
   /* The control lines: the line-height a control's label uses, and the one
-     input its height derives from — the line, plus the space-2 padding step
+     input its height derives from — the line, plus the size's padding step
      top and bottom, plus a 1px border each side, gives every control the
-     same height: 18 + 4 + 2 = 24px (14 + 4 + 2 = 20px at the small step).
+     same height at each size: 18 + 4 + 2 = 24px at the default size (the
+     space-2 step), 14 + 4 + 2 = 20px at the small step (space-2), and
+     22 + 16 + 2 = 40px at the large step (space-8).
      Stated in pixels, not a ratio: a control's cell is tighter than prose,
      immune to the leading around it, and lands on even pixels in any font. */
   --line-control: 18px;
   --line-control-sm: 14px;
+  --line-control-lg: 22px;
 }
 
 :where(:root) {
@@ -855,6 +858,16 @@
   padding: var(--space-2);
 }
 
+:where(button[size="lg"]) {
+  font-size: var(--text-lg);
+  line-height: var(--line-control-lg);
+  padding: var(--space-8) var(--space-20);
+}
+
+:where(button[size="lg"][icon]) {
+  padding: var(--space-8);
+}
+
 /* A sized control sizes the icon it holds: whatever size the composer put on
    the icon, the control's own wins — `tv-icon[size]` names a fixed pixel
    size, so left alone the icon would ignore the control shrinking around it.
@@ -900,6 +913,15 @@
   resize: vertical;
 }
 
+/* The large size matches a large button beside the field
+   ([[ui/foundation/button/button.css]]): the same text step, line and
+   vertical padding step, so the two are the same height. */
+:where(:is(input:not([type]), input[type=""], input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="number"], textarea)[data-size="lg"]) {
+  font-size: var(--text-lg);
+  line-height: var(--line-control-lg);
+  padding: var(--space-8) var(--space-12);
+}
+
 /* Shared error-message styling; validation and announcement belong to the surface. */
 :where(.tv-error) {
   margin: 0;

package/dist/cli.cjs

@@ -53345,7 +53345,7 @@ function disabledTelemetryRuntime() {
 
 // ../server/src/updates/version.ts
 function readVersionStamp() {
-  if ("1.4.15".length > 0) return "1.4.15";
+  if ("1.4.17".length > 0) return "1.4.17";
   return void 0;
 }
 function resolveUpdateReleaseVersion(env = process.env, stamp = readVersionStamp()) {
@@ -53887,8 +53887,8 @@ var Server = class {
   };
 };
 function readServerPackageVersion() {
-  if ("1.4.15".length > 0) {
-    return telemetryVersion("1.4.15");
+  if ("1.4.17".length > 0) {
+    return telemetryVersion("1.4.17");
   }
   const packageJsonPath = import_node_path13.default.resolve(import_node_path13.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url)), "..", "package.json");
   if (!(0, import_node_fs11.existsSync)(packageJsonPath)) return telemetryVersion("0.0.0");
@@ -56073,15 +56073,15 @@ function writeLine(output, line) {
   output.write(`${line}
 `);
 }
-function terminalHyperlink(url2, text = url2) {
-  return `\x1B]8;;${url2}\x1B\\${text}\x1B]8;;\x1B\\`;
+function formatConnectURL(output, serverURL, token) {
+  const url2 = buildConnectURL(serverURL, token);
+  return output.isTTY === true ? `\x1B]8;;${url2}\x1B\\${url2}\x1B]8;;\x1B\\` : url2;
 }
 function writeConnectURLs(output, urls, options = {}) {
   writeLine(output, options.installed ? "Television service installed." : "Television server running.");
   writeLine(output, "Open Television:");
   for (const url2 of urls) {
-    const connectURL = buildConnectURL(url2, options.token ?? null);
-    writeLine(output, `  ${terminalHyperlink(connectURL)}`);
+    writeLine(output, `  ${formatConnectURL(output, url2, options.token)}`);
   }
 }
 async function bestEffortWithinTimeout2(operation, timeoutMs) {
@@ -56119,8 +56119,8 @@ function resolveVercelSkillsInstallerBin() {
   return localRequire.resolve("skills/bin/cli.mjs");
 }
 function readCLIVersion() {
-  if ("1.4.15".length > 0) {
-    return "1.4.15";
+  if ("1.4.17".length > 0) {
+    return "1.4.17";
   }
   const devPackageJsonPath = import_node_path20.default.join(getDevPackageDir(), "package.json");
   if (!(0, import_node_fs18.existsSync)(devPackageJsonPath)) {
@@ -57041,6 +57041,23 @@ function createProgram(env, invocation = { argv: [] }) {
   program2.command("stop").description("Stop the Television system service").action(async () => {
     await uninstallPersistedService(resolveHome());
   });
+  program2.command("links").description("Print connect links for the running Television server").option("--port <number>", "Server port; required when the config file sets port 0", parseClientPortOption).action(async (opts) => {
+    const serverURL = resolveServerURL(opts.port);
+    const token = readAuthToken(resolveHome());
+    const client = env.createClient(serverURL, token);
+    const health = await client.health();
+    await client.display.get();
+    let requiresToken = false;
+    try {
+      await env.createClient(serverURL, void 0).display.get();
+    } catch (error48) {
+      if (typeof error48 !== "object" || error48 === null || !("status" in error48) || error48.status !== HTTP_UNAUTHORIZED_STATUS2) throw error48;
+      requiresToken = true;
+    }
+    for (const address of health.bindAddresses) {
+      writeLine(env.stdout, formatConnectURL(env.stdout, buildServerURL(address, health.port), requiresToken ? token : null));
+    }
+  });
   program2.command("status").description("Print the selected home, server health, version, telemetry state, and service status as JSON").option("--port <number>", "Server port; required when the config file sets port 0", parseClientPortOption).action(async (opts) => {
     const home = resolveHome();
     const serverURL = resolveServerURL(opts.port);

package/dist/skills/television/SKILL.md

@@ -577,7 +577,7 @@ documented token with a literal fallback where appropriate.
 
 ### Type
 
-`--control-font-size`, `--text-base`, `--text-sm`, `--text-md`, `--text-lg`, `--text-xl`, `--text-2xl`, `--text-3xl`, `--text-4xl`, `--line-control`, `--line-control-sm`.
+`--control-font-size`, `--text-base`, `--text-sm`, `--text-md`, `--text-lg`, `--text-xl`, `--text-2xl`, `--text-3xl`, `--text-4xl`, `--line-control`, `--line-control-sm`, `--line-control-lg`.
 
 ### Spacing and radii
 
@@ -593,6 +593,13 @@ documented token with a literal fallback where appropriate.
 
 ## Canonical components
 
+### Large controls
+
+Use `<button size="lg">Connect</button>` for a large button and
+`<input data-size="lg" aria-label="Server link">` for a matching text field.
+The same `data-size="lg"` applies to textareas. Their line height comes from
+`--line-control-lg`; an ordinary control omits the size attribute.
+
 ### Native inputs and errors
 
 Native text-entry inputs and textareas receive shared styling automatically.

package/dist/skills/television/theming.md

@@ -460,13 +460,16 @@ These four tokens are enough to replace the main surfaces and text, but they do
   --text-4xl: round(calc(var(--text-base) * 30 / 14), 1px);
 
   /* The control lines: the line-height a control's label uses, and the one
-     input its height derives from — the line, plus the space-2 padding step
+     input its height derives from — the line, plus the size's padding step
      top and bottom, plus a 1px border each side, gives every control the
-     same height: 18 + 4 + 2 = 24px (14 + 4 + 2 = 20px at the small step).
+     same height at each size: 18 + 4 + 2 = 24px at the default size (the
+     space-2 step), 14 + 4 + 2 = 20px at the small step (space-2), and
+     22 + 16 + 2 = 40px at the large step (space-8).
      Stated in pixels, not a ratio: a control's cell is tighter than prose,
      immune to the leading around it, and lands on even pixels in any font. */
   --line-control: 18px;
   --line-control-sm: 14px;
+  --line-control-lg: 22px;
 }
 
 /* Foundation tokens — spacing and corners */
@@ -729,6 +732,8 @@ An artifact frame belongs to the application document. The document inside its i
 
 `#app` owns the application layout and suppresses ordinary text selection in its contents; readable regions can explicitly restore selection. `.app-sidebar` holds the channel list. The sidebar defaults to 260 pixels wide, resizes between 160 and 350 pixels, and remembers the chosen width per browser; it can also collapse entirely, the navbar then opening with an expand control and — while a channel is open — a channel-switcher popover, with the collapsed state remembered per browser. `.app-main` holds the wallpaper, navbar and stage. `.app-main > .top-bar` supplies the horizontal control inset; stage padding is separate. Preserve the shell width constraints so overflowing tabs and pages scroll inside their regions without widening the document. `#app:focus` suppresses a ring on the container itself. The wallpaper region establishes a backdrop boundary so overlay blur samples the wallpaper rather than adjacent content, while fixed popovers retain viewport positioning.
 
+While Television cannot use its server, one connection dialog is shown. Disconnected and unreachable states keep an established shell and its artifact documents mounted; first connection, authorization and upgrade-gate states have no shell behind them. Three failed unreachable reconnects change Disconnected to Can’t connect with server; the displayed upgrade gate stays until reload.
+
 During collapse or expansion, `#app[data-sidebar-motion]` contains both resting layouts and one travelling control:
 
 ```html
@@ -852,7 +857,7 @@ An empty channel adds `.stage-empty`, containing an artifact `tv-icon` and a par
 </div>
 ```
 
-`.artifact-frame` owns the border, curve, surface and broad shadow. Its `::before` paints the sharp rim and its `::after` paints a pointer-transparent masked inner highlight over document and titlebar. Background pages suppress the broad shadow while retaining the exterior rim. `.artifact-frame-clip > :is(iframe, webview)` fills the document area through the one-pixel padding track. `.artifact-frame-clip` clips the document and titlebar while the outer frame lets both shadows extend outward. `.artifact-title-bar` paints the lower band, `.artifact-title-bar .artifact-title` takes the remaining width and truncates, and `.artifact-bar-divider` separates navigation from the menu trigger. The two direction buttons use `disabled` to show unavailable history. In browser demo mode, the frame of an external web page wraps its artifact `tv-icon` in `button.artifact-return` (`icon`, ghost, `sm`) and shows no direction controls. The document repeats the top clipping radius where required for composited iframe/webview rendering.
+`.artifact-frame` owns the border, curve, surface and broad shadow. Its `::before` paints the sharp rim and its `::after` paints a pointer-transparent masked inner highlight over document and titlebar. Background pages suppress the broad shadow while retaining the exterior rim. `.artifact-frame-clip > :is(iframe, webview)` fills the document area through the one-pixel padding track. `.artifact-frame-clip` clips the document and titlebar while the outer frame lets both shadows extend outward. `.artifact-title-bar` paints the lower band, `.artifact-title-bar .artifact-title` takes the remaining width and truncates, and `.artifact-bar-divider` separates navigation from the menu trigger. The two direction buttons use `disabled` to show unavailable history. In browser demo mode, the frame of an external web page wraps its artifact `tv-icon` in `button.artifact-return` (`icon`, ghost, `sm`) and shows no direction controls. The document repeats the top clipping radius where required for composited iframe/webview rendering. A frame can also hold static `.artifact-frame-content` in place of a document and omit its menu when it has no artifact to act on. That content fills the clipping region above the title bar.
 
 The artifact menu uses the same shared menu elements and placement as channel menus. Deletion uses the shared dialog outline below.
 
@@ -903,7 +908,7 @@ An executable active theme adds `.settings-javascript-consent`, with `.settings-
 
 The update control is `button.update-bell#update-bell[icon][intent="alert"]` paired with `tv-popover.update-popover[manual][trigger="update-bell"][role="status"]`. `.update-popover` contains readable notice text and `.update-actions` with `button.update-later` and an optional primary copy action. The desktop self-update notice has `button.update-restart[size="sm"][intent="primary"]` in place of the copy action; it carries `[disabled]` while the app restarts. The manual panel stays open until the composing surface closes it.
 
-The reusable copy control is `button.copy-button[size="sm"][prompt]`, optionally carrying `intent`, containing `.copy-button-idle` and `.copy-button-done`. Both contain an icon and label. `.copy-button[copied] .copy-button-idle` hides the idle content without changing its occupied space; `.copy-button[copied] .copy-button-done` overlays the confirmation. `.copy-button-status` is a separate visually hidden live announcement. Preserve that status region and stable button size when restyling confirmation.
+The reusable copy control is `button.copy-button[prompt]`, optionally carrying `intent` and `size`, containing `.copy-button-idle` and `.copy-button-done`. Both contain an icon and label. The default Copy size is `sm`; callers can omit the rendered size attribute for a standard button or request `size="lg"`. `.copy-button[copied] .copy-button-idle` hides the idle content without changing its occupied space; `.copy-button[copied] .copy-button-done` overlays the confirmation. `.copy-button-status` is a separate visually hidden live announcement. Preserve that status region and stable button size when restyling confirmation.
 
 ### Dialogs, connection states and upgrade gate
 
@@ -922,19 +927,19 @@ The reusable copy control is `button.copy-button[size="sm"][prompt]`, optionally
 
 The scrolling `.dialog-content` wrapper may contain ordinary content instead of an alert. Ambient selectors `:where(.dialog-overlay)`, `:where(dialog)`, and `:where(dialog:focus-visible)` define dimming, centering, panel chrome and container focus treatment. `:where(.dialog-alert)`, `:where(.dialog-alert h2)`, `:where(.dialog-alert p)`, and `:where(.dialog-actions)` define the shared confirmation interior. Keep the modal input boundary and focus behavior intact.
 
-Connection and authorization states reuse the dialog with `.system-modal`: an icon, heading and optional supporting paragraph. `.system-modal h2` and `.system-modal p:not(.tv-error)` set their hierarchy. Connecting and disconnected states use a spinning `tv-icon`; an error adds `.system-modal .server-url`. Authorization uses `form.system-modal.auth-form`. The field uses shared native-input styling; `.auth-form .auth-token` and `.auth-form .auth-submit` stretch the field and submit control. Rejection adds `aria-invalid="true"` and associates the shared error paragraph through `aria-describedby`; the alert communicates the failure. The rejected state is:
+Connection dialogs use `.system-modal`, with a heading and supporting text where applicable. `.system-modal h2` and `.system-modal p:not(.tv-error)` set their hierarchy. Connecting has a spinning icon and title; Disconnected adds the reconnect countdown or in-flight line. Can’t connect with server has no icon, adds `.server-url` and recovery guidance, and keeps the reconnect line. Access token required uses the lock icon and guidance for obtaining a current link. The browser directs the person to its address bar; the desktop's served interface directs them to Disconnect from Server in the app menu.
+
+Only the local desktop page adds `button.system-modal-disconnect[intent="danger"]` to unauthorized and error dialogs:
 
 ```html
-<form class="system-modal auth-form">
+<div class="system-modal">
   <tv-icon name="locked" size="xl"></tv-icon>
   <h2>…</h2><p>…</p>
-  <input class="auth-token" type="password" name="token" placeholder="…" aria-label="…" autofocus required aria-invalid="true" aria-describedby="auth-token-error">
-  <p id="auth-token-error" class="tv-error" role="alert">…</p>
-  <button class="auth-submit" intent="primary">…</button>
-</form>
+  <button class="system-modal-disconnect" intent="danger">…</button>
+</div>
 ```
 
-The ordinary authorization state omits the invalid attribute, error association and error paragraph.
+Connection dialogs leave only when their owner's state changes. Served dialogs wear the server's theme; local dialogs wear Clouds. In the desktop app a `.window-drag-strip[electron-draggable]` spans the top 36 pixels while no shell is rendered, including on the local page. It sits inside `dialog`, outside `.dialog-content`, so native modality leaves it interactive. A retained shell supplies its own drag areas, including with its sidebar collapsed.
 
 Upgrade instructions use `.desktop-upgrade-gate > .dialog-overlay > dialog > .dialog-content > .upgrade-gate-body`. The gate fills the halted page; the body scrolls within the panel. `.upgrade-gate-body h1`, `.upgrade-gate-body p`, `.upgrade-gate-body pre`, and `.upgrade-gate-body :last-child` restore local reading rhythm and command formatting. When the app has downloaded an update, `.upgrade-gate-actions` follows the body inside `.dialog-content` and places `button.upgrade-gate-restart[intent="primary"]` trailing below the message; the button carries `[disabled]` while the app restarts.
 
@@ -949,7 +954,7 @@ Upgrade instructions use `.desktop-upgrade-gate > .dialog-overlay > dialog > .di
 </main>
 ```
 
-`.artifact-error` paints the document ground; `.artifact-error-body` limits the reading column. `.artifact-error h1`, `.artifact-error p`, and `.artifact-error-block` arrange its text. A missing artifact can include a path chip. An unsupported URL can include a link or `.plain-address`, followed by a link to the admin guide. `.artifact-error a`, `.artifact-error .plain-address`, and `.artifact-error code` wrap long content; the path chip is selected whole for copying. Optional host-supplied content may carry `[hidden]`.
+`.artifact-error` paints the document ground; `.artifact-error-body` limits the reading column. `.artifact-error h1`, `.artifact-error p`, and `.artifact-error-block` arrange its text. A missing artifact can include a path chip. An unsupported URL can include a link or `.plain-address`, followed by a link to the admin guide for installing the Mac desktop app. `.artifact-error a`, `.artifact-error .plain-address`, and `.artifact-error code` wrap long content; the path chip is selected whole for copying. Optional host-supplied content may carry `[hidden]`.
 
 ## Panels and surface edges