ui(page.form): icon field uses the searchable icon-picker widget (#1843)

The Basics → `icon` field now carries `widget: 'icon'`, so the metadata-admin
form renders a searchable Lucide icon picker (preview + name) instead of a raw
text input where the author had to type an exact Lucide name. Mirrors the
existing `view-ref` / `filter-mode` widget hints. The picker ships in
@object-ui/app-shell and the same hint is reusable for app/object icon fields.

Co-authored-by: Jack Zhuang <277994282+os-zhuang@users.noreply.github.com>
Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: 3 people

.changeset/page-form-icon-picker.md

@@ -0,0 +1,11 @@
+---
+"@objectstack/spec": patch
+---
+
+ui(page.form): icon field uses the searchable icon-picker widget
+
+The Basics → `icon` field now carries `widget: 'icon'`, so the metadata-admin
+form renders a searchable Lucide icon picker (preview + name) instead of a raw
+text input where authors had to type an exact icon name. Mirrors the existing
+`view-ref` / `filter-mode` widget hints; the picker ships in
+`@object-ui/app-shell` and is reusable for app/object icon fields.

packages/spec/src/ui/page.form.ts

@@ -18,7 +18,7 @@ export const pageForm = defineForm({
       fields: [
         { field: 'name', required: true, colSpan: 1, helpText: 'Unique identifier (snake_case)' },
         { field: 'label', required: true, colSpan: 1, helpText: 'Page title shown to users' },
-        { field: 'icon', colSpan: 1, helpText: 'Icon for navigation menu' },
+        { field: 'icon', widget: 'icon', colSpan: 1, helpText: 'Icon for navigation menu' },
         {
           field: 'type',
           colSpan: 1,