feat: migrate onboarding to beta version, update versioning to 0.3.0, and improve cursor interaction styles

Author: grantiguess

README.md

@@ -1,4 +1,4 @@
-# Redstring - Semantic Knowledge Graph ![App Version](https://img.shields.io/badge/version-v0.2.0-blue) [![GitHub Sponsors](https://img.shields.io/github/sponsors/theredstring?logo=github&label=Sponsor)](https://github.com/sponsors/theredstring)
+# Redstring - Semantic Knowledge Graph ![App Version](https://img.shields.io/badge/version-v0.3.0-blue) [![GitHub Sponsors](https://img.shields.io/github/sponsors/theredstring?logo=github&label=Sponsor)](https://github.com/sponsors/theredstring)
 
 A semantic knowledge graph application that bridges human cognition and machine intelligence through visual node-based interface, W3C semantic web standards, and AI-powered knowledge discovery.
 

data/analytics/sessions.json

@@ -7,7 +7,7 @@
     "lastActivity": 1774675582084,
     "activityCount": 1,
     "ip": "::1",
-    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Redstring/0.2.0 Chrome/142.0.7444.226 Electron/39.2.6 Safari/537.36",
+    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Redstring/0.3.0 Chrome/142.0.7444.226 Electron/39.2.6 Safari/537.36",
     "endedAt": 1774675582084
   }
 }

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "redstring",
   "private": true,
-  "version": "0.2.0",
+  "version": "0.3.0",
   "author": "Grant Eubanks <grant.w.eubanks@gmail.com>",
   "description": "Redstring - A semantic knowledge graph application with visual node-based interface, RDF integration, and AI-powered knowledge discovery",
   "license": "MIT",

package.json

@@ -58,7 +58,7 @@ const toolQueue = new ToolQueue();
 // Create MCP server instance
 const server = new McpServer({
   name: "redstring",
-  version: "0.2.0",
+  version: "0.3.0",
   capabilities: {
     resources: {},
     tools: {},

redstring-mcp-server.js

@@ -74,4 +74,17 @@ body {
     transform: scale(1);
     filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
   }
+}
+
+/* Force pointer cursor on nodes and connections */
+.node, .node:active, .node.dragging {
+  cursor: pointer !important;
+}
+.node * {
+  cursor: inherit !important; /* Allow inner elements to use the pointer cursor */
+}
+
+/* Force pointer cursor on edges */
+.edge-interact, .edge-interact:hover, .edge-interact:active {
+  cursor: pointer !important;
 }

src/NodeCanvas.css

@@ -1127,11 +1127,16 @@ function NodeCanvas() {
           storeActions.setUniverseConnected(true);
           storeActions.setUniverseLoaded(true, false);
           storeActions.setLeftPanelExpanded(true);
+          setShowStorageSetupModal(false); // Close setup modal if it was accidentally opened
+          
+          if (typeof window !== 'undefined') {
+            localStorage.setItem(getStorageKey('redstring-welcome-seen'), 'true');
+          }
           setTimeout(() => { if (leftPanelRef.current) leftPanelRef.current.setActiveView('federation'); }, 100);
         }
         // If NEEDS_ONBOARDING, check if user has skipped setup before
         else if (result.status === 'NEEDS_ONBOARDING') {
-          const welcomeSeen = typeof window !== 'undefined' && localStorage.getItem(getStorageKey('redstring-alpha-welcome-seen')) === 'true';
+          const welcomeSeen = typeof window !== 'undefined' && localStorage.getItem(getStorageKey('redstring-welcome-seen')) === 'true';
 
           if (welcomeSeen) {
             console.log('[NodeCanvas] Onboarding seen but no workspace config. Falling back to browser/auto-connect...');
@@ -1177,7 +1182,9 @@ function NodeCanvas() {
     let hasCompletedOnboarding = false;
     try {
       if (typeof window !== 'undefined') {
-        hasCompletedOnboarding = localStorage.getItem(getStorageKey('redstring-alpha-welcome-seen')) === 'true';
+        const welcomeSeenVar = localStorage.getItem(getStorageKey('redstring-welcome-seen')) === 'true';
+        const fp = localStorage.getItem(getStorageKey('redstring_workspace_folder_path'));
+        hasCompletedOnboarding = welcomeSeenVar || !!fp;
       }
     } catch { }
 
@@ -12801,7 +12808,7 @@ function NodeCanvas() {
 
               // 7. Mark onboarding as complete
               if (typeof window !== 'undefined') {
-                localStorage.setItem(getStorageKey('redstring-alpha-welcome-seen'), 'true');
+                localStorage.setItem(getStorageKey('redstring-welcome-seen'), 'true');
               }
 
               // 8. Close modal and open Panel
@@ -12835,7 +12842,7 @@ function NodeCanvas() {
 
             // Mark onboarding as complete
             if (typeof window !== 'undefined') {
-              localStorage.setItem(getStorageKey('redstring-alpha-welcome-seen'), 'true');
+              localStorage.setItem(getStorageKey('redstring-welcome-seen'), 'true');
             }
 
             // Close storage setup modal

src/NodeCanvas.jsx

@@ -943,7 +943,7 @@ const RedstringMenu = ({
                           onClick={async () => {
                             try {
                               // Clear onboarding flag
-                              localStorage.removeItem(getStorageKey('redstring-alpha-welcome-seen'));
+                              localStorage.removeItem(getStorageKey('redstring-welcome-seen'));
 
                               // Clear folder storage
                               localStorage.removeItem(getStorageKey('redstring_workspace_folder_path'));

src/RedstringMenu.jsx

@@ -4767,7 +4767,7 @@ const UniverseManager = ({ variant = 'panel', onRequestClose }) => {
         </div>
       </Modal>
 
-      {/* Welcome modal removed in favor of existing AlphaOnboardingModal */}
+      {/* Welcome modal removed in favor of existing BetaOnboardingModal */}
 
       {/* Universe File Selection Modal */}
       <Modal

src/UniverseManager.jsx

@@ -3,13 +3,14 @@ import CanvasModal from './CanvasModal';
 import { getStorageKey } from '../utils/storageUtils.js';
 import useViewportBounds from '../hooks/useViewportBounds.js';
 import useGraphStore from '../store/graphStore.jsx';
+import { useTheme } from '../hooks/useTheme.js';
 
 /**
- * Alpha Onboarding Modal
- * A specialized CanvasModal that welcomes users to Redstring's open alpha
- * Inherits all CanvasModal functionality while providing alpha-specific content
+ * Beta Onboarding Modal
+ * A specialized CanvasModal that welcomes users to Redstring's open beta
+ * Inherits all CanvasModal functionality while providing beta-specific content
  */
-const AlphaOnboardingModal = ({
+const BetaOnboardingModal = ({
   isVisible,
   onClose,
   onGetStarted = null,
@@ -20,6 +21,7 @@ const AlphaOnboardingModal = ({
 
   // Connect to store for panel state
   const { leftPanelExpanded, rightPanelExpanded, typeListMode } = useGraphStore();
+  const theme = useTheme();
 
   // Use the shared hook to get accurate available space
   const viewportBounds = useViewportBounds(
@@ -45,7 +47,7 @@ const AlphaOnboardingModal = ({
 
   const handleClose = () => {
     if (typeof window !== 'undefined') {
-      const key = getStorageKey('redstring-alpha-welcome-seen');
+      const key = getStorageKey('redstring-welcome-seen');
       localStorage.setItem(key, 'true');
     }
     onClose();
@@ -80,18 +82,20 @@ const AlphaOnboardingModal = ({
           right: isCompactLayout ? '12px' : '16px',
           background: 'none',
           border: 'none',
-          color: '#666',
+          color: theme.canvas.textPrimary,
+          opacity: 0.6,
           cursor: 'pointer',
           padding: '6px',
           borderRadius: '4px',
           fontSize: '16px',
           fontWeight: 'bold',
           fontFamily: "'EmOne', sans-serif",
           zIndex: 10,
-          touchAction: 'manipulation'
+          touchAction: 'manipulation',
+          transition: 'opacity 0.2s'
         }}
-        onMouseEnter={(e) => e.currentTarget.style.color = '#260000'}
-        onMouseLeave={(e) => e.currentTarget.style.color = '#666'}
+        onMouseEnter={(e) => e.currentTarget.style.opacity = '1'}
+        onMouseLeave={(e) => e.currentTarget.style.opacity = '0.6'}
       >
         ✕
       </button>
@@ -100,7 +104,7 @@ const AlphaOnboardingModal = ({
       <div style={{ textAlign: 'center', marginBottom: isCompactLayout ? '12px' : '16px', flexShrink: 0 }}>
         <h2 style={{
           margin: '0 0 8px 0',
-          color: '#260000',
+          color: theme.canvas.textPrimary,
           fontSize: isCompactLayout ? '1.1rem' : '1.4rem',
           fontWeight: 'bold',
           fontFamily: "'EmOne', sans-serif"
@@ -110,11 +114,12 @@ const AlphaOnboardingModal = ({
         <div style={{
           margin: '0 0 6px 0',
           fontSize: isCompactLayout ? '0.85rem' : '0.9rem',
-          color: '#716C6C',
+          color: theme.canvas.textPrimary,
+          opacity: 0.7,
           fontFamily: "'EmOne', sans-serif",
           fontWeight: '600'
         }}>
-          v0.2.0
+          v0.3.0
         </div>
       </div>
 
@@ -146,21 +151,22 @@ const AlphaOnboardingModal = ({
         <p style={{
           margin: '0 0 24px 0',
           fontSize: isCompactLayout ? '0.85rem' : '0.95rem',
-          color: '#333',
+          color: theme.canvas.textPrimary,
+          opacity: 0.9,
           fontFamily: "'EmOne', sans-serif",
           textAlign: 'center'
         }}>
           A visual thinking tool for building interconnected knowledge through <strong>Things</strong> and <strong>Connections</strong>.
         </p>
 
         <div style={{
-          backgroundColor: '#260000',
+          backgroundColor: theme.darkMode ? 'rgba(255,255,255,0.05)' : 'rgba(139, 0, 0, 0.05)',
           borderRadius: '8px',
           padding: isCompactLayout ? '10px' : '12px',
           marginBottom: '24px',
           fontSize: isCompactLayout ? '0.8rem' : '0.85rem',
-          color: '#EFE8E5',
-          border: '1px solid #260000'
+          color: theme.canvas.textPrimary,
+          border: `1px solid ${theme.canvas.border}`
         }}>
           <strong style={{ fontSize: isCompactLayout ? '0.9rem' : '1rem' }}>Basic Controls:</strong><br />
           • Click and hold to move a Thing<br />
@@ -178,8 +184,8 @@ const AlphaOnboardingModal = ({
             onClick={handleGetStarted}
             style={{
               padding: isCompactLayout ? '12px' : '14px 20px',
-              backgroundColor: '#8B0000',
-              color: '#EFE8E5',
+              backgroundColor: theme.darkMode ? '#EFE8E5' : '#8B0000',
+              color: theme.darkMode ? '#260000' : '#EFE8E5',
               border: 'none',
               borderRadius: '6px',
               cursor: 'pointer',
@@ -197,8 +203,8 @@ const AlphaOnboardingModal = ({
             style={{
               padding: isCompactLayout ? '10px 12px' : '12px 16px',
               backgroundColor: 'transparent',
-              color: '#666',
-              border: '2px solid #ddd',
+              color: theme.canvas.textPrimary,
+              border: `2px solid ${theme.canvas.border}`,
               borderRadius: '6px',
               cursor: 'pointer',
               fontSize: isCompactLayout ? '0.85rem' : '0.9rem',
@@ -243,4 +249,4 @@ const AlphaOnboardingModal = ({
   );
 };
 
-export default AlphaOnboardingModal;
+export default BetaOnboardingModal;