Phase 2: Refactor Resources cluster to MCP SDK types

Replace ad hoc local types with MCP SDK schema types across the Resources
group components and ResourcesScreen, per the v2 UX interfaces plan.

- ResourceListItem: accept `resource: Resource | ResourceTemplate` instead
  of flat `name`/`uri`; render `title ?? name`; delete local
  `ResourceAnnotations` type
- ResourceControls: accept `Resource[]`, `ResourceTemplate[]`,
  `InspectorResourceSubscription[]` + `selectedUri`/`selectedTemplate`
  instead of `ResourceItem[]`/`TemplateListItem[]`/`SubscriptionItem[]`;
  no-op on re-selecting
- ResourcePreviewPanel: accept `resource: Resource` +
  `contents: (TextResourceContents | BlobResourceContents)[]` instead of
  flat `content: string`; use SDK `Annotations` (audience as Role[]);
  `lastUpdated` as `Date` not `string`
- ResourceTemplatePanel: accept `template: ResourceTemplate` instead of
  flat props; use SDK `Annotations`
- ResourceSubscribedItem: accept `subscription: InspectorResourceSubscription`
  instead of flat `name`/`lastUpdated`; `lastUpdated` as `Date`
- ResourcesScreen: accept `Resource[]`, `ResourceTemplate[]`,
  `InspectorResourceSubscription[]` + `selectedResourceUri`/
  `selectedTemplateUri` + `ReadResourceState`; derive selections via
  `find()`; add loading/error states
- Delete local `ResourceItem`, `TemplateListItem`, `SubscriptionItem`,
  `SelectedResource`, `SelectedTemplate`, `ResourceAnnotations` types
- Update all stories with real SDK fixtures
- Update ConnectedView ResourcesActive story

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

clients/web/src/components/groups/ResourceControls/ResourceControls.stories.tsx

@@ -1,4 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react-vite";
+import type {
+  Resource,
+  ResourceTemplate,
+} from "@modelcontextprotocol/sdk/types.js";
+import type { InspectorResourceSubscription } from "../../../../../../core/mcp/types.js";
 import { fn } from "storybook/test";
 import { ResourceControls } from "./ResourceControls";
 
@@ -17,40 +22,44 @@ const meta: Meta<typeof ResourceControls> = {
 export default meta;
 type Story = StoryObj<typeof ResourceControls>;
 
+const sampleResources: Resource[] = [
+  {
+    name: "config.json",
+    uri: "file:///config.json",
+    annotations: { audience: ["user"], priority: 0.8 },
+  },
+  {
+    name: "README.md",
+    uri: "file:///README.md",
+  },
+  {
+    name: "schema.sql",
+    uri: "file:///schema.sql",
+  },
+];
+
+const sampleTemplates: ResourceTemplate[] = [
+  {
+    name: "User Profile",
+    uriTemplate: "file:///users/{userId}/profile",
+  },
+];
+
+const sampleSubscriptions: InspectorResourceSubscription[] = [
+  {
+    resource: {
+      name: "config.json",
+      uri: "file:///config.json",
+    },
+    lastUpdated: new Date("2026-03-17T10:30:00Z"),
+  },
+];
+
 export const Default: Story = {
   args: {
-    resources: [
-      {
-        name: "config.json",
-        uri: "file:///config.json",
-        annotations: { audience: "developer", priority: 0.8 },
-        selected: false,
-      },
-      {
-        name: "README.md",
-        uri: "file:///README.md",
-        selected: false,
-      },
-      {
-        name: "schema.sql",
-        uri: "file:///schema.sql",
-        selected: false,
-      },
-    ],
-    templates: [
-      {
-        name: "User Profile",
-        uriTemplate: "file:///users/{userId}/profile",
-        selected: false,
-      },
-    ],
-    subscriptions: [
-      {
-        name: "config.json",
-        uri: "file:///config.json",
-        lastUpdated: "2026-03-17T10:30:00Z",
-      },
-    ],
+    resources: sampleResources,
+    templates: sampleTemplates,
+    subscriptions: sampleSubscriptions,
   },
 };