fix(web): say why clearing a profile did nothing

`clearProfileData` returned silently when no environment was connected, while
the menu item stayed enabled — a dead control with no explanation. It now
reports the same way `importInto` does for the same precondition.

Also switches `browserImport` to the subpath namespace import the rest of
`packages/contracts` uses.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: juliusmarminge

apps/web/src/components/settings/IntegrationsSettings.tsx

@@ -568,7 +568,17 @@ function BrowserProfilesSetting({ disabled }: { readonly disabled: boolean }) {
   };
 
   const clearProfileData = (id: string, name: string) => {
-    if (!environmentId || !previewBridge) return;
+    // Reported rather than ignored: the menu item stays enabled in this
+    // window, so bailing silently reads as a dead control. Matches what
+    // `importInto` says for the same precondition.
+    if (!environmentId || !previewBridge) {
+      toastManager.add({
+        type: "error",
+        title: `Could not clear ${name}'s data`,
+        description: "No environment is connected yet.",
+      });
+      return;
+    }
     void Promise.all([
       previewBridge.clearCookies(environmentId, id),
       previewBridge.clearCache(environmentId, id),
@@ -761,17 +771,11 @@ function BrowserProfilesSetting({ disabled }: { readonly disabled: boolean }) {
       }
     >
       {/*
-        Dimmed as a whole when the section is unavailable. The built-in rows
-        are a plain span and a badge rather than `h3`/`p` or disabled controls,
-        so the block's own dimming does not reach them and they would be the
-        only full-contrast content inside "only available in the desktop app".
+        The bordered container groups rows unambiguously at any width, and
+        carries the bottom spacing `SettingsRow` leaves to its children
+        (`pt-3 pb-1`).
       */}
-      <div
-        className={cn(
-          "mt-2 overflow-hidden rounded-lg border border-border/60",
-          disabled && "opacity-64",
-        )}
-      >
+      <div className="mt-2 mb-2 overflow-hidden rounded-lg border border-border/60">
         {listedProfiles.map((profile, index) => {
           const builtIn = isBuiltInBrowserProfileId(profile.id);
           const isDefault = profile.id === resolvedDefaultId;
@@ -785,7 +789,15 @@ function BrowserProfilesSetting({ disabled }: { readonly disabled: boolean }) {
             >
               <span className="flex min-w-0 flex-1 items-center gap-2">
                 {builtIn ? (
-                  <span className="truncate text-sm text-foreground">{profile.name}</span>
+                  // Dimmed here rather than on the table: a wrapper-level dim
+                  // stacks with the rename field's and the row menu button's
+                  // own, landing them near 0.41 while every other disabled
+                  // control in the block sits at 0.64.
+                  <span
+                    className={cn("truncate text-sm text-foreground", disabled && "opacity-64")}
+                  >
+                    {profile.name}
+                  </span>
                 ) : (
                   <DraftInput
                     nativeInput

packages/contracts/src/browserImport.ts

@@ -12,7 +12,7 @@
  *
  * @module BrowserImport
  */
-import { Schema } from "effect";
+import * as Schema from "effect/Schema";
 import { TrimmedNonEmptyString } from "./baseSchemas.ts";
 import { BrowserProfileId } from "./browserProfile.ts";