release: v1.3.6

Author: FFatTiger

claudecode-plugin/.claude-plugin/marketplace.json

@@ -8,12 +8,12 @@
     {
       "name": "lore",
       "description": "Long-term Lore memory for AI agents — fixed boot baseline, recall injection, and MCP tools",
-      "version": "1.3.5-pre.2",
+      "version": "1.3.6",
       "source": "./",
       "author": {
         "name": "FFatTiger"
       }
     }
   ],
-  "version": "1.3.5"
+  "version": "1.3.6"
 }

claudecode-plugin/.claude-plugin/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "lore",
   "description": "Long-term Lore memory for AI agents — fixed boot baseline, recall injection, and MCP tools",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "author": {
     "name": "FFatTiger"
   },

codex-plugin/.codex-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "lore",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "Long-term Lore memory for Codex via MCP tools, skills, and bundled lifecycle hooks.",
   "author": {
     "name": "FFatTiger"

openclaw-plugin/openclaw.plugin.json

@@ -2,7 +2,7 @@
   "id": "lore",
   "name": "Lore",
   "description": "Primary Lore memory system for fixed boot baseline, recall, and cross-session project knowledge.",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "activation": {
     "onStartup": true
   },

openclaw-plugin/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@local/lore",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "Lore memory plugin for OpenClaw with fixed boot baseline and recall hooks",
   "type": "module",
   "scripts": {

openclaw-plugin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@local/lore-pi-extension",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "Lore memory extension for Pi agent with fixed boot baseline and recall injection",
   "type": "module",
   "private": true,

pi-extension/package.json

@@ -2,16 +2,15 @@
 
 import React, { useState, useEffect, useCallback, useRef, useMemo, ReactNode } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
-import { Sun, Moon } from 'lucide-react';
+import { Sun, Moon, Waves } from 'lucide-react';
 import clsx from 'clsx';
 import { getDomains, getSetupFlowStatus, AUTH_ERROR_EVENT } from '../lib/api';
 import { getSetupFlowDecision, SETUP_STATUS_CHANGED_EVENT, type SetupFlowStatus } from '@/lib/bootSetup';
 import { LanguageProvider, useT } from '../lib/i18n';
 import { ThemeProvider, useTheme } from '../lib/theme';
 import TokenAuth from './TokenAuth';
 import { ConfirmProvider, useConfirm } from './ConfirmDialog';
-import { AppUIProvider, Button } from './ui';
-import { AuroraBackground } from '@lobehub/ui/awesome';
+import { AppUIProvider, AuroraBackdrop, Button } from './ui';
 import { AxiosError } from 'axios';
 
 const BOOT_SETUP_ACK_KEY = 'lore-boot-setup-confirmed';
@@ -68,7 +67,7 @@ export function NavDock(): React.JSX.Element {
   const pathname = usePathname() || '';
   const router = useRouter();
   const { t, lang, setLang } = useT();
-  const { theme, toggleTheme } = useTheme();
+  const { auroraBackgroundEnabled, theme, toggleAuroraBackground, toggleTheme } = useTheme();
   const navRef = useRef<HTMLElement>(null);
   const tabRefs = useRef<Map<string, HTMLButtonElement>>(new Map());
   const [hoverHref, setHoverHref] = useState<string | null>(null);
@@ -184,6 +183,20 @@ export function NavDock(): React.JSX.Element {
               ? <Moon size={14} strokeWidth={2} />
               : <Sun size={14} strokeWidth={2} />}
           </button>
+          <button
+            onClick={toggleAuroraBackground}
+            aria-pressed={auroraBackgroundEnabled}
+            aria-label={auroraBackgroundEnabled ? t('Disable Aurora Background') : t('Enable Aurora Background')}
+            title={auroraBackgroundEnabled ? t('Disable Aurora Background') : t('Enable Aurora Background')}
+            className={clsx(
+              'press flex h-9 w-9 md:h-8 md:w-8 shrink-0 items-center justify-center rounded-full transition-colors',
+              auroraBackgroundEnabled
+                ? 'bg-sys-blue/15 text-sys-blue shadow-sm'
+                : 'text-txt-secondary hover:bg-fill-quaternary hover:text-txt-primary',
+            )}
+          >
+            <Waves size={14} strokeWidth={2.2} />
+          </button>
         </div>
 
         <div className="hidden sm:flex items-center rounded-full bg-fill-quaternary p-[3px]">
@@ -209,11 +222,27 @@ interface AppShellInnerProps {
   children: ReactNode;
 }
 
+interface AppShellFrameProps {
+  auroraBackgroundEnabled: boolean;
+  children: ReactNode;
+}
+
+export function AppShellFrame({ auroraBackgroundEnabled, children }: AppShellFrameProps): React.JSX.Element {
+  return (
+    <div className="relative h-screen w-full max-w-full overflow-hidden bg-bg-system text-txt-primary">
+      {auroraBackgroundEnabled ? <AuroraBackdrop /> : null}
+      <NavDock />
+      <div className={appContentClassName}>{children}</div>
+    </div>
+  );
+}
+
 function AppShellInner({ children }: AppShellInnerProps): React.JSX.Element {
   const router = useRouter();
   const pathname = usePathname() || '';
   const { confirm } = useConfirm();
   const { t } = useT();
+  const { auroraBackgroundEnabled } = useTheme();
   const [isAuthenticated, setIsAuthenticated] = useState(false);
   const [isCheckingAuth, setIsCheckingAuth] = useState(true);
   const [backendError, setBackendError] = useState(false);
@@ -425,15 +454,9 @@ function AppShellInner({ children }: AppShellInnerProps): React.JSX.Element {
   }
 
   return (
-    <div className="relative h-screen w-full max-w-full overflow-hidden bg-bg-system text-txt-primary">
-      <AuroraBackground
-        className="absolute inset-0 h-full w-full"
-        classNames={{ content: 'hidden' }}
-        styles={{ content: { display: 'none' } }}
-      />
-      <NavDock />
-      <div className={appContentClassName}>{children}</div>
-    </div>
+    <AppShellFrame auroraBackgroundEnabled={auroraBackgroundEnabled}>
+      {children}
+    </AppShellFrame>
   );
 }
 

web/components/AppShell.tsx

@@ -1,6 +1,12 @@
 import React from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
-import { describe, expect, it, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+const themeMock = vi.hoisted(() => ({
+  auroraBackgroundEnabled: false,
+  toggleAuroraBackground: vi.fn(),
+  toggleTheme: vi.fn(),
+}));
 
 vi.mock('next/navigation', () => ({
   usePathname: () => '/memory',
@@ -47,18 +53,30 @@ vi.mock('../../lib/i18n', () => ({
 }));
 
 vi.mock('../../lib/theme', () => ({
-  useTheme: () => ({ theme: 'light', toggleTheme: vi.fn() }),
+  useTheme: () => ({
+    auroraBackgroundEnabled: themeMock.auroraBackgroundEnabled,
+    theme: 'light',
+    toggleAuroraBackground: themeMock.toggleAuroraBackground,
+    toggleTheme: themeMock.toggleTheme,
+  }),
 }));
 
 vi.mock('../ui', () => ({
+  AuroraBackdrop: () => <div data-aurora-background="true" />,
   AppUIProvider: ({ children }: { children: React.ReactNode }) => <div data-app-ui-provider="true">{children}</div>,
   Button: ({ children }: { children: React.ReactNode }) => <button>{children}</button>,
 }));
 
-import { NavDock, navIndicatorClassName } from '../AppShell';
+import { AppShellFrame, NavDock, navIndicatorClassName } from '../AppShell';
 import { AppUIProvider } from '../ui';
 
 describe('AppShell theme contrast', () => {
+  beforeEach(() => {
+    themeMock.auroraBackgroundEnabled = false;
+    themeMock.toggleAuroraBackground.mockClear();
+    themeMock.toggleTheme.mockClear();
+  });
+
   it('passes the app theme through the self-owned UI provider bridge', () => {
     const html = renderToStaticMarkup(<AppUIProvider><div>content</div></AppUIProvider>);
 
@@ -76,8 +94,9 @@ describe('AppShell theme contrast', () => {
     expect(html).toContain('bottom-3');
     expect(html).toContain('md:bottom-auto');
     expect(html).toContain('md:top-4');
-    expect(html).not.toContain('Enable Aurora Background');
+    expect(html).toContain('Enable Aurora Background');
     expect(html).not.toContain('Disable Aurora Background');
+    expect(html).toContain('aria-pressed="false"');
     expect(html).toContain('bg-[var(--dock-bg-mobile)]');
     expect(html).toContain('md:bg-[var(--dock-bg)]');
     expect(html).not.toContain('bg-bg-elevated/80');
@@ -93,4 +112,37 @@ describe('AppShell theme contrast', () => {
     expect(html).toContain('h-9 w-9 md:h-8 md:w-8');
     expect(html).toContain('hidden md:flex items-center gap-2');
   });
+
+  it('renders the aurora nav toggle as active when enabled', () => {
+    themeMock.auroraBackgroundEnabled = true;
+
+    const html = renderToStaticMarkup(<NavDock />);
+
+    expect(html).toContain('Disable Aurora Background');
+    expect(html).not.toContain('Enable Aurora Background');
+    expect(html).toContain('aria-pressed="true"');
+    expect(html).toContain('bg-sys-blue/15');
+  });
+
+  it('keeps the workspace aurora backdrop disabled by default', () => {
+    const html = renderToStaticMarkup(
+      <AppShellFrame auroraBackgroundEnabled={false}>
+        <main>Workspace</main>
+      </AppShellFrame>,
+    );
+
+    expect(html).toContain('Workspace');
+    expect(html).not.toContain('data-aurora-background="true"');
+  });
+
+  it('renders the workspace aurora backdrop when enabled', () => {
+    const html = renderToStaticMarkup(
+      <AppShellFrame auroraBackgroundEnabled>
+        <main>Workspace</main>
+      </AppShellFrame>,
+    );
+
+    expect(html).toContain('Workspace');
+    expect(html).toContain('data-aurora-background="true"');
+  });
 });

web/components/__tests__/AppShellTheme.test.tsx

@@ -8,12 +8,23 @@ vi.mock('@lobehub/ui/es/Block/index', () => ({
   ),
 }));
 
+vi.mock('@lobehub/ui/awesome', () => ({
+  AuroraBackground: ({ className, classNames, styles }: { className?: string; classNames?: { content?: string }; styles?: { content?: React.CSSProperties } }) => (
+    <div
+      className={className}
+      data-aurora-background="true"
+      data-content-class={classNames?.content}
+      data-content-display={styles?.content?.display}
+    />
+  ),
+}));
+
 vi.mock('../controls', () => ({
   Spinner: ({ size }: { size?: string }) => <span data-spinner-size={size || 'md'} />,
   surfaceCardClassName: 'rounded-2xl border border-separator-thin bg-bg-elevated shadow-card',
 }));
 
-import { ActionPanel, Card, InlineMeta, LoadingBlock, PageCanvas, Section, surfaceCardClassName } from '../layout';
+import { ActionPanel, AuroraBackdrop, Card, InlineMeta, LoadingBlock, PageCanvas, Section, surfaceCardClassName } from '../layout';
 
 describe('ui layout Card', () => {
   it('renders through Lobe Block with default padding 16', () => {
@@ -96,4 +107,13 @@ describe('ui layout Card', () => {
     expect(html).toContain('pb-24');
     expect(html).toContain('md:py-14');
   });
+
+  it('wraps the Lobe aurora background as a hidden backdrop primitive', () => {
+    const html = renderToStaticMarkup(<AuroraBackdrop />);
+
+    expect(html).toContain('data-aurora-background="true"');
+    expect(html).toContain('absolute inset-0 h-full w-full');
+    expect(html).toContain('data-content-class="hidden"');
+    expect(html).toContain('data-content-display="none"');
+  });
 });