@bendyline/gilde 0.2.4 → 0.2.5

package/data/project-types/ca/caregiving-binder/art.json

@@ -0,0 +1,17 @@
+{
+  "schemaVersion": 1,
+  "promptVersion": "workshop-mark-cutout-v3",
+  "subject": "a heart beside a small seven-compartment pill organizer",
+  "sourceSummary": "Coordinate a loved one's care without losing the thread.",
+  "styleReference": "wikipedia-astronomy",
+  "setReference": "data-dictionary-cutout-v3",
+  "sheet": "round3-projects",
+  "cell": 5,
+  "fill": 0.88,
+  "shadow": {
+    "color": "#1c120a",
+    "opacity": 0.38,
+    "blur": 0.035,
+    "offsetY": 0.025
+  }
+}

package/data/project-types/ca/caregiving-binder/manifest.json

@@ -19,6 +19,7 @@
   "maintainer": {
     "name": "Gezel"
   },
+  "logo": "logo.webp",
   "license": "MIT",
   "yankedVersions": []
 }

package/data/project-types/ch/checkers/art.json

@@ -0,0 +1,17 @@
+{
+  "schemaVersion": 1,
+  "promptVersion": "workshop-mark-cutout-v3",
+  "subject": "a short stack of round checker pieces in two colors, the top one wearing a small crown",
+  "sourceSummary": "Play checkers against a gezel opponent on a live board.",
+  "styleReference": "wikipedia-astronomy",
+  "setReference": "data-dictionary-cutout-v3",
+  "sheet": "s02",
+  "cell": 1,
+  "fill": 0.88,
+  "shadow": {
+    "color": "#1c120a",
+    "opacity": 0.38,
+    "blur": 0.035,
+    "offsetY": 0.025
+  }
+}

package/data/project-types/ch/checkers/manifest.json

@@ -14,6 +14,7 @@
   "maintainer": {
     "name": "Gezel"
   },
+  "logo": "logo.webp",
   "license": "MIT",
   "yankedVersions": []
 }

package/data/project-types/ch/chess/art.json

@@ -0,0 +1,17 @@
+{
+  "schemaVersion": 1,
+  "promptVersion": "workshop-mark-cutout-v3",
+  "subject": "a single chess knight piece",
+  "sourceSummary": "Play a complete game of chess against a gezel opponent on a live board.",
+  "styleReference": "wikipedia-astronomy",
+  "setReference": "data-dictionary-cutout-v3",
+  "sheet": "round3-projects",
+  "cell": 4,
+  "fill": 0.88,
+  "shadow": {
+    "color": "#1c120a",
+    "opacity": 0.38,
+    "blur": 0.035,
+    "offsetY": 0.025
+  }
+}

package/data/project-types/ch/chess/manifest.json

@@ -15,6 +15,7 @@
   "maintainer": {
     "name": "Gezel"
   },
+  "logo": "logo.webp",
   "license": "MIT",
   "yankedVersions": []
 }

package/data/project-types/da/data-analysis/art.json

@@ -0,0 +1,17 @@
+{
+  "schemaVersion": 1,
+  "promptVersion": "workshop-mark-cutout-v3",
+  "subject": "a tilted spreadsheet grid with a small pie chart standing on it",
+  "sourceSummary": "Explore the datasets in a project folder.",
+  "styleReference": "wikipedia-astronomy",
+  "setReference": "data-dictionary-cutout-v3",
+  "sheet": "s01",
+  "cell": 6,
+  "fill": 0.88,
+  "shadow": {
+    "color": "#1c120a",
+    "opacity": 0.38,
+    "blur": 0.035,
+    "offsetY": 0.025
+  }
+}

package/data/project-types/da/data-analysis/manifest.json

@@ -0,0 +1,22 @@
+{
+  "schemaVersion": 1,
+  "kind": "project-type",
+  "id": "data-analysis",
+  "name": "Data Analysis",
+  "description": "Explore the datasets in a project folder. A live dashboard finds spreadsheets and data files and opens them in Gezel's file viewers.",
+  "tags": [
+    "data",
+    "analysis",
+    "spreadsheets",
+    "csv",
+    "dashboard",
+    "reports"
+  ],
+  "category": "data",
+  "icon": "chart",
+  "maintainer": {
+    "name": "Gezel"
+  },
+  "logo": "logo.webp",
+  "license": "MIT"
+}

package/data/project-types/da/data-analysis/versions/1.0.0/about.md

@@ -0,0 +1,18 @@
+# Data Analysis
+
+This project explores the datasets in its workspace. Its dashboard discovers
+spreadsheets, delimited tables, structured data, and database files in the
+project folder and its subfolders. Open a file to use Gezel's existing viewer.
+
+Start with the question the person wants to answer. Inspect the relevant data,
+explain missing values and assumptions, and support conclusions with evidence.
+Keep original datasets intact; save derived data and reports as separate files.
+
+The dashboard lists files and metadata, and uses Gezel's shared table APIs to
+show row counts, numeric summaries, column types, and charts for indexed tables.
+Charts start with record counts and offer explicit numeric averages. These are
+descriptive summaries of the indexed snapshot, not conclusions about causality.
+Unindexed files remain browsable; missing query support is explained on the page.
+Hidden folders, document companion
+folders, and dependency folders are omitted. Large or partly unreadable folders
+are explicitly labeled as incomplete.

package/data/project-types/da/data-analysis/versions/1.0.0/manifest.json

@@ -0,0 +1,26 @@
+{
+  "schemaVersion": 1,
+  "version": "1.0.0",
+  "releasedAt": "2026-10-19T00:00:00Z",
+  "extends": "data-analysis",
+  "nameTemplate": "Data Analysis",
+  "aboutTemplate": "about.md",
+  "missionTemplate": "mission.md",
+  "gezels": [
+    {
+      "templateId": "researcher",
+      "voorman": true
+    }
+  ],
+  "pages": {
+    "entry": "index.html",
+    "api": 1,
+    "reads": [
+      {
+        "source": "workspace",
+        "path": ".",
+        "subtree": true
+      }
+    ]
+  }
+}

package/data/project-types/da/data-analysis/versions/1.0.0/mission.md

@@ -0,0 +1,4 @@
+- Make the project's datasets easy to find and open.
+- Answer the user's questions with reproducible analysis and clear evidence.
+- Preserve source data and explain uncertainty, assumptions, and limitations.
+- Keep derived datasets, reports, and notes easy to trace back to their sources.

package/data/project-types/da/data-analysis/versions/1.0.0/pages/analytics.js

@@ -0,0 +1,63 @@
+(() => {
+  'use strict';
+  const quote = (name) => `"${String(name).replaceAll('"', '""')}"`;
+  const numeric = (columns) => columns.filter((c) => ['BIGINT', 'DOUBLE'].includes(c.type) && c.role !== 'identifier');
+  const groups = (columns) => columns.filter((c) => c.type !== 'JSON').sort((a, b) => {
+    const rank = (c) => c.role === 'dimension' ? 0 : c.role === 'time' ? 1 : c.role === 'identifier' ? 3 : 2;
+    return rank(a) - rank(b);
+  });
+  function summary(table, columns) {
+    const measures = numeric(columns).slice(0, 6);
+    const fields = ['count(*) AS row_count'];
+    measures.forEach((c, i) => {
+      for (const fn of ['count', 'min', 'max', 'avg']) fields.push(`${fn}(${quote(c.name)}) AS ${fn}_${i}`);
+    });
+    return {
+      sql: `SELECT ${fields.join(', ')} FROM ${quote(table)}`,
+      measures,
+      sample(rows) {
+        const result = { row_count: rows.length };
+        measures.forEach((c, i) => {
+          const values = rows.map((r) => r[c.name]).filter((v) => v !== null && v !== undefined);
+          result[`count_${i}`] = values.length;
+          result[`min_${i}`] = values.length ? Math.min(...values) : null;
+          result[`max_${i}`] = values.length ? Math.max(...values) : null;
+          result[`avg_${i}`] = values.length ? values.reduce((a, b) => a + b, 0) / values.length : null;
+        });
+        return [result];
+      },
+    };
+  }
+  function chart(table, group, measure) {
+    const time = ['DATE', 'TIMESTAMP'].includes(group.type);
+    const key = time ? `CAST(date_trunc('month', ${quote(group.name)}) AS VARCHAR)` : `CAST(${quote(group.name)} AS VARCHAR)`;
+    const value = measure ? `avg(${quote(measure.name)})` : 'count(*)';
+    return {
+      sql: `SELECT ${key} AS label, ${value} AS value FROM ${quote(table)} WHERE ${quote(group.name)} IS NOT NULL GROUP BY 1 ORDER BY ${time ? 'label DESC' : 'value DESC NULLS LAST, label ASC'} LIMIT 12`,
+      time,
+      sample(rows) {
+        const buckets = new Map();
+        for (const row of rows) {
+          if (row[group.name] == null) continue;
+          const label = time ? `${String(row[group.name]).slice(0, 7)}-01 00:00:00` : String(row[group.name]);
+          if (!buckets.has(label)) buckets.set(label, []);
+          buckets.get(label).push(row);
+        }
+        return [...buckets].map(([label, bucket]) => {
+          const values = measure ? bucket.map((r) => r[measure.name]).filter((v) => v != null) : [];
+          return { label, value: measure ? (values.length ? values.reduce((a, b) => a + b, 0) / values.length : null) : bucket.length };
+        }).sort((a, b) => time ? b.label.localeCompare(a.label) : (b.value ?? -Infinity) - (a.value ?? -Infinity) || a.label.localeCompare(b.label)).slice(0, 12);
+      },
+    };
+  }
+  function bars(rows) {
+    const values = rows.map((r) => Number(r.value)).filter(Number.isFinite);
+    const low = Math.min(0, ...values), high = Math.max(0, ...values);
+    const span = high - low || 1;
+    return { zero: -low / span * 100, rows: rows.map((row) => {
+      const value = Number(row.value);
+      return { ...row, left: (Math.min(0, value) - low) / span * 100, width: Math.abs(value) / span * 100 };
+    }) };
+  }
+  window.dataAnalysisQueries = { quote, numeric, groups, summary, chart, bars };
+})();

package/data/project-types/da/data-analysis/versions/1.0.0/pages/dashboard.css

@@ -0,0 +1,89 @@
+:root {
+  color-scheme: light dark;
+  --bg: #faf7f2; --surface: #fffdf9; --text: #2b2620; --text-muted: #71675c;
+  --border: #dcd4c8; --accent: #835333; --accent-soft: #eee5da; --danger: #a42b2b;
+  --radius-md: 6px; --radius-lg: 10px;
+  font-family: var(--font-body, system-ui, sans-serif); font-size: 16px;
+}
+@media (prefers-color-scheme: dark) {
+  :root { --bg: #1c1a17; --surface: #262320; --text: #efe9e0; --text-muted: #b9aea0; --border: #464039; --accent: #e2b38c; --accent-soft: #332b24; --danger: #ffaaaa; }
+}
+:root[data-theme="light"] { color-scheme: light; --bg: #faf7f2; --surface: #fffdf9; --text: #2b2620; --text-muted: #71675c; --border: #dcd4c8; --accent: #835333; --accent-soft: #eee5da; --danger: #a42b2b; }
+:root[data-theme="dark"] { color-scheme: dark; --bg: #1c1a17; --surface: #262320; --text: #efe9e0; --text-muted: #b9aea0; --border: #464039; --accent: #e2b38c; --accent-soft: #332b24; --danger: #ffaaaa; }
+* { box-sizing: border-box; }
+[hidden] { display: none !important; }
+body { margin: 0; background: var(--bg); color: var(--text); line-height: 1.5; }
+main { max-width: 1040px; margin: 0 auto; padding: clamp(16px, 4vw, 44px); }
+h1, h2, h3 { font-family: var(--font-heading, Georgia, serif); font-weight: 400; line-height: 1.25; }
+h1 { font-size: clamp(1.8rem, 5vw, 2.5rem); margin: 0; }
+h2 { font-size: 1.3rem; margin: 0; }
+h3 { font-size: 1.15rem; margin-top: 0; }
+p { margin: 0 0 12px; }
+header, .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+header { margin: 24px 0; }
+.eyebrow { color: var(--accent); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; }
+.intro { color: var(--text-muted); margin: 8px 0 0; }
+button, input, select { font: inherit; font-family: var(--font-ui, system-ui, sans-serif); border: 1px solid var(--border); border-radius: var(--radius-md); color: var(--text); background: var(--surface); min-height: 44px; padding: 9px 12px; }
+button { cursor: pointer; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text) 5%, transparent), 0 1px 2px #0000000d; }
+button:hover { background: var(--accent-soft); border-color: var(--accent); }
+button:disabled { cursor: wait; opacity: .6; }
+:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+.summary { display: grid; grid-template-columns: repeat(3, 1fr); margin: 24px 0 32px; border-block: 1px solid var(--border); }
+.summary > div { padding: 16px 12px 16px 0; }
+dt { color: var(--text-muted); font-size: .85rem; }
+dd { margin: 4px 0 0; font-size: 1.5rem; font-variant-numeric: tabular-nums; }
+.muted, .hint, footer, #status { color: var(--text-muted); font-size: .85rem; }
+.section-heading p { margin: 0; }
+.hint { margin: 12px 0 20px; }
+.filters { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
+.filters label { font-size: .8rem; color: var(--text-muted); flex: 1 1 130px; min-width: 0; }
+.filters label:first-child { flex: 3 1 200px; }
+input, select { display: block; width: 100%; margin-top: 5px; font-size: .9rem; }
+.file-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--border); }
+.file-list li { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--border); }
+.file-format { font-size: .72rem; font-weight: 600; color: var(--accent); background: var(--accent-soft); border-radius: var(--radius-md); padding: 10px 6px; min-width: 56px; text-align: center; }
+.file-info { flex: 1; min-width: 0; }
+.file-name { display: block; font-weight: 600; overflow-wrap: anywhere; }
+.file-detail { color: var(--text-muted); font-size: .8rem; overflow-wrap: anywhere; }
+.file-open { color: var(--accent); flex-shrink: 0; font-size: .85rem; }
+.empty { text-align: center; padding: 32px 16px; background: var(--surface); border: 1px dashed var(--border); border-radius: var(--radius-lg); color: var(--text-muted); }
+.empty p { margin-bottom: 0; }
+#error { color: var(--danger); }
+.notice, [data-gezel-demo-banner] { padding: 12px 16px; background: var(--accent-soft); border-radius: var(--radius-md); font-size: .85rem; }
+[data-gezel-demo-banner] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+section + section { margin-top: 32px; }
+#reports-section h2 { margin-bottom: 16px; }
+footer { margin-top: 28px; }
+.source-line { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: .85rem; overflow-wrap: anywhere; }
+.table-summary { margin-block: 16px 24px; }
+#table-stamp { font-size: .85rem; overflow-wrap: anywhere; }
+#insights-error { color: var(--danger); font-size: .85rem; overflow-wrap: anywhere; }
+.chart-figure { margin: 20px 0 28px; }
+figcaption { color: var(--text-muted); font-size: .85rem; margin-bottom: 16px; }
+#chart { list-style: none; padding: 0; margin: 0; }
+#chart li { display: grid; grid-template-columns: minmax(70px, 1fr) minmax(80px, 3fr) minmax(56px, 1fr); gap: 12px; align-items: center; font-size: .85rem; margin-block: 10px; }
+#chart li > :first-child { overflow-wrap: anywhere; }
+#chart li > :last-child { text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
+.bar-track { display: block; position: relative; height: 24px; background: var(--accent-soft); }
+.bar-track::after { content: ''; position: absolute; left: var(--zero, 0%); top: -3px; bottom: -3px; border-left: 1px solid var(--text-muted); }
+.bar { position: absolute; height: 100%; background: var(--accent); }
+details { border-top: 1px solid var(--border); padding-block: 12px; }
+summary { cursor: pointer; font-weight: 600; padding: 8px 0; }
+.table-scroll { overflow-x: auto; }
+.table-scroll th { font-weight: 600; }
+.table-scroll td { font-variant-numeric: tabular-nums; }
+#numeric-summary th, #numeric-summary td { white-space: nowrap; }
+#schema-body th, #schema-body td { max-width: 240px; overflow-wrap: anywhere; }
+dialog { max-width: min(540px, calc(100% - 32px)); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); color: var(--text); padding: 24px; }
+dialog::backdrop { background: #0008; }
+dialog h2 { overflow-wrap: anywhere; }
+dialog p { margin-top: 12px; }
+table { border-collapse: collapse; width: 100%; margin-bottom: 20px; font-size: .85rem; }
+th, td { text-align: left; padding: 8px; border-bottom: 1px solid var(--border); }
+@media (max-width: 480px) {
+  .file-format { display: none; }
+  .file-list li { gap: 8px; }
+  .section-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
+  dd { font-size: 1.2rem; }
+  [data-gezel-demo-banner] { align-items: flex-start; flex-direction: column; }
+}

package/data/project-types/da/data-analysis/versions/1.0.0/pages/dashboard.js

@@ -0,0 +1,180 @@
+(() => {
+  'use strict';
+
+  const { data: DATA, reports: REPORTS, extension, scan } = window.dataAnalysisFiles;
+  const $ = (id) => document.getElementById(id);
+  const api = window.gezel;
+  const demo = demoMode;
+  let files = [];
+  let busy = false;
+  let again = false;
+  let stopped = false;
+  let debounce;
+  const watches = new Map();
+  const sampleFiles = [
+    { path: 'sales/quarterly-sales.csv', size: 12480, mtime: 1791849600000 },
+    { path: 'sales/revenue-plan.xlsx', size: 48210, mtime: 1791763200000 },
+    { path: 'customers.json', size: 22680, mtime: 1791676800000 },
+    { path: 'research/survey-responses.tsv', size: 8640, mtime: 1791590400000 },
+    { path: 'archive/orders.parquet', size: 3145728, mtime: 1791504000000 },
+    { path: 'reports/quarterly-summary.pdf', size: 128040, mtime: 1791849600000 },
+  ];
+
+  function sizeLabel(size) {
+    if (size < 1024) return `${size} B`;
+    const units = ['KB', 'MB', 'GB', 'TB'];
+    let value = size / 1024;
+    let unit = 0;
+    while (value >= 1024 && unit < units.length - 1) { value /= 1024; unit++; }
+    return `${new Intl.NumberFormat(undefined, { maximumFractionDigits: 1 }).format(value)} ${units[unit]}`;
+  }
+  function message(id, text) { $(id).textContent = text; $(id).hidden = !text; }
+  function compare(a, b) {
+    const sort = $('sort').value;
+    const delta = sort === 'size' ? b.size - a.size : sort === 'modified' ? b.mtime - a.mtime : 0;
+    return delta || a.path.localeCompare(b.path, undefined, { numeric: true, sensitivity: 'base' });
+  }
+  function scheduleRefresh() {
+    clearTimeout(debounce);
+    debounce = setTimeout(() => { if (!stopped) void refresh(); }, 200);
+  }
+  async function discover() {
+    const result = await scan((path) => api.data.list(path), { cancelled: () => stopped });
+    const visited = new Set(result.folders);
+    if (!stopped) {
+      for (const [path, stop] of watches) {
+        if (!visited.has(path)) { stop(); watches.delete(path); }
+      }
+      for (const path of visited) {
+        if (!watches.has(path)) watches.set(path, api.data.watch(path, scheduleRefresh));
+      }
+    }
+    const notes = [];
+    if (result.limited) notes.push(`This is a partial listing: scanning is limited to ${result.maxFolders} folders and ${result.maxFiles.toLocaleString()} files.`);
+    if (result.skipped) notes.push(`${result.skipped} subfolder${result.skipped === 1 ? '' : 's'} could not be read. Refresh to try again.`);
+    return { files: result.files, notice: notes.join(' ') };
+  }
+
+  async function openFile(file) {
+    message('error', '');
+    if (demo) {
+      $('demo-title').textContent = file.path;
+      $('demo-preview').showModal();
+      return;
+    }
+    if (api.page.mode !== 'embedded' || typeof api.data.open !== 'function') {
+      message('error', 'Open this project in the latest Gezel app to use its file viewers.');
+      return;
+    }
+    try { await api.data.open(file.path); }
+    catch (error) { message('error', `Could not open ${file.path}: ${error.message || 'Please try again.'}`); }
+  }
+  function row(file) {
+    const li = document.createElement('li');
+    const badge = document.createElement('span');
+    badge.className = 'file-format';
+    badge.textContent = extension(file.path).toUpperCase();
+    const info = document.createElement('div');
+    info.className = 'file-info';
+    const name = document.createElement('span');
+    name.className = 'file-name';
+    name.textContent = file.path.split('/').pop();
+    const detail = document.createElement('span');
+    detail.className = 'file-detail';
+    const folder = file.path.includes('/') ? file.path.slice(0, file.path.lastIndexOf('/')) : 'Project folder';
+    const date = file.mtime ? new Date(file.mtime).toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' }) : 'Date unavailable';
+    detail.textContent = `${folder} · ${sizeLabel(file.size)} · ${date}`;
+    info.append(name, detail);
+    const open = document.createElement('button');
+    open.type = 'button';
+    open.className = 'file-open';
+    open.textContent = 'Open';
+    open.setAttribute('aria-label', `Open ${file.path}`);
+    open.addEventListener('click', () => { void openFile(file); });
+    li.append(badge, info, open);
+    return li;
+  }
+  function render() {
+    const datasets = files.filter((file) => DATA.has(extension(file.path)));
+    const formats = [...new Set(datasets.map((file) => extension(file.path)))].sort();
+    const chosen = $('format').value;
+    const all = document.createElement('option');
+    all.value = ''; all.textContent = 'All formats';
+    $('format').replaceChildren(all, ...formats.map((format) => {
+      const option = document.createElement('option');
+      option.value = format; option.textContent = format.toUpperCase();
+      return option;
+    }));
+    $('format').value = formats.includes(chosen) ? chosen : '';
+    const query = $('search').value.trim().toLowerCase();
+    const shown = datasets.filter((file) => file.path.toLowerCase().includes(query) && (!$('format').value || extension(file.path) === $('format').value)).sort(compare);
+    $('datasets').replaceChildren(...shown.map(row));
+    $('dataset-count').textContent = datasets.length.toLocaleString();
+    $('format-count').textContent = formats.length.toLocaleString();
+    $('total-size').textContent = sizeLabel(datasets.reduce((sum, file) => sum + file.size, 0));
+    $('empty').hidden = datasets.length > 0;
+    $('no-matches').hidden = datasets.length === 0 || shown.length > 0;
+    $('datasets').hidden = shown.length === 0;
+    const reports = files.filter((file) => REPORTS.has(extension(file.path)) && file.path.toLowerCase().includes(query)).sort(compare);
+    $('reports').replaceChildren(...reports.map(row));
+    $('reports-section').hidden = reports.length === 0;
+    $('status').textContent = `${shown.length} of ${datasets.length} dataset${datasets.length === 1 ? '' : 's'}`;
+  }
+  async function refresh() {
+    if (busy) { again = true; return; }
+    window.dataAnalysisInsights.refresh();
+    busy = true;
+    $('refresh').disabled = true;
+    $('datasets').setAttribute('aria-busy', 'true');
+    message('error', '');
+    try {
+      const result = demo ? { files: sampleFiles.map((file) => ({ ...file })), notice: '' } : await discover();
+      if (stopped) return;
+      files = result.files;
+      message('notice', result.notice);
+      render();
+      $('updated').textContent = demo ? 'Sample files' : `Updated ${new Date().toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' })}`;
+    } catch (error) {
+      message('error', `Could not read the project folder: ${error.message || 'Please try again.'}`);
+      $('status').textContent = files.length ? 'Showing the previous listing.' : 'Folder unavailable. Use Refresh to try again.';
+      $('updated').textContent = 'Refresh needed';
+    } finally {
+      busy = false;
+      $('refresh').disabled = false;
+      $('datasets').removeAttribute('aria-busy');
+      if (again && !stopped) { again = false; scheduleRefresh(); }
+    }
+  }
+
+  $('search').addEventListener('input', render);
+  $('format').addEventListener('change', render);
+  $('sort').addEventListener('change', render);
+  $('refresh').addEventListener('click', () => { void refresh(); });
+  $('reset-demo').addEventListener('click', () => {
+    $('search').value = ''; $('format').value = ''; $('sort').value = 'name';
+    $('demo-preview').close();
+    window.dataAnalysisInsights.reset();
+    void refresh();
+  });
+  document.querySelector('[data-gezel-demo-banner]').hidden = !demo;
+  let stopTheme;
+  if (api) {
+    const applyTheme = ({ mode }) => { document.documentElement.dataset.theme = mode; };
+    applyTheme(api.ui.theme);
+    stopTheme = api.ui.onTheme(applyTheme);
+  }
+  // A periodic sweep also closes the gap between a listing and its first watch stamp.
+  const timer = demo ? null : setInterval(() => {
+    if (document.visibilityState !== 'hidden') void refresh();
+  }, 30000);
+  document.addEventListener('visibilitychange', () => {
+    if (!demo && document.visibilityState !== 'hidden') scheduleRefresh();
+  });
+  window.addEventListener('pagehide', () => {
+    stopped = true;
+    clearTimeout(debounce); clearInterval(timer);
+    for (const stop of watches.values()) stop();
+    stopTheme?.();
+  }, { once: true });
+  void refresh();
+})();

package/data/project-types/da/data-analysis/versions/1.0.0/pages/datasets.js

@@ -0,0 +1,44 @@
+(() => {
+  'use strict';
+  const data = new Set(['csv', 'tsv', 'tab', 'xlsx', 'xls', 'xlsm', 'xlsb', 'ods', 'numbers', 'json', 'jsonl', 'ndjson', 'parquet', 'arrow', 'feather', 'sqlite', 'sqlite3', 'db', 'duckdb', 'h5', 'hdf5', 'rds', 'rdata', 'sav', 'dta', 'sas7bdat', 'xml']);
+  const reports = new Set(['html', 'htm', 'pdf', 'md', 'docx', 'pptx', 'ipynb']);
+  const skip = new Set(['node_modules', '__pycache__', 'venv', 'env']);
+  const extension = (path) => (path.split('.').pop() || '').toLowerCase();
+
+  async function scan(list, { maxFolders = 100, maxFiles = 10000, cancelled = () => false } = {}) {
+    const queue = ['.'];
+    const folders = new Set();
+    const files = [];
+    let skipped = 0;
+    let seenFiles = 0;
+    let limited = false;
+    while (queue.length && folders.size < maxFolders && seenFiles < maxFiles && !cancelled()) {
+      const folder = queue.shift();
+      folders.add(folder);
+      let entries;
+      try { entries = await list(folder); }
+      catch (error) {
+        if (folder === '.') throw error;
+        skipped++;
+        continue;
+      }
+      for (const entry of entries) {
+        if (!entry.name || /[\\/]/.test(entry.name) || entry.name.startsWith('.') || entry.name.startsWith('~$')) continue;
+        const path = folder === '.' ? entry.name : `${folder}/${entry.name}`;
+        if (entry.kind === 'dir') {
+          if (!skip.has(entry.name) && !entry.name.endsWith('_files')) {
+            if (queue.length + folders.size < maxFolders) queue.push(path);
+            else limited = true;
+          }
+        } else {
+          seenFiles++;
+          const ext = extension(path);
+          if (data.has(ext) || reports.has(ext)) files.push({ path, size: entry.size, mtime: entry.mtime });
+          if (seenFiles >= maxFiles) { limited = true; break; }
+        }
+      }
+    }
+    return { files, folders: [...folders], skipped, limited, maxFolders, maxFiles };
+  }
+  window.dataAnalysisFiles = { data, reports, extension, scan };
+})();