@feedlog-ai/webcomponents 0.0.36 → 0.0.37

package/dist/collection/components/feedlog-issues/feedlog-issues.css

@@ -1,59 +1,30 @@
 :host {
   display: block;
-  font-family:
-    ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+  font-family: var(--feedlog-font-family);
 
   /* Light theme defaults - use --feedlog-theme-bg so parent can override via --feedlog-background */
-  --feedlog-theme-bg: #ffffff;
-  --feedlog-foreground: oklch(0.145 0 0);
-  --feedlog-card: #ffffff;
-  --feedlog-card-foreground: oklch(0.145 0 0);
-  --feedlog-muted: #ececf0;
-  --feedlog-muted-foreground: #717182;
-  --feedlog-border: rgba(0, 0, 0, 0.1);
-  --feedlog-accent-color: #2563eb;
-  --feedlog-destructive: #d4183d;
-  --feedlog-blue-400: oklch(0.707 0.165 254.624);
-  --feedlog-blue-600: oklch(0.546 0.245 262.881);
-  --feedlog-blue-100: oklch(0.932 0.032 255.585);
-  --feedlog-red-100: #fce7f3;
-  --feedlog-red-400: #f472b6;
-  --feedlog-red-600: #db2777;
-  --feedlog-radius: 0.625rem;
-  --feedlog-gap: 0.5rem;
-  --feedlog-padding: 2rem;
+  --feedlog-theme-bg: var(--feedlog-background);
+  --feedlog-gap: var(--feedlog-space-2);
+  --feedlog-padding: var(--feedlog-space-8);
   --feedlog-min-height: 100%;
-  --feedlog-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.08);
 }
 
 :host(.dark) {
   /* Dark theme values */
-  --feedlog-theme-bg: oklch(0.18 0.01 260);
-  --feedlog-foreground: oklch(0.985 0 0);
-  --feedlog-card: oklch(0.24 0.01 260);
-  --feedlog-card-foreground: oklch(0.985 0 0);
-  --feedlog-muted: oklch(0.32 0.01 260);
-  --feedlog-muted-foreground: oklch(0.72 0.02 260);
-  --feedlog-border: oklch(0.34 0.01 260);
-  --feedlog-accent-color: #3b82f6;
-  --feedlog-destructive: oklch(0.396 0.141 25.723);
-  --feedlog-blue-400: oklch(0.707 0.165 254.624);
-  --feedlog-blue-600: oklch(0.546 0.245 262.881);
-  --feedlog-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
+  --feedlog-theme-bg: var(--feedlog-background);
 }
 
-
 .issues-container {
   min-height: var(--feedlog-min-height);
   /* Parent can override via --feedlog-background (e.g. transparent); fallback to theme default */
   background-color: var(--feedlog-background, var(--feedlog-theme-bg, #ffffff));
   padding: var(--feedlog-padding);
   margin: 0 auto;
-  border-radius: var(--feedlog-radius);
+  border-radius: var(--feedlog-radius-lg);
 }
 
 .issues-header {
-  margin-bottom: 1.5rem;
+  margin-bottom: var(--feedlog-space-6);
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -65,15 +36,15 @@
 
 .issues-title {
   color: var(--feedlog-foreground);
-  margin: 0 0 0.25rem 0;
-  font-size: 1.5rem;
-  font-weight: 500;
+  margin: 0 0 var(--feedlog-space-1) 0;
+  font-size: var(--feedlog-text-xl);
+  font-weight: var(--feedlog-font-semibold);
   line-height: 1.5;
 }
 
 .issues-subtitle {
   color: var(--feedlog-muted-foreground);
-  font-size: 0.875rem;
+  font-size: var(--feedlog-text-sm);
   margin: 0;
 }
 
@@ -91,7 +62,7 @@
   background-color: var(--feedlog-card);
   border: 1px solid var(--feedlog-border);
   border-radius: var(--feedlog-radius);
-  box-shadow: var(--feedlog-shadow);
+  box-shadow: var(--feedlog-shadow-sm);
   position: relative;
   overflow: hidden;
 }
@@ -107,24 +78,24 @@
 }
 
 .skeleton-content {
-  padding: 1.25rem;
-  padding-left: calc(1.25rem + 3px);
+  padding: var(--feedlog-space-5);
+  padding-left: calc(var(--feedlog-space-5) + 3px);
   display: flex;
   flex-direction: column;
-  gap: 0.875rem;
+  gap: var(--feedlog-space-3);
 }
 
 .skeleton-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 0.75rem;
+  gap: var(--feedlog-space-3);
 }
 
 .skeleton-badge {
   width: 4.5rem;
   height: 1.25rem;
-  border-radius: 0.375rem;
+  border-radius: var(--feedlog-radius-sm);
   background-color: var(--feedlog-muted);
   animation: skeleton-pulse 1.5s ease-in-out infinite;
 }
@@ -132,7 +103,7 @@
 .skeleton-timestamp {
   width: 3rem;
   height: 0.75rem;
-  border-radius: 0.25rem;
+  border-radius: var(--feedlog-radius-sm);
   background-color: var(--feedlog-muted);
   animation: skeleton-pulse 1.5s ease-in-out infinite 0.2s;
 }
@@ -140,12 +111,12 @@
 .skeleton-main {
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
+  gap: var(--feedlog-space-2);
 }
 
 .skeleton-title {
   height: 0.9375rem;
-  border-radius: 0.25rem;
+  border-radius: var(--feedlog-radius-sm);
   background-color: var(--feedlog-muted);
   animation: skeleton-pulse 1.5s ease-in-out infinite 0.1s;
   width: 85%;
@@ -154,12 +125,12 @@
 .skeleton-body {
   display: flex;
   flex-direction: column;
-  gap: 0.375rem;
+  gap: var(--feedlog-space-1);
 }
 
 .skeleton-line {
   height: 0.8125rem;
-  border-radius: 0.25rem;
+  border-radius: var(--feedlog-radius-sm);
   background-color: var(--feedlog-muted);
   animation: skeleton-pulse 1.5s ease-in-out infinite 0.15s;
   width: 100%;
@@ -172,7 +143,7 @@
 .skeleton-repo {
   width: 6rem;
   height: 0.75rem;
-  border-radius: 0.25rem;
+  border-radius: var(--feedlog-radius-sm);
   background-color: var(--feedlog-muted);
   animation: skeleton-pulse 1.5s ease-in-out infinite 0.25s;
 }
@@ -185,7 +156,7 @@
 .skeleton-upvote {
   width: 2.5rem;
   height: 2rem;
-  border-radius: 0.5rem;
+  border-radius: var(--feedlog-radius);
   background-color: var(--feedlog-muted);
   animation: skeleton-pulse 1.5s ease-in-out infinite 0.3s;
 }
@@ -204,7 +175,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 3rem 2rem;
+  padding: var(--feedlog-space-10) var(--feedlog-space-8);
   min-height: 12rem;
 }
 
@@ -214,26 +185,26 @@
   align-items: center;
   text-align: center;
   max-width: 20rem;
-  padding: 2rem;
+  padding: var(--feedlog-space-8);
 }
 
 .error-icon {
   color: var(--feedlog-muted-foreground);
   opacity: 0.8;
-  margin-bottom: 1rem;
+  margin-bottom: var(--feedlog-space-4);
 }
 
 .error-state-title {
-  margin: 0 0 0.5rem 0;
-  font-size: 1.125rem;
-  font-weight: 600;
+  margin: 0 0 var(--feedlog-space-2) 0;
+  font-size: var(--feedlog-text-lg);
+  font-weight: var(--feedlog-font-semibold);
   color: var(--feedlog-foreground);
   line-height: 1.4;
 }
 
 .error-state-message {
-  margin: 0 0 1.25rem 0;
-  font-size: 0.875rem;
+  margin: 0 0 var(--feedlog-space-5) 0;
+  font-size: var(--feedlog-text-sm);
   color: var(--feedlog-muted-foreground);
   line-height: 1.5;
 }
@@ -241,6 +212,6 @@
 .load-more-container {
   display: flex;
   justify-content: center;
-  padding: 2rem 0;
-  gap: 1rem;
+  padding: var(--feedlog-space-8) 0;
+  gap: var(--feedlog-space-4);
 }

package/dist/collection/components/feedlog-issues/feedlog-issues.js

@@ -35,10 +35,6 @@ export class FeedlogIssues {
          * Whether more issues are currently loading
          */
         this.isLoadingMore = false;
-        /**
-         * Internal state for theme
-         */
-        this.currentTheme = 'light';
         this.handleUpvote = (event) => {
             event.stopPropagation();
             this.feedlogUpvote.emit(event.detail);
@@ -47,21 +43,18 @@ export class FeedlogIssues {
             this.feedlogLoadMore.emit();
         };
     }
-    componentWillLoad() {
-        this.currentTheme = this.theme;
-    }
     renderErrorIcon() {
         return (h("svg", { class: "error-icon", xmlns: "http://www.w3.org/2000/svg", width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), h("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })));
     }
     renderIssuesList() {
         var _a, _b;
-        return (h("feedlog-issues-list", { issues: this.issues, limit: this.limit, theme: this.currentTheme, getIssueUrl: this.getIssueUrl, emptyStateTitle: (_a = this.emptyStateTitle) !== null && _a !== void 0 ? _a : 'No updates yet', emptyStateMessage: (_b = this.emptyStateMessage) !== null && _b !== void 0 ? _b : 'Check back later for new updates.', onFeedlogUpvote: (e) => this.handleUpvote(e) }));
+        return (h("feedlog-issues-list", { issues: this.issues, limit: this.limit, theme: this.theme, getIssueUrl: this.getIssueUrl, emptyStateTitle: (_a = this.emptyStateTitle) !== null && _a !== void 0 ? _a : 'No updates yet', emptyStateMessage: (_b = this.emptyStateMessage) !== null && _b !== void 0 ? _b : 'Check back later for new updates.', onFeedlogUpvote: (e) => this.handleUpvote(e), part: "issues-list" }, h("slot", { name: "empty-state", slot: "empty-state" })));
     }
     render() {
         const containerStyle = {
             maxWidth: this.maxWidth,
         };
-        return (h(Host, { key: '96686863c5eb831e64993c681c7780e035c0e2b2', class: this.currentTheme === 'dark' ? 'dark' : '' }, h("div", { key: '54d01678053f4fe58eb547f9954f497402495a83', class: "issues-container", style: containerStyle }, (this.heading || this.subtitle) && (h("header", { key: '889aa47cb4ceea60ca4a5615f512793d726059d9', class: "issues-header" }, h("div", { key: '8b4ac6a9ed0c6120ec838a1329416f3471cd2751', class: "header-content" }, this.heading && h("h1", { key: 'cfc52f28bc5131715a5c7a0b9231e440b4c0b67c', class: "issues-title" }, this.heading), this.subtitle && h("p", { key: '8b4488546ceb6e807d689b8fca2b2fd85722f824', class: "issues-subtitle" }, this.subtitle)))), this.loading && (h("div", { key: '35c382f4417893c17951b73dedb12452e805668c', class: "loading-state", role: "status", "aria-label": "Loading issues" }, h("div", { key: '2d83dd9d40bf7b2a14744ee4a715108a9cdebd60', class: "loading-skeletons" }, [1, 2, 3].map(i => (h("div", { key: i, class: "skeleton-card" }, h("div", { class: "skeleton-content" }, h("div", { class: "skeleton-header" }, h("div", { class: "skeleton-badge" }), h("div", { class: "skeleton-timestamp" })), h("div", { class: "skeleton-main" }, h("div", { class: "skeleton-title" }), h("div", { class: "skeleton-body" }, h("div", { class: "skeleton-line" }), h("div", { class: "skeleton-line short" })), h("div", { class: "skeleton-repo" })), h("div", { class: "skeleton-footer" }, h("div", { class: "skeleton-upvote" }))))))))), this.error && (h("div", { key: '43efd42ce0d213131ba97d42d1f98c52515ea9fd', class: "error-state", role: "alert" }, h("div", { key: 'ad22b0378e290556c896c628dadabf6091bbf972', class: "error-state-content" }, this.renderErrorIcon(), h("h2", { key: '9a9779f52de12aa2241ba9ddda6cf8297a4af84d', class: "error-state-title" }, "Something went wrong"), h("p", { key: 'c697040d37909d882730e5d9ab3a3b147061fc51', class: "error-state-message" }, this.error)))), !this.loading && !this.error && (h("div", { key: 'afc12552ff7ccc808c7191c1dd1e26d3b95bf2fd' }, this.renderIssuesList(), this.hasMore && (h("div", { key: '0f6c84bdeda386e4eec439fb80f4ee1606b9b559', class: "load-more-container" }, h("feedlog-button", { key: 'e6983bd889a6cdfd4a4b8a06f3a6a97c2d276243', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
+        return (h(Host, { key: '79835dd61383b41124f48d204977951236a7f8ce', class: this.theme === 'dark' ? 'dark' : '' }, h("div", { key: '62228927cba9bd4cf58d8b4f3ec2751ba423dd67', class: "issues-container", style: containerStyle, part: "base" }, h("slot", { key: 'c57d46adc472c2b03857db3e07cc5b549bd110f1', name: "header" }, (this.heading || this.subtitle) && (h("header", { key: '080059a002a373d76bee863b368a12ffdba59384', class: "issues-header", part: "header" }, h("div", { key: 'db85f995fb6f1f9fe961ea6726cf82da17fc9c2d', class: "header-content", part: "header-content" }, this.heading && (h("h1", { key: 'e7b510ecd2039072b384d6dcb531ebf0b091010b', class: "issues-title", part: "title" }, this.heading)), this.subtitle && (h("p", { key: '323f9a635b6a1c2ca9d955d12dc1925c0be59cf8', class: "issues-subtitle", part: "subtitle" }, this.subtitle)))))), this.loading && (h("slot", { key: 'ba63923aa7cac4b3ab050b423d5f65dcbbe81677', name: "loading" }, h("div", { key: '4bf1fc0d367acb0285eb124875c42e541939d388', class: "loading-state", role: "status", "aria-label": "Loading issues", part: "loading-state" }, h("div", { key: 'fa369824bd1cb8e3b5c393613952611658e6919a', class: "loading-skeletons", part: "loading-skeletons" }, [1, 2, 3].map(i => (h("div", { key: i, class: "skeleton-card", part: "skeleton-card" }, h("div", { class: "skeleton-content", part: "skeleton-content" }, h("div", { class: "skeleton-header", part: "skeleton-header" }, h("div", { class: "skeleton-badge", part: "skeleton-badge" }), h("div", { class: "skeleton-timestamp", part: "skeleton-timestamp" })), h("div", { class: "skeleton-main", part: "skeleton-main" }, h("div", { class: "skeleton-title", part: "skeleton-title" }), h("div", { class: "skeleton-body", part: "skeleton-body" }, h("div", { class: "skeleton-line", part: "skeleton-line" }), h("div", { class: "skeleton-line short", part: "skeleton-line short" })), h("div", { class: "skeleton-repo", part: "skeleton-repo" })), h("div", { class: "skeleton-footer", part: "skeleton-footer" }, h("div", { class: "skeleton-upvote", part: "skeleton-upvote" })))))))))), this.error && (h("slot", { key: '5ad8c400e465213de6e9d1f2a4d5e70c86a7ca2d', name: "error" }, h("div", { key: '0a1a62f25e9ccac249ea7426cc7839e95a24b60f', class: "error-state", role: "alert", part: "error-state" }, h("div", { key: '3286f0ab99dbead8e7949317de510e643bfbc897', class: "error-state-content", part: "error-state-content" }, this.renderErrorIcon(), h("h2", { key: '78319f0bbc6cc972bb2a4478134194b0592c13ba', class: "error-state-title", part: "error-title" }, "Something went wrong"), h("p", { key: 'ba262bf4d991326d36a04667b1109fed008d7cfd', class: "error-state-message", part: "error-message" }, this.error))))), !this.loading && !this.error && (h("div", { key: 'adc09c9a78afb9c163d23813eebb23a4c031be52', part: "list-container" }, this.renderIssuesList(), this.hasMore && (h("slot", { key: '26010e848f5fc2976f0ab0c1d7f134efb023f173', name: "load-more" }, h("div", { key: 'adbfb37d368383405dc9edd136ed7c0003b8cb67', class: "load-more-container", part: "load-more-container" }, h("feedlog-button", { key: '8d00e17e29dd9148e71e86cb178b9e058f50ce32', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline", part: "load-more-btn" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues')))))))));
     }
     static get is() { return "feedlog-issues"; }
     static get encapsulation() { return "shadow"; }
@@ -341,11 +334,6 @@ export class FeedlogIssues {
             }
         };
     }
-    static get states() {
-        return {
-            "currentTheme": {}
-        };
-    }
     static get events() {
         return [{
                 "method": "feedlogUpvote",

package/dist/collection/components/feedlog-issues/feedlog-issues.stories.js

@@ -1,98 +1,118 @@
 import { h } from "@stencil/core";
+/** API-shaped sample issues (matches FetchIssuesResponse) plus bug examples for badge coverage */
 const sampleIssues = [
     {
-        id: 'issue-1',
-        githubIssueLink: 'https://github.com/feedlog/feedlog-toolkit/issues/24',
-        title: 'Add dark mode support',
-        body: 'It would be great to have a dark mode option for the dashboard.',
+        id: 'iss_365sfvyqb434',
+        githubIssueLink: null,
         type: 'enhancement',
         status: 'open',
         pinnedAt: null,
-        revision: 1,
+        title: 'Add support for native GitHub Issue Types',
+        body: "## Motivation\nGitHub has introduced a native 'Issue Type' field at the organization level to provide a structured way to categorize work, replacing the inconsistent use of labels or project-specific custom fields.\n\n## What’s Changing\nThe system will now support the native GitHub 'Issue Type' property as the primary source of truth for categorizing issues. Integration will be updated to read the 'issue.type' field from webhooks and API responses.\n\n## Expected Behavior\n1. The system will prioritize the 'issue.type.name' field to determine the issue category.\n2. Existing label-based categorization will be maintained as a fallback mechanism for issues where the native type is not defined.\n3. The application will correctly ignore project-level 'Type' fields to avoid data conflicts.",
+        revision: 2,
         repository: {
-            id: 'repo-1',
-            name: 'feedlog-toolkit',
-            description: 'Monorepo for Feedlog Toolkit',
+            id: 'rep_755dtvwg9d6r',
+            name: 'Infrastructure',
+            description: null,
         },
-        updatedAt: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(), // 2 hours ago
-        createdAt: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(),
-        upvoteCount: 24,
+        updatedAt: '2026-03-23T16:42:40.555Z',
+        createdAt: '2026-03-23T16:41:06.302Z',
+        upvoteCount: 0,
         hasUpvoted: false,
     },
     {
-        id: 'issue-2',
-        githubIssueLink: 'https://github.com/feedlog/feedlog-toolkit/issues/15',
-        title: 'Charts not rendering on mobile',
-        body: 'The chart components are not properly responsive on smaller screens.',
-        type: 'bug',
+        id: 'iss_9k1ums2a23s1',
+        githubIssueLink: null,
+        type: 'enhancement',
         status: 'open',
         pinnedAt: null,
-        revision: 1,
+        title: 'Introduce Release issue type for hierarchical task management',
+        body: '## Motivation\nUsers currently lack a native way to group related enhancements and bug fixes under a single release umbrella, making it difficult to track progress across multiple smaller tasks.\n\n## What’s Changing\nA new "Release" parent issue type is being introduced to allow for the nesting of enhancement and bug issues as sub-tasks.\n\n## Expected Behavior\n1. Users can create a parent Release issue without requiring specific labels.\n2. Enhancement and bug issues can be linked as children to a parent Release issue by leveraging existing GitHub sub-issue functionality.\n3. The interface will display all associated sub-issues directly under the parent Release issue for improved visibility.',
+        revision: 4,
         repository: {
-            id: 'repo-1',
-            name: 'feedlog-toolkit',
-            description: 'Monorepo for Feedlog Toolkit',
+            id: 'rep_755dtvwg9d6r',
+            name: 'Infrastructure',
+            description: null,
         },
-        updatedAt: new Date(Date.now() - 5 * 60 * 60 * 1000).toISOString(), // 5 hours ago
-        createdAt: new Date(Date.now() - 5 * 60 * 60 * 1000).toISOString(),
+        updatedAt: '2026-03-21T17:01:16.642Z',
+        createdAt: '2026-03-21T16:57:19.826Z',
         upvoteCount: 0,
         hasUpvoted: false,
     },
     {
-        id: 'issue-3',
-        githubIssueLink: 'https://github.com/feedlog/feedlog-toolkit/issues/8',
-        title: 'Export data to CSV',
-        body: 'Add functionality to export chart data as CSV files.',
+        id: 'iss_zwhnnqy38zmi',
+        githubIssueLink: null,
         type: 'enhancement',
         status: 'open',
         pinnedAt: null,
-        revision: 1,
+        title: 'Implement structured user feedback collection via forms',
+        body: '## Motivation\nCurrent feedback mechanisms are limited to simple upvote buttons, which lack the granularity required to understand specific user preferences or pain points. \n\n## What’s Changing\nThis update introduces a structured feedback collection system supporting checkboxes, radio buttons, and custom form fields. Feedback data submitted by users will be automatically aggregated and posted directly to the corresponding GitHub issue. \n\n## Expected Behavior\n1. Users can select multiple options via checkboxes or single options via radio buttons within a feedback form.\n2. Submitted feedback responses are automatically compiled and displayed as a summary within the relevant GitHub issue.',
+        revision: 3,
         repository: {
-            id: 'repo-1',
-            name: 'feedlog-toolkit',
-            description: 'Monorepo for Feedlog Toolkit',
+            id: 'rep_755dtvwg9d6r',
+            name: 'Infrastructure',
+            description: null,
         },
-        updatedAt: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(), // 1 day ago
-        createdAt: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),
-        upvoteCount: 15,
+        updatedAt: '2026-03-21T16:47:18.550Z',
+        createdAt: '2026-03-21T16:41:04.709Z',
+        upvoteCount: 0,
         hasUpvoted: false,
     },
     {
-        id: 'issue-4',
-        githubIssueLink: 'https://github.com/feedlog/feedlog-toolkit/issues/12',
-        title: 'Memory leak in real-time updates',
-        body: 'When leaving the dashboard open for extended periods, memory usage increases significantly.',
+        id: 'iss_w5nhudiz7udm',
+        githubIssueLink: null,
+        type: 'enhancement',
+        status: 'open',
+        pinnedAt: null,
+        title: 'Enable media support for card components',
+        body: '## Motivation\nCard components currently lack the ability to display visual content, limiting the ability to effectively illustrate issues or provide context.\n\n## What’s Changing\nSupport for embedded media, including images and videos, is being integrated into card components using standard Markdown syntax.\n\n## Expected Behavior\n1. Images and videos included in the Markdown content will render correctly within the card component.\n2. Media rendering will mirror the display behavior currently utilized in issue bodies.',
+        revision: 6,
+        repository: {
+            id: 'rep_755dtvwg9d6r',
+            name: 'Infrastructure',
+            description: null,
+        },
+        updatedAt: '2026-03-21T07:37:58.605Z',
+        createdAt: '2026-03-20T15:18:47.674Z',
+        upvoteCount: 1,
+        hasUpvoted: false,
+    },
+    {
+        id: 'iss_bug_charts_mobile',
+        githubIssueLink: null,
         type: 'bug',
         status: 'open',
         pinnedAt: null,
+        title: 'Charts not rendering on mobile',
+        body: 'The chart components are not properly responsive on smaller screens.',
         revision: 1,
         repository: {
-            id: 'repo-1',
-            name: 'feedlog-toolkit',
-            description: 'Monorepo for Feedlog Toolkit',
+            id: 'rep_755dtvwg9d6r',
+            name: 'Infrastructure',
+            description: null,
         },
-        updatedAt: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(), // 2 days ago
-        createdAt: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),
+        updatedAt: '2026-03-19T12:00:00.000Z',
+        createdAt: '2026-03-19T10:00:00.000Z',
         upvoteCount: 0,
         hasUpvoted: false,
     },
     {
-        id: 'issue-5',
+        id: 'iss_bug_memory_leak',
         githubIssueLink: null,
-        title: 'Custom color themes',
-        body: 'Allow users to customize the color palette for charts and UI elements.',
-        type: 'enhancement',
+        type: 'bug',
         status: 'open',
         pinnedAt: null,
+        title: 'Memory leak in real-time updates',
+        body: 'When leaving the dashboard open for extended periods, memory usage increases significantly.',
         revision: 1,
         repository: {
-            id: 'repo-1',
-            name: 'feedlog-toolkit',
-            description: 'Monorepo for Feedlog Toolkit',
+            id: 'rep_755dtvwg9d6r',
+            name: 'Infrastructure',
+            description: null,
         },
-        updatedAt: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString(), // 1 week ago
-        createdAt: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString(),
-        upvoteCount: 8,
+        updatedAt: '2026-03-18T09:30:00.000Z',
+        createdAt: '2026-03-17T14:00:00.000Z',
+        upvoteCount: 0,
         hasUpvoted: false,
     },
 ];

package/dist/collection/components/feedlog-issues-client/feedlog-issues-client.js

@@ -97,7 +97,9 @@ export class FeedlogIssuesClient {
             this.cursor = null;
             this.hasMore = false;
             this.issues = [];
-            this.fetchIssues();
+            void this.fetchIssues().catch(() => {
+                /* errors handled inside fetchIssues */
+            });
             this.previousType = this.type;
             this.previousLimit = this.limit;
             this.previousSortBy = this.sortBy;
@@ -117,6 +119,22 @@ export class FeedlogIssuesClient {
             this.feedlogError.emit({ error: errorMsg });
         }
     }
+    buildFetchParams() {
+        const params = {};
+        if (this.type) {
+            params.type = this.type;
+        }
+        if (this.sortBy) {
+            params.sortBy = this.sortBy;
+        }
+        if (this.limit) {
+            params.limit = this.limit;
+        }
+        if (this.cursor) {
+            params.cursor = this.cursor;
+        }
+        return params;
+    }
     async fetchIssues() {
         if (!this.sdk) {
             return;
@@ -126,19 +144,7 @@ export class FeedlogIssuesClient {
         try {
             this.loading = true;
             this.error = null;
-            const params = {};
-            if (this.type) {
-                params.type = this.type;
-            }
-            if (this.sortBy) {
-                params.sortBy = this.sortBy;
-            }
-            if (this.limit) {
-                params.limit = this.limit;
-            }
-            if (this.cursor) {
-                params.cursor = this.cursor;
-            }
+            const params = this.buildFetchParams();
             const response = await this.sdk.fetchIssues(params);
             // Ignore response if component disconnected or a newer request was made
             if (this.isDisconnected || currentRequestId !== this.fetchRequestId) {
@@ -177,19 +183,7 @@ export class FeedlogIssuesClient {
         const currentRequestId = this.fetchRequestId;
         this.isLoadingMore = true;
         try {
-            const params = {};
-            if (this.type) {
-                params.type = this.type;
-            }
-            if (this.sortBy) {
-                params.sortBy = this.sortBy;
-            }
-            if (this.limit) {
-                params.limit = this.limit;
-            }
-            if (this.cursor) {
-                params.cursor = this.cursor;
-            }
+            const params = this.buildFetchParams();
             const response = await this.sdk.fetchIssues(params);
             // Ignore response if component disconnected or a newer request was made
             if (this.isDisconnected || currentRequestId !== this.fetchRequestId) {
@@ -224,7 +218,7 @@ export class FeedlogIssuesClient {
         const style = hostBg
             ? { '--feedlog-background': hostBg }
             : undefined;
-        return (h("feedlog-issues", { key: '0528f8bbb5f1e735c3b50a4325221ee8bfdfadda', style: style, issues: this.issues, limit: this.limit, maxWidth: this.maxWidth, theme: this.theme, heading: this.heading, subtitle: this.subtitle, emptyStateTitle: this.emptyStateTitle, emptyStateMessage: this.emptyStateMessage, getIssueUrl: this.getIssueUrl, loading: this.loading, error: this.error, hasMore: this.hasMore, isLoadingMore: this.isLoadingMore, onFeedlogUpvote: this.handleUpvote, onFeedlogLoadMore: async () => this.loadMore() }));
+        return (h("feedlog-issues", { key: '2d9528bb33630664824ab584e10208359d579eb6', style: style, issues: this.issues, limit: this.limit, maxWidth: this.maxWidth, theme: this.theme, heading: this.heading, subtitle: this.subtitle, emptyStateTitle: this.emptyStateTitle, emptyStateMessage: this.emptyStateMessage, getIssueUrl: this.getIssueUrl, loading: this.loading, error: this.error, hasMore: this.hasMore, isLoadingMore: this.isLoadingMore, onFeedlogUpvote: this.handleUpvote, onFeedlogLoadMore: async () => this.loadMore(), part: "base" }, h("slot", { key: 'efe89b9fd0f337af7930823762296487ebcb758e', name: "header", slot: "header" }), h("slot", { key: 'ffebd688ebf25bb464ceefd6a161f7140e03933b', name: "loading", slot: "loading" }), h("slot", { key: 'b59010966b6f7768814ba838c05ffd62cfd1c26a', name: "error", slot: "error" }), h("slot", { key: '99b1abfcbb62703b3642fb02d79d8d1488421ee3', name: "empty-state", slot: "empty-state" }), h("slot", { key: 'c47c1dc83e8434b8f66d1b42b65e812aa5e1f8ee', name: "load-more", slot: "load-more" })));
     }
     static get is() { return "feedlog-issues-client"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/feedlog-issues-list/feedlog-issues-list.js

@@ -64,13 +64,13 @@ export class FeedlogIssuesList {
             return null;
         const totalPages = Math.ceil(this.issues.length / this.limit);
         const pageNumbers = this.getPageNumbers();
-        return (h("nav", { class: "pagination", "aria-label": "Issues pagination" }, h("button", { type: "button", class: "pagination-btn pagination-arrow", "aria-label": "Previous page", disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1) }, "\u2039"), pageNumbers.map((p, i) => p === 'ellipsis' ? (h("span", { key: i, class: "pagination-ellipsis", "aria-hidden": "true" }, "\u2026")) : (h("button", { key: i, type: "button", class: "pagination-btn", "aria-current": p === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(p) }, p))), h("button", { type: "button", class: "pagination-btn pagination-arrow", "aria-label": "Next page", disabled: this.currentPage >= totalPages, onClick: () => this.goToPage(this.currentPage + 1) }, "\u203A")));
+        return (h("nav", { class: "pagination", "aria-label": "Issues pagination", part: "pagination" }, h("button", { type: "button", class: "pagination-btn pagination-arrow", "aria-label": "Previous page", disabled: this.currentPage <= 1, onClick: () => this.goToPage(this.currentPage - 1), part: "pagination-btn pagination-arrow" }, "\u2039"), pageNumbers.map((p, i) => p === 'ellipsis' ? (h("span", { key: `ellipsis-${i}`, class: "pagination-ellipsis", "aria-hidden": "true", part: "pagination-ellipsis" }, "\u2026")) : (h("button", { key: `page-${p}`, type: "button", class: "pagination-btn", "aria-current": p === this.currentPage ? 'page' : undefined, onClick: () => this.goToPage(p), part: `pagination-btn ${p === this.currentPage ? 'pagination-btn-active' : ''}` }, p))), h("button", { type: "button", class: "pagination-btn pagination-arrow", "aria-label": "Next page", disabled: this.currentPage >= totalPages, onClick: () => this.goToPage(this.currentPage + 1), part: "pagination-btn pagination-arrow" }, "\u203A")));
     }
     render() {
         const visibleIssues = this.getVisibleIssues();
-        return (h(Host, { key: '474f5ca0d8edc94a8e9a03d83c6a977270391d65', class: this.theme === 'dark' ? 'dark' : '' }, h("div", { key: '8f2f8125653ec5f80b167945a33cefe483c1a001', class: "issues-list" }, visibleIssues.length === 0 ? (h("div", { class: "empty-state" }, this.emptyStateTitle && this.emptyStateMessage ? (h("div", { class: "empty-state-content" }, this.renderEmptyStateIllustration(), h("h2", { class: "empty-state-title" }, this.emptyStateTitle), h("p", { class: "empty-state-message" }, this.emptyStateMessage))) : (h("p", null, "No issues found")))) : (visibleIssues.map(issue => {
+        return (h(Host, { key: 'cfbc683e096ad29327539323e1db97aba4bba373', class: this.theme === 'dark' ? 'dark' : '' }, h("div", { key: 'fb342265514ab879e37136955cb0dc444f381646', class: "issues-list", part: "base" }, visibleIssues.length === 0 ? (h("div", { class: "empty-state", part: "empty-state" }, this.emptyStateTitle && this.emptyStateMessage ? (h("div", { class: "empty-state-content", part: "empty-state-content" }, this.renderEmptyStateIllustration(), h("h2", { class: "empty-state-title", part: "empty-state-title" }, this.emptyStateTitle), h("p", { class: "empty-state-message", part: "empty-state-message" }, this.emptyStateMessage))) : (h("slot", { name: "empty-state" }, h("p", null, "No issues found"))))) : (visibleIssues.map(issue => {
             var _a, _b;
-            return (h("feedlog-issue", { key: issue.id, issue: issue, issueUrl: (_b = (_a = this.getIssueUrl) === null || _a === void 0 ? void 0 : _a.call(this, issue)) !== null && _b !== void 0 ? _b : undefined, theme: this.theme, onFeedlogUpvote: (e) => this.handleUpvote(e) }));
+            return (h("feedlog-issue", { key: issue.id, issue: issue, issueUrl: (_b = (_a = this.getIssueUrl) === null || _a === void 0 ? void 0 : _a.call(this, issue)) !== null && _b !== void 0 ? _b : undefined, theme: this.theme, onFeedlogUpvote: (e) => this.handleUpvote(e), part: "issue" }));
         }))), this.renderPagination()));
     }
     static get is() { return "feedlog-issues-list"; }

package/dist/collection/utils/markdown.js

@@ -8,10 +8,15 @@ export function parseMarkdown(markdown) {
     if (markdown == null || markdown === '') {
         return '';
     }
-    const html = marked.parse(markdown, {
+    const parsed = marked.parse(markdown, {
         gfm: true,
         breaks: true,
+        async: false,
     });
+    if (typeof parsed !== 'string') {
+        throw new Error('marked.parse returned a Promise; async markdown is not supported');
+    }
+    const html = parsed;
     return DOMPurify.sanitize(html, {
         ALLOWED_TAGS: [
             'p',

package/dist/components/feedlog-badge.js

@@ -1 +1 @@
-import{F as o,d as s}from"./p-DzATWlAC.js";const p=o,r=s;export{p as FeedlogBadge,r as defineCustomElement}
+import{F as o,d as s}from"./p-DFD585IK.js";const p=o,r=s;export{p as FeedlogBadge,r as defineCustomElement}

package/dist/components/feedlog-button.js

@@ -1 +1 @@
-import{F as o,d as s}from"./p-DMdb-G26.js";const p=o,r=s;export{p as FeedlogButton,r as defineCustomElement}
+import{F as o,d as s}from"./p-I6NOP29P.js";const p=o,r=s;export{p as FeedlogButton,r as defineCustomElement}

package/dist/components/feedlog-card.js

@@ -1 +1 @@
-import{t as e,p as o,H as d,h as a}from"./index.js";const r=o(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"293a80e66adedfc1af29daf72390a4f464321b96",class:"feedlog-card"},a("slot",{key:"b7e5a827f89035e791d9c756db0f66198e6c5a38",name:"header"}),a("slot",{key:"da89fee0a01068c8438564848f218faa9c5d849e",name:"content"}),a("slot",{key:"30b05e80e4189c0f73810a48f64e072dfac83267",name:"footer"}))}static get style(){return':host{display:block;font-family:ui-monospace, SFMono-Regular, \'SF Mono\', Menlo, Consolas, \'Liberation Mono\', monospace;--feedlog-card:#ffffff;--feedlog-card-foreground:oklch(0.145 0 0);--feedlog-border:rgba(0, 0, 0, 0.1);--feedlog-radius:0.625rem;--feedlog-card-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--feedlog-card-hover-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)}:host(.dark){--feedlog-card:oklch(0.145 0 0);--feedlog-card-foreground:oklch(0.985 0 0);--feedlog-border:oklch(0.269 0 0);--feedlog-card-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.3);--feedlog-card-hover-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgba(0, 0, 0, 0.3)}.feedlog-card{background-color:var(--feedlog-card);color:var(--feedlog-card-foreground);border:1px solid var(--feedlog-border);border-radius:var(--feedlog-radius);box-shadow:var(--feedlog-card-shadow);transition:box-shadow 0.15s ease;position:relative}.feedlog-card:hover{box-shadow:var(--feedlog-card-hover-shadow)}::slotted([slot="header"]){display:block}::slotted([slot="content"]){display:block}::slotted([slot="footer"]){display:block}'}},[257,"feedlog-card"]);function l(){"undefined"!=typeof customElements&&["feedlog-card"].forEach((o=>{"feedlog-card"===o&&(customElements.get(e(o))||customElements.define(e(o),r))}))}l();const s=r,f=l;export{s as FeedlogCard,f as defineCustomElement}
+import{t as e,p as d,H as o,h as a}from"./index.js";const r=d(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"c95d00e338fcf8d985407cda878f50d173c86c71",class:"feedlog-card",part:"base"},a("div",{key:"5001f2e08495d54abb59ddcada568c9ff4c6fb87",class:"feedlog-card-header",part:"header"},a("slot",{key:"b6c6f18a458249aedfb4a95679d4592cfcac4187",name:"header"})),a("div",{key:"99faa1bd9af52fb23cb304e0a87d35b8e14a6358",class:"feedlog-card-content",part:"content"},a("slot",{key:"44370b05b0c2335d6c7271f2807189a7a208be71",name:"content"})),a("div",{key:"e3876d4f589f9ecf917b5a9b5919363c19d08c93",class:"feedlog-card-footer",part:"footer"},a("slot",{key:"be69074d341c8e88f9227d2f035f22838469b035",name:"footer"})))}static get style(){return':host{display:block;font-family:var(--feedlog-font-family)}.feedlog-card{background-color:var(--feedlog-card);color:var(--feedlog-card-foreground);border:1px solid var(--feedlog-border);border-radius:var(--feedlog-radius);box-shadow:var(--feedlog-shadow-sm);transition:box-shadow 0.15s ease;position:relative;display:flex;flex-direction:column}.feedlog-card:hover{box-shadow:var(--feedlog-shadow)}.feedlog-card-header{padding:var(--feedlog-space-6);display:flex;flex-direction:column;gap:var(--feedlog-space-1)}.feedlog-card-content{padding:var(--feedlog-space-6);padding-top:0}.feedlog-card-footer{padding:var(--feedlog-space-6);padding-top:0;display:flex;align-items:center}::slotted([slot="header"]),::slotted([slot="content"]),::slotted([slot="footer"]){display:block}'}},[257,"feedlog-card"]);function t(){"undefined"!=typeof customElements&&["feedlog-card"].forEach((d=>{"feedlog-card"===d&&(customElements.get(e(d))||customElements.define(e(d),r))}))}t();const c=r,f=t;export{c as FeedlogCard,f as defineCustomElement}

package/dist/components/feedlog-issue.js

@@ -1 +1 @@
-import{F as o,d as s}from"./p-BRjVS8bz.js";const p=o,r=s;export{p as FeedlogIssue,r as defineCustomElement}
+import{F as o,d as s}from"./p-CvIMO_S7.js";const p=o,r=s;export{p as FeedlogIssue,r as defineCustomElement}