fix: remove ghost dot on Options menu (new-settings-hint system)

The version-gated hint dot was permanently visible for users who never
matched the cookie version, with no way to dismiss it. Removes the
entire system: utility, state, prop plumbing, and pulsing dot JSX.

For provenance purposes, this commit was AI assisted.

Author: backnotprop

packages/editor/App.tsx

@@ -58,7 +58,6 @@ import { useEditorAnnotations } from '@plannotator/ui/hooks/useEditorAnnotations
 import { useExternalAnnotations } from '@plannotator/ui/hooks/useExternalAnnotations';
 import { useExternalAnnotationHighlights } from '@plannotator/ui/hooks/useExternalAnnotationHighlights';
 import { buildPlanAgentInstructions } from '@plannotator/ui/utils/planAgentInstructions';
-import { hasNewSettings, markNewSettingsSeen } from '@plannotator/ui/utils/newSettingsHint';
 import { useFileBrowser } from '@plannotator/ui/hooks/useFileBrowser';
 import { isVaultBrowserEnabled } from '@plannotator/ui/utils/obsidian';
 import { isFileBrowserEnabled, getFileBrowserSettings } from '@plannotator/ui/utils/fileBrowser';
@@ -105,7 +104,6 @@ const App: React.FC = () => {
   const [agentWarningMessage, setAgentWarningMessage] = useState('');
   const [isPanelOpen, setIsPanelOpen] = useState(() => window.innerWidth >= 768);
   const [mobileSettingsOpen, setMobileSettingsOpen] = useState(false);
-  const [hasNewSettingsHints, setHasNewSettingsHints] = useState(() => hasNewSettings());
   const [editorMode, setEditorMode] = useState<EditorMode>(getEditorMode);
   const [inputMethod, setInputMethod] = useState<InputMethod>(getInputMethod);
   const [taterMode, setTaterMode] = useState(() => {
@@ -1576,12 +1574,7 @@ const App: React.FC = () => {
 
             <PlanHeaderMenu
               appVersion={typeof __APP_VERSION__ !== 'undefined' ? __APP_VERSION__ : '0.0.0'}
-              hasNewSettingsHints={hasNewSettingsHints}
               onOpenSettings={() => {
-                if (hasNewSettingsHints) {
-                  markNewSettingsSeen();
-                  setHasNewSettingsHints(false);
-                }
                 setMobileSettingsOpen(true);
               }}
               onOpenExport={() => { setInitialExportTab(undefined); setShowExport(true); }}

packages/ui/components/PlanHeaderMenu.tsx

@@ -24,7 +24,6 @@ interface PlanHeaderMenuProps {
   sharingEnabled: boolean;
   isApiMode: boolean;
   agentInstructionsEnabled: boolean;
-  hasNewSettingsHints: boolean;
   obsidianConfigured: boolean;
   bearConfigured: boolean;
   octarineConfigured: boolean;
@@ -45,7 +44,6 @@ export const PlanHeaderMenu: React.FC<PlanHeaderMenuProps> = ({
   sharingEnabled,
   isApiMode,
   agentInstructionsEnabled,
-  hasNewSettingsHints,
   obsidianConfigured,
   bearConfigured,
   octarineConfigured,
@@ -71,12 +69,6 @@ export const PlanHeaderMenu: React.FC<PlanHeaderMenuProps> = ({
         >
           {isOpen ? <CloseIcon /> : <MenuIcon />}
           <span className="hidden md:inline">Options</span>
-          {hasNewSettingsHints && !isOpen && (
-            <span className="absolute -top-0.5 -right-0.5 flex h-2 w-2">
-              <span className="absolute inset-0 rounded-full bg-primary opacity-75 animate-ping" />
-              <span className="relative rounded-full h-2 w-2 bg-primary" />
-            </span>
-          )}
         </button>
       )}
     >

packages/ui/components/Settings.tsx

@@ -58,7 +58,6 @@ import {
 import { useAgents } from '../hooks/useAgents';
 import { KeyboardShortcuts } from './KeyboardShortcuts';
 import { type QuickLabel, getQuickLabels, saveQuickLabels, resetQuickLabels, DEFAULT_QUICK_LABELS, getLabelColors, LABEL_COLOR_MAP } from '../utils/quickLabels';
-import { hasNewSettings, markNewSettingsSeen } from '../utils/newSettingsHint';
 import { ThemeTab } from './ThemeTab';
 import { isMac, modKey, altKey } from '../utils/platform';
 import { getAIProviderSettings } from '../utils/aiProvider';
@@ -595,11 +594,6 @@ export const Settings: React.FC<SettingsProps> = ({ taterMode, onTaterModeChange
   const [quickLabelsState, setQuickLabelsState] = useState<QuickLabel[]>([]);
   const [editingTipIndex, setEditingTipIndex] = useState<number | null>(null);
   const [editingTipValue, setEditingTipValue] = useState('');
-  // Captured at mount so future hint markers (e.g. `{showNewHints && <Badge>}`)
-  // stay visible for the duration of the dialog session even after
-  // markNewSettingsSeen() runs on open. Bump CURRENT_HINT_VERSION in
-  // newSettingsHint.ts when adding new highlighted settings.
-  const [showNewHints] = useState(() => hasNewSettings());
   const [aiProvider, setAiProvider] = useState<string | null>(null);
   const [fileBrowserSettings, setFileBrowserSettings] = useState<FileBrowserSettings>({ enabled: false, directories: [] });
   const [newDirPath, setNewDirPath] = useState('');
@@ -647,7 +641,6 @@ export const Settings: React.FC<SettingsProps> = ({ taterMode, onTaterModeChange
 
   useEffect(() => {
     if (showDialog) {
-      if (showNewHints) markNewSettingsSeen();
       setIdentity(getIdentity())
       setObsidian(getObsidianSettings());
       setBear(getBearSettings());