Merge remote-tracking branch 'origin/main' into 3931-inactive-collaborator-avatar-dissapears-on-the-editor-instead-of-greying-out

Author: stuartc

CHANGELOG.md

@@ -19,15 +19,40 @@ and this project adheres to
 
 ### Changed
 
+### Fixed
+
+- Fix flickering of active collaborator icons between states(active, inactive,
+  unavailable) [#3931](https://github.com/OpenFn/lightning/issues/3931)
+
+## [2.15.0-pre] - 2025-11-20
+
+### Added
+
+- Show collaborators mouse pointers on the workflow canvas
+  [#3810](https://github.com/OpenFn/lightning/issues/3810)
+
+### Changed
+
+- Simplified IDE by only letting users see the "Create a New Manual Run Panel"
+  when an existing Run isn't already loaded. Cleaned up the Run panel.
+  [#4006](https://github.com/OpenFn/lightning/issues/4006)
+- Consolidated RunStore functionality into HistoryStore in collaborative editor
+  for improved state management and reduced complexity
 - Default failure notifications for project users are now disabled to minimize
   email volume [#3517](https://github.com/OpenFn/lightning/issues/3517)
 - Simpler "disabled" state for workflows, still show last mod
   [#3962](https://github.com/OpenFn/lightning/issues/3962)
+- Move user profile to top left corner
+  [#3997](https://github.com/OpenFn/lightning/issues/3997)
+- Collapse breadcrumbs when there are more than 2 of them
+  [#3997](https://github.com/OpenFn/lightning/issues/3997)
 
 ### Fixed
 
-- Fix flickering of active collaborator icons between states(active, inactive,
-  unavailable) [#3931](https://github.com/OpenFn/lightning/issues/3931)
+- Restored footers to inspectors on the canvas while in read only mode
+  [#4018](https://github.com/OpenFn/lightning/issues/4018)
+- Fix vertical scrolling in workflow panels
+  [#3979](https://github.com/OpenFn/lightning/issues/3979)
 - Fix ghost edges blocking saves and breaking autolayout when deleting jobs in
   collaborative editor [#3983](https://github.com/OpenFn/lightning/issues/3983)
 - Fix tooltip styling inconsistencies in collaborative editor

assets/.postcssrc.js

@@ -7,5 +7,5 @@ module.exports = {
     },
     tailwindcss: {},
     autoprefixer: {},
-  }
-}
+  },
+};

assets/css/app.css

@@ -11,10 +11,12 @@
 @source '../deps/petal_components/**/*.{ex,exs}';
 
 @theme {
-  --font-sans: 'Inter var', ui-sans-serif, system-ui, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --font-mono: 'Fira Code VF', ui-monospace, SFMono-Regular, Menlo, Monaco,
-    Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --font-sans:
+    'Inter var', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-mono:
+    'Fira Code VF', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    'Liberation Mono', 'Courier New', monospace;
 
   /* Primary (indigo) colors */
   --color-primary-50: var(--color-indigo-50);
@@ -264,6 +266,10 @@
       background-color: var(--primary-bg-dark);
     }
 
+    .primary-light {
+      color: var(--primary-text-light);
+    }
+
     input#combobox {
       background-color: white;
       color: var(--color-gray-900);

assets/dev-server/src/App.tsx

@@ -1,10 +1,4 @@
-import {
-  useState,
-  useEffect,
-  useCallback,
-  useRef,
-  useMemo,
-} from 'react';
+import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
 
 import WorkflowDiagram from '../../js/workflow-diagram/WorkflowDiagram';
 // import useStore from './store'
@@ -56,7 +50,7 @@ export default () => {
     setHistory(h => [evt, ...h]);
   };
 
-  const [store, setStore] = useState(() => createWorkflowStore({}, () => { }));
+  const [store, setStore] = useState(() => createWorkflowStore({}, () => {}));
 
   const [selectedId, setSelectedId] = useState<string>();
   const ref = useRef(null);

assets/dev-server/src/index.tsx

@@ -1,11 +1,11 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
 
-import App from "./App";
+import App from './App';
 
-new EventSource('/esbuild').addEventListener('change', () => location.reload())
+new EventSource('/esbuild').addEventListener('change', () => location.reload());
 
-const root = createRoot(document.getElementById("root"));
+const root = createRoot(document.getElementById('root'));
 root.render(
   <StrictMode>
     <App />

assets/dev-server/src/main.css

@@ -4,4 +4,4 @@
 
 #root {
   height: 100vh;
-}
+}

assets/fonts/fira-code.css

@@ -40,4 +40,3 @@
   font-weight: 300 700;
   font-style: normal;
 }
-

assets/fonts/inter.css

@@ -1,136 +1,136 @@
 @font-face {
   font-family: 'Inter';
-  font-style:  normal;
+  font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url("Inter-Thin.woff2") format("woff2");
+  src: url('Inter-Thin.woff2') format('woff2');
 }
 @font-face {
   font-family: 'Inter';
-  font-style:  italic;
+  font-style: italic;
   font-weight: 100;
   font-display: swap;
-  src: url("Inter-ThinItalic.woff2") format("woff2");
+  src: url('Inter-ThinItalic.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
-  font-style:  normal;
+  font-style: normal;
   font-weight: 200;
   font-display: swap;
-  src: url("Inter-ExtraLight.woff2") format("woff2");
+  src: url('Inter-ExtraLight.woff2') format('woff2');
 }
 @font-face {
   font-family: 'Inter';
-  font-style:  italic;
+  font-style: italic;
   font-weight: 200;
   font-display: swap;
-  src: url("Inter-ExtraLightItalic.woff2") format("woff2");
+  src: url('Inter-ExtraLightItalic.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
-  font-style:  normal;
+  font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url("Inter-Light.woff2") format("woff2");
+  src: url('Inter-Light.woff2') format('woff2');
 }
 @font-face {
   font-family: 'Inter';
-  font-style:  italic;
+  font-style: italic;
   font-weight: 300;
   font-display: swap;
-  src: url("Inter-LightItalic.woff2") format("woff2");
+  src: url('Inter-LightItalic.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
-  font-style:  normal;
+  font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url("Inter-Regular.woff2") format("woff2");
+  src: url('Inter-Regular.woff2') format('woff2');
 }
 @font-face {
   font-family: 'Inter';
-  font-style:  italic;
+  font-style: italic;
   font-weight: 400;
   font-display: swap;
-  src: url("Inter-Italic.woff2") format("woff2");
+  src: url('Inter-Italic.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
-  font-style:  normal;
+  font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url("Inter-Medium.woff2") format("woff2");
+  src: url('Inter-Medium.woff2') format('woff2');
 }
 @font-face {
   font-family: 'Inter';
-  font-style:  italic;
+  font-style: italic;
   font-weight: 500;
   font-display: swap;
-  src: url("Inter-MediumItalic.woff2") format("woff2");
+  src: url('Inter-MediumItalic.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
-  font-style:  normal;
+  font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url("Inter-SemiBold.woff2") format("woff2");
+  src: url('Inter-SemiBold.woff2') format('woff2');
 }
 @font-face {
   font-family: 'Inter';
-  font-style:  italic;
+  font-style: italic;
   font-weight: 600;
   font-display: swap;
-  src: url("Inter-SemiBoldItalic.woff2") format("woff2");
+  src: url('Inter-SemiBoldItalic.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
-  font-style:  normal;
+  font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url("Inter-Bold.woff2") format("woff2");
+  src: url('Inter-Bold.woff2') format('woff2');
 }
 @font-face {
   font-family: 'Inter';
-  font-style:  italic;
+  font-style: italic;
   font-weight: 700;
   font-display: swap;
-  src: url("Inter-BoldItalic.woff2") format("woff2");
+  src: url('Inter-BoldItalic.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
-  font-style:  normal;
+  font-style: normal;
   font-weight: 800;
   font-display: swap;
-  src: url("Inter-ExtraBold.woff2") format("woff2");
+  src: url('Inter-ExtraBold.woff2') format('woff2');
 }
 @font-face {
   font-family: 'Inter';
-  font-style:  italic;
+  font-style: italic;
   font-weight: 800;
   font-display: swap;
-  src: url("Inter-ExtraBoldItalic.woff2") format("woff2");
+  src: url('Inter-ExtraBoldItalic.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
-  font-style:  normal;
+  font-style: normal;
   font-weight: 900;
   font-display: swap;
-  src: url("Inter-Black.woff2") format("woff2");
+  src: url('Inter-Black.woff2') format('woff2');
 }
 @font-face {
   font-family: 'Inter';
-  font-style:  italic;
+  font-style: italic;
   font-weight: 900;
   font-display: swap;
-  src: url("Inter-BlackItalic.woff2") format("woff2");
+  src: url('Inter-BlackItalic.woff2') format('woff2');
 }
 
 /* -------------------------------------------------------
@@ -148,18 +148,17 @@ Usage:
   font-display: swap;
   font-style: normal;
   font-named-instance: 'Regular';
-  src: url("Inter-roman.var.woff2") format("woff2");
+  src: url('Inter-roman.var.woff2') format('woff2');
 }
 @font-face {
   font-family: 'Inter var';
   font-weight: 100 900;
   font-display: swap;
   font-style: italic;
   font-named-instance: 'Italic';
-  src: url("Inter-italic.var.woff2") format("woff2");
+  src: url('Inter-italic.var.woff2') format('woff2');
 }
 
-
 /* --------------------------------------------------------------------------
 [EXPERIMENTAL] Multi-axis, single variable font.
 
@@ -178,5 +177,5 @@ explicitly, e.g.
   font-weight: 100 900;
   font-display: swap;
   font-style: oblique 0deg 10deg;
-  src: url("Inter.var.woff2") format("woff2");
+  src: url('Inter.var.woff2') format('woff2');
 }