feat(sdk): support for plugin icons

client/src/components/shared/pluginIcon.ts

@@ -0,0 +1,22 @@
+import * as LucideIcons from 'lucide-react'
+import { Blocks, type LucideIcon } from 'lucide-react'
+
+// Lucide names are PascalCase. Restricting the lookup to that shape keeps a manifest
+// from reaching lucide's non-icon exports (`createLucideIcon`, `icons`, `default`,
+// `module.exports`), which are all lowercase-initial.
+const LUCIDE_ICON_NAME = /^[A-Z][A-Za-z0-9]*$/
+
+/**
+ * Resolves a plugin manifest's `icon` (a lucide icon name, e.g. "Stethoscope") to the
+ * matching lucide component, falling back to Blocks for a missing or unknown name.
+ *
+ * Note lucide icons are forwardRef objects, not functions — never narrow this with
+ * `typeof x === 'function'`. The lookup returns a module-level reference, so the
+ * component identity is stable across renders and is safe to call inline while
+ * building nav/tab arrays.
+ */
+export function resolvePluginIcon(name: string | null | undefined): LucideIcon {
+  if (!name || !LUCIDE_ICON_NAME.test(name)) return Blocks
+  const icon = (LucideIcons as unknown as Record<string, LucideIcon | undefined>)[name]
+  return icon ?? Blocks
+}