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/ResourceListItem/ResourceListItem.stories.tsx

@@ -15,16 +15,41 @@ type Story = StoryObj<typeof ResourceListItem>;
 
 export const Default: Story = {
   args: {
-    name: "config.json",
-    uri: "file:///config.json",
+    resource: {
+      name: "config.json",
+      uri: "file:///config.json",
+    },
     selected: false,
   },
 };
 
 export const Selected: Story = {
   args: {
-    name: "config.json",
-    uri: "file:///config.json",
+    resource: {
+      name: "config.json",
+      uri: "file:///config.json",
+    },
     selected: true,
   },
 };
+
+export const WithTitle: Story = {
+  args: {
+    resource: {
+      name: "config.json",
+      title: "Configuration File",
+      uri: "file:///config.json",
+    },
+    selected: false,
+  },
+};
+
+export const Template: Story = {
+  args: {
+    resource: {
+      name: "User Profile",
+      uriTemplate: "file:///users/{userId}/profile",
+    },
+    selected: false,
+  },
+};

clients/web/src/components/groups/ResourceListItem/ResourceListItem.tsx

@@ -1,20 +1,17 @@
 import { Text, UnstyledButton } from "@mantine/core";
-
-export interface ResourceAnnotations {
-  audience?: string;
-  priority?: number;
-}
+import type {
+  Resource,
+  ResourceTemplate,
+} from "@modelcontextprotocol/sdk/types.js";
 
 export interface ResourceListItemProps {
-  name: string;
-  uri: string;
-  annotations?: ResourceAnnotations;
+  resource: Resource | ResourceTemplate;
   selected: boolean;
   onClick: () => void;
 }
 
 export function ResourceListItem({
-  name,
+  resource,
   selected,
   onClick,
 }: ResourceListItemProps) {
@@ -26,7 +23,7 @@ export function ResourceListItem({
       bg={selected ? "var(--mantine-primary-color-light)" : undefined}
       onClick={onClick}
     >
-      <Text fw={500}>{name}</Text>
+      <Text fw={500}>{resource.title ?? resource.name}</Text>
     </UnstyledButton>
   );
 }