aimeat 1.2.0

package/dist/public/tmp-paste.txt

@@ -0,0 +1,223 @@
+{
+  "version": "1.0",
+  "locale": "fi",
+  "projectName": "PRH Yritystietopalvelu",
+  "description": "AIMEAT-palvelu joka hakee yritysten perustiedot PRH:n avoimesta YTJ v3 APIsta. Käyttäjä voi hakea yrityksiä nimellä tai Y-tunnuksella, tarkastella yrityskorttia kaikilla rekisteritiedoilla, lisätä yrityksiä seurantaan ja saada push-ilmoituksia muutoksista, vertailla yrityksiä rinnakkain sekä selata seurattujen yritysten muutoshistoriaa aikajanalla. Tilinpäätösdata (XBRL API) varattu Phase 2:een.",
+  "technicalLevel": "advanced",
+  "useCases": [
+    {
+      "id": "uc-1",
+      "title": "Yrityksen haku",
+      "description": "Hae PRH:n avoimesta APIsta yrityksen perustiedot nimellä tai Y-tunnuksella",
+      "priority": "must-have"
+    },
+    {
+      "id": "uc-2",
+      "title": "Yrityksen seuranta + push-ilmoitukset",
+      "description": "Lisää yritys seurantalistalle ja saa push-ilmoitus kun yrityksen tiedot muuttuvat PRH:ssa",
+      "priority": "must-have"
+    },
+    {
+      "id": "uc-3",
+      "title": "Yrityskortti / yhteenveto",
+      "description": "Näe yrityksen keskeiset tiedot yhdellä näkymällä: nimi, Y-tunnus, EU-tunniste, rekisteröintipäivä, toimiala, yhtiömuoto, osoite, rekisterimerkinnät, status, verkkosivut",
+      "priority": "must-have"
+    },
+    {
+      "id": "uc-4",
+      "title": "Vapaamuotoinen vertailu",
+      "description": "Valitse N yritystä ja vertaa niiden tietoja rinnakkain",
+      "priority": "must-have"
+    },
+    {
+      "id": "uc-5",
+      "title": "Muutoshistoria",
+      "description": "Näe seuratun yrityksen muutokset aikajärjestyksessä — mikä muuttui, milloin, vanha vs. uusi arvo",
+      "priority": "must-have"
+    }
+  ],
+  "dataSources": [
+    {
+      "id": "ds-1",
+      "name": "PRH YTJ v3 API",
+      "type": "api",
+      "url": "https://avoindata.prh.fi/opendata-ytj-api/v3/companies",
+      "format": "json",
+      "encoding": "utf-8",
+      "sampleEntry": {
+        "businessId": {"value": "3323553-5", "registrationDate": "2022-11-07", "source": "3"},
+        "euId": {"value": "FIFPRO.3323553-5", "source": "1"},
+        "names": [{"name": "Overscale Solutions Oy", "type": "1", "registrationDate": "2022-11-09", "version": 1, "source": "1"}],
+        "mainBusinessLine": {"type": "62100", "descriptions": [{"languageCode": "3", "description": "Computer programming activities"}, {"languageCode": "2", "description": "Dataprogrammering"}, {"languageCode": "1", "description": "Ohjelmistojen suunnittelu ja valmistus"}], "typeCodeSet": "TOIMI4", "registrationDate": "2026-01-01", "source": "2"},
+        "website": {"url": "www.overscalesolutions.com", "registrationDate": "2022-11-07", "source": "0"},
+        "companyForms": [{"type": "16", "descriptions": [{"languageCode": "2", "description": "Aktiebolag"}, {"languageCode": "3", "description": "Limited company"}, {"languageCode": "1", "description": "Osakeyhtiö"}], "registrationDate": "2022-11-09", "version": 1, "source": "1"}],
+        "companySituations": [],
+        "registeredEntries": [{"type": "1", "descriptions": [{"languageCode": "3", "description": "Registered"}, {"languageCode": "2", "description": "Registrerad"}, {"languageCode": "1", "description": "Rekisterissä"}], "registrationDate": "2022-11-09", "register": "1", "authority": "2"}],
+        "addresses": [{"type": 2, "street": "Pohjantie", "postCode": "02100", "postOffices": [{"city": "ESBO", "languageCode": "2", "municipalityCode": "049"}, {"city": "ESPOO", "languageCode": "1", "municipalityCode": "049"}], "postOfficeBox": "", "buildingNumber": "8-10", "entrance": "A", "apartmentNumber": "17", "apartmentIdSuffix": "", "co": "", "registrationDate": "2022-11-07", "source": "0"}],
+        "tradeRegisterStatus": "1",
+        "status": "2",
+        "registrationDate": "2022-11-09",
+        "lastModified": "2026-02-03T13:17:42"
+      },
+      "responseEnvelope": {
+        "totalResults": "number",
+        "companies": "array of company objects"
+      },
+      "updateFrequency": "daily",
+      "sampleFields": ["businessId", "euId", "names", "mainBusinessLine", "website", "companyForms", "companySituations", "registeredEntries", "addresses", "tradeRegisterStatus", "status", "registrationDate", "lastModified"],
+      "notes": "Avoin API, ei vaadi API-avainta. PRH päivittää datan kerran päivässä. Haku nimellä (name), Y-tunnuksella (businessId), paikkakunnalla (location) tai yhtiömuodolla (companyForm). Descriptions-kentissä languageCode: 1=suomi, 2=ruotsi, 3=englanti. Rate limit: 300 kyselyä/minuutti kaikille käyttäjille yhteensä.",
+      "verified": true,
+      "verifiedBy": "ai"
+    },
+    {
+      "id": "ds-2",
+      "name": "PRH XBRL Tilinpäätös-API",
+      "type": "api",
+      "url": "https://avoindata.prh.fi/opendata-xbrl-api/v3/financials",
+      "format": "xml",
+      "encoding": "utf-8",
+      "sampleEntry": null,
+      "responseEnvelope": {
+        "totalResults": "number",
+        "financials": "array of {businessId, financialDate, registrationDate}"
+      },
+      "updateFrequency": "daily",
+      "sampleFields": ["businessId", "financialDate", "registrationDate"],
+      "notes": "Phase 2. Listausendpoint palauttaa JSONia, mutta varsinainen tilinpäätösdata (/financial) palautuu XBRL/XML-muodossa suomalaisella taksonomialla (fi_met-namespace). Vaatii XBRL-parsintaa. Ei kaikilla yrityksillä ole digitaalista tilinpäätöstä.",
+      "verified": true,
+      "verifiedBy": "ai",
+      "fallback": "defer"
+    }
+  ],
+  "dataModel": {
+    "entities": [
+      {
+        "name": "company",
+        "description": "PRH:sta haettu yrityksen perustiedot",
+        "fields": [
+          {"name": "businessId", "type": "string", "required": true, "description": "Y-tunnus (esim. 3323553-5)"},
+          {"name": "euId", "type": "string", "required": false, "description": "EU-tunniste (esim. FIFPRO.3323553-5)"},
+          {"name": "names", "type": "array", "required": true, "description": "Yrityksen nimet (nykyiset, entiset, rinnakkais-, aputoiminimet)"},
+          {"name": "mainBusinessLine", "type": "object", "required": false, "description": "Päätoimiala — koodi ja kuvaukset fi/sv/en"},
+          {"name": "companyForm", "type": "object", "required": true, "description": "Yhtiömuoto (OY, OYJ, KY jne.)"},
+          {"name": "addresses", "type": "array", "required": false, "description": "Katuosoite ja/tai postiosoite"},
+          {"name": "website", "type": "string", "required": false, "description": "Yrityksen verkkosivut"},
+          {"name": "registeredEntries", "type": "array", "required": false, "description": "Rekisterimerkinnät (rekisteröinnit, rekisteristä poistot)"},
+          {"name": "companySituations", "type": "array", "required": false, "description": "Yrityksen erityistilanteet (saneeraus, selvitystila, konkurssi)"},
+          {"name": "tradeRegisterStatus", "type": "string", "required": false, "description": "Kaupparekisterin status"},
+          {"name": "status", "type": "string", "required": false, "description": "Yrityksen yleinen status"},
+          {"name": "registrationDate", "type": "date", "required": true, "description": "Rekisteröintipäivä"},
+          {"name": "lastModified", "type": "date", "required": false, "description": "Viimeisin muutos PRH:ssa"}
+        ],
+        "relationships": ["tracked by watchlist-item"]
+      },
+      {
+        "name": "watchlist-item",
+        "description": "Käyttäjän seurantaan lisäämä yritys",
+        "fields": [
+          {"name": "businessId", "type": "string", "required": true, "description": "Seurattavan yrityksen Y-tunnus"},
+          {"name": "companyName", "type": "string", "required": true, "description": "Yrityksen nimi lisäyshetkellä"},
+          {"name": "addedAt", "type": "date", "required": true, "description": "Seurantaan lisäämisen ajankohta"},
+          {"name": "lastChecked", "type": "date", "required": false, "description": "Viimeisin tarkistusajankohta"},
+          {"name": "lastSnapshot", "type": "object", "required": false, "description": "Viimeisin tallennettu tilannekuva yrityksen tiedoista vertailua varten"}
+        ],
+        "relationships": ["references company via businessId", "has many changes"]
+      },
+      {
+        "name": "change",
+        "description": "Havaittu muutos seuratun yrityksen tiedoissa",
+        "fields": [
+          {"name": "businessId", "type": "string", "required": true, "description": "Yrityksen Y-tunnus"},
+          {"name": "field", "type": "string", "required": true, "description": "Muuttunut kenttä (esim. 'addresses', 'mainBusinessLine')"},
+          {"name": "oldValue", "type": "object", "required": false, "description": "Edellinen arvo"},
+          {"name": "newValue", "type": "object", "required": false, "description": "Uusi arvo"},
+          {"name": "detectedAt", "type": "date", "required": true, "description": "Muutoksen havaitsemisajankohta"},
+          {"name": "notified", "type": "boolean", "required": true, "description": "Onko push-ilmoitus lähetetty"}
+        ],
+        "relationships": ["belongs to watchlist-item via businessId"]
+      },
+      {
+        "name": "comparison",
+        "description": "Tallennettu vertailu N yrityksen välillä",
+        "fields": [
+          {"name": "title", "type": "string", "required": false, "description": "Vapaaehtoinen nimi vertailulle"},
+          {"name": "businessIds", "type": "array", "required": true, "description": "Vertailtavien yritysten Y-tunnukset"},
+          {"name": "createdAt", "type": "date", "required": true, "description": "Vertailun luomisajankohta"}
+        ],
+        "relationships": ["references multiple companies via businessIds"]
+      }
+    ]
+  },
+  "views": [
+    {
+      "id": "view-1",
+      "type": "list",
+      "title": "Yrityshaku",
+      "description": "Hakukenttä (nimi tai Y-tunnus) ja tuloslistaus kompakteina kortteina",
+      "dataEntities": ["company"],
+      "interactions": ["search", "filter"],
+      "visualizations": []
+    },
+    {
+      "id": "view-2",
+      "type": "detail",
+      "title": "Yrityskortti",
+      "description": "Yrityksen kaikki tiedot yhdellä sivulla: perustiedot, toimiala, osoitteet, rekisterimerkinnät, status, tilanteet",
+      "dataEntities": ["company"],
+      "interactions": ["add-to-watchlist", "add-to-comparison"],
+      "visualizations": []
+    },
+    {
+      "id": "view-3",
+      "type": "list",
+      "title": "Seurantalista",
+      "description": "Käyttäjän seuraamat yritykset badgeineen jotka näyttävät uusien muutosten lukumäärän",
+      "dataEntities": ["watchlist-item", "change"],
+      "interactions": ["remove-from-watchlist", "navigate-to-detail", "navigate-to-changes"],
+      "visualizations": []
+    },
+    {
+      "id": "view-4",
+      "type": "timeline",
+      "title": "Muutoshistoria",
+      "description": "Aikajana seuratun yrityksen havaituista muutoksista — kenttä, vanha arvo, uusi arvo, ajankohta",
+      "dataEntities": ["change"],
+      "interactions": ["filter"],
+      "visualizations": []
+    },
+    {
+      "id": "view-5",
+      "type": "cards",
+      "title": "Yritysvertailu",
+      "description": "Rinnakkaisnäkymä valittujen yritysten tiedoista vertailutaulukossa",
+      "dataEntities": ["company", "comparison"],
+      "interactions": ["add-company", "remove-company", "save-comparison"],
+      "visualizations": []
+    }
+  ],
+  "style": {
+    "mood": "data-dense",
+    "colorPalette": "Siniharmaa viranomaisdatapaletti — tumma sininen (#1a365d) pääväri, teräksen harmaa (#4a5568) teksti, vaalea tausta (#f7fafc), korostus (#3182ce). Muutosilmoituksissa oranssi (#dd6b20) huomiovärinä.",
+    "typography": "compact",
+    "layout": "tabbed",
+    "animations": "subtle",
+    "displayContext": "desktop",
+    "references": null
+  },
+  "externalServices": [],
+  "sharedService": false,
+  "adminAppRecommended": false,
+  "adminAppReason": null,
+  "userSettings": [
+    {"key": "default_language", "type": "select", "label": "Hakutulosten kieli", "default": "fi"},
+    {"key": "notifications_enabled", "type": "boolean", "label": "Push-ilmoitukset muutoksista", "default": true}
+  ],
+  "constraints": {
+    "updateMode": "scheduled",
+    "scheduleInterval": "daily",
+    "locales": ["fi", "en"],
+    "domainRules": "PRH API rate limit 300 req/min kaikille käyttäjille yhteensä — seurantatarkistukset pitää ajastaa ja hajauttaa. PRH data päivittyy kerran päivässä. Descriptions-kenttien languageCode: 1=suomi, 2=ruotsi, 3=englanti. Kaikilla yrityksillä ei ole kaikkia kenttiä (website, companySituations voi olla tyhjä). Toiminimiyrittäjät eivät ole APIssa.",
+    "notes": "Phase 2: XBRL-tilinpäätösdata vaatii XML-parsintaa ja suomalaisen XBRL-taksonomian tuntemusta. Overscale Solutions Oy (3323553-5) käytetty testiyrityksenä."
+  },
+  "interviewNotes": "Käyttäjä on kokenut arkkitehti ja AIMEAT-alustan kehittäjä. Kaikki viisi käyttötapausta must-have. Vertailu on vapaamuotoinen (valitse N yritystä). XBRL-tilinpäätösdata lykätty Phase 2:een koska se palauttaa raakaa XBRL/XML:ää joka vaatii monimutkaista parsintaa. PRH YTJ v3 API testattu onnistuneesti Overscale Solutions Oy:lla — ei vaadi API-avainta, palauttaa rikasta JSON-dataa."
+}

package/dist/public/views/_template.js

@@ -0,0 +1,85 @@
+/**
+ * AIMEAT View Template
+ * ─────────────────────────────────────────────────────────────────────────────
+ * Copy this file to create a new view:
+ *   cp public/views/_template.js public/views/myview.js
+ *
+ * Then:
+ *   1. Rename the export function: MyView → YourView
+ *   2. Add a route case in spa.html matchRoute() and the import map
+ *   3. Add a server-side fallback route in src/routes/portal.ts
+ *   4. Add a nav link in spa.html header (if the view needs one)
+ *   5. Add translation keys under "myview.*" in locales/en.json + locales/fi.json
+ *   6. Create public/css/views/myview.css for view-specific styles
+ * ─────────────────────────────────────────────────────────────────────────────
+ */
+import { html }                    from 'htm/preact';
+import { useState, useEffect }     from 'preact/hooks';
+import { t }                       from '/js/i18n.js';
+import { escHtml }                 from '/js/utils.js';
+import { apiGet, apiPost }         from '/js/api.js';
+import { useApiCall }              from '/js/hooks.js';
+
+/**
+ * MyView — replace with your view's name and description.
+ *
+ * @param {object}   props
+ * @param {function} props.navigate - SPA router, e.g. navigate('/v1/profile')
+ * @param {string}   props.locale   - Active locale ('en' | 'fi')
+ */
+export default function MyView({ navigate, locale }) {
+
+  // ── Load view CSS ──────────────────────────────────────────────────────────
+  useEffect(() => {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = '/css/views/myview.css';
+    document.head.appendChild(link);
+    return () => link.remove();
+  }, []);
+
+  // ── Data fetching (Option A: useApiCall hook) ──────────────────────────────
+  const { data, error, loading, reload } = useApiCall('/v1/your-endpoint');
+
+  // ── Data fetching (Option B: manual — use when you need multiple endpoints) ─
+  // const [items, setItems] = useState([]);
+  // useEffect(() => {
+  //   apiGet('/v1/your-endpoint').then(r => { if (r.ok) setItems(r.data); });
+  // }, []);
+
+  // ── Local state ────────────────────────────────────────────────────────────
+  const [submitting, setSubmitting] = useState(false);
+
+  async function handleSubmit(e) {
+    e.preventDefault();
+    setSubmitting(true);
+    const r = await apiPost('/v1/your-endpoint', { key: 'value' });
+    setSubmitting(false);
+    if (r.ok) reload();
+  }
+
+  // ── Render states ──────────────────────────────────────────────────────────
+  if (loading) return html`<div class="view-loading">${t('loading')}</div>`;
+  if (error)   return html`<div class="alert alert-error">${escHtml(error)}</div>`;
+
+  // ── Main render ────────────────────────────────────────────────────────────
+  return html`
+    <div class="myview-container">
+      <h1>${t('myview.title')}</h1>
+
+      ${data && html`
+        <p>${escHtml(data.someField)}</p>
+      `}
+
+      <form onSubmit=${handleSubmit}>
+        <button type="submit" class="btn btn-primary" disabled=${submitting}>
+          ${submitting ? t('saving') : t('myview.submit')}
+        </button>
+      </form>
+
+      <button class="btn btn-ghost" onClick=${() => navigate('/v1/portal')}>
+        ${t('nav.back')}
+      </button>
+    </div>
+  `;
+}

package/dist/public/views/admin/actions-tab.js

@@ -0,0 +1,41 @@
+import { h } from 'preact';
+import htm from 'htm';
+const html = htm.bind(h);
+import { t } from '/js/i18n.js';
+import { escHtml } from '/js/utils.js';
+import { num, Badge, Empty } from './shared.js';
+
+export default function ActionsTab({ data }) {
+  const acts = data.actions?.actions || [];
+  if (!acts.length) return html`<${Empty} text=${t('dashboard.noActionsRegistered')} />`;
+
+  return html`
+    <div class="adm-card">
+      <div class="scrollable">
+        <table>
+          <thead><tr>
+            <th>ID</th>
+            <th>${t('dashboard.name')}</th>
+            <th>${t('dashboard.provider')}</th>
+            <th>${t('dashboard.category')}</th>
+            <th>${t('dashboard.baseCost')}</th>
+            <th>${t('dashboard.tags')}</th>
+          </tr></thead>
+          <tbody>
+            ${acts.map(a => html`<tr>
+              <td class="mono">${escHtml(a.id)}</td>
+              <td>
+                <strong>${escHtml(a.name)}</strong>
+                ${a.description ? html`<div style="font-size:.75rem;color:var(--text-dim);max-width:260px">${escHtml(a.description)}</div>` : ''}
+              </td>
+              <td class="mono" style="font-size:.8rem">${escHtml(a.provider)}</td>
+              <td><${Badge} type=${a.category || 'info'} /></td>
+              <td>${num(a.base_cost)} \u2B25</td>
+              <td>${(a.tags || []).map(tag => html`<span class="tag">${escHtml(tag)}</span> `)}</td>
+            </tr>`)}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  `;
+}

package/dist/public/views/admin/agents-tab.js

@@ -0,0 +1,84 @@
+import { h } from 'preact';
+import { useState } from 'preact/hooks';
+import htm from 'htm';
+const html = htm.bind(h);
+import { t } from '/js/i18n.js';
+import { escHtml } from '/js/utils.js';
+import { num, dt, Empty, EconRow } from './shared.js';
+import { getAgentDetail } from '/js/services/admin.js';
+
+export default function AgentsTab({ data }) {
+  const ag = data.agents;
+  if (!ag?.agents?.length) return html`<${Empty} text=${t('dashboard.noAgentsRegistered')} />`;
+
+  const [expanded, setExpanded] = useState({});
+
+  async function toggleDetail(gaii, idx) {
+    if (expanded[idx]) {
+      setExpanded(prev => { const n = { ...prev }; delete n[idx]; return n; });
+      return;
+    }
+    try {
+      const r = await getAgentDetail(gaii);
+      setExpanded(prev => ({ ...prev, [idx]: r.data }));
+    } catch (e) { console.warn('Failed to load data:', e.message); }
+  }
+
+  return html`
+    <p style="color:var(--text-dim);font-size:.85rem;margin-bottom:12px">${t('dashboard.gaiiExplain')}</p>
+    <div class="adm-card">
+      <div class="scrollable">
+        <table>
+          <thead><tr>
+            <th>${t('dashboard.gaii')}</th>
+            <th>${t('dashboard.owners')}</th>
+            <th>${t('dashboard.displayName')}</th>
+            <th>${t('dashboard.trust')}</th>
+            <th>${t('dashboard.totalMorsels')}</th>
+            <th>${t('dashboard.lastSeen')}</th>
+            <th></th>
+          </tr></thead>
+          <tbody>
+            ${ag.agents.map((a, i) => {
+              const trust = typeof a.trust_score === 'number' ? a.trust_score.toFixed(1) : '\u2014';
+              const tColor = a.trust_score >= 70 ? '#22c55e' : a.trust_score >= 30 ? '#eab308' : '#ef4444';
+              const detail = expanded[i];
+              return html`
+                <tr>
+                  <td class="mono">${escHtml(a.gaii)}</td>
+                  <td>${escHtml(a.owner)}</td>
+                  <td>${escHtml(a.display_name || '\u2014')}</td>
+                  <td style="color:${tColor}">${trust}</td>
+                  <td>${num(a.morsel_balance)}</td>
+                  <td style="color:var(--text-dim)">${dt(a.last_seen)}</td>
+                  <td><button class="adm-btn-sm" onClick=${() => toggleDetail(a.gaii, i)}>
+                    ${detail ? t('dashboard.hide') : t('dashboard.details')}
+                  </button></td>
+                </tr>
+                ${detail && html`<tr><td colspan="7">
+                  <div class="adm-sub-panel">
+                    <strong>${escHtml(detail.display_name || detail.gaii)}</strong>
+                    ${detail.description && html`<p style="color:var(--text-dim);font-size:.8rem;margin:4px 0">${escHtml(detail.description)}</p>`}
+                    ${detail.capabilities?.length > 0 && html`
+                      <div style="margin:6px 0">${t('dashboard.capabilities')}: ${detail.capabilities.map(c => html`<span class="tag">${escHtml(c)}</span> `)}</div>
+                    `}
+                    ${detail.trust && html`
+                      <div style="margin-top:8px"><strong style="font-size:.8rem;color:var(--text-dim)">${t('dashboard.trustDetails')}</strong></div>
+                      <${EconRow} label=${t('dashboard.score')} value=${detail.trust.score} />
+                      <${EconRow} label=${t('dashboard.deliveries')} value=${detail.trust.total_deliveries + ' (' + detail.trust.successful_deliveries + ' ok)'} />
+                      <${EconRow} label=${t('dashboard.successRate')} value=${(detail.trust.success_rate * 100).toFixed(1) + '%'} />
+                      <${EconRow} label=${t('dashboard.avgDeliveryTime')} value=${detail.trust.avg_delivery_time_seconds + 's'} />
+                      <${EconRow} label=${t('dashboard.ratings')} value=${'+' + detail.trust.positive_ratings + ' / -' + detail.trust.negative_ratings} />
+                      <${EconRow} label=${t('dashboard.age')} value=${detail.trust.age_days + ' ' + t('dashboard.daysUnit')} />
+                    `}
+                    <div style="margin-top:8px;font-size:.75rem;color:var(--text-dim)">${t('dashboard.created')}: ${dt(detail.created_at)} \u00B7 ${t('dashboard.home')}: ${escHtml(detail.home_node)}</div>
+                  </div>
+                </td></tr>`}
+              `;
+            })}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  `;
+}

package/dist/public/views/admin/boards-tab.js

@@ -0,0 +1,154 @@
+import { h } from 'preact';
+import { useState } from 'preact/hooks';
+import htm from 'htm';
+const html = htm.bind(h);
+import { t } from '/js/i18n.js';
+import { escHtml } from '/js/utils.js';
+import { dt, Badge, Empty, useToast, Toast } from './shared.js';
+import { getBoardPosts, patchBoardMembers } from '/js/services/admin.js';
+import { apiPost } from '/js/api.js';
+
+export default function BoardsTab({ data, reload }) {
+  const boards = data.boards?.boards || [];
+  const [posts, setPosts] = useState({});
+  const [showCreate, setShowCreate] = useState(false);
+  const [newBoard, setNewBoard] = useState({ name: '', slug: '', description: '', visibility: 'public' });
+  const [toast, showErr, showOk, clearToast] = useToast();
+  const [memberInput, setMemberInput] = useState({});
+
+  async function togglePosts(slug) {
+    if (posts[slug]) {
+      setPosts(prev => { const n = { ...prev }; delete n[slug]; return n; });
+      return;
+    }
+    try {
+      const r = await getBoardPosts(slug);
+      setPosts(prev => ({ ...prev, [slug]: r.data?.posts || [] }));
+    } catch (e) { console.warn('Failed to load data:', e.message); }
+  }
+
+  async function createBoard() {
+    if (!newBoard.name.trim() || !newBoard.slug.trim()) return;
+    try {
+      await apiPost('/v1/boards', {
+        name: newBoard.name,
+        slug: newBoard.slug,
+        description: newBoard.description,
+        visibility: newBoard.visibility,
+      });
+      showOk(t('dashboard.boardCreateConfirm'));
+      setNewBoard({ name: '', slug: '', description: '', visibility: 'public' });
+      setShowCreate(false);
+      reload();
+    } catch (e) { showErr(e.message); }
+  }
+
+  async function addMember(boardId) {
+    const gaii = (memberInput[boardId] || '').trim();
+    if (!gaii) return;
+    try {
+      await patchBoardMembers(boardId, { add: [gaii] });
+      showOk(t('dashboard.boardsTab.memberAdded'));
+      setMemberInput(prev => ({ ...prev, [boardId]: '' }));
+      reload();
+    } catch (e) { showErr(e.message || t('dashboard.boardsTab.memberError')); }
+  }
+
+  async function removeMember(boardId, gaii) {
+    try {
+      await patchBoardMembers(boardId, { remove: [gaii] });
+      showOk(t('dashboard.boardsTab.memberRemoved'));
+      reload();
+    } catch (e) { showErr(e.message || t('dashboard.boardsTab.memberError')); }
+  }
+
+  if (!boards.length) return html`<${Empty} text=${t('dashboard.noBoardsCreated')} />`;
+
+  return html`
+    ${toast && html`<${Toast} ...${toast} onDismiss=${clearToast} />`}
+    <div class="adm-mb-md">
+      <button class="adm-btn-action" onClick=${() => setShowCreate(!showCreate)}>
+        + ${t('dashboard.boardCreateSystem')}
+      </button>
+      ${showCreate && html`
+        <div class="adm-card adm-mt-sm">
+          <div class="adm-flex-col">
+            <input class="adm-input adm-input-full" value=${newBoard.name} onInput=${e => setNewBoard(prev => ({...prev, name: e.target.value}))}
+              placeholder=${t('dashboard.boardName')} />
+            <input class="adm-input adm-input-full adm-font-mono" value=${newBoard.slug} onInput=${e => setNewBoard(prev => ({...prev, slug: e.target.value}))}
+              placeholder=${t('dashboard.boardSlug')} />
+            <input class="adm-input adm-input-full" value=${newBoard.description} onInput=${e => setNewBoard(prev => ({...prev, description: e.target.value}))}
+              placeholder=${t('dashboard.boardDescription')} />
+            <select class="adm-input adm-input-full" value=${newBoard.visibility} onChange=${e => setNewBoard(prev => ({...prev, visibility: e.target.value}))}>
+              <option value="public">${t('dashboard.boardPublic')}</option>
+              <option value="private">${t('dashboard.boardPrivate')}</option>
+            </select>
+            <button class="adm-btn-action" onClick=${createBoard}>${t('dashboard.boardCreateSystem')}</button>
+          </div>
+        </div>
+      `}
+    </div>
+    <div class="adm-card-grid">
+      ${boards.map(b => {
+        const members = b.allowed_gaiis || [];
+        const boardId = b.board_id || b.id || b.slug;
+        return html`
+          <div class="adm-card">
+            <div class="adm-flex-between adm-mb-sm">
+              <strong>${escHtml(b.name || b.slug)}</strong>
+              <${Badge} type=${b.visibility || 'public'} />
+            </div>
+            ${b.description && html`<p class="adm-text-sm adm-text-dim adm-mb-sm" style="margin:0">${escHtml(b.description)}</p>`}
+            <div class="adm-text-xs adm-text-dim adm-mb-sm">
+              ${t('dashboard.slug')}: <code>${escHtml(b.slug)}</code> · ${t('dashboard.created')}: ${dt(b.created_at)}
+              ${members.length > 0 && html` · ${t('dashboard.boardsTab.externalMembersCount', { count: members.length })}`}
+            </div>
+            <button class="adm-btn-sm" onClick=${() => togglePosts(b.slug)}>
+              ${posts[b.slug] ? t('dashboard.hidePosts') : t('dashboard.showPosts')}
+            </button>
+            ${posts[b.slug] && html`
+              <div class="adm-mt-sm adm-board-detail">
+                ${!posts[b.slug].length
+                  ? html`<div class="adm-text-sm adm-text-dim">${t('dashboard.noPosts')}</div>`
+                  : posts[b.slug].map(p => html`
+                      <div class="adm-board-post">
+                        <div class="adm-flex-between adm-text-xs adm-text-dim">
+                          <span>${escHtml(p.author)}</span>
+                          <span>${dt(p.created_at)}</span>
+                        </div>
+                        <div class="adm-text-base">${escHtml(p.content?.substring(0, 200) || '')}</div>
+                      </div>
+                    `)
+                }
+                <div class="adm-board-members adm-mt-sm">
+                  <strong class="adm-text-sm">${t('dashboard.boardsTab.membersSection')}</strong>
+                  <div class="adm-text-xs adm-text-dim adm-mb-sm">${t('dashboard.boardsTab.sameOwnerInfo')}</div>
+                  ${members.length > 0
+                    ? html`<div class="adm-flex-wrap adm-mb-sm">
+                        ${members.map(gaii => html`
+                          <span class="adm-member-tag">
+                            <code>${escHtml(gaii)}</code>
+                            <button class="adm-member-remove" onClick=${() => removeMember(boardId, gaii)} title="Remove">\u00d7</button>
+                          </span>
+                        `)}
+                      </div>`
+                    : html`<div class="adm-text-xs adm-text-dim adm-mb-sm">${t('dashboard.boardsTab.noMembers')}</div>`
+                  }
+                  <div class="adm-member-add">
+                    <input class="adm-input" value=${memberInput[boardId] || ''}
+                      onInput=${e => setMemberInput(prev => ({ ...prev, [boardId]: e.target.value }))}
+                      onKeyDown=${e => e.key === 'Enter' && addMember(boardId)}
+                      placeholder=${t('dashboard.boardsTab.addMemberPlaceholder')} />
+                    <button class="adm-btn-sm" onClick=${() => addMember(boardId)}>
+                      ${t('dashboard.boardsTab.addMemberBtn')}
+                    </button>
+                  </div>
+                </div>
+              </div>
+            `}
+          </div>
+        `;
+      })}
+    </div>
+  `;
+}