codeapp-js 0.2.1 → 0.3.0

package/examples/todo/power.config.json

@@ -1,35 +1,35 @@
-{
-  "appDisplayName": "Todo",
-  "description": "A task management app backed by the Dataverse task table.",
-  "environmentId": "<ENVIRONMENT_ID>",
-  "buildPath": "./dist",
-  "buildEntryPoint": "index.html",
-  "logoPath": "icon192.png",
-  "localAppUrl": "http://localhost:3000",
-  "region": "prod",
-  "connectionReferences": {
-    "dataverse": {
-      "id": "/providers/Microsoft.PowerApps/apis/shared_commondataserviceforapps",
-      "displayName": "Microsoft Dataverse",
-      "dataSources": [
-        "commondataserviceforapps"
-      ],
-      "authenticationType": null,
-      "sharedConnectionId": null,
-      "dataSets": {}
-    }
-  },
-  "databaseReferences": {
-    "default.cds": {
-      "databaseDetails": null,
-      "dataSources": {
-        "tasks": {
-          "entitySetName": "tasks",
-          "logicalName": "task",
-          "isHidden": false
-        }
-      },
-      "actions": null
-    }
-  }
+{
+  "appDisplayName": "Todo",
+  "description": "A task management app backed by the Dataverse task table.",
+  "environmentId": "<ENVIRONMENT_ID>",
+  "buildPath": "./dist",
+  "buildEntryPoint": "index.html",
+  "logoPath": "icon192.png",
+  "localAppUrl": "http://localhost:3000",
+  "region": "prod",
+  "connectionReferences": {
+    "dataverse": {
+      "id": "/providers/Microsoft.PowerApps/apis/shared_commondataserviceforapps",
+      "displayName": "Microsoft Dataverse",
+      "dataSources": [
+        "commondataserviceforapps"
+      ],
+      "authenticationType": null,
+      "sharedConnectionId": null,
+      "dataSets": {}
+    }
+  },
+  "databaseReferences": {
+    "default.cds": {
+      "databaseDetails": null,
+      "dataSources": {
+        "tasks": {
+          "entitySetName": "tasks",
+          "logicalName": "task",
+          "isHidden": false
+        }
+      },
+      "actions": null
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codeapp-js",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "private": false,
   "description": "JavaScript library with samples and starter app for Power Apps Code Apps.",
   "scripts": {

package/readme.md

@@ -137,33 +137,62 @@ Each connector library needs a matching entry in `connectionReferences`.
       "dataSets": {}
     },
     
-    // Office 365 Outlook  (used by dist/outlook.js)
+    // Office 365 Outlook  
     "office365outlook": {
       "id": "/providers/Microsoft.PowerApps/apis/shared_office365",
       "displayName": "Office 365 Outlook",
       "dataSources": ["office365"],
       "dataSets": {}
     },
-    // SharePoint Online  (used by dist/sharepoint.js)
+    // SharePoint Online 
     "sharepointonline": {
       "id": "/providers/Microsoft.PowerApps/apis/shared_sharepointonline",
       "displayName": "SharePoint",
       "dataSources": ["sharepointonline"],
       "dataSets": {}
     },
-    // Office 365 Groups  (used by dist/office365groups.js)
+    // Office 365 Groups 
     "office365groups": {
       "id": "/providers/Microsoft.PowerApps/apis/shared_office365groups",
       "displayName": "Office 365 Groups",
       "dataSources": ["office365groups"],
       "dataSets": {}
     },
-    // Office 365 Users  (used by dist/office365users.js)
+    // Office 365 Users  
     "office365users": {
       "id": "/providers/Microsoft.PowerApps/apis/shared_office365users",
       "displayName": "Office 365 Users",
       "dataSources": ["office365users"],
       "dataSets": {}
+    },
+    /// MS Teams
+    "ef348778-cc4f-4444-9f78-fcfdb4a45544": {
+      "id": "/providers/Microsoft.PowerApps/apis/shared_teams",
+      "displayName": "Microsoft Teams",
+      "dataSources": [
+        "teams"
+      ],
+      "dataSets": {}
+    },
+    // Jira
+    "e050e705-9ee9-4461-4444-4de4ed5904ea": {
+      "id": "/providers/Microsoft.PowerApps/apis/shared_jira",
+      "displayName": "Jira",
+      "dataSources": [
+        "jira"
+      ],
+      "authenticationType": "APIToken",
+      "dataSets": {}
+    },
+    // Azure keyvault
+    "85039b8d-b6fe-4444-b9db-6008338ec987": {
+      "id": "/providers/Microsoft.PowerApps/apis/shared_keyvault",
+      "displayName": "Azure Key Vault",
+      "dataSources": [
+        "keyvault"
+      ],
+      "authenticationType": "oauthDefault",
+      "dataSets": {}
     }
   }
 }

package/examples/solution explorer/agent/decision-log.md

@@ -1,27 +0,0 @@
-
-# Solution Explorer — Design Decision Log
-
-## App Purpose
-Browse all Dataverse solutions in a Power Apps environment and drill into their components. Uses `codeapp.js` for all Dataverse connections via `registerTable` / `listItems`.
-
-## Dataverse Tables
-- **solutions** (PK: `solutionid`) — fields: `friendlyname`, `uniquename`, `version`, `ismanaged`, `modifiedon`, `description`
-- **solutioncomponents** (PK: `solutioncomponentid`) — filter by `_solutionid_value`, read `componenttype`, `objectid`
-
-## Mockup Summary
-
-| # | File | Aesthetic | Theme | Layout | Typography |
-|---|------|-----------|-------|--------|------------|
-| 1 | mockup-01-swiss-grid.html | Swiss/International Typographic | Light cream | Side-panel list + detail pane | DM Mono + Instrument Serif |
-| 2 | mockup-02-dark-glass.html | Glassmorphism dark | Deep black + purple/cyan glows | Stats row + card list + glass detail | Outfit + Cormorant Garamond |
-| 3 | mockup-03-paper-console.html | Developer paper/console | Warm paper + lined bg | Table rows + collapsible tree | IBM Plex Mono + Playfair Display |
-| 4 | mockup-04-neon-noir.html | Cyberpunk/terminal | Pure black + cyan/magenta neon | Terminal search + list + accordion detail | JetBrains Mono + Syne |
-| 5 | mockup-05-zen-garden.html | Organic/natural zen | Warm whites + sage/terracotta | Card tile grid + slide-out drawer | Karla + Crimson Pro |
-
-## Share Feature
-- Share modal: click any component row to share with User (systemusers) or Team (teams) via Dataverse search
-- Share uses `callUnboundAction` from `codeapp.js` with `GrantAccess` registered in power.config.json
-- `GrantAccess` declared in `databaseReferences.default.cds.dataSources`, `initDataSources`, and `registerCoreTables`
-- Access mask grants Read, Write, Append, AppendTo, Share, Assign rights
-- Component type → entity logical name mapping used for Target entity reference
-- Previous raw `getRawClient` workaround replaced with proper `callUnboundAction('', '', 'GrantAccess', params)` pattern per updated skill

package/examples/solution explorer/agent/mockup-01-swiss-grid.html

@@ -1,452 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mockup 01 — Swiss Grid</title>
-  <style>
-    :root {
-      --bg: #fafaf8;
-      --ink: #0d0d0d;
-      --muted: #7a7a72;
-      --red: #e03c31;
-      --red-soft: rgba(224,60,49,0.08);
-      --line: #d4d4cc;
-      --card: #ffffff;
-      --shadow: 0 1px 3px rgba(0,0,0,0.06);
-      --radius: 2px;
-    }
-    * { box-sizing: border-box; margin: 0; padding: 0; }
-    body {
-      min-height: 100vh;
-      font-family: 'DM Mono', monospace;
-      color: var(--ink);
-      background: var(--bg);
-      line-height: 1.5;
-    }
-
-    /* ── Top Bar ─────────────────────────────── */
-    .topbar {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 16px 40px;
-      border-bottom: 3px solid var(--ink);
-    }
-    .topbar h1 {
-      font-family: 'Instrument Serif', serif;
-      font-size: 1.4rem;
-      font-weight: 400;
-      letter-spacing: 0.02em;
-    }
-    .topbar .env-badge {
-      font-size: 0.7rem;
-      text-transform: uppercase;
-      letter-spacing: 0.2em;
-      color: var(--muted);
-      border: 1px solid var(--line);
-      padding: 4px 12px;
-    }
-
-    /* ── Layout ──────────────────────────────── */
-    .shell {
-      display: grid;
-      grid-template-columns: 380px 1fr;
-      min-height: calc(100vh - 56px);
-    }
-
-    /* ── Solutions Panel ─────────────────────── */
-    .sol-panel {
-      border-right: 3px solid var(--ink);
-      overflow-y: auto;
-    }
-    .sol-header {
-      padding: 24px 28px 12px;
-      font-size: 0.65rem;
-      text-transform: uppercase;
-      letter-spacing: 0.3em;
-      color: var(--muted);
-      border-bottom: 1px solid var(--line);
-    }
-    .sol-count {
-      float: right;
-      color: var(--red);
-      font-weight: 500;
-    }
-    .sol-search {
-      padding: 12px 28px;
-      border-bottom: 1px solid var(--line);
-    }
-    .sol-search input {
-      width: 100%;
-      font-family: 'DM Mono', monospace;
-      font-size: 0.8rem;
-      border: 1px solid var(--line);
-      padding: 8px 12px;
-      background: var(--bg);
-      outline: none;
-      transition: border 0.2s;
-    }
-    .sol-search input:focus { border-color: var(--red); }
-
-    .sol-item {
-      display: grid;
-      grid-template-columns: 6px 1fr auto;
-      align-items: start;
-      padding: 16px 28px;
-      border-bottom: 1px solid var(--line);
-      cursor: pointer;
-      transition: background 0.15s;
-      gap: 14px;
-    }
-    .sol-item:hover { background: var(--red-soft); }
-    .sol-item.active {
-      background: var(--ink);
-      color: #fff;
-    }
-    .sol-item.active .sol-version,
-    .sol-item.active .sol-managed,
-    .sol-item.active .sol-modified { color: rgba(255,255,255,0.55); }
-    .sol-indicator {
-      width: 6px;
-      height: 6px;
-      margin-top: 6px;
-      border-radius: 50%;
-      background: var(--red);
-    }
-    .sol-item.managed .sol-indicator { background: var(--muted); }
-    .sol-name {
-      font-size: 0.82rem;
-      font-weight: 500;
-      line-height: 1.3;
-    }
-    .sol-version {
-      font-size: 0.65rem;
-      color: var(--muted);
-      margin-top: 2px;
-    }
-    .sol-managed {
-      font-size: 0.6rem;
-      text-transform: uppercase;
-      letter-spacing: 0.15em;
-      color: var(--muted);
-      text-align: right;
-    }
-    .sol-modified {
-      font-size: 0.6rem;
-      color: var(--muted);
-      text-align: right;
-      margin-top: 2px;
-    }
-
-    /* ── Detail Panel ────────────────────────── */
-    .detail-panel {
-      overflow-y: auto;
-    }
-    .detail-empty {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-      font-family: 'Instrument Serif', serif;
-      font-size: 1.6rem;
-      color: var(--line);
-    }
-    .detail-header {
-      padding: 32px 40px 24px;
-      border-bottom: 1px solid var(--line);
-    }
-    .detail-header h2 {
-      font-family: 'Instrument Serif', serif;
-      font-size: 2.2rem;
-      font-weight: 400;
-      line-height: 1.1;
-    }
-    .detail-meta {
-      display: flex;
-      gap: 28px;
-      margin-top: 12px;
-      font-size: 0.7rem;
-      color: var(--muted);
-    }
-    .detail-meta span { letter-spacing: 0.04em; }
-    .detail-meta b {
-      color: var(--ink);
-      font-weight: 500;
-    }
-    .detail-desc {
-      padding: 20px 40px;
-      font-size: 0.78rem;
-      color: var(--muted);
-      border-bottom: 1px solid var(--line);
-      line-height: 1.7;
-    }
-
-    /* ── Component Grid ──────────────────────── */
-    .comp-bar {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 16px 40px;
-      border-bottom: 1px solid var(--line);
-      font-size: 0.65rem;
-      text-transform: uppercase;
-      letter-spacing: 0.25em;
-      color: var(--muted);
-    }
-    .comp-bar .comp-total { color: var(--red); font-weight: 500; }
-
-    .comp-groups {
-      padding: 0 40px 40px;
-    }
-    .comp-group {
-      margin-top: 28px;
-    }
-    .comp-group-title {
-      font-size: 0.65rem;
-      text-transform: uppercase;
-      letter-spacing: 0.25em;
-      color: var(--red);
-      padding-bottom: 8px;
-      border-bottom: 2px solid var(--ink);
-      margin-bottom: 10px;
-    }
-    .comp-row {
-      display: grid;
-      grid-template-columns: 1fr auto;
-      padding: 8px 0;
-      border-bottom: 1px solid var(--line);
-      font-size: 0.78rem;
-      align-items: center;
-    }
-    .comp-row:last-child { border-bottom: none; }
-    .comp-row-name { font-weight: 400; }
-    .comp-row-id {
-      font-size: 0.62rem;
-      color: var(--muted);
-      font-family: 'DM Mono', monospace;
-    }
-
-    /* ── Animations ──────────────────────────── */
-    .sol-item { animation: slideIn 0.25s ease both; }
-    .comp-group { animation: fadeUp 0.3s ease both; }
-    @keyframes slideIn {
-      from { opacity: 0; transform: translateX(-12px); }
-      to { opacity: 1; transform: translateX(0); }
-    }
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(8px); }
-      to { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-</head>
-<body>
-
-<div class="topbar">
-  <h1>Solution Explorer</h1>
-  <span class="env-badge">org-4f8c2a · Production</span>
-</div>
-
-<div class="shell">
-  <!-- Solutions List -->
-  <div class="sol-panel">
-    <div class="sol-header">
-      Solutions <span class="sol-count">12</span>
-    </div>
-    <div class="sol-search">
-      <input type="text" placeholder="Filter solutions…" id="searchInput">
-    </div>
-    <div id="solList"></div>
-  </div>
-
-  <!-- Detail Pane -->
-  <div class="detail-panel" id="detailPanel">
-    <div class="detail-empty">← Select a solution</div>
-  </div>
-</div>
-
-<script>
-  /* ── Mock Data ────────────────────────────── */
-  var aSolutions = [
-    { solutionid: 'a1b2c3d4-0001', friendlyname: 'Core Data Model', uniquename: 'CoreDataModel', version: '3.2.0.1', ismanaged: false, modifiedon: '2026-03-18T14:22:00Z', description: 'Foundation entities, relationships, and business rules for the organisation data model.' },
-    { solutionid: 'a1b2c3d4-0002', friendlyname: 'Customer Portal', uniquename: 'CustomerPortal', version: '1.8.4.0', ismanaged: false, modifiedon: '2026-03-20T09:45:00Z', description: 'Portal components including web resources, forms, and site maps for the customer-facing application.' },
-    { solutionid: 'a1b2c3d4-0003', friendlyname: 'Dynamics 365 Sales', uniquename: 'msdyn_Sales', version: '9.0.24031.1002', ismanaged: true, modifiedon: '2026-01-15T00:00:00Z', description: 'Microsoft Dynamics 365 Sales managed solution.' },
-    { solutionid: 'a1b2c3d4-0004', friendlyname: 'Approval Workflows', uniquename: 'ApprovalWorkflows', version: '2.1.0.0', ismanaged: false, modifiedon: '2026-03-12T11:30:00Z', description: 'Cloud flows and business process flows for multi-stage approval routing.' },
-    { solutionid: 'a1b2c3d4-0005', friendlyname: 'Power BI Dashboards', uniquename: 'PowerBIDashboards', version: '1.0.3.0', ismanaged: true, modifiedon: '2026-02-28T16:00:00Z', description: 'Embedded Power BI dashboards and charts for executive reporting.' },
-    { solutionid: 'a1b2c3d4-0006', friendlyname: 'Security Configuration', uniquename: 'SecurityConfig', version: '4.0.0.2', ismanaged: false, modifiedon: '2026-03-21T08:15:00Z', description: 'Security roles, field-level security profiles, and team templates.' },
-    { solutionid: 'a1b2c3d4-0007', friendlyname: 'Email Templates Pack', uniquename: 'EmailTemplates', version: '1.3.1.0', ismanaged: true, modifiedon: '2025-12-10T10:00:00Z', description: 'Standardised email templates for customer communications.' },
-    { solutionid: 'a1b2c3d4-0008', friendlyname: 'Integration Hub', uniquename: 'IntegrationHub', version: '2.5.0.0', ismanaged: false, modifiedon: '2026-03-19T15:42:00Z', description: 'Custom connectors, plugins, and webhook configurations for third-party integrations.' },
-    { solutionid: 'a1b2c3d4-0009', friendlyname: 'Canvas Apps Collection', uniquename: 'CanvasApps', version: '1.1.0.0', ismanaged: false, modifiedon: '2026-03-17T13:20:00Z', description: 'Suite of canvas apps for field workers and mobile scenarios.' },
-    { solutionid: 'a1b2c3d4-0010', friendlyname: 'Dataverse Accelerator', uniquename: 'DataverseAccelerator', version: '1.0.0.1', ismanaged: true, modifiedon: '2026-01-05T00:00:00Z', description: 'Microsoft accelerator components for rapid Dataverse development.' },
-    { solutionid: 'a1b2c3d4-0011', friendlyname: 'Field Service Extensions', uniquename: 'FSExtensions', version: '2.0.1.0', ismanaged: false, modifiedon: '2026-03-15T10:30:00Z', description: 'Custom entities, forms, and business rules extending Dynamics 365 Field Service.' },
-    { solutionid: 'a1b2c3d4-0012', friendlyname: 'AI Builder Models', uniquename: 'AIBuilderModels', version: '1.2.0.0', ismanaged: true, modifiedon: '2026-02-20T09:00:00Z', description: 'Pre-trained and custom AI Builder models for document processing and prediction.' },
-  ];
-
-  var oComponentMap = {
-    1: 'Entity', 2: 'Attribute', 9: 'Option Set', 10: 'Entity Relationship',
-    20: 'Security Role', 24: 'Workflow', 25: 'Report', 26: 'Connection Role',
-    29: 'Site Map', 31: 'System Form', 36: 'Dashboard', 59: 'Chart',
-    61: 'Web Resource', 62: 'Plugin Type', 63: 'Plugin Assembly',
-    65: 'SDK Message Step', 70: 'Model-driven App', 80: 'Canvas App', 300: 'Cloud Flow'
-  };
-
-  var oSolutionComponents = {
-    'a1b2c3d4-0001': [
-      { componenttype: 1, objectid: 'e001', name: 'account' }, { componenttype: 1, objectid: 'e002', name: 'contact' },
-      { componenttype: 1, objectid: 'e003', name: 'cr8b2_project' }, { componenttype: 1, objectid: 'e004', name: 'cr8b2_milestone' },
-      { componenttype: 2, objectid: 'a001', name: 'cr8b2_project.cr8b2_status' }, { componenttype: 2, objectid: 'a002', name: 'cr8b2_project.cr8b2_startdate' },
-      { componenttype: 10, objectid: 'r001', name: 'cr8b2_project_account' }, { componenttype: 9, objectid: 'o001', name: 'cr8b2_projectstatus' },
-    ],
-    'a1b2c3d4-0002': [
-      { componenttype: 61, objectid: 'w001', name: 'portal_main.js' }, { componenttype: 61, objectid: 'w002', name: 'portal_styles.css' },
-      { componenttype: 61, objectid: 'w003', name: 'portal_home.html' }, { componenttype: 31, objectid: 'f001', name: 'Contact - Portal Main Form' },
-      { componenttype: 31, objectid: 'f002', name: 'Case - Portal Quick Create' }, { componenttype: 29, objectid: 's001', name: 'Portal Site Map' },
-      { componenttype: 70, objectid: 'ap01', name: 'Customer Self-Service' },
-    ],
-    'a1b2c3d4-0003': [
-      { componenttype: 1, objectid: 'e010', name: 'opportunity' }, { componenttype: 1, objectid: 'e011', name: 'quote' },
-      { componenttype: 1, objectid: 'e012', name: 'salesorder' }, { componenttype: 1, objectid: 'e013', name: 'invoice' },
-      { componenttype: 24, objectid: 'wf01', name: 'Opportunity Close Process' }, { componenttype: 36, objectid: 'd001', name: 'Sales Dashboard' },
-      { componenttype: 59, objectid: 'ch01', name: 'Revenue by Quarter' }, { componenttype: 70, objectid: 'ap02', name: 'Sales Hub' },
-    ],
-    'a1b2c3d4-0004': [
-      { componenttype: 300, objectid: 'cf01', name: 'Approval - Manager Sign-off' }, { componenttype: 300, objectid: 'cf02', name: 'Approval - Finance Review' },
-      { componenttype: 300, objectid: 'cf03', name: 'Approval - VP Escalation' }, { componenttype: 24, objectid: 'wf02', name: 'Invoice Approval BPF' },
-      { componenttype: 1, objectid: 'e020', name: 'cr8b2_approvalrequest' },
-    ],
-    'a1b2c3d4-0005': [
-      { componenttype: 36, objectid: 'd010', name: 'Executive Overview' }, { componenttype: 36, objectid: 'd011', name: 'Sales Performance' },
-      { componenttype: 36, objectid: 'd012', name: 'Service Metrics' }, { componenttype: 59, objectid: 'ch10', name: 'Pipeline Funnel' },
-    ],
-    'a1b2c3d4-0006': [
-      { componenttype: 20, objectid: 'sr01', name: 'Sales Manager' }, { componenttype: 20, objectid: 'sr02', name: 'Service Agent' },
-      { componenttype: 20, objectid: 'sr03', name: 'System Administrator' }, { componenttype: 20, objectid: 'sr04', name: 'Read-Only User' },
-      { componenttype: 20, objectid: 'sr05', name: 'Finance Approver' },
-    ],
-    'a1b2c3d4-0007': [
-      { componenttype: 61, objectid: 'w010', name: 'template_welcome.html' }, { componenttype: 61, objectid: 'w011', name: 'template_invoice.html' },
-      { componenttype: 61, objectid: 'w012', name: 'template_reminder.html' },
-    ],
-    'a1b2c3d4-0008': [
-      { componenttype: 63, objectid: 'pa01', name: 'IntegrationHub.Plugins' }, { componenttype: 62, objectid: 'pt01', name: 'SyncContactPlugin' },
-      { componenttype: 62, objectid: 'pt02', name: 'WebhookDispatcher' }, { componenttype: 65, objectid: 'sm01', name: 'PostCreate - SyncContact' },
-      { componenttype: 65, objectid: 'sm02', name: 'PostUpdate - DispatchWebhook' }, { componenttype: 300, objectid: 'cf10', name: 'Sync to ERP Nightly' },
-    ],
-    'a1b2c3d4-0009': [
-      { componenttype: 80, objectid: 'ca01', name: 'Field Inspection App' }, { componenttype: 80, objectid: 'ca02', name: 'Expense Report App' },
-      { componenttype: 80, objectid: 'ca03', name: 'Time Tracker App' },
-    ],
-    'a1b2c3d4-0010': [
-      { componenttype: 1, objectid: 'e030', name: 'cr8b2_acceleratorconfig' }, { componenttype: 61, objectid: 'w020', name: 'accelerator_bundle.js' },
-      { componenttype: 70, objectid: 'ap10', name: 'Accelerator Studio' },
-    ],
-    'a1b2c3d4-0011': [
-      { componenttype: 1, objectid: 'e040', name: 'cr8b2_workorder_ext' }, { componenttype: 2, objectid: 'a010', name: 'cr8b2_workorder_ext.cr8b2_priority' },
-      { componenttype: 31, objectid: 'f010', name: 'Work Order - Extended Form' }, { componenttype: 24, objectid: 'wf10', name: 'Auto-assign Work Order' },
-      { componenttype: 300, objectid: 'cf20', name: 'Notify Technician' },
-    ],
-    'a1b2c3d4-0012': [
-      { componenttype: 61, objectid: 'w030', name: 'ai_invoice_processor' }, { componenttype: 61, objectid: 'w031', name: 'ai_prediction_model' },
-      { componenttype: 300, objectid: 'cf30', name: 'Process Incoming Documents' },
-    ],
-  };
-
-  /* ── Renderers ────────────────────────────── */
-  function formatDate(sISO) {
-    var d = new Date(sISO);
-    return d.toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' });
-  }
-
-  function renderSolutions(aFiltered) {
-    var eList = document.getElementById('solList');
-    eList.innerHTML = '';
-    aFiltered.forEach(function(sol, i) {
-      var div = document.createElement('div');
-      div.className = 'sol-item' + (sol.ismanaged ? ' managed' : '');
-      div.style.animationDelay = (i * 0.04) + 's';
-      div.innerHTML =
-        '<div class="sol-indicator"></div>' +
-        '<div>' +
-          '<div class="sol-name">' + sol.friendlyname + '</div>' +
-          '<div class="sol-version">' + sol.uniquename + ' · v' + sol.version + '</div>' +
-        '</div>' +
-        '<div>' +
-          '<div class="sol-managed">' + (sol.ismanaged ? 'Managed' : 'Unmanaged') + '</div>' +
-          '<div class="sol-modified">' + formatDate(sol.modifiedon) + '</div>' +
-        '</div>';
-      div.addEventListener('click', function() {
-        document.querySelectorAll('.sol-item').forEach(function(el) { el.classList.remove('active'); });
-        div.classList.add('active');
-        renderDetail(sol);
-      });
-      eList.appendChild(div);
-    });
-  }
-
-  function renderDetail(sol) {
-    var ePanel = document.getElementById('detailPanel');
-    var aComps = oSolutionComponents[sol.solutionid] || [];
-
-    /* Group components by type */
-    var oGroups = {};
-    aComps.forEach(function(c) {
-      var sType = oComponentMap[c.componenttype] || ('Type ' + c.componenttype);
-      if (!oGroups[sType]) oGroups[sType] = [];
-      oGroups[sType].push(c);
-    });
-
-    var sHTML =
-      '<div class="detail-header">' +
-        '<h2>' + sol.friendlyname + '</h2>' +
-        '<div class="detail-meta">' +
-          '<span>Unique Name: <b>' + sol.uniquename + '</b></span>' +
-          '<span>Version: <b>' + sol.version + '</b></span>' +
-          '<span>' + (sol.ismanaged ? 'Managed' : 'Unmanaged') + '</span>' +
-        '</div>' +
-      '</div>';
-
-    if (sol.description) {
-      sHTML += '<div class="detail-desc">' + sol.description + '</div>';
-    }
-
-    sHTML +=
-      '<div class="comp-bar">' +
-        '<span>Components</span>' +
-        '<span class="comp-total">' + aComps.length + ' items</span>' +
-      '</div>';
-
-    sHTML += '<div class="comp-groups">';
-    var iGroupIdx = 0;
-    Object.keys(oGroups).sort().forEach(function(sType) {
-      sHTML += '<div class="comp-group" style="animation-delay:' + (iGroupIdx * 0.08) + 's">';
-      sHTML += '<div class="comp-group-title">' + sType + ' (' + oGroups[sType].length + ')</div>';
-      oGroups[sType].forEach(function(c) {
-        sHTML +=
-          '<div class="comp-row">' +
-            '<span class="comp-row-name">' + c.name + '</span>' +
-            '<span class="comp-row-id">' + c.objectid + '</span>' +
-          '</div>';
-      });
-      sHTML += '</div>';
-      iGroupIdx++;
-    });
-    sHTML += '</div>';
-
-    ePanel.innerHTML = sHTML;
-  }
-
-  /* ── Search ───────────────────────────────── */
-  document.getElementById('searchInput').addEventListener('input', function(evt) {
-    var sQuery = evt.target.value.toLowerCase();
-    var aFiltered = aSolutions.filter(function(s) {
-      return s.friendlyname.toLowerCase().indexOf(sQuery) !== -1 ||
-             s.uniquename.toLowerCase().indexOf(sQuery) !== -1;
-    });
-    renderSolutions(aFiltered);
-  });
-
-  /* ── Init ─────────────────────────────────── */
-  renderSolutions(aSolutions);
-</script>
-</body>
-</html>