npm - @telepath-computer/television - Versions diffs - 0.1.206 → 0.1.209 - Mend

@telepath-computer/television 0.1.206 → 0.1.209

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/dist/canonical/v1/components.js +1 -258
package/dist/canonical/v1/styles.css +372 -312
package/dist/cli.cjs +3749 -3629
package/dist/onboarding/README.md +17 -12
package/dist/onboarding/business-ops/about.html +4 -8
package/dist/onboarding/business-ops/retention-vs-releases.html +0 -9
package/dist/onboarding/business-ops/revenue-vs-goals.html +0 -11
package/dist/onboarding/onboarding-channels.json +114 -0
package/dist/onboarding/productivity/about.html +4 -8
package/dist/onboarding/productivity/company-todos/index.html +0 -3
package/dist/onboarding/productivity/company-todos/task.css +3 -3
package/dist/onboarding/productivity/company-todos/task.js +1 -4
package/dist/onboarding/productivity/meeting-prep.html +0 -7
package/dist/onboarding/productivity/priorities-today.html +0 -7
package/dist/onboarding/productivity/todays-calendar/calendar.js +327 -643
package/dist/onboarding/productivity/todays-calendar/index.html +0 -4
package/dist/onboarding/research/about.html +5 -9
package/dist/onboarding/research/open-model-research.html +0 -9
package/dist/onboarding/research/todays-news.html +3 -10
package/dist/onboarding/tv-guide/welcome/index.html +5 -5
package/dist/skills/television/SKILL.md +180 -136
package/dist/skills/tv-calendar/calendar.js +327 -643
package/dist/skills/tv-tasks/SKILL.md +10 -9
package/dist/skills/tv-tasks/task.css +5 -6
package/dist/skills/tv-tasks/task.js +2 -5
package/dist/skills/tv-theme/SKILL.md +293 -193
package/dist/views/artifact-missing/index.html +125 -60
package/dist/views/markdown/index.html +22 -45
package/dist/web/assets/artifact-bridge-BXDhGuL-.js +1 -0
package/dist/web/assets/{artifactMissing-DY3nzD0p.js → artifactMissing-9rcTXhkH.js} +1 -1
package/dist/web/assets/main-Blg8fuaV.css +1 -0
package/dist/web/assets/main-Dlb0E5A4.js +594 -0
package/dist/web/assets/{urlUnsupported-B2K6eB7H.js → urlUnsupported-kgq7Zh2V.js} +1 -1
package/dist/web/index.html +4 -3
package/dist/web/views/artifact-missing/index.html +125 -60
package/dist/web/views/url-unsupported/index.html +127 -74
package/package.json +2 -2
package/dist/onboarding/onboarding-screens.json +0 -167
package/dist/skills/tv-calendar/THIRD-PARTY-NOTICES.txt +0 -36
package/dist/web/assets/artifact-bridge-BhiFDvPj.js +0 -1
package/dist/web/assets/main-5017mprd.css +0 -1
package/dist/web/assets/main-DdeZRdEy.js +0 -865
/package/dist/canonical/v1/fonts/{Hind-Variable.woff2 → Hind-Variable.933e9900.woff2} +0 -0

package/dist/onboarding/README.md CHANGED Viewed

@@ -1,19 +1,24 @@
 # Onboarding content — replacement contract
-This tree deliberately mixes provenance: baked screens and hand-authored
-screens are full runtime peers, indistinguishable to the config, validation,
+This tree deliberately mixes provenance: baked channels and hand-authored
+channels are full runtime peers, indistinguishable to the config, validation,
 and installer (specs/arch/onboarding/bake.md). This README is where each
-screen's provenance is recorded.
+channel's provenance is recorded.
 **`business-ops`, `productivity`, and `research` are baked content**:
-generated from the design sources under `specs/ui/onboarding/` by
+generated from the design sources under `specs/ui/onboarding-artifacts/` by
 `scripts/bake-onboarding.mjs` (specs/arch/onboarding/bake.md; requires the
 repository's Node 24 toolchain). Do not edit
-these screen folders or their `artifacts`/`layout` config entries by hand —
-a re-bake overwrites them. To change their content, edit the design sources
+these channel folders or their `artifacts` config entries by hand — a re-bake
+overwrites them. To change their content, edit the design sources
 and re-bake; the diff is reviewed and committed like any content change.
-Their display `name` values, screen order, and `focusScreen` in
-`onboarding-screens.json` are hand-edits the bake preserves.
+Their display `name` values, channel order, and `focusChannel` in
+`onboarding-channels.json` are hand-edits the bake preserves. An artifact
+entry may also carry optional initial-page `size` and `geometry`; for baked
+channels author those fields in the design channel's `layout.yml` so a
+re-bake carries them into the config. Hand-authored channels such as
+`tv-guide` may author the same fields directly in the config. Missing fields
+use the shared page defaults.
 **All non-tv-guide content is swap-free**: tests derive their expectations
 from this config and these files at runtime, so content edits (baked or
@@ -21,12 +26,12 @@ hand-authored) need zero test changes.
 **`tv-guide` content is deliberately test-pinned** (it is released copy) and
 is hand-authored, not baked: `packages/server/test/onboarding-content.test.ts`
-pins its artifact slug and layout, and
-`test/node/fresh-install-onboarding.test.ts` pins its welcome copy and asset.
+pins its artifact order, and `test/node/fresh-install-onboarding.test.ts` pins
+its welcome copy and asset.
 Changing TV Guide content means updating those pins on purpose.
-**The screen SET (folder names = slugs) is pinned in exactly one place**:
-`test/helpers/shipped-onboarding.ts`. Adding, removing, or renaming a screen
+**The channel SET (folder names = slugs) is pinned in exactly one place**:
+`test/helpers/shipped-onboarding.ts`. Adding, removing, or renaming a channel
 updates that list deliberately. Slugs are permanent identity once released —
 renaming one reads as delete-plus-add to every existing install
 (specs/arch/onboarding/content.md).

package/dist/onboarding/business-ops/about.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>About this screen</title>
+<title>About this channel</title>
 <link rel="stylesheet" href="/canonical/v1/styles.css">
 <script type="module" src="/canonical/v1/components.js"></script>
 <style>
@@ -56,7 +56,7 @@ header > .summary-deck {
    muted and italic so it reads as a quotation rather than body copy. One
    accent for all three (the rule is decoration, not a categorization). */
-/* The About cards read as the screen's guide, not an example result: they sit
+/* The About cards read as the channel's guide, not an example result: they sit
    on a post-it yellow surface, a deliberate exception to the set's "artifacts
    don't set backgrounds" rule. The surface is a fixed ramp token (yellow in
    any theme, like a sticky note), so the text and accent are pinned to fixed
@@ -112,15 +112,12 @@ body {
 </style>
 </head>
 <body>
 <main class="shell">
   <header>
-    <h1>About this screen</h1>
+    <h1>About this channel</h1>
     <p class="lede">
-    This screen shows examples of TV artifacts focused on business
+    This channel shows examples of TV artifacts focused on business
     operations. Instead of flipping between different apps and web pages,
     you can ask your agent to generate artifacts that combine and
     synthesize the information you need to run your business, in one
@@ -145,6 +142,5 @@ body {
     </li>
   </ul>
 </main>
 </body>
 </html>

package/dist/onboarding/business-ops/retention-vs-releases.html CHANGED Viewed

@@ -374,14 +374,6 @@ svg.chart .point-labels .peak     { fill: var(--green-500); }
 </style>
 </head>
 <body>
 <main class="shell">
   <header class="hero">
     <h1>Retention vs. recent releases</h1>
@@ -567,6 +559,5 @@ svg.chart .point-labels .peak     { fill: var(--green-500); }
     </div>
   </section>
 </main>
 </body>
 </html>

package/dist/onboarding/business-ops/revenue-vs-goals.html CHANGED Viewed

@@ -391,16 +391,6 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
 </style>
 </head>
 <body>
 <main class="shell">
   <header class="hero">
     <h1>Revenue vs. goals</h1>
@@ -616,6 +606,5 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
     <p>Revenue has grown 11.8x over the past 18 months, from $240K in Q1 2025 to $2.84M in Q2 2026. The company missed or came in just under goal for the first five quarters — typical for a pre-product-market-fit startup — but exceeded the Q2 2026 target by $240K, driven by the v0.4.0 release and the Acme expansion path. TTM revenue is $7.64M, with the $9.6M Acme expansion path central to the seed deck narrative.</p>
   </section>
 </main>
 </body>
 </html>

package/dist/onboarding/onboarding-channels.json ADDED Viewed

@@ -0,0 +1,114 @@
+{
+  "version": 3,
+  "focusChannel": "tv-guide",
+  "channels": [
+    {
+      "slug": "research",
+      "name": "Research",
+      "artifacts": [
+        {
+          "slug": "about",
+          "title": "About this channel",
+          "size": {
+            "width": 300,
+            "height": 740
+          }
+        },
+        {
+          "slug": "todays-news",
+          "title": "Today's AI News"
+        },
+        {
+          "slug": "open-model-research",
+          "title": "Open model research"
+        },
+        {
+          "slug": "draft-blog-post",
+          "title": "Draft blog post"
+        }
+      ]
+    },
+    {
+      "slug": "business-ops",
+      "name": "Business ops",
+      "artifacts": [
+        {
+          "slug": "about",
+          "title": "About this channel",
+          "size": {
+            "width": 300,
+            "height": 740
+          }
+        },
+        {
+          "slug": "revenue-vs-goals",
+          "title": "Revenue vs. goals",
+          "size": {
+            "width": 650,
+            "height": 740
+          }
+        },
+        {
+          "slug": "retention-vs-releases",
+          "title": "Retention vs. recent releases",
+          "size": {
+            "width": 650,
+            "height": 740
+          }
+        }
+      ]
+    },
+    {
+      "slug": "productivity",
+      "name": "Productivity",
+      "artifacts": [
+        {
+          "slug": "about",
+          "title": "About this channel",
+          "size": {
+            "width": 300,
+            "height": 740
+          }
+        },
+        {
+          "slug": "priorities-today",
+          "title": "Priorities for Today"
+        },
+        {
+          "slug": "company-todos",
+          "title": "Company To-dos",
+          "size": {
+            "width": 400,
+            "height": 740
+          }
+        },
+        {
+          "slug": "todays-calendar",
+          "title": "Today's Calendar",
+          "size": {
+            "width": 300,
+            "height": 740
+          }
+        },
+        {
+          "slug": "meeting-prep",
+          "title": "Meeting prep"
+        }
+      ]
+    },
+    {
+      "slug": "tv-guide",
+      "name": "TV Guide",
+      "artifacts": [
+        {
+          "slug": "welcome",
+          "title": "Welcome to Television",
+          "size": {
+            "width": 800,
+            "height": 740
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/onboarding/productivity/about.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>About this screen</title>
+<title>About this channel</title>
 <link rel="stylesheet" href="/canonical/v1/styles.css">
 <script type="module" src="/canonical/v1/components.js"></script>
 <style>
@@ -56,7 +56,7 @@ header > .summary-deck {
    muted and italic so it reads as a quotation rather than body copy. One
    accent for all three (the rule is decoration, not a categorization). */
-/* The About cards read as the screen's guide, not an example result: they sit
+/* The About cards read as the channel's guide, not an example result: they sit
    on a post-it yellow surface, a deliberate exception to the set's "artifacts
    don't set backgrounds" rule. The surface is a fixed ramp token (yellow in
    any theme, like a sticky note), so the text and accent are pinned to fixed
@@ -112,15 +112,12 @@ body {
 </style>
 </head>
 <body>
 <main class="shell">
   <header>
-    <h1>About this screen</h1>
+    <h1>About this channel</h1>
     <p class="lede">
-    This screen shows examples of TV artifacts focused on personal
+    This channel shows examples of TV artifacts focused on personal
     productivity. Instead of using a separate to-do app, calendar, or
     notepad, you can have your agent synthesize all of that information into
     a single view that helps you better manage your day.
@@ -144,6 +141,5 @@ body {
     </li>
   </ul>
 </main>
 </body>
 </html>

package/dist/onboarding/productivity/company-todos/index.html CHANGED Viewed

@@ -13,8 +13,6 @@
 </style>
 </head>
 <body>
 <header>
   <h1>Company To-dos</h1>
   <p>Wednesday, July 8</p>
@@ -116,6 +114,5 @@
   </tv-task-section>
 </tv-task-list>
 </body>
 </html>

package/dist/onboarding/productivity/company-todos/task.css CHANGED Viewed

@@ -50,8 +50,8 @@ tv-task:has(tv-task-checkbox[checked]) tv-task-title {
   color: var(--color-text-muted);
   text-decoration: line-through;
 }
-/* A completed task's due date no longer matters — always mute it, overriding
-   the today/overdue emphasis. */
+/* A completed task's due date is always muted, overriding the today/overdue
+   emphasis. */
 tv-task:has(tv-task-checkbox[checked]) tv-task-meta-due {
   color: var(--task-meta-text);
 }
@@ -113,7 +113,7 @@ tv-task:has(tv-task-checkbox[disabled]) tv-task-title {
 /* ---- List container ----
    No frame of its own: the artifact page is the surface, and Television's
-   artifact-view supplies the card chrome around the document. */
+   artifact frame supplies the chrome around the document. */
 tv-task-list {
   display: block;

package/dist/onboarding/productivity/company-todos/task.js CHANGED Viewed

@@ -253,7 +253,7 @@ __publicField(TaskCheckboxElement, "observedAttributes", ["checked", "disabled"]
 if (!customElements.get("tv-task-checkbox")) {
   customElements.define("tv-task-checkbox", TaskCheckboxElement);
 }
-const CALENDAR_ICON = `<tv-icon name="calendar-blank" size="16" aria-hidden="true"></tv-icon>`;
+const CALENDAR_ICON = `<tv-icon name="calendar" size="sm" aria-hidden="true"></tv-icon>`;
 const DUE_STYLES = `
   :host {
     display: inline-flex;
@@ -261,9 +261,6 @@ const DUE_STYLES = `
     gap: 4px;
     color: currentColor;
   }
-  tv-icon {
-    flex: none;
-  }
 `;
 class TaskMetaDueElement extends HTMLElement {
   constructor() {

package/dist/onboarding/productivity/meeting-prep.html CHANGED Viewed

@@ -338,12 +338,6 @@ header.hero h1 {
 </style>
 </head>
 <body>
 <main class="shell">
   <header class="hero">
     <h1>Meeting Prep — 1:1 with Priya</h1>
@@ -435,6 +429,5 @@ header.hero h1 {
   </section>
   </main>
 </body>
 </html>

package/dist/onboarding/productivity/priorities-today.html CHANGED Viewed

@@ -289,12 +289,6 @@ header.hero h1 {
 </style>
 </head>
 <body>
 <main class="shell">
   <header class="hero">
     <h1>Priorities for Today</h1>
@@ -404,6 +398,5 @@ header.hero h1 {
     </div>
   </section>
 </main>
 </body>
 </html>