Add event template generator with 140+ Nostr event kinds (v0.36.2)

- Add comprehensive eventKinds.js database with all NIPs event kinds
  including templates, descriptions, NIP references, and type flags
- Create EventTemplateSelector.svelte modal with search functionality
  and category filtering (Social, Messaging, Lists, Marketplace, etc.)
- Update ComposeView with "Generate Template" button and error banner
  for displaying permission-aware publish error messages
- Enhance publishEvent() in App.svelte with detailed error handling
  that explains policy restrictions, permission issues, and provides
  actionable guidance for users
- Add permission pre-check to prevent read-only users from attempting
  to publish events
- Update CLAUDE.md with Web UI event templates documentation
- Create docs/WEB_UI_EVENT_TEMPLATES.md with comprehensive user guide

Files modified:
- app/web/src/eventKinds.js (new)
- app/web/src/EventTemplateSelector.svelte (new)
- app/web/src/ComposeView.svelte
- app/web/src/App.svelte
- docs/WEB_UI_EVENT_TEMPLATES.md (new)
- CLAUDE.md
- pkg/version/version

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app/web/src/ComposeView.svelte

@@ -1,9 +1,17 @@
 <script>
     export let composeEventJson = "";
+    export let userPubkey = "";
+    export let userRole = "";
+    export let policyEnabled = false;
+    export let publishError = "";
 
     import { createEventDispatcher } from "svelte";
+    import EventTemplateSelector from "./EventTemplateSelector.svelte";
+
     const dispatch = createEventDispatcher();
 
+    let isTemplateSelectorOpen = false;
+
     function reformatJson() {
         dispatch("reformatJson");
     }
@@ -15,10 +23,32 @@
     function publishEvent() {
         dispatch("publishEvent");
     }
+
+    function openTemplateSelector() {
+        isTemplateSelectorOpen = true;
+    }
+
+    function handleTemplateSelect(event) {
+        const { kind, template } = event.detail;
+        composeEventJson = JSON.stringify(template, null, 2);
+        dispatch("templateSelected", { kind, template });
+    }
+
+    function handleTemplateSelectorClose() {
+        isTemplateSelectorOpen = false;
+    }
+
+    function clearError() {
+        publishError = "";
+        dispatch("clearError");
+    }
 </script>
 
 <div class="compose-view">
     <div class="compose-header">
+        <button class="compose-btn template-btn" on:click={openTemplateSelector}
+            >Generate Template</button
+        >
         <button class="compose-btn reformat-btn" on:click={reformatJson}
             >Reformat</button
         >
@@ -27,16 +57,34 @@
             >Publish</button
         >
     </div>
+
+    {#if publishError}
+        <div class="error-banner">
+            <div class="error-content">
+                <span class="error-icon">&#9888;</span>
+                <span class="error-message">{publishError}</span>
+            </div>
+            <button class="error-dismiss" on:click={clearError}>&times;</button>
+        </div>
+    {/if}
+
     <div class="compose-editor">
         <textarea
             bind:value={composeEventJson}
             class="compose-textarea"
-            placeholder="Enter your Nostr event JSON here..."
+            placeholder="Enter your Nostr event JSON here, or click 'Generate Template' to start with a template..."
             spellcheck="false"
         ></textarea>
     </div>
 </div>
 
+<EventTemplateSelector
+    bind:isOpen={isTemplateSelectorOpen}
+    {userPubkey}
+    on:select={handleTemplateSelect}
+    on:close={handleTemplateSelectorClose}
+/>
+
 <style>
     .compose-view {
         position: fixed;
@@ -71,6 +119,16 @@
         background: var(--button-hover-bg);
     }
 
+    .template-btn {
+        background: var(--primary);
+        color: var(--text-color);
+    }
+
+    .template-btn:hover {
+        background: var(--primary);
+        filter: brightness(0.9);
+    }
+
     .reformat-btn {
         background: var(--info);
         color: var(--text-color);
@@ -101,6 +159,53 @@
         filter: brightness(0.9);
     }
 
+    .error-banner {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0.75em 1em;
+        margin: 0 0.5em;
+        background: #f8d7da;
+        border: 1px solid #f5c6cb;
+        border-radius: 0.25rem;
+        color: #721c24;
+    }
+
+    :global(.dark-theme) .error-banner {
+        background: #4a1c24;
+        border-color: #6a2c34;
+        color: #f8d7da;
+    }
+
+    .error-content {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
+    }
+
+    .error-icon {
+        font-size: 1.2em;
+    }
+
+    .error-message {
+        font-size: 0.9rem;
+        line-height: 1.4;
+    }
+
+    .error-dismiss {
+        background: none;
+        border: none;
+        font-size: 1.25rem;
+        cursor: pointer;
+        color: inherit;
+        padding: 0 0.25em;
+        opacity: 0.7;
+    }
+
+    .error-dismiss:hover {
+        opacity: 1;
+    }
+
     .compose-editor {
         flex: 1;
         display: flex;
@@ -137,5 +242,14 @@
         .compose-view {
             left: 160px;
         }
+
+        .compose-header {
+            flex-wrap: wrap;
+        }
+
+        .compose-btn {
+            flex: 1;
+            min-width: calc(50% - 0.5em);
+        }
     }
 </style>