Merge pull request #7 from off-grid-ai/release-core

release-core → main (0.0.26): auto-update migration, starfield, Settings accordions, Pro plan, DevTools-off

Author: alichherawalla

.github/workflows/release.yml

@@ -103,3 +103,15 @@ jobs:
           npx electron-builder --mac \
             -c.dmg.artifactName='OffGrid-${version}.${ext}' \
             --publish always
+      - name: Migrate legacy Pro update channel (publish pro-mac.yml)
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          VERSION: ${{ needs.version.outputs.version }}
+        run: |
+          # Older Pro builds poll a SEPARATE channel (pro-mac.yml); the single build
+          # now publishes only the default latest-mac.yml. Upload a copy as
+          # pro-mac.yml (identical - same signed zip + version) so those installs see
+          # this release, auto-update, and land on the default channel. After that
+          # they follow latest-mac.yml. One-time bridge so no Pro user is orphaned.
+          cp dist/latest-mac.yml dist/pro-mac.yml
+          gh release upload "v$VERSION" dist/pro-mac.yml --clobber

e2e/tour.spec.ts

@@ -52,20 +52,30 @@ test('Models: merged tab + use-cases + import', async () => {
 
 test('Settings: setup, resource modes, storage, data & privacy all render', async () => {
   await nav('Settings');
+  // Sections are collapsed accordions — the titles (headings) are always visible;
+  // expand a card to reveal its body before asserting the body content.
   await expect(page.getByRole('heading', { name: 'Setup & health' })).toBeVisible();
+  await expect(page.getByRole('heading', { name: 'Data & privacy' })).toBeVisible();
+
+  await page.getByRole('button', { name: /Setup & health/ }).click(); // expand
   await expect(page.getByText('Configure it for me')).toBeVisible();
   // The resource-mode selector now lives inside the Configure card.
   for (const m of ['Conservative', 'Balanced', 'Extreme']) {
     // The mode button's accessible name includes its description, so match by substring.
     await expect(page.getByRole('button', { name: m }).first()).toBeVisible();
   }
-  await expect(page.getByRole('heading', { name: 'Data & privacy' })).toBeVisible();
+
+  await page.getByRole('button', { name: /Data & privacy/ }).click(); // expand
   await expect(page.getByText('Screen captures')).toBeVisible();
   await expect(page.getByText('Your data on this device')).toBeVisible();
 });
 
 test('Resource mode is selectable (Conservative)', async () => {
+  // Ensure the Setup & health accordion is expanded (the modes live in its body).
   const cons = page.getByRole('button', { name: 'Conservative' }).first();
+  if (!(await cons.isVisible().catch(() => false))) {
+    await page.getByRole('button', { name: /Setup & health/ }).click();
+  }
   await cons.click();
   await expect(cons).toHaveAttribute('aria-pressed', 'true');
 });

src/main/index.ts

@@ -82,7 +82,8 @@ function createWindow(): void {
       preload: join(__dirname, '../preload/index.js'),
       sandbox: false, // REQUIRED for IPC
       contextIsolation: true,
-      plugins: true // Chromium's built-in PDF viewer (chat attachment viewer) needs this
+      plugins: true, // Chromium's built-in PDF viewer (chat attachment viewer) needs this
+      devTools: is.dev // no inspector in the packaged/production build (tamper-proofing)
     }
   })
 

src/renderer/src/App.tsx

@@ -23,6 +23,7 @@ import { NotificationProvider, useNotifications } from './hooks/useNotifications
 import { ReprocessingProvider, useReprocessing } from './hooks/useReprocessing';
 import { useState, useEffect, useCallback, useRef } from 'react';
 import { GridBackdrop } from './components/ui/grid-backdrop';
+import { StarfieldBackdrop } from './components/ui/starfield-backdrop';
 import { Sidebar, SidebarBody } from './components/ui/sidebar';
 import { NavThemeToggle } from './components/ThemeToggle';
 import { motion, AnimatePresence } from 'motion/react';
@@ -562,8 +563,10 @@ function AppContent() {
           )}
         </button>
       )}
-      {/* Background — flat Off Grid terminal grid (theme-aware) */}
+      {/* Background — flat Off Grid terminal grid (theme-aware), with a dark-mode
+          starfield + periodic shooting star layered on top. */}
       <GridBackdrop className="z-0" />
+      <StarfieldBackdrop className="z-0" />
 
       <div className="flex h-full relative z-10">
         {/* Aceternity Sidebar */}

src/renderer/src/assets/main.css

@@ -327,4 +327,51 @@ code {
   .actions {
     display: none;
   }
-}
+}
+/* Starry-night backdrop (dark mode only): a periodic emerald shooting star that
+   streaks across the upper area, layered over the terminal grid. Static star dots
+   live on StarfieldBackdrop; this is just the animation. Pure CSS, no deps. */
+@keyframes og-shooting-star {
+  0%   { transform: translate3d(0, 0, 0) rotate(32deg); opacity: 0; }
+  4%   { opacity: 1; }
+  16%  { opacity: 1; }
+  20%  { transform: translate3d(900px, 560px, 0) rotate(32deg); opacity: 0; }
+  100% { transform: translate3d(900px, 560px, 0) rotate(32deg); opacity: 0; }
+}
+.og-shooting-star {
+  position: absolute;
+  top: 7%;
+  left: 10%;
+  width: 88px;
+  height: 1px;
+  background: linear-gradient(90deg, rgba(52, 211, 153, 0.9), rgba(52, 211, 153, 0));
+  filter: drop-shadow(0 0 6px rgba(52, 211, 153, 0.45));
+  opacity: 0;
+  animation: og-shooting-star 12s ease-in 4s infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+  .og-shooting-star { animation: none; display: none; }
+}
+
+/* Static star field — themeable so it reads in BOTH modes: dark dots on light,
+   bright dots on dark. Tiled radial-gradients, repeated across the viewport. */
+.og-starfield {
+  background-image:
+    radial-gradient(1.5px 1.5px at 30px 40px, rgba(0,0,0,0.55), transparent),
+    radial-gradient(1px 1px at 110px 90px, rgba(0,0,0,0.42), transparent),
+    radial-gradient(1.5px 1.5px at 170px 28px, rgba(0,0,0,0.50), transparent),
+    radial-gradient(2px 2px at 70px 158px, rgba(0,0,0,0.50), transparent),
+    radial-gradient(1px 1px at 150px 192px, rgba(0,0,0,0.38), transparent),
+    radial-gradient(1px 1px at 205px 120px, rgba(0,0,0,0.45), transparent);
+  background-size: 220px 220px;
+  background-repeat: repeat;
+}
+[data-theme="dark"] .og-starfield {
+  background-image:
+    radial-gradient(1.5px 1.5px at 30px 40px, rgba(255,255,255,0.95), transparent),
+    radial-gradient(1px 1px at 110px 90px, rgba(255,255,255,0.70), transparent),
+    radial-gradient(1px 1px at 170px 28px, rgba(255,255,255,0.85), transparent),
+    radial-gradient(2px 2px at 70px 158px, rgba(255,255,255,0.90), transparent),
+    radial-gradient(1px 1px at 150px 192px, rgba(255,255,255,0.60), transparent),
+    radial-gradient(1px 1px at 205px 120px, rgba(255,255,255,0.78), transparent);
+}