@conduction/docusaurus-preset 3.21.0 → 3.22.0

package/MISSING_COMPONENTS.md

@@ -57,7 +57,7 @@ Most consume one or more primitives.
 - **CookieCli** — `CookieCli/CookieCli.jsx`. Terminal-styled cookie consent banner with localStorage persistence.
 - **ComposeBlock** — `ComposeBlock/ComposeBlock.jsx`. Branded code block (cobalt-900 + Plex Mono + filename pill + copy button). For docker-compose, bash recipes, and any verbatim copy-paste content. Used on `/demo`.
 - **AgentTrace** — `AgentTrace/AgentTrace.jsx`. Terminal-styled agent execution trace with cursor + mode chrome. Specimen: `preview/components/agent-trace.html`.
-- **AppMock** — `AppMock/AppMock.jsx`. Selector that renders one of 16 app-specific UI mockups (DeciDesk, DocuDesk, LarpingApp, MyDash + variants, NLDesign, OpenCatalogi, OpenConnector, OpenRegister, OpenWoo, PipelinQ, Procest, SoftwareCatalog, ZaakAfhandelApp). Each variant lives under `AppMock/variants/`. Specimen: `preview/components/app-mock.html`.
+- **AppMock** — `AppMock/AppMock.jsx`. Selector that renders one of 16 app-specific UI mockups (DeciDesk, DocuDesk, LarpingApp, LaunchPad + variants, NLDesign, OpenCatalogi, OpenConnector, OpenRegister, OpenWoo, PipelinQ, Procest, SoftwareCatalog, ZaakAfhandelApp). Each variant lives under `AppMock/variants/`. Specimen: `preview/components/app-mock.html`.
 - **ExternalAppShelf** — `ExternalAppShelf/ExternalAppShelf.jsx`. Third-party-app shelf (Outlook-style, Mattermost, Keycloak, etc.) used on `/connext`. Specimen: `preview/components/external-app-shelf.html`.
 - **WidgetShelf** — `WidgetShelf/WidgetShelf.jsx`. Widget showcase grid with eyebrow + title + lede + N-column widget cards. Specimen: `preview/components/widget-shelf.html`.
 - **Showcase** — `Showcase/Showcase.jsx`. Multi-item collapsible showcase with screenshot + body. Used on `/commonground` for the "5-lagen model". Specimen: `preview/components/showcase.html`.

package/README.md

@@ -4,7 +4,7 @@ Brand-default Docusaurus 3 config for Conduction sites. Tokens, theme, navbar, f
 
 ## Status
 
-Source lives inside the [design-system monorepo](https://github.com/ConductionNL/design-system); published to npm under the `@conduction` scope as a single package. Install in any product site with `npm i @conduction/docusaurus-preset`. The diagram web-component runtime (`<cn-hex>`, `<cn-platform>`, etc.) ships inside this same package under `@conduction/docusaurus-preset/diagrams` — no separate install needed.
+Source lives inside the [design-system monorepo](https://codeberg.org/Conduction/design-system); published to npm under the `@conduction` scope as a single package. Install in any product site with `npm i @conduction/docusaurus-preset`. The diagram web-component runtime (`<cn-hex>`, `<cn-platform>`, etc.) ships inside this same package under `@conduction/docusaurus-preset/diagrams` — no separate install needed.
 
 ## Brand rules
 
@@ -162,7 +162,7 @@ Then use `createConfig()` in your `docusaurus.config.js` as shown in [Usage](#us
 import '@conduction/docusaurus-preset/diagrams';
 ```
 
-This is how product sites such as `mydash.conduction.nl/docs/...` adopt the brand without copying CSS or theme code, and stay in sync as the design-system evolves.
+This is how product sites such as `launchpad.conduction.nl/docs/...` adopt the brand without copying CSS or theme code, and stay in sync as the design-system evolves.
 
 ## AI-crawler baseline
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/docusaurus-preset",
-  "version": "3.21.0",
+  "version": "3.22.0",
   "scripts": {
     "prepack": "node scripts/prepack-bundle-css.js"
   },
@@ -60,10 +60,10 @@
   "homepage": "https://design-system.conduction.nl/",
   "repository": {
     "type": "git",
-    "url": "https://github.com/ConductionNL/design-system.git",
+    "url": "https://codeberg.org/Conduction/design-system.git",
     "directory": "docusaurus-preset"
   },
   "bugs": {
-    "url": "https://github.com/ConductionNL/design-system/issues"
+    "url": "https://codeberg.org/Conduction/design-system/issues"
   }
 }

package/src/components/AppMock/AppMock.jsx

@@ -14,7 +14,7 @@
  *
  * Usage:
  *
- *   <AppMock app="mydash" />
+ *   <AppMock app="launchpad" />
  *   <AppMock app="openregister" caption />
  *   <AppMock app="decidesk" size="sm" />
  *   <AppMock app="procest" sidebar={<SidebarMock kind="procest-xwiki" />} />
@@ -34,10 +34,11 @@
 import React from 'react';
 import styles from './AppMock.module.css';
 
-import MyDashMock from './variants/MyDashMock.jsx';
-import MyDashTilesMock from './variants/MyDashTilesMock.jsx';
-import MyDashBiMock from './variants/MyDashBiMock.jsx';
-import MyDashWidgetsMock from './variants/MyDashWidgetsMock.jsx';
+import LaunchPadMock from './variants/LaunchPadMock.jsx';
+import LaunchPadTilesMock from './variants/LaunchPadTilesMock.jsx';
+import LaunchPadBiMock from './variants/LaunchPadBiMock.jsx';
+import LaunchPadWidgetsMock from './variants/LaunchPadWidgetsMock.jsx';
+import OpenBuildMock from './variants/OpenBuildMock.jsx';
 import OpenCatalogiMock from './variants/OpenCatalogiMock.jsx';
 import OpenConnectorMock from './variants/OpenConnectorMock.jsx';
 import OpenRegisterMock from './variants/OpenRegisterMock.jsx';
@@ -52,10 +53,11 @@ import SoftwareCatalogMock from './variants/SoftwareCatalogMock.jsx';
 import ZaakAfhandelAppMock from './variants/ZaakAfhandelAppMock.jsx';
 
 const VARIANTS = {
-  mydash:           {Component: MyDashMock,           label: 'MyDash'},
-  'mydash-tiles':   {Component: MyDashTilesMock,      label: 'MyDash · Tiles & grids'},
-  'mydash-bi':      {Component: MyDashBiMock,         label: 'MyDash · BI on registers'},
-  'mydash-widgets': {Component: MyDashWidgetsMock,    label: 'MyDash · Widgets'},
+  launchpad:           {Component: LaunchPadMock,           label: 'LaunchPad'},
+  'launchpad-tiles':   {Component: LaunchPadTilesMock,      label: 'LaunchPad · Tiles & grids'},
+  'launchpad-bi':      {Component: LaunchPadBiMock,         label: 'LaunchPad · BI on registers'},
+  'launchpad-widgets': {Component: LaunchPadWidgetsMock,    label: 'LaunchPad · Widgets'},
+  openbuild:        {Component: OpenBuildMock,        label: 'OpenBuild'},
   opencatalogi:     {Component: OpenCatalogiMock,     label: 'OpenCatalogi'},
   openconnector:    {Component: OpenConnectorMock,    label: 'OpenConnector'},
   openregister:     {Component: OpenRegisterMock,     label: 'OpenRegister'},
@@ -87,7 +89,7 @@ export default function AppMock({app, size = 'md', sidebar = null, caption = fal
   // `.body`, taking the `.detail` slot. SidebarMock children get
   // `embedded: true` so they drop their standalone .smFrame chrome
   // and render as the bare `.detail.rich` panel that slots into
-  // .body. Variants that don't accept a sidebar prop (e.g. MyDash)
+  // .body. Variants that don't accept a sidebar prop (e.g. LaunchPad)
   // ignore it; this keeps the change additive.
   const renderedSidebar = React.isValidElement(sidebar)
     ? React.cloneElement(sidebar, { embedded: true })

package/src/components/AppMock/AppMock.module.css

@@ -70,7 +70,7 @@
    ====================================================================== */
 
 /* Top bar — Nextcloud-style row of small icons + spotlight + bell + avatar.
-   Used by mydash + the three admin variants below.  */
+   Used by launchpad + the three admin variants below.  */
 .am .topbar {
   display: flex;
   align-items: center;
@@ -275,16 +275,16 @@
 .am .actions .btn.ghost { background: white; border: 1px solid var(--c-cobalt-200); }
 
 /* ======================================================================
-   MyDash — full-bleed cobalt background with widget grid
+   LaunchPad — full-bleed cobalt background with widget grid
    ====================================================================== */
 
-.am .mydash {
+.am .launchpad {
   background: linear-gradient(135deg, var(--c-blue-cobalt) 0%, var(--c-cobalt-700) 100%);
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.am .mydash .grid {
+.am .launchpad .grid {
   flex: 1;
   display: grid;
   grid-template-columns: 1fr 1.2fr 1fr 1fr;
@@ -292,8 +292,8 @@
   padding: 12px;
   min-height: 0;
 }
-.am .mydash .col { padding: 0; gap: 8px; }
-.am .mydash .tile {
+.am .launchpad .col { padding: 0; gap: 8px; }
+.am .launchpad .tile {
   background: rgba(255,255,255,0.94);
   border-radius: var(--radius-sm);
   padding: 8px 10px;
@@ -302,7 +302,7 @@
   gap: 4px;
   min-height: 0;
 }
-.am .mydash .tile.primary {
+.am .launchpad .tile.primary {
   background: var(--c-blue-cobalt);
   align-items: center;
   justify-content: center;
@@ -310,22 +310,22 @@
   flex: 1;
   min-height: 50px;
 }
-.am .mydash .tile.primary .icon { width: 22px; height: 25px; clip-path: var(--hex-pointy-top); background: white; }
-.am .mydash .tile.primary .label { height: 5px; width: 50%; background: white; border-radius: 1px; }
-.am .mydash .tile.empty { background: rgba(255,255,255,0.55); flex: 0 0 26%; }
-.am .mydash .tileHead {
+.am .launchpad .tile.primary .icon { width: 22px; height: 25px; clip-path: var(--hex-pointy-top); background: white; }
+.am .launchpad .tile.primary .label { height: 5px; width: 50%; background: white; border-radius: 1px; }
+.am .launchpad .tile.empty { background: rgba(255,255,255,0.55); flex: 0 0 26%; }
+.am .launchpad .tileHead {
   display: flex; align-items: center; gap: 5px;
   margin-bottom: 2px;
 }
-.am .mydash .tileHead .h { width: 9px; height: 9px; border-radius: 1px; background: var(--c-cobalt-400); }
-.am .mydash .tileHead .t { flex: 1; height: 4px; background: var(--c-cobalt-700); border-radius: 1px; }
+.am .launchpad .tileHead .h { width: 9px; height: 9px; border-radius: 1px; background: var(--c-cobalt-400); }
+.am .launchpad .tileHead .t { flex: 1; height: 4px; background: var(--c-cobalt-700); border-radius: 1px; }
 
 /* ==========================================================
    Widget atoms — composable inside any AppMock dashboard
    variant. Each .w-* renders a different small visualisation.
    ========================================================== */
 
-/* Generic widget shell — same as .mydash .tile but reusable
+/* Generic widget shell — same as .launchpad .tile but reusable
    under any dashboard variant. */
 .am .w {
   background: rgba(255, 255, 255, 0.94);

package/src/components/AppMock/variants/{MyDashBiMock.jsx → LaunchPadBiMock.jsx}

@@ -1,5 +1,5 @@
 /**
- * MyDash · BI on registers variant.
+ * LaunchPad · BI on registers variant.
  *
  * Demonstrates the BI-graph angle: any chart you want, drawn directly
  * on a register without ETL. The mock shows four graph cards in a
@@ -10,7 +10,7 @@
 import React from 'react';
 import styles from '../AppMock.module.css';
 
-export default function MyDashBiMock() {
+export default function LaunchPadBiMock() {
   return (
     <>
       <div className={styles.topbar}>
@@ -20,7 +20,7 @@ export default function MyDashBiMock() {
         <div className={styles.bell}></div>
         <div className={styles.avatar}></div>
       </div>
-      <div className={[styles.body, styles.mydash].filter(Boolean).join(' ')}>
+      <div className={[styles.body, styles.launchpad].filter(Boolean).join(' ')}>
         <div className={styles.grid}>
           {/* Column 1: Bar chart on top, line chart below */}
           <div className={styles.col}>

package/src/components/AppMock/variants/{MyDashMock.jsx → LaunchPadMock.jsx}

@@ -1,6 +1,6 @@
 /**
- * MyDash abstract — full-bleed cobalt background with widget grid.
- * Reference: live screenshot at http://localhost:8080/apps/mydash/.
+ * LaunchPad abstract — full-bleed cobalt background with widget grid.
+ * Reference: live screenshot at http://localhost:8080/apps/launchpad/.
  *
  * Layout: top app strip + 4-column grid where col 1 stacks small + big
  * primary tiles (Intranet / Calendar / Files), cols 2-4 hold info
@@ -10,7 +10,7 @@
 import React from 'react';
 import styles from '../AppMock.module.css';
 
-export default function MyDashMock() {
+export default function LaunchPadMock() {
   return (
     <>
       <div className={styles.topbar}>
@@ -20,7 +20,7 @@ export default function MyDashMock() {
         <div className={styles.bell}></div>
         <div className={styles.avatar}></div>
       </div>
-      <div className={[styles.body, styles.mydash].filter(Boolean).join(' ')}>
+      <div className={[styles.body, styles.launchpad].filter(Boolean).join(' ')}>
         <div className={styles.grid}>
           {/* Column 1: small + big primary tiles */}
           <div className={styles.col}>

package/src/components/AppMock/variants/{MyDashTilesMock.jsx → LaunchPadTilesMock.jsx}

@@ -1,5 +1,5 @@
 /**
- * MyDash · Tiles & Grids variant.
+ * LaunchPad · Tiles & Grids variant.
  *
  * Demonstrates the Nextcloud-integration angle: large hex-icon
  * launcher tiles that deeplink inside Nextcloud, link out to external
@@ -12,7 +12,7 @@
 import React from 'react';
 import styles from '../AppMock.module.css';
 
-export default function MyDashTilesMock() {
+export default function LaunchPadTilesMock() {
   return (
     <>
       <div className={styles.topbar}>
@@ -22,7 +22,7 @@ export default function MyDashTilesMock() {
         <div className={styles.bell}></div>
         <div className={styles.avatar}></div>
       </div>
-      <div className={[styles.body, styles.mydash].filter(Boolean).join(' ')}>
+      <div className={[styles.body, styles.launchpad].filter(Boolean).join(' ')}>
         <div className={styles.grid}>
           {/* Column 1: Launcher tiles in cobalt + KNVB */}
           <div className={styles.col}>

package/src/components/AppMock/variants/{MyDashWidgetsMock.jsx → LaunchPadWidgetsMock.jsx}

@@ -1,5 +1,5 @@
 /**
- * MyDash · Widget integration variant.
+ * LaunchPad · Widget integration variant.
  *
  * Demonstrates the cross-app widget angle: any Conduction app that
  * registers a Nextcloud dashboard widget shows up here. The mock
@@ -16,7 +16,7 @@
 import React from 'react';
 import styles from '../AppMock.module.css';
 
-export default function MyDashWidgetsMock() {
+export default function LaunchPadWidgetsMock() {
   return (
     <>
       <div className={styles.topbar}>
@@ -26,7 +26,7 @@ export default function MyDashWidgetsMock() {
         <div className={styles.bell}></div>
         <div className={styles.avatar}></div>
       </div>
-      <div className={[styles.body, styles.mydash].filter(Boolean).join(' ')}>
+      <div className={[styles.body, styles.launchpad].filter(Boolean).join(' ')}>
         <div className={styles.grid}>
           {/* Column 1: Procest werkvoorraad + DocuDesk upload */}
           <div className={styles.col}>

package/src/components/AppMock/variants/OpenBuildMock.jsx

@@ -0,0 +1,105 @@
+/**
+ * OpenBuild abstract — three-pane citizen-developer app builder: left
+ * builder nav + centre dashboard + right manifest/detail rail.
+ * Reference: live screenshot at http://localhost:8080/apps/openbuild/.
+ *
+ * Centre is the canonical "Dashboard" view: a KPI strip (Virtual apps /
+ * Published / Templates / Versions) over two panels — a virtual-app card
+ * list ("Virtual apps") and a template-catalogue list ("Templates").
+ * Right rail abstracts the per-app manifest/schema editor.
+ */
+
+import React from 'react';
+import styles from '../AppMock.module.css';
+
+export default function OpenBuildMock({ sidebar = null }) {
+  return (
+    <>
+      <div className={styles.topbar}>
+        <div className={styles.logo}></div>
+        {Array.from({length: 14}).map((_, i) => <div key={i} className={styles.icon}></div>)}
+        <div className={styles.spacer}></div>
+        <div className={styles.bell}></div>
+        <div className={styles.avatar}></div>
+      </div>
+      <div className={[styles.body, styles.openbuild].filter(Boolean).join(' ')}>
+        {/* Left builder nav: Dashboard · Virtual apps · Schemas · Templates · Exports */}
+        <div className={styles.nav}>
+          <div className={styles.navHead}>
+            <div className={styles.h}></div>
+            <div className={styles.l}></div>
+          </div>
+          {[true, false, false, false, false].map((active, i) => (
+            <div key={i} className={[styles.item, active && styles.active].filter(Boolean).join(' ')}>
+              <div className={styles.ico}></div>
+              <div className={styles.l}></div>
+            </div>
+          ))}
+        </div>
+        {/* Centre: builder dashboard */}
+        <div className={styles.col}>
+          {/* KPI strip: Virtual apps / Published / Templates / Versions */}
+          <div className={styles.kpiRow}>
+            <div className={styles.kpi}>
+              <div className={styles.ico}></div>
+              <div className={styles.meta}><div className={styles.num}></div><div className={styles.label}></div></div>
+            </div>
+            <div className={[styles.kpi, styles.forest].join(' ')}>
+              <div className={styles.ico}></div>
+              <div className={styles.meta}><div className={styles.num}></div><div className={styles.label}></div></div>
+            </div>
+            <div className={[styles.kpi, styles.amber].join(' ')}>
+              <div className={styles.ico}></div>
+              <div className={styles.meta}><div className={styles.num}></div><div className={styles.label}></div></div>
+            </div>
+            <div className={[styles.kpi, styles.lavender].join(' ')}>
+              <div className={styles.ico}></div>
+              <div className={styles.meta}><div className={styles.num}></div><div className={styles.label}></div></div>
+            </div>
+          </div>
+          {/* Virtual-app card list + template catalogue */}
+          <div className={styles.panelRow}>
+            <div className={styles.panel}>
+              <div className={styles.head}><div className={styles.title}></div></div>
+              <div className={styles.stack}>
+                {['b','d','a','c'].map((cls, i) => (
+                  <div key={i} className={styles.item}>
+                    <div className={[styles.av, styles[cls]].join(' ')}></div>
+                    <div className={styles.lines}><div className={styles.l1}></div><div className={styles.l2}></div></div>
+                  </div>
+                ))}
+              </div>
+            </div>
+            <div className={styles.panel}>
+              <div className={styles.head}><div className={styles.title}></div></div>
+              <div className={styles.stack}>
+                {[0,1,2,3].map(i => (
+                  <div key={i} className={styles.item}>
+                    <div className={styles.lines}><div className={styles.l1}></div></div>
+                  </div>
+                ))}
+              </div>
+            </div>
+          </div>
+        </div>
+        {/* Right rail: per-app manifest / schema editor. When AppMock passes
+            a `sidebar` prop it renders there instead of this placeholder. */}
+        {sidebar || (
+          <div className={styles.detail}>
+            <div className={styles.row + ' ' + styles.head}></div>
+            <div className={styles.row}></div>
+            <div className={styles.row + ' ' + styles.short}></div>
+            <div style={{height: 8}}></div>
+            <div className={styles.row + ' ' + styles.head}></div>
+            <div className={styles.row + ' ' + styles.dark}></div>
+            <div className={styles.row}></div>
+            <div className={styles.row}></div>
+            <div className={styles.row + ' ' + styles.short}></div>
+            <div className={styles.row + ' ' + styles.accent}></div>
+            <div className={styles.row + ' ' + styles.short}></div>
+          </div>
+        )}
+      </div>
+    </>
+  );
+}

package/src/components/DetailHero/DetailHero.jsx

@@ -21,22 +21,22 @@
  * Usage:
  *
  *   <DetailHero
- *     appId="mydash"
- *     crumb={[{label: 'Apps', href: '/apps'}, 'MyDash']}
+ *     appId="launchpad"
+ *     crumb={[{label: 'Apps', href: '/apps'}, 'LaunchPad']}
  *     status={{label: 'Beta', color: 'var(--c-orange-knvb)'}}
  *     version="v0.9"
  *     locales="NL · EN"
- *     title="MyDash"
+ *     title="LaunchPad"
  *     tagline="..."
  *     primaryCta={{label: 'Install from app store', href: '/install'}}
  *     icon={<svg>...</svg>}
  *     iconColor="var(--c-blue-cobalt)"
- *     illustration={<AppMock app="mydash" />}
+ *     illustration={<AppMock app="launchpad" />}
  *   />
  *
  * Each cta object also accepts `tone: "orange"` to flip the primary
  * (or secondary) variant to the KNVB-orange accent. Reserved for
- * product pages with an orange-leaning brand identity (mydash).
+ * product pages with an orange-leaning brand identity (launchpad).
  *
  * `background="cobalt"` paints the hero in a full-bleed cobalt panel
  * with white type — the product-page identity used on the

package/src/components/MockScene/MockScene.module.css

@@ -25,9 +25,9 @@
      component from the item's x/y/z values. */
 }
 
-/* Widgets inside a scene drop their MyDash-style cobalt-900 dashboard
+/* Widgets inside a scene drop their LaunchPad-style cobalt-900 dashboard
    chrome. WidgetMock by default frames its tile in dark cobalt to
-   simulate "this widget is sitting on a MyDash board"; that read is
+   simulate "this widget is sitting on a LaunchPad board"; that read is
    useful in widget-mock.html (the kit context) but inside a scene the
    surrounding card already provides context, and the dark frame just
    reads as a heavy border. So inside .sceneItem the .wmFrame becomes

package/src/components/PartnerCard/PartnerCard.jsx

@@ -32,7 +32,7 @@
  *       name="YARD"
  *       logo="/img/partners/yard.png"
  *       summary={<>Digital design- en development-bureau uit Utrecht...</>}
- *       apps={['MyDash', 'OpenCatalogi']}
+ *       apps={['LaunchPad', 'OpenCatalogi']}
  *     />
  *     <BecomePartner href="/partners/become" />
  *   </PartnerGrid>

package/src/components/Pipeline/Pipeline.jsx

@@ -13,7 +13,7 @@
  *   mint        integrate / connect    (OpenConnector)
  *   forest      data / registers       (OpenRegister)
  *   terracotta  documents / search     (OpenCatalogi)
- *   lavender    process / views        (MyDash)
+ *   lavender    process / views        (LaunchPad)
  *   workspace   Nextcloud workspace    (centre platform hex)
  *
  * Sources / consumers end-boxes use <IconList />, also exported on its
@@ -77,7 +77,7 @@ function inferFamily(name) {
   if (n.includes('connector')) return 'mint';
   if (n.includes('register')) return 'forest';
   if (n.includes('catalog')) return 'terracotta';
-  if (n.includes('mydash') || n.includes('dashboard')) return 'lavender';
+  if (n.includes('launchpad') || n.includes('dashboard')) return 'lavender';
   if (n.includes('nextcloud') || n.includes('workspace') || n.includes('platform')) return 'workspace';
   return 'forest';
 }

package/src/components/PlatformOverview/PlatformOverview.module.css

@@ -6,7 +6,7 @@
 .section {
   background: white;
   /* Bottom padding deliberately lighter than top: the diagram's
-     orange-dashed flow lines around OpenBuilt extend visually below
+     orange-dashed flow lines around OpenBuild extend visually below
      the last text label, so the section already has ~80px of optical
      trailing space from the diagram itself before any padding kicks
      in. Top stays at 96px to keep the rhythm coming in from the

package/src/components/Showcase/Showcase.jsx

@@ -30,7 +30,7 @@
  *         id: 'open',
  *         title: 'Open by default.',
  *         summary: 'Every line is EUPL-1.2 on GitHub.',
- *         cta: {label: 'Browse on GitHub', href: 'https://github.com/ConductionNL'},
+ *         cta: {label: 'Browse on GitHub', href: 'https://codeberg.org/Conduction'},
  *         panel: <AppMock app="opencatalogi" />,
  *       },
  *       ...

package/src/components/WidgetMock/WidgetMock.jsx

@@ -12,8 +12,8 @@
  * about a single integration point.
  *
  * Visual reference: every Conduction widget renders against a dashboard
- * background (cobalt-900 in MyDash, white in stock Nextcloud). The
- * WidgetMock chrome is cobalt to match MyDash since most Conduction
+ * background (cobalt-900 in LaunchPad, white in stock Nextcloud). The
+ * WidgetMock chrome is cobalt to match LaunchPad since most Conduction
  * widgets are built for that surface; the same widget atoms render
  * fine on white when reused there.
  *

package/src/components/WidgetMock/WidgetMock.module.css

@@ -5,7 +5,7 @@
  * .w-decks, .w-rss, .w-jira, .w-video, .w-upload, .w-werkvoorraad,
  * .w-launcher, .w-subgrid, .w-graph-bar / .w-graph-line / .w-graph-donut)
  * live in AppMock/AppMock.module.css under the `.am` parent scope.
- * They were authored there because MyDash variants render dashboard
+ * They were authored there because LaunchPad variants render dashboard
  * grids full of them. WidgetMock standalonises a single widget:
  * same atoms, new chrome.
  *

package/src/components/WidgetShelf/WidgetShelf.jsx

@@ -8,7 +8,7 @@
  * the moment this app is installed".
  *
  * Each Conduction app that registers a Nextcloud-dashboard widget
- * shows up automatically in MyDash; this section makes that promise
+ * shows up automatically in LaunchPad; this section makes that promise
  * concrete by drawing the widgets the app actually contributes.
  *
  * Usage in MDX:

package/src/components/primitives/Button.jsx

@@ -19,7 +19,7 @@
  *
  * Tone (optional): override the primary/secondary fill colour. The
  * brand default is cobalt; product pages with an orange-accent identity
- * (e.g. mydash) pass `tone="orange"` to flip the primary CTA to
+ * (e.g. launchpad) pass `tone="orange"` to flip the primary CTA to
  * KNVB-orange while keeping the rest of the brand chrome intact.
  *
  * Icon (optional): pass a key from icons.jsx (e.g. `"github"`) or a
@@ -34,7 +34,7 @@
  *   <Button
  *     variant="on-dark-tertiary"
  *     icon="github"
- *     href="https://github.com/ConductionNL/shillinq"
+ *     href="https://codeberg.org/Conduction/shillinq"
  *   >View on GitHub</Button>
  */
 

package/src/components/primitives/Button.module.css

@@ -123,7 +123,7 @@
 
 /* Tone modifier for the primary variant. The brand default is the
    cobalt fill above; product pages with an orange-accent identity
-   (mydash is the first) opt in by passing tone="orange". The brand
+   (launchpad is the first) opt in by passing tone="orange". The brand
    rule "one orange accent per screen" still applies; this just lets
    the screen's single accent live on the primary CTA instead of
    elsewhere. */

package/src/data/apps-registry.js

@@ -31,7 +31,7 @@ export const APPS_REGISTRY = {
   openregister:    {slug: 'openregister',    name: 'OpenRegister',     category: 'Data',        productHref: '/apps/openregister',    docsHref: 'https://docs.conduction.nl/openregister',    academyHref: '/academy?app=openregister'},
   openconnector:   {slug: 'openconnector',   name: 'OpenConnector',    category: 'Connectors',  productHref: '/apps/openconnector',   docsHref: 'https://docs.conduction.nl/openconnector',   academyHref: '/academy?app=openconnector'},
   docudesk:        {slug: 'docudesk',        name: 'DocuDesk',         category: 'Documents',   productHref: '/apps/docudesk',        docsHref: 'https://docs.conduction.nl/docudesk',        academyHref: '/academy?app=docudesk'},
-  mydash:          {slug: 'mydash',          name: 'MyDash',           category: 'Dashboards',  productHref: '/apps/mydash',          docsHref: 'https://docs.conduction.nl/mydash',          academyHref: '/academy?app=mydash'},
+  launchpad:       {slug: 'launchpad',       name: 'LaunchPad',        category: 'Dashboards',  productHref: '/apps/launchpad',       docsHref: 'https://launchpad.conduction.nl',                 academyHref: '/academy?app=launchpad'},
   zaakafhandelapp: {slug: 'zaakafhandelapp', name: 'ZaakAfhandelApp',  category: 'Processes',   productHref: '/apps/zaakafhandelapp', docsHref: 'https://docs.conduction.nl/zaakafhandelapp', academyHref: '/academy?app=zaakafhandelapp'},
   pipelinq:        {slug: 'pipelinq',        name: 'PipelinQ',         category: 'Processes',   productHref: '/apps/pipelinq',        docsHref: 'https://docs.conduction.nl/pipelinq',        academyHref: '/academy?app=pipelinq'},
   procest:         {slug: 'procest',         name: 'Procest',          category: 'Processes',   productHref: '/apps/procest',         docsHref: 'https://docs.conduction.nl/procest',         academyHref: '/academy?app=procest'},
@@ -40,7 +40,7 @@ export const APPS_REGISTRY = {
   larpingapp:      {slug: 'larpingapp',      name: 'LarpingApp',       category: 'Processes',   productHref: '/apps/larpingapp',      docsHref: 'https://docs.conduction.nl/larpingapp',      academyHref: '/academy?app=larpingapp'},
   nldesign:        {slug: 'nldesign',        name: 'NLDesign',         category: 'Documents',   productHref: '/apps/nldesign',        docsHref: 'https://docs.conduction.nl/nldesign',        academyHref: '/academy?app=nldesign'},
   shillinq:        {slug: 'shillinq',        name: 'Shillinq',         category: 'Processes',   productHref: '/apps/shillinq',        docsHref: 'https://docs.conduction.nl/shillinq',        academyHref: '/academy?app=shillinq'},
-  openbuilt:       {slug: 'openbuilt',       name: 'OpenBuilt',        category: 'Processes',   productHref: '/apps/openbuilt',       docsHref: 'https://docs.conduction.nl/openbuilt',       academyHref: '/academy?app=openbuilt'},
+  openbuild:       {slug: 'openbuild',       name: 'OpenBuild',        category: 'Processes',   productHref: '/apps/openbuild',       docsHref: 'https://docs.conduction.nl/openbuild',       academyHref: '/academy?app=openbuild'},
   doriath:         {slug: 'doriath',         name: 'Doriath',          category: 'Connectors',  productHref: '/apps/doriath',         docsHref: 'https://docs.conduction.nl/doriath',         academyHref: '/academy?app=doriath'},
   'app-versions':  {slug: 'app-versions',    name: 'App Versions',     category: 'Data',        productHref: '/apps/app-versions',    docsHref: 'https://docs.conduction.nl/app-versions',    academyHref: '/academy?app=app-versions'},
 };
@@ -87,7 +87,7 @@ export function getApps(slugs = []) {
 }
 
 /**
- * Resolve a display-name (e.g. "OpenCatalogi", "DocuDesk", "MyDash")
+ * Resolve a display-name (e.g. "OpenCatalogi", "DocuDesk", "LaunchPad")
  * to its product page href, or undefined when the name is not in the
  * registry. Used by partner cards / sidecards to turn the apps-shipped
  * chip row into a clickable link list. Names like "Nextcloud" that

package/src/diagrams/README.md

@@ -4,7 +4,7 @@ Brand-strict diagram primitives for Conduction and ConNext, as framework-agnosti
 
 ## Status
 
-Pre-release, scaffolded inside the `design-system` repo. The future home is tracked in [design-system#2](https://github.com/ConductionNL/design-system/issues/2).
+Pre-release, scaffolded inside the `design-system` repo. The future home is tracked in [design-system#2](https://codeberg.org/Conduction/design-system/issues/2).
 
 ## Why
 

package/src/index.js

@@ -128,7 +128,7 @@ const BRAND_ORGANIZATION_JSONLD = {
     value: '76741850',
   },
   sameAs: [
-    'https://github.com/ConductionNL',
+    'https://codeberg.org/Conduction',
     'https://www.linkedin.com/company/conduction/',
   ],
 };
@@ -362,7 +362,7 @@ const baseNavbar = (siteName, repoUrl) => ({
   items: [
     { type: 'custom-versionPill', position: 'right' },
     { type: 'custom-apiDocs', position: 'right' },
-    { type: 'custom-github', href: repoUrl || 'https://github.com/ConductionNL', position: 'right' },
+    { type: 'custom-github', href: repoUrl || 'https://codeberg.org/Conduction', position: 'right' },
     { type: 'localeDropdown', position: 'right' },
   ],
 });
@@ -583,7 +583,7 @@ function createConfig(opts) {
              { wordmark: 'X' } -> single custom brand
              { brands: [{wordmark, logo, href}, ...] } -> dual-brand row,
                           rendered side by side. Used by product pages
-                          built jointly with a partner (mydash + Sendent
+                          built jointly with a partner (launchpad + Sendent
                           is the first case). */
         footerBrand: opts.footerBrand || null,
         /* Legal-bar links (Privacy / Terms / ISO) plus the two ISO

package/src/plugins/features-page.js

@@ -4,7 +4,7 @@
  * Adds a `/features` route to every Conduction docs site, backed by the
  * `docs/features.json` artefact regenerated from `openspec/specs/` by the
  * org-wide Features Extract workflow stage
- * (https://github.com/ConductionNL/.github/blob/main/.github/workflows/quality.yml).
+ * (https://codeberg.org/Conduction/.github/src/branch/main/.github/workflows/quality.yml).
  *
  * The route renders the brand `<FeaturesPage />` component, which in turn
  * maps each entry to a `<FeatureItem>` inside `<FeatureGrid>`. Every entry

package/src/theme/Footer/index.jsx

@@ -88,8 +88,8 @@ export default function Footer() {
      `themeConfig.footerBrand = { wordmark: '...' }`, or render a dual
      brand row via `{ brands: [{wordmark, logo, href}, ...] }` for
      product pages co-branded with a partner. The legacy fallback to
-     `navbar.title` was misleading on product-page footers (mydash
-     showing "MyDash" rather than "Conduction"); the company-anchor
+     `navbar.title` was misleading on product-page footers (launchpad
+     showing "LaunchPad" rather than "Conduction"); the company-anchor
      reading wins. */
   const brand = brandFor(location.pathname, navbar?.title);
   const defaultWordmark = footerBrand?.wordmark || 'Conduction';
@@ -389,7 +389,7 @@ export default function Footer() {
                 </span>
               </div>
               <div className="socials">
-                <a href="https://github.com/ConductionNL" aria-label="GitHub" target="_blank" rel="noopener noreferrer">
+                <a href="https://codeberg.org/Conduction" aria-label="GitHub" target="_blank" rel="noopener noreferrer">
                   <svg viewBox="0 0 24 24" aria-hidden="true">
                     <path className="filled" d="M12 2a10 10 0 0 0-3.16 19.49c.5.09.68-.22.68-.48v-1.7c-2.78.6-3.37-1.34-3.37-1.34-.45-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.61.07-.61 1 .07 1.53 1.04 1.53 1.04.9 1.53 2.36 1.09 2.93.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.09.39-1.98 1.03-2.68-.1-.25-.45-1.27.1-2.65 0 0 .84-.27 2.75 1.02a9.6 9.6 0 0 1 5 0c1.91-1.29 2.75-1.02 2.75-1.02.55 1.38.2 2.4.1 2.65.64.7 1.03 1.59 1.03 2.68 0 3.84-2.34 4.69-4.57 4.93.36.31.68.92.68 1.86v2.76c0 .27.18.58.69.48A10 10 0 0 0 12 2z"/>
                   </svg>

package/src/theme/Navbar/index.jsx

@@ -93,7 +93,7 @@ function NavItem({item, location, appVersion}) {
   if (typeIs(item, 'github')) {
     return (
       <a
-        href={item.href || 'https://github.com/ConductionNL'}
+        href={item.href || 'https://codeberg.org/Conduction'}
         className={styles.iconLink}
         target="_blank"
         rel="noopener noreferrer"

package/static/lib/hex-rain.js

@@ -11,7 +11,7 @@
       /* 1 Register */  '<rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18M9 4v16"/>',
       /* 2 Connector */ '<circle cx="6" cy="12" r="3"/><circle cx="18" cy="6" r="3"/><circle cx="18" cy="18" r="3"/><path d="M9 12h9M9 12l9-6M9 12l9 6"/>',
       /* 3 DocuDesk */  '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/>',
-      /* 4 MyDash */    '<rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/>',
+      /* 4 LaunchPad */    '<rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/>',
       /* 5 AI Bridge */ '<path d="M12 2a4 4 0 0 0-4 4v3"/><rect x="6" y="9" width="12" height="13" rx="2"/>',
       /* 6 Pipeline */  '<path d="M4 7h6l4 5h6"/><path d="M4 17h6l4-5"/>',
       /* 7 Calendar */  '<rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 10h18M8 3v4M16 3v4"/>',
@@ -22,7 +22,7 @@
     ];
     const APP_NAMES = [
       'OpenCatalogi', 'OpenRegister', 'OpenConnector', 'DocuDesk',
-      'MyDash', 'AI Bridge', 'PipelinQ', 'OpenCalendar',
+      'LaunchPad', 'AI Bridge', 'PipelinQ', 'OpenCalendar',
       'OpenSAML', 'OpenMail', 'NextCloud', 'OpenZaak',
     ];
     const APP_COUNT = ICONS.length;

package/static/lib/platform-diagram.css

@@ -412,7 +412,7 @@ platform-diagram .box-wrap.app-builder {
 
 /* App Builder list: when a COMING SOON-style badge is attached we treat the
    cluster as a placeholder (dashed border, faded text). When no badge is
-   set the cluster styles like every other list — OpenBuilt is a real app. */
+   set the cluster styles like every other list — OpenBuild is a real app. */
 platform-diagram .box-wrap.app-builder.has-badge .box {
   border-style: dashed;
   background: var(--c-cobalt-50);