@telepath-computer/television 0.1.178 → 0.1.180

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 (34) hide show
  1. package/dist/canonical/v1/components.js +13 -1
  2. package/dist/cli.cjs +1188 -392
  3. package/dist/onboarding/README.md +35 -0
  4. package/dist/onboarding/business-ops/about.html +150 -0
  5. package/dist/onboarding/business-ops/retention-vs-releases.html +572 -0
  6. package/dist/onboarding/business-ops/revenue-vs-goals.html +621 -0
  7. package/dist/onboarding/onboarding-screens.json +167 -0
  8. package/dist/onboarding/productivity/about.html +149 -0
  9. package/dist/onboarding/productivity/company-todos/index.html +121 -0
  10. package/dist/onboarding/productivity/company-todos/task.css +205 -0
  11. package/dist/onboarding/productivity/company-todos/task.js +307 -0
  12. package/dist/onboarding/productivity/meeting-prep.html +440 -0
  13. package/dist/onboarding/productivity/priorities-today.html +409 -0
  14. package/dist/onboarding/productivity/todays-calendar/calendar.css +1 -0
  15. package/dist/onboarding/productivity/todays-calendar/calendar.js +716 -0
  16. package/dist/onboarding/productivity/todays-calendar/index.html +52 -0
  17. package/dist/onboarding/research/about.html +152 -0
  18. package/dist/onboarding/research/draft-blog-post.md +30 -0
  19. package/dist/onboarding/research/open-model-research.html +542 -0
  20. package/dist/onboarding/research/todays-news.html +503 -0
  21. package/dist/onboarding/{television-onboarding → tv-guide/welcome}/index.html +2 -2
  22. package/dist/skills/television/SKILL.md +4 -0
  23. package/dist/views/markdown/index.html +1 -1
  24. package/dist/web/assets/calendar-DToAnkzj.png +0 -0
  25. package/dist/web/assets/main-5017mprd.css +1 -0
  26. package/dist/web/assets/main-C2WA733G.js +865 -0
  27. package/dist/web/assets/markdown-DdDrJuVK.png +0 -0
  28. package/dist/web/assets/table-oeG9uAN1.png +0 -0
  29. package/dist/web/assets/tasks-D4xqXFPl.png +0 -0
  30. package/dist/web/index.html +2 -2
  31. package/package.json +1 -1
  32. package/dist/web/assets/main-FDJtlHD7.js +0 -768
  33. package/dist/web/assets/main-o9Z-XUYA.css +0 -1
  34. /package/dist/onboarding/{television-onboarding → tv-guide/welcome}/assets/television.svg +0 -0
package/dist/onboarding/README.md ADDED
@@ -0,0 +1,35 @@
1
+ # Onboarding content — replacement contract
2
+
3
+ This tree deliberately mixes provenance: baked screens and hand-authored
4
+ screens are full runtime peers, indistinguishable to the config, validation,
5
+ and installer (specs/arch/onboarding/bake.md). This README is where each
6
+ screen's provenance is recorded.
7
+
8
+ **`business-ops`, `productivity`, and `research` are baked content**:
9
+ generated from the design sources under `specs/ui/onboarding/` by
10
+ `scripts/bake-onboarding.mjs` (specs/arch/onboarding/bake.md; requires
11
+ Node 22.18+). Do not edit
12
+ these screen folders or their `artifacts`/`layout` config entries by hand —
13
+ a re-bake overwrites them. To change their content, edit the design sources
14
+ and re-bake; the diff is reviewed and committed like any content change.
15
+ Their display `name` values, screen order, and `focusScreen` in
16
+ `onboarding-screens.json` are hand-edits the bake preserves.
17
+
18
+ **All non-tv-guide content is swap-free**: tests derive their expectations
19
+ from this config and these files at runtime, so content edits (baked or
20
+ hand-authored) need zero test changes.
21
+
22
+ **`tv-guide` content is deliberately test-pinned** (it is released copy) and
23
+ is hand-authored, not baked: `packages/server/test/onboarding-content.test.ts`
24
+ pins its artifact slug and layout, and
25
+ `test/node/fresh-install-onboarding.test.ts` pins its welcome copy and asset.
26
+ Changing TV Guide content means updating those pins on purpose.
27
+
28
+ **The screen SET (folder names = slugs) is pinned in exactly one place**:
29
+ `test/helpers/shipped-onboarding.ts`. Adding, removing, or renaming a screen
30
+ updates that list deliberately. Slugs are permanent identity once released —
31
+ renaming one reads as delete-plus-add to every existing install
32
+ (specs/arch/onboarding/content.md).
33
+
34
+ Build validation (`packages/server/scripts/validate-onboarding.mjs`) checks
35
+ every edit; this README is the only unreferenced file allowed in this tree.
package/dist/onboarding/business-ops/about.html ADDED
@@ -0,0 +1,150 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <title>About this screen</title>
7
+ <link rel="stylesheet" href="/canonical/v1/styles.css">
8
+ <script type="module" src="/canonical/v1/components.js"></script>
9
+ <style>
10
+ /* Shared base for onboarding artifacts ([[../index.md]]): document padding
11
+ and the centered content shell. Typography, text color, and background
12
+ are the canonical stylesheet's — nothing in this set restates or pins
13
+ them, so artifacts follow the active theme ([[../index.md#^respect-theme]]). */
14
+
15
+ * {
16
+ box-sizing: border-box;
17
+ }
18
+
19
+ body {
20
+ margin: 0;
21
+ padding: var(--space-32, 32px) var(--space-32, 32px) var(--space-64, 64px);
22
+ }
23
+
24
+ .shell {
25
+ max-width: 720px;
26
+ margin: 0 auto;
27
+ display: grid;
28
+ /* Pin the single column to the container so a wide child (a data table)
29
+ scrolls inside its own .table-wrap instead of stretching the track and
30
+ overflowing the card. */
31
+ grid-template-columns: minmax(0, 1fr);
32
+ gap: var(--space-20, 20px);
33
+ }
34
+
35
+ /* Card-density headings ([[../index.md]]): document-scale h1 is oversized
36
+ inside a TV card. */
37
+ h1 {
38
+ margin: 0;
39
+ font-size: var(--text-xl, 17px);
40
+ font-weight: 600;
41
+ line-height: 1.25;
42
+ }
43
+
44
+ /* A lead paragraph (the .lede or .summary-deck standfirst) belongs in the
45
+ header, tight beneath the title — not a full grid-gap below it. Every
46
+ onboarding artifact places its lead this way so the spacing is uniform. */
47
+ header > .lede,
48
+ header > .summary-deck {
49
+ margin-top: var(--space-8, 8px);
50
+ }
51
+
52
+
53
+ /* The About-card idiom ([[../index.md#^about-cards]]): a lede in primary
54
+ text, then a stack of example prompts rendered as callout blockquotes —
55
+ no box, a left accent rule, a blue kicker label, and the quoted ask set
56
+ muted and italic so it reads as a quotation rather than body copy. One
57
+ accent for all three (the rule is decoration, not a categorization). */
58
+
59
+ /* The About cards read as the screen's guide, not an example result: they sit
60
+ on a post-it yellow surface, a deliberate exception to the set's "artifacts
61
+ don't set backgrounds" rule. The surface is a fixed ramp token (yellow in
62
+ any theme, like a sticky note), so the text and accent are pinned to fixed
63
+ dark amber tones rather than the theme's own text colors — those would flip
64
+ light and vanish on the yellow in a dark theme ([[../index.md#^about-cards]]). */
65
+ body {
66
+ background: var(--yellow-100);
67
+ }
68
+
69
+ .lede {
70
+ margin: 0;
71
+ color: var(--neutral-900);
72
+ }
73
+
74
+ .prompt-list {
75
+ display: grid;
76
+ gap: var(--space-24, 24px);
77
+ margin: 0;
78
+ padding: 0;
79
+ list-style: none;
80
+ }
81
+
82
+ /* A callout blockquote: the accent rule down the left, text offset from it,
83
+ no surrounding card. The ask is muted italic; the kicker is upright. */
84
+ .prompt {
85
+ position: relative;
86
+ padding-left: var(--space-20, 20px);
87
+ line-height: 1.5;
88
+ color: var(--neutral-700);
89
+ font-style: italic;
90
+ }
91
+
92
+ .prompt::before {
93
+ content: "";
94
+ position: absolute;
95
+ inset: 0 auto 0 0;
96
+ width: 3px;
97
+ border-radius: var(--radius-full, 9999px);
98
+ background: var(--yellow-700);
99
+ }
100
+
101
+ .prompt > span {
102
+ display: block;
103
+ margin-bottom: var(--space-6, 6px);
104
+ color: var(--yellow-800);
105
+ font-size: var(--text-sm, 12px);
106
+ font-weight: 600;
107
+ font-style: normal;
108
+ letter-spacing: 0.06em;
109
+ text-transform: uppercase;
110
+ }
111
+
112
+ </style>
113
+ </head>
114
+ <body>
115
+
116
+
117
+
118
+ <main class="shell">
119
+ <header>
120
+ <h1>About this screen</h1>
121
+
122
+ <p class="lede">
123
+ This screen shows examples of TV artifacts focused on business
124
+ operations. Instead of flipping between different apps and web pages,
125
+ you can ask your agent to generate artifacts that combine and
126
+ synthesize the information you need to run your business, in one
127
+ place, the way that you want it to look.
128
+ </p>
129
+ </header>
130
+
131
+ <ul class="prompt-list">
132
+ <li class="prompt">
133
+ <span>Try asking your agent</span>
134
+ Get our retention data from PostHog and graph it over the past two
135
+ months. Add some overlays showing when our recent releases shipped.
136
+ </li>
137
+ <li class="prompt">
138
+ <span>Try asking your agent</span>
139
+ Graph our revenue this month and compare it to our quarterly goal
140
+ (as recorded in our Notion).
141
+ </li>
142
+ <li class="prompt">
143
+ <span>Try asking your agent</span>
144
+ Show me a chart of our current Google Ads campaign performance.
145
+ </li>
146
+ </ul>
147
+ </main>
148
+
149
+ </body>
150
+ </html>