fix(ci): Add local settings to allow running pnpm scripts and enable dev chat permission

changelog.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2025-09-18 - 1.12.1 - fix(ci)
+Add local settings to allow running pnpm scripts and enable dev chat permission
+
+- Add a repository-local settings file granting permission to run pnpm scripts (Bash(pnpm run:*)) for development tooling.
+- Enable the mcp__zen__chat permission for local dev workflows.
+
 ## 2025-09-18 - 1.12.0 - feat(dees-stepper)
 Revamp dees-stepper: modern styling, new steps and improved navigation/validation
 

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.12.0',
+  version: '1.12.1',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

ts_web/elements/dees-input-wysiwyg.demo.ts

@@ -250,6 +250,30 @@ const setupExportDemo = (container: HTMLElement, editor: DeesInputWysiwyg) => {
   }
 };
 
+const setupOutputFormatDemo = (
+  container: HTMLElement,
+  htmlEditor?: DeesInputWysiwyg,
+  markdownEditor?: DeesInputWysiwyg,
+) => {
+  const htmlBtn = container.querySelector('#btn-show-html-output') as HTMLButtonElement | null;
+  const htmlPreview = container.querySelector('#output-preview-html') as HTMLElement | null;
+  if (htmlBtn && htmlPreview && htmlEditor) {
+    htmlBtn.addEventListener('click', () => {
+      htmlPreview.textContent = htmlEditor.getValue();
+      htmlPreview.classList.add('visible');
+    });
+  }
+
+  const markdownBtn = container.querySelector('#btn-show-markdown-output') as HTMLButtonElement | null;
+  const markdownPreview = container.querySelector('#output-preview-markdown') as HTMLElement | null;
+  if (markdownBtn && markdownPreview && markdownEditor) {
+    markdownBtn.addEventListener('click', () => {
+      markdownPreview.textContent = markdownEditor.getValue();
+      markdownPreview.classList.add('visible');
+    });
+  }
+};
+
 const populateInitialContent = (editors: IDemoEditor) => {
   // Article editor content
   if (editors.article) {
@@ -488,11 +512,46 @@ export const demoFunc = (): TemplateResult => html`
 
       .output-grid {
         display: grid;
-        grid-template-columns: 1fr 1fr;
+        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
         gap: 24px;
         margin-top: 24px;
       }
 
+      .output-card {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+      }
+
+      .output-actions {
+        display: flex;
+        justify-content: flex-end;
+      }
+
+      .output-preview {
+        display: none;
+        background: rgba(15, 23, 42, 0.04);
+        color: var(--dees-color-text, #0f172a);
+        border: 1px solid rgba(15, 23, 42, 0.1);
+        border-radius: 8px;
+        padding: 16px;
+        white-space: pre-wrap;
+        font-family: 'Geist Mono', 'Fira Code', monospace;
+        font-size: 13px;
+        max-height: 280px;
+        overflow: auto;
+      }
+
+      :host([theme='dark']) .output-preview {
+        background: rgba(250, 250, 250, 0.06);
+        border-color: rgba(250, 250, 250, 0.15);
+        color: var(--dees-color-text, #f4f4f5);
+      }
+
+      .output-preview.visible {
+        display: block;
+      }
+
       @media (max-width: 768px) {
         .output-grid {
           grid-template-columns: 1fr;
@@ -858,7 +917,7 @@ git merge feature-branch
         </p>
         
         <div class="output-grid">
-          <div>
+          <div class="output-card">
             <dees-input-wysiwyg 
               id="editor-meeting"
               label="Meeting Notes" 
@@ -866,9 +925,13 @@ git merge feature-branch
               outputFormat="html"
               value="<h2>Q4 Planning Meeting</h2><p><strong>Date:</strong> December 15, 2024<br><strong>Attendees:</strong> Product Team, Engineering, Design</p><h3>Agenda Items</h3><ol><li>Review Q3 achievements</li><li>Set Q4 objectives</li><li>Resource allocation</li><li>Timeline discussion</li></ol><h3>Key Decisions</h3><ul><li>Launch new dashboard feature by end of January</li><li>Increase engineering team by 2 developers</li><li>Implement weekly design reviews</li></ul><blockquote>&quot;Focus on user experience improvements based on Q3 feedback&quot; - Product Manager</blockquote><h3>Action Items</h3><ul><li>Sarah: Create detailed project timeline</li><li>Mike: Draft technical requirements</li><li>Lisa: Schedule user research sessions</li></ul><hr><p>Next meeting: January 5, 2025</p>"
             ></dees-input-wysiwyg>
+            <div class="output-actions">
+              <button id="btn-show-html-output" class="demo-button">Show HTML Output</button>
+            </div>
+            <pre id="output-preview-html" class="output-preview" aria-live="polite"></pre>
           </div>
           
-          <div>
+          <div class="output-card">
             <dees-input-wysiwyg 
               id="editor-recipe"
               label="Recipe Blog Post" 
@@ -927,6 +990,10 @@ Gradually blend in flour mixture, then stir in chocolate chips. Drop rounded tab
 
 **Yield:** About 5 dozen cookies"
             ></dees-input-wysiwyg>
+            <div class="output-actions">
+              <button id="btn-show-markdown-output" class="demo-button">Show Markdown Output</button>
+            </div>
+            <pre id="output-preview-markdown" class="output-preview" aria-live="polite"></pre>
           </div>
         </div>
       </dees-panel>