@telepath-computer/television 0.1.216 → 1.3.2

package/dist/onboarding/README.md

@@ -1,11 +1,10 @@
 # Onboarding content — replacement contract
 
-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
-channel's provenance is recorded.
+This tree contains the reviewed release content installed into new Television
+data directories. The design sources live under
+[`specs/ui/onboarding-artifacts/`](../../../../specs/ui/onboarding-artifacts/index.md).
 
-**`business-ops`, `productivity`, and `research` are baked content**:
+**All four channels are baked content**:
 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
@@ -16,19 +15,22 @@ 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.
+re-bake carries them into the config. Missing fields use the shared page
+defaults. The bake renders flat `.frame` sources into complete HTML documents
+and copies flat `.md` sources unchanged. Declared skill assets are copied beside
+the task and calendar entry documents; the welcome is a single HTML file with
+an inline logo.
 
 **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
-hand-authored) need zero test changes.
+from this config and these files at runtime, so content edits 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 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.
+is covered by `packages/server/test/onboarding-content.test.ts`, which pins
+its artifact configuration, single-file source, canonical dependencies, and
+public styling vocabulary. Fresh-install acceptance derives served content
+from the package, including the welcome document. Changes to a pinned contract
+require updating that assertion deliberately.
 
 **The channel SET (folder names = slugs) is pinned in exactly one place**:
 `test/helpers/shipped-onboarding.ts`. Adding, removing, or renaming a channel

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

@@ -4,8 +4,8 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>About this channel</title>
-<link rel="stylesheet" href="/canonical/v1/styles.css">
-<script type="module" src="/canonical/v1/components.js"></script>
+<link rel="stylesheet" href="/canonical/v2/styles.css">
+<script type="module" src="/canonical/v2/components.js"></script>
 <style>
 /* Shared base for onboarding artifacts ([[../index.md]]): document padding
    and the centered content shell. Typography, text color, and background
@@ -64,6 +64,7 @@ header > .summary-deck {
    light and vanish on the yellow in a dark theme ([[../index.md#^about-cards]]). */
 body {
   background: var(--yellow-100);
+  color: var(--neutral-900);
 }
 
 .lede {
@@ -94,7 +95,7 @@ body {
   position: absolute;
   inset: 0 auto 0 0;
   width: 3px;
-  border-radius: var(--radius-full, 9999px);
+  border-radius: var(--radius-pill, 9999px);
   background: var(--yellow-700);
 }
 

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

@@ -4,8 +4,8 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Retention vs. recent releases</title>
-<link rel="stylesheet" href="/canonical/v1/styles.css">
-<script type="module" src="/canonical/v1/components.js"></script>
+<link rel="stylesheet" href="/canonical/v2/styles.css">
+<script type="module" src="/canonical/v2/components.js"></script>
 <style>
 /* Shared base for onboarding artifacts ([[../index.md]]): document padding
    and the centered content shell. Typography, text color, and background
@@ -96,7 +96,7 @@ header.hero h1 {
 .panel {
   padding: var(--space-20, 20px);
   border: 1px solid var(--color-border);
-  border-radius: var(--radius-12, 12px);
+  border-radius: 12px;
   background: var(--color-surface);
 }
 
@@ -114,8 +114,8 @@ header.hero h1 {
 
 .summary-box {
   padding: var(--space-16, 16px) var(--space-20, 20px);
-  border: 1px solid var(--color-border-muted);
-  border-radius: var(--radius-12, 12px);
+  border: 1px solid var(--color-border);
+  border-radius: 12px;
   background: var(--color-surface-muted);
 }
 
@@ -166,7 +166,7 @@ header.hero h1 {
   min-width: 120px;
   padding: var(--space-12, 12px) var(--space-16, 16px);
   border: 1px solid var(--color-border);
-  border-radius: var(--radius-12, 12px);
+  border-radius: 12px;
   background: var(--color-surface);
 }
 
@@ -195,12 +195,7 @@ header.hero h1 {
 .delta.down { color: var(--red-600); }
 
 
-/* Shared chart scaffold for the dashboard artifacts ([[../index.md]]): the
-   wide dashboard shell, the responsive inline-SVG plumbing and common
-   axis/grid chrome, the legend row, and the narrow-viewport padding. Each
-   dashboard's own styles.css keeps only its series colors, swatch shape, and
-   any chart-specific chrome — SVG presentation attributes can't take var(),
-   so fills and strokes live in CSS. */
+/* Chart layout for responsive inline SVGs and the surrounding dashboard. */
 
 /* Dashboards run wider than the set's default shell. */
 .shell {
@@ -226,7 +221,7 @@ svg.chart text {
 }
 
 /* Common axis/grid chrome. */
-svg.chart .grid      { stroke: var(--color-border-muted); }
+svg.chart .grid      { stroke: var(--color-border); }
 svg.chart .axis-line { stroke: var(--color-border); }
 svg.chart .axis-y    { fill: var(--color-text-muted); }
 
@@ -246,7 +241,7 @@ svg.chart .axis-y    { fill: var(--color-text-muted); }
   gap: var(--space-6, 6px);
 }
 
-/* Narrow viewport (the default 528px card): tighten document padding so the
+/* Narrow viewport: tighten document padding so the
    scaled-down chart keeps as much width as possible. */
 @media (max-width: 600px) {
   body {
@@ -255,11 +250,10 @@ svg.chart .axis-y    { fill: var(--color-text-muted); }
 }
 
 
-/* Retention vs. recent releases ([[index.md]]): artifact-specific styling only
+/* Retention vs. recent releases ([[../index.md]]): artifact-specific styling only
    — the KPI accent sequence, this chart's retention series and release-marker
    colors, its legend swatches, and the release-impact list. The dashboard
-   shell, chart plumbing, common chrome, and legend row come from the shared
-   chart scaffold ([shared/chart.css](../../shared/chart.css)). */
+   shell, chart plumbing, common chrome, and legend row are defined above. */
 
 /* KPI value accents are a positional sequence (green/orange/blue), owned
    here rather than carried as ramp tokens in data. Each card sets the
@@ -317,7 +311,7 @@ svg.chart .point-labels .peak     { fill: var(--green-500); }
   align-items: center;
   gap: var(--space-12, 12px);
   padding: var(--space-10, 10px) var(--space-16, 16px);
-  border-radius: var(--radius-12, 12px);
+  border-radius: 12px;
   border: 1px solid var(--color-border);
   background: var(--color-surface-muted);
 }
@@ -359,8 +353,7 @@ svg.chart .point-labels .peak     { fill: var(--green-500); }
 .release-impact.partial { color: var(--orange-600); }
 .release-impact.up      { color: var(--green-600); }
 
-/* Narrow viewport: let the release rows wrap (the shared scaffold handles the
-   body padding). */
+/* Narrow viewport: let the release rows wrap. */
 @media (max-width: 600px) {
   .release-item {
     flex-wrap: wrap;
@@ -381,25 +374,25 @@ svg.chart .point-labels .peak     { fill: var(--green-500); }
   </header>
 
   <div class="kpi-row">
-    
+
     <div class="kpi">
       <div class="label">Current W1 Retention</div>
       <div class="value">78%</div>
       <div class="delta up">+10 pts since May</div>
     </div>
-    
+
     <div class="kpi">
       <div class="label">Pre-v0.4.0 Baseline</div>
       <div class="value">68%</div>
       <div class="delta down">−2 pts after v0.3.0</div>
     </div>
-    
+
     <div class="kpi">
       <div class="label">Post-v0.4.0 Peak</div>
       <div class="value">81%</div>
       <div class="delta up">+13 pts recovery</div>
     </div>
-    
+
   </div>
 
   <section class="panel">
@@ -505,22 +498,22 @@ svg.chart .point-labels .peak     { fill: var(--green-500); }
         <div class="legend-swatch retention"></div>
         W1 Retention
       </div>
-      
+
       <div class="legend-item">
         <div class="legend-swatch v030"></div>
         v0.3.0 release
       </div>
-      
+
       <div class="legend-item">
         <div class="legend-swatch v035"></div>
         v0.3.5 release
       </div>
-      
+
       <div class="legend-item">
         <div class="legend-swatch v040"></div>
         v0.4.0 release
       </div>
-      
+
     </div>
   </section>
 
@@ -528,7 +521,7 @@ svg.chart .point-labels .peak     { fill: var(--green-500); }
     <h2>Release impact</h2>
     <p class="note">How each release affected weekly retention</p>
     <div class="release-list">
-      
+
       <div class="release-item">
         <div class="release-dot v030"></div>
         <div class="release-info">
@@ -537,7 +530,7 @@ svg.chart .point-labels .peak     { fill: var(--green-500); }
         </div>
         <div class="release-impact down">−5 pts (68% → 63%)</div>
       </div>
-      
+
       <div class="release-item">
         <div class="release-dot v035"></div>
         <div class="release-info">
@@ -546,7 +539,7 @@ svg.chart .point-labels .peak     { fill: var(--green-500); }
         </div>
         <div class="release-impact partial">+6 pts (63% → 69%)</div>
       </div>
-      
+
       <div class="release-item">
         <div class="release-dot v040"></div>
         <div class="release-info">
@@ -555,7 +548,7 @@ svg.chart .point-labels .peak     { fill: var(--green-500); }
         </div>
         <div class="release-impact up">+9 pts (69% → 78%)</div>
       </div>
-      
+
     </div>
   </section>
 </main>

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

@@ -4,8 +4,8 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Revenue vs. goals</title>
-<link rel="stylesheet" href="/canonical/v1/styles.css">
-<script type="module" src="/canonical/v1/components.js"></script>
+<link rel="stylesheet" href="/canonical/v2/styles.css">
+<script type="module" src="/canonical/v2/components.js"></script>
 <style>
 /* Shared base for onboarding artifacts ([[../index.md]]): document padding
    and the centered content shell. Typography, text color, and background
@@ -96,7 +96,7 @@ header.hero h1 {
 .panel {
   padding: var(--space-20, 20px);
   border: 1px solid var(--color-border);
-  border-radius: var(--radius-12, 12px);
+  border-radius: 12px;
   background: var(--color-surface);
 }
 
@@ -114,8 +114,8 @@ header.hero h1 {
 
 .summary-box {
   padding: var(--space-16, 16px) var(--space-20, 20px);
-  border: 1px solid var(--color-border-muted);
-  border-radius: var(--radius-12, 12px);
+  border: 1px solid var(--color-border);
+  border-radius: 12px;
   background: var(--color-surface-muted);
 }
 
@@ -166,7 +166,7 @@ header.hero h1 {
   min-width: 120px;
   padding: var(--space-12, 12px) var(--space-16, 16px);
   border: 1px solid var(--color-border);
-  border-radius: var(--radius-12, 12px);
+  border-radius: 12px;
   background: var(--color-surface);
 }
 
@@ -205,7 +205,7 @@ header.hero h1 {
   gap: var(--space-4, 4px);
   padding: 2px var(--space-10, 10px);
   border: 1px solid var(--color-border);
-  border-radius: var(--radius-full, 9999px);
+  border-radius: var(--radius-pill, 9999px);
   background: var(--color-surface);
   color: var(--color-text-muted);
   font-size: var(--text-sm, 12px);
@@ -262,7 +262,7 @@ header.hero h1 {
 
 .table-wrap tbody td {
   padding: var(--space-10, 10px) var(--space-12, 12px);
-  border-bottom: 1px solid var(--color-border-muted);
+  border-bottom: 1px solid var(--color-border);
   white-space: nowrap;
 }
 
@@ -280,12 +280,7 @@ header.hero h1 {
 }
 
 
-/* Shared chart scaffold for the dashboard artifacts ([[../index.md]]): the
-   wide dashboard shell, the responsive inline-SVG plumbing and common
-   axis/grid chrome, the legend row, and the narrow-viewport padding. Each
-   dashboard's own styles.css keeps only its series colors, swatch shape, and
-   any chart-specific chrome — SVG presentation attributes can't take var(),
-   so fills and strokes live in CSS. */
+/* Chart layout for responsive inline SVGs and the surrounding dashboard. */
 
 /* Dashboards run wider than the set's default shell. */
 .shell {
@@ -311,7 +306,7 @@ svg.chart text {
 }
 
 /* Common axis/grid chrome. */
-svg.chart .grid      { stroke: var(--color-border-muted); }
+svg.chart .grid      { stroke: var(--color-border); }
 svg.chart .axis-line { stroke: var(--color-border); }
 svg.chart .axis-y    { fill: var(--color-text-muted); }
 
@@ -331,7 +326,7 @@ svg.chart .axis-y    { fill: var(--color-text-muted); }
   gap: var(--space-6, 6px);
 }
 
-/* Narrow viewport (the default 528px card): tighten document padding so the
+/* Narrow viewport: tighten document padding so the
    scaled-down chart keeps as much width as possible. */
 @media (max-width: 600px) {
   body {
@@ -340,10 +335,10 @@ svg.chart .axis-y    { fill: var(--color-text-muted); }
 }
 
 
-/* Revenue vs. goals ([[index.md]]): artifact-specific styling only — the KPI
+/* Revenue vs. goals ([[../index.md]]): artifact-specific styling only — the KPI
    accent sequence, this chart's series/label colors, and its legend swatches.
    The dashboard shell, chart plumbing, common chrome, and legend row come from
-   the shared chart scaffold ([shared/chart.css](../../shared/chart.css)). */
+   the chart scaffold defined above. */
 
 /* KPI value accents are a positional sequence (green/blue/purple/orange),
    owned here rather than carried as ramp tokens in data. Each card sets
@@ -370,7 +365,7 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
 .legend-swatch {
   width: 14px;
   height: 14px;
-  border-radius: var(--radius-4, 4px);
+  border-radius: 4px;
 }
 
 .legend-swatch.actual {
@@ -398,31 +393,31 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
   </header>
 
   <div class="kpi-row">
-    
+
     <div class="kpi">
       <div class="label">Q2 2026 Revenue</div>
       <div class="value">$2.84M</div>
       <div class="delta up">+49% QoQ</div>
     </div>
-    
+
     <div class="kpi">
       <div class="label">Q2 2026 Goal</div>
       <div class="value">$2.6M</div>
       <div class="delta up">Goal exceeded by $240K</div>
     </div>
-    
+
     <div class="kpi">
       <div class="label">TTM Revenue</div>
       <div class="value">$7.64M</div>
       <div class="delta up">+410% YoY</div>
     </div>
-    
+
     <div class="kpi">
       <div class="label">Expansion pipeline</div>
       <div class="value">$9.6M</div>
       <div class="delta up">Acme expansion path</div>
     </div>
-    
+
   </div>
 
   <section class="panel">
@@ -541,7 +536,7 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
           </tr>
         </thead>
         <tbody>
-          
+
           <tr>
             <td>Q1 2025</td>
             <td class="num">$240K</td>
@@ -550,7 +545,7 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
             <td><span class="pill red">Missed</span></td>
             <td>Pre-launch, design partner pilots only</td>
           </tr>
-          
+
           <tr>
             <td>Q2 2025</td>
             <td class="num">$560K</td>
@@ -559,7 +554,7 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
             <td><span class="pill orange">Close</span></td>
             <td>v0.2 launch, first paying pilot conversions</td>
           </tr>
-          
+
           <tr>
             <td>Q3 2025</td>
             <td class="num">$900K</td>
@@ -568,7 +563,7 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
             <td><span class="pill orange">Close</span></td>
             <td>NeonBank pilot signed, expansion conversations started</td>
           </tr>
-          
+
           <tr>
             <td>Q4 2025</td>
             <td class="num">$1.44M</td>
@@ -577,7 +572,7 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
             <td><span class="pill orange">Close</span></td>
             <td>Mallory Health onboarded, multi-seat deals began</td>
           </tr>
-          
+
           <tr>
             <td>Q1 2026</td>
             <td class="num">$1.9M</td>
@@ -586,7 +581,7 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
             <td><span class="pill orange">Close</span></td>
             <td>Acme AI pilot started, v0.3.0 shipped mid-quarter</td>
           </tr>
-          
+
           <tr>
             <td>Q2 2026</td>
             <td class="num">$2.84M</td>
@@ -595,7 +590,7 @@ svg.chart .bar-labels .accent { fill: var(--green-500); }
             <td><span class="pill green">Exceeded</span></td>
             <td>v0.4.0 shipped, Acme expansion path opened ($9.6M ARR)</td>
           </tr>
-          
+
         </tbody>
       </table>
     </div>

package/dist/onboarding/productivity/about.html

@@ -4,8 +4,8 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>About this channel</title>
-<link rel="stylesheet" href="/canonical/v1/styles.css">
-<script type="module" src="/canonical/v1/components.js"></script>
+<link rel="stylesheet" href="/canonical/v2/styles.css">
+<script type="module" src="/canonical/v2/components.js"></script>
 <style>
 /* Shared base for onboarding artifacts ([[../index.md]]): document padding
    and the centered content shell. Typography, text color, and background
@@ -64,6 +64,7 @@ header > .summary-deck {
    light and vanish on the yellow in a dark theme ([[../index.md#^about-cards]]). */
 body {
   background: var(--yellow-100);
+  color: var(--neutral-900);
 }
 
 .lede {
@@ -94,7 +95,7 @@ body {
   position: absolute;
   inset: 0 auto 0 0;
   width: 3px;
-  border-radius: var(--radius-full, 9999px);
+  border-radius: var(--radius-pill, 9999px);
   background: var(--yellow-700);
 }
 

package/dist/onboarding/productivity/company-todos/THIRD-PARTY-NOTICES.txt

@@ -0,0 +1,29 @@
+TELEVISION THIRD-PARTY LICENSING NOTICES
+
+This file contains the license terms and attribution notices for third-party software and materials included in Television.
+================================================================================
+@rupertsworld/event-target@0.1.2
+Licensed under MIT.
+--------------------------------------------------------------------------------
+MIT License
+
+Copyright (c) 2026 Rupert Manfredi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

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

@@ -4,8 +4,8 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Company To-dos</title>
-<link rel="stylesheet" href="/canonical/v1/styles.css">
-<script type="module" src="/canonical/v1/components.js"></script>
+<link rel="stylesheet" href="/canonical/v2/styles.css">
+<script type="module" src="/canonical/v2/components.js"></script>
 <link rel="stylesheet" href="./task.css">
 <script type="module" src="./task.js"></script>
 <style>
@@ -19,10 +19,10 @@
 </header>
 
 <tv-task-list>
-  
+
   <tv-task-section>
     <header><h2>Overdue</h2></header>
-    
+
     <tv-task>
       <tv-task-checkbox></tv-task-checkbox>
       <tv-task-body>
@@ -35,12 +35,12 @@
         </tv-task-meta>
       </tv-task-body>
     </tv-task>
-    
+
   </tv-task-section>
-  
+
   <tv-task-section>
     <header><h2>Today</h2></header>
-    
+
     <tv-task>
       <tv-task-checkbox></tv-task-checkbox>
       <tv-task-body>
@@ -49,11 +49,11 @@
         <tv-task-meta>
           <tv-task-meta-due date="2026-07-08"></tv-task-meta-due>
           <tv-task-meta-item><tv-icon name="hash"></tv-icon>Seed Deck</tv-task-meta-item>
-          
+
         </tv-task-meta>
       </tv-task-body>
     </tv-task>
-    
+
     <tv-task>
       <tv-task-checkbox></tv-task-checkbox>
       <tv-task-body>
@@ -62,11 +62,11 @@
         <tv-task-meta>
           <tv-task-meta-due date="2026-07-08"></tv-task-meta-due>
           <tv-task-meta-item><tv-icon name="hash"></tv-icon>Investor Update</tv-task-meta-item>
-          
+
         </tv-task-meta>
       </tv-task-body>
     </tv-task>
-    
+
     <tv-task>
       <tv-task-checkbox></tv-task-checkbox>
       <tv-task-body>
@@ -75,16 +75,16 @@
         <tv-task-meta>
           <tv-task-meta-due date="2026-07-08"></tv-task-meta-due>
           <tv-task-meta-item><tv-icon name="hash"></tv-icon>Platform Reliability</tv-task-meta-item>
-          
+
         </tv-task-meta>
       </tv-task-body>
     </tv-task>
-    
+
   </tv-task-section>
-  
+
   <tv-task-section>
     <header><h2>Upcoming</h2></header>
-    
+
     <tv-task>
       <tv-task-checkbox></tv-task-checkbox>
       <tv-task-body>
@@ -93,11 +93,11 @@
         <tv-task-meta>
           <tv-task-meta-due date="2026-07-10"></tv-task-meta-due>
           <tv-task-meta-item><tv-icon name="hash"></tv-icon>Acme Pilot</tv-task-meta-item>
-          
+
         </tv-task-meta>
       </tv-task-body>
     </tv-task>
-    
+
     <tv-task>
       <tv-task-checkbox></tv-task-checkbox>
       <tv-task-body>
@@ -106,13 +106,13 @@
         <tv-task-meta>
           <tv-task-meta-due date="2026-07-14"></tv-task-meta-due>
           <tv-task-meta-item><tv-icon name="hash"></tv-icon>Seed Deck</tv-task-meta-item>
-          
+
         </tv-task-meta>
       </tv-task-body>
     </tv-task>
-    
+
   </tv-task-section>
-  
+
 </tv-task-list>
 </body>
 </html>