feat: agent sign-in, file memory, entrances, survive-close, import

agent/apps/app-onboard/src/onboarding/Onboarding.tsx

@@ -39,7 +39,7 @@ const initialOnboardingState: BrowserOSOnboardingState = {
   sources: [],
 }
 
-/** Maps Chromium importer status into the local three-step onboarding screen state. */
+/** Maps Chromium importer status into the local three-step onboarding screen state. A cancelled import returns to the picker. */
 export function importPhaseFor(status: BrowserOSImportStatus): ImportPhase {
   if (status === 'importing') return 'importing'
   if (status === 'failed') return 'failed'
@@ -174,6 +174,8 @@ export function Onboarding() {
                   onImport={startImport}
                   onRefresh={() => bridge.refreshSources()}
                   onContinue={() => goTo(2)}
+                  onCancel={() => bridge.cancelImport()}
+                  onOpenPasswordManager={() => bridge.openPasswordManager()}
                 />
               )}
               {step === 2 && <SetupAgentStep onSetup={finishOnboarding} />}

agent/apps/app-onboard/src/onboarding/browseros-onboarding-api.ts

@@ -23,6 +23,8 @@ export type BrowserOSImportStatus =
   | 'succeeded'
   | 'failed'
   | 'completed'
+  /** The user stopped the import; anything already copied stays. */
+  | 'cancelled'
 
 /** Native owns extension preparation independently of the browser-data importer. */
 export type BrowserOSSetupState = 'idle' | 'preparing' | 'failed' | 'ready'
@@ -33,6 +35,7 @@ export const BrowserOSOnboardingMessage = {
   START_IMPORT: 'browserosOnboardingStartImport',
   COMPLETE: 'browserosOnboardingComplete',
   RETRY_SETUP: 'browserosOnboardingRetrySetup',
+  CANCEL_IMPORT: 'browserosOnboardingCancelImport',
 } as const
 
 export type BrowserOSOnboardingMessage =
@@ -47,6 +50,10 @@ export interface BrowserOSImportSource {
   isManaged: boolean
   supportedItems: BrowserOSImportItem[]
   recommendedItems: BrowserOSImportItem[]
+  /** Browser family, e.g. 'firefox', 'safari', 'chromium'. Absent from older native builds. */
+  kind?: string
+  /** Saved passwords are not copied from this source; the step offers the CSV export route. */
+  passwordsViaCsv?: boolean
 }
 
 export interface BrowserOSImportProgress {
@@ -68,6 +75,7 @@ export type BrowserOSImportSourceResultStatus =
   | 'importing'
   | 'succeeded'
   | 'failed'
+  | 'cancelled'
 
 export interface BrowserOSImportSourceResult {
   sourceId: string

agent/apps/app-onboard/src/onboarding/browseros-onboarding-bridge.ts

@@ -27,8 +27,15 @@ export interface BrowserOSOnboardingBridge {
     receiveState: (state: BrowserOSOnboardingState) => void,
   ): () => void
   startImport(request: BrowserOSStartImportRequest): void
+  /** Stops a running import. Items already copied stay in the profile. */
+  cancelImport(): void
+  /** Opens the password manager, where an exported CSV is imported. */
+  openPasswordManager(): void
 }
 
+/** Where a CSV exported from another browser is imported. */
+export const PASSWORD_MANAGER_URL = 'chrome://password-manager/settings'
+
 interface BrowserOSOnboardingBridgeOptions {
   chrome?: BrowserOSOnboardingChrome | null
   mockTiming?: 'delayed' | 'sync'
@@ -75,10 +82,17 @@ function emitMockState(state: BrowserOSOnboardingState) {
   getHostWindow()?.browserosOnboarding?.receiveState(state)
 }
 
+// Bumped by a mock cancel so progress scheduled for the stopped run is dropped.
+let mockImportGeneration = 0
+
 function scheduleMockState(state: BrowserOSOnboardingState, delayMs: number) {
   const hostWindow = getHostWindow()
   const schedule = hostWindow?.setTimeout ?? globalThis.setTimeout
-  schedule(() => emitMockState(state), delayMs)
+  const generation = mockImportGeneration
+  schedule(() => {
+    if (generation !== mockImportGeneration) return
+    emitMockState(state)
+  }, delayMs)
 }
 
 function recommendedItemsFor(request: BrowserOSStartImportRequest) {
@@ -302,5 +316,30 @@ export function createBrowserOSOnboardingBridge(
       }
       emitMockImport(request, mockIsSync)
     },
+    cancelImport() {
+      if (currentState?.status !== 'importing') return
+      if (!isMock) {
+        chromeBridge.send(BrowserOSOnboardingMessage.CANCEL_IMPORT)
+        return
+      }
+      mockImportGeneration += 1
+      const progress = currentState.progress
+      emitMockState(
+        createState(
+          'cancelled',
+          progress ? { ...progress, currentItem: undefined } : undefined,
+          currentState.results?.map((result) => ({
+            ...result,
+            status: 'cancelled' as const,
+          })),
+        ),
+      )
+    },
+    openPasswordManager() {
+      // window.open, not navigation: this page must stay where it is. In the
+      // first-run window Chromium hosts the opened page in its own popup; in a
+      // tab it opens beside this one.
+      getHostWindow()?.open(PASSWORD_MANAGER_URL, '_blank')
+    },
   }
 }

agent/apps/app-onboard/src/onboarding/components/ImportingProgressCard.tsx

@@ -8,21 +8,56 @@
  */
 
 import { t } from '@browseros/i18n'
-import { RefreshCw } from '@browseros/icons'
+import { RefreshCw, X } from '@browseros/icons'
+import { Button } from '@/components/ui/button'
+import type { BrowserOSImportItem } from '../browseros-onboarding-api'
+import { importItemLabel } from '../onboarding-v2.helpers'
 
 interface ImportingProgressCardProps {
   currentItemLabel?: string
   progress: number
   sourceLabel?: string
   total: number
+  /** The items this import was asked for, in checklist order. */
+  items?: readonly BrowserOSImportItem[]
+  completedItems?: readonly BrowserOSImportItem[]
+  currentItem?: BrowserOSImportItem
+  onCancel?: () => void
 }
 
-/** Displays Chromium import progress while selected source data is copied. */
+type ItemState = 'done' | 'copying' | 'waiting'
+
+function itemStateFor(
+  item: BrowserOSImportItem,
+  completedItems: readonly BrowserOSImportItem[],
+  currentItem: BrowserOSImportItem | undefined,
+): ItemState {
+  if (completedItems.includes(item)) return 'done'
+  if (item === currentItem) return 'copying'
+  return 'waiting'
+}
+
+function itemStateLabel(state: ItemState): string {
+  if (state === 'done') return t('onboardItemStateDone')
+  if (state === 'copying') return t('onboardItemStateCopying')
+  return t('onboardItemStateWaiting')
+}
+
+/**
+ * Displays import progress while selected source data is copied: an overall
+ * bar, then one bar per item type. The importer reports when each item starts
+ * and ends, not how far through one it is, so an item's bar is empty, moving
+ * (indeterminate) or full -- never a made-up percentage.
+ */
 export function ImportingProgressCard({
   currentItemLabel,
   progress,
   sourceLabel,
   total,
+  items = [],
+  completedItems = [],
+  currentItem,
+  onCancel,
 }: ImportingProgressCardProps) {
   const percent = total === 0 ? 0 : Math.min(100, (progress / total) * 100)
   return (
@@ -51,6 +86,56 @@ export function ImportingProgressCard({
       <div className="text-[12.5px] text-ink-2 tabular-nums">
         {t('onboardItems', progress, total)}
       </div>
+      {items.length > 0 && (
+        <ul
+          aria-label={t('onboardImportProgressByItem')}
+          className="mt-4 flex flex-col gap-2.5"
+        >
+          {items.map((item) => {
+            const state = itemStateFor(item, completedItems, currentItem)
+            return (
+              <li key={item} className="flex items-center gap-3">
+                <span className="w-32 shrink-0 text-[12.5px] text-ink">
+                  {importItemLabel(item)}
+                </span>
+                <div
+                  role="progressbar"
+                  aria-label={importItemLabel(item)}
+                  aria-valuemin={0}
+                  aria-valuemax={1}
+                  aria-valuenow={state === 'done' ? 1 : 0}
+                  aria-valuetext={itemStateLabel(state)}
+                  className="h-1.5 flex-1 overflow-hidden rounded-full bg-bg-sunken"
+                >
+                  <div
+                    className={
+                      state === 'copying'
+                        ? 'h-full w-1/3 animate-pulse rounded-full bg-accent'
+                        : 'h-full bg-accent transition-[width] duration-100'
+                    }
+                    style={
+                      state === 'copying'
+                        ? undefined
+                        : { width: state === 'done' ? '100%' : '0%' }
+                    }
+                  />
+                </div>
+                <span className="w-20 shrink-0 text-right text-[12px] text-ink-3">
+                  {itemStateLabel(state)}
+                </span>
+              </li>
+            )
+          })}
+        </ul>
+      )}
+      {onCancel && (
+        <div className="mt-4 flex justify-end">
+          <Button type="button" size="sm" variant="ghost" onClick={onCancel}>
+            <X className="size-3.5" />
+            {t('onboardCancelImport')}
+          </Button>
+        </div>
+      )}
     </div>
   )
 }

agent/apps/app-onboard/src/onboarding/onboarding-v2.helpers.ts

@@ -65,6 +65,18 @@ export const MOCK_BROWSEROS_IMPORT_SOURCES: readonly BrowserOSImportSource[] = [
     supportedItems: ['history', 'bookmarks', 'cookies', 'passwords'],
     recommendedItems: ['history', 'bookmarks', 'cookies'],
   },
+  {
+    id: 'firefox-default',
+    displayName: 'Firefox - default-release',
+    browserName: 'Firefox',
+    profileName: 'default-release',
+    accountName: '',
+    isManaged: false,
+    kind: 'firefox',
+    passwordsViaCsv: true,
+    supportedItems: ['history', 'bookmarks', 'autofill'],
+    recommendedItems: ['history', 'bookmarks', 'autofill'],
+  },
 ]
 
 export const DEFAULT_BROWSEROS_IMPORT_SOURCE_ID =

agent/apps/app-onboard/src/onboarding/steps/ImportStep.tsx

@@ -13,6 +13,8 @@ import {
   ArrowRight,
   ChevronDown,
   Download,
+  ExternalLink,
+  KeyRound,
   Lock,
   RefreshCw,
 } from '@browseros/icons'
@@ -54,6 +56,44 @@ interface ImportStepProps {
   onImport: () => void
   onRefresh: () => void
   onContinue: () => void
+  /** Stops a running import. */
+  onCancel?: () => void
+  /** Opens the password manager for the CSV route. */
+  onOpenPasswordManager?: () => void
+}
+
+/** Sources whose saved passwords are not copied: say how to bring them anyway. */
+function PasswordsViaCsvNotice({
+  browserName,
+  onOpenPasswordManager,
+}: {
+  browserName: string
+  onOpenPasswordManager?: () => void
+}) {
+  return (
+    <div className="mb-4 flex items-start gap-3 rounded-xl border border-border-2 bg-card p-4">
+      <KeyRound aria-hidden className="mt-0.5 size-4 shrink-0 text-ink-2" />
+      <div className="flex-1">
+        <div className="mb-1 font-bold text-[13px] text-ink">
+          {t('onboardPasswordsViaCsvTitle')}
+        </div>
+        <p className="mb-2.5 text-[12.5px] text-ink-2">
+          {t('onboardPasswordsViaCsvBody', browserName)}
+        </p>
+        {onOpenPasswordManager && (
+          <Button
+            type="button"
+            size="sm"
+            variant="ghost"
+            onClick={onOpenPasswordManager}
+          >
+            <ExternalLink aria-hidden className="size-3.5" />
+            {t('onboardOpenPasswordManager')}
+          </Button>
+        )}
+      </div>
+    </div>
+  )
 }
 
 function importButtonLabelFor(
@@ -89,6 +129,8 @@ export function ImportStep({
   onImport,
   onRefresh,
   onContinue,
+  onCancel,
+  onOpenPasswordManager,
 }: ImportStepProps) {
   const [permissionOpen, setPermissionOpen] = useState(false)
   const [showAllProfiles, setShowAllProfiles] = useState(false)
@@ -274,6 +316,20 @@ export function ImportStep({
               onToggle={toggleImportItem}
             />
           )}
+          {selectedSource?.passwordsViaCsv && (
+            <PasswordsViaCsvNotice
+              browserName={selectedSource.browserName}
+              onOpenPasswordManager={onOpenPasswordManager}
+            />
+          )}
+          {state.status === 'cancelled' && (
+            <div
+              role="status"
+              className="mb-4 rounded-xl border border-border-2 bg-card p-4 text-[12.5px] text-ink-2"
+            >
+              {t('onboardImportCancelled')}
+            </div>
+          )}
           {state.error && (
             <div className="mb-4 rounded-xl border border-amber/30 bg-amber-tint p-4 text-[12.5px] text-ink-2">
               {state.error.message}
@@ -322,6 +378,10 @@ export function ImportStep({
             progress={completedItems}
             sourceLabel={currentSourceLabel}
             total={totalItems}
+            items={checkedItems}
+            completedItems={importedItems}
+            currentItem={state.progress?.currentItem}
+            onCancel={onCancel}
           />
           {needsPermission && <MacKeychainReminder />}
         </>

agent/apps/app/components/sidebar/SettingsSidebar.tsx

@@ -12,6 +12,8 @@ import {
   Activity,
   ArrowLeft,
   Bot,
+  Brain,
+  KeyRound,
   MessageSquare,
   Palette,
   Server,
@@ -81,6 +83,8 @@ const primarySettingsSections: NavSection[] = [
         to: '/settings/customization',
         icon: Palette,
       },
+      { name: t('stNavMemory'), to: '/settings/memory', icon: Brain },
+      { name: t('apwTitle'), to: '/settings/passwords', icon: KeyRound },
       { name: t('stNavRedrobMcp'), to: '/settings/mcp', icon: Server },
     ],
   },