@feedlog-ai/webcomponents 0.0.19 → 0.0.21

package/dist/cjs/feedlog-card.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-5lluu_3h.js');
+var index = require('./index-DnsqTPII.js');
 
 const feedlogCardCss = () => `: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}`;
 

package/dist/cjs/feedlog-github-issues-client.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-5lluu_3h.js');
+var index = require('./index-DnsqTPII.js');
 
 /**
  * HTML and XSS sanitization utilities
@@ -260,29 +260,35 @@ class FeedlogSDK {
         if (typeof issue.id !== 'string') {
             throw new FeedlogValidationError('Invalid issue: id is required and must be a string');
         }
-        if (typeof issue.title !== 'string') {
-            throw new FeedlogValidationError('Invalid issue: title is required and must be a string');
-        }
         if (!['bug', 'enhancement'].includes(String(issue.type))) {
             throw new FeedlogValidationError('Invalid issue: type must be "bug" or "enhancement"');
         }
-        if (!['open', 'closed'].includes(String(issue.status))) {
-            throw new FeedlogValidationError('Invalid issue: status must be "open" or "closed"');
+        if (!['open', 'in_progress', 'closed'].includes(String(issue.status))) {
+            throw new FeedlogValidationError('Invalid issue: status must be "open", "in_progress", or "closed"');
         }
         if (!issue.repository || typeof issue.repository !== 'object') {
             throw new FeedlogValidationError('Invalid issue: repository is required');
         }
         const repo = issue.repository;
-        if (typeof repo.id !== 'string' ||
-            typeof repo.name !== 'string' ||
-            typeof repo.owner !== 'string') {
-            throw new FeedlogValidationError('Invalid issue: repository must have id, name, and owner');
-        }
-        // Sanitize string fields to prevent XSS
-        const sanitizedTitle = sanitizeHtml(String(issue.title));
-        const sanitizedBody = sanitizeHtml(String(issue.body || ''));
+        if (typeof repo.id !== 'string') {
+            throw new FeedlogValidationError('Invalid issue: repository must have id');
+        }
+        // githubIssueLink: string | null (null for private repos)
+        const githubIssueLink = issue.githubIssueLink !== null && typeof issue.githubIssueLink === 'string'
+            ? String(issue.githubIssueLink)
+            : null;
+        // Sanitize string fields to prevent XSS (handle null)
+        const rawTitle = issue.title;
+        const sanitizedTitle = rawTitle != null && rawTitle !== '' ? sanitizeHtml(String(rawTitle)) : null;
+        const rawBody = issue.body;
+        const sanitizedBody = rawBody != null && rawBody !== '' ? sanitizeHtml(String(rawBody)) : null;
+        const rawRepoName = repo.name;
+        const repoName = rawRepoName != null && rawRepoName !== '' ? String(rawRepoName) : null;
+        const rawRepoDesc = repo.description;
+        const repoDescription = rawRepoDesc != null && rawRepoDesc !== '' ? sanitizeHtml(String(rawRepoDesc)) : null;
         return {
             id: String(issue.id),
+            githubIssueLink,
             type: issue.type || 'bug',
             status: issue.status || 'open',
             pinnedAt: issue.pinnedAt ? String(issue.pinnedAt) : null,
@@ -291,8 +297,8 @@ class FeedlogSDK {
             body: sanitizedBody,
             repository: {
                 id: String(repo.id),
-                name: String(repo.name),
-                owner: String(repo.owner),
+                name: repoName,
+                description: repoDescription,
             },
             updatedAt: String(issue.updatedAt) || new Date().toISOString(),
             createdAt: String(issue.createdAt) || new Date().toISOString(),
@@ -547,7 +553,7 @@ const FeedlogGithubIssuesClient = class {
         }
     }
     render() {
-        return (index.h("feedlog-github-issues", { key: '77a441edc78e0797deac65e2705adff880056e56', issues: this.issues, maxWidth: this.maxWidth, theme: this.theme, heading: this.heading, subtitle: this.subtitle, loading: this.loading, error: this.error, hasMore: this.hasMore, isLoadingMore: this.isLoadingMore, onFeedlogUpvote: this.handleUpvote, onFeedlogLoadMore: async () => this.loadMore() }));
+        return (index.h("feedlog-github-issues", { key: '5d5bbd34f21c89b18ecb78f2411cfb825ff78d12', issues: this.issues, maxWidth: this.maxWidth, theme: this.theme, heading: this.heading, subtitle: this.subtitle, getIssueUrl: this.getIssueUrl, loading: this.loading, error: this.error, hasMore: this.hasMore, isLoadingMore: this.isLoadingMore, onFeedlogUpvote: this.handleUpvote, onFeedlogLoadMore: async () => this.loadMore() }));
     }
 };
 

package/dist/cjs/feedlog-github-issues.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-5lluu_3h.js');
+var index = require('./index-DnsqTPII.js');
 
-const feedlogGithubIssuesCss = () => `:host{display:block;font-family:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;--feedlog-background:#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}:host(.dark){--feedlog-background:oklch(0.145 0 0);--feedlog-foreground:oklch(0.985 0 0);--feedlog-card:oklch(0.145 0 0);--feedlog-card-foreground:oklch(0.985 0 0);--feedlog-muted:oklch(0.269 0 0);--feedlog-muted-foreground:oklch(0.708 0 0);--feedlog-border:oklch(0.269 0 0);--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-blue-900-30:color-mix(in oklab, oklch(0.379 0.146 265.522) 30%, transparent);--feedlog-red-900-30:color-mix(in oklab, oklch(0.396 0.141 25.723) 30%, transparent)}.github-issues-container{min-height:100vh;background-color:var(--feedlog-background);padding:var(--feedlog-padding);margin:0 auto}.issues-header{margin-bottom:1.5rem;display:flex;align-items:flex-start;justify-content:space-between}.header-content{flex:1}.issues-title{color:var(--feedlog-foreground);margin:0 0 0.25rem 0;font-size:1.5rem;font-weight:500;line-height:1.5}.issues-subtitle{color:var(--feedlog-muted-foreground);font-size:0.875rem;margin:0}.loading-state,.error-state{padding:2rem;text-align:center;color:var(--feedlog-muted-foreground)}.error-state{color:var(--feedlog-destructive)}.issues-list{display:flex;flex-direction:column;gap:var(--feedlog-gap)}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--feedlog-muted-foreground);font-size:0.875rem}.load-more-container{display:flex;justify-content:center;padding:2rem 0;gap:1rem}`;
+const feedlogGithubIssuesCss = () => `:host{display:block;font-family:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;--feedlog-background:#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}:host(.dark){--feedlog-background: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-blue-900-30:color-mix(in oklab, oklch(0.379 0.146 265.522) 30%, transparent);--feedlog-red-900-30:color-mix(in oklab, oklch(0.396 0.141 25.723) 30%, transparent)}.github-issues-container{min-height:100vh;background-color:var(--feedlog-background);padding:var(--feedlog-padding);margin:0 auto}.issues-header{margin-bottom:1.5rem;display:flex;align-items:flex-start;justify-content:space-between}.header-content{flex:1}.issues-title{color:var(--feedlog-foreground);margin:0 0 0.25rem 0;font-size:1.5rem;font-weight:500;line-height:1.5}.issues-subtitle{color:var(--feedlog-muted-foreground);font-size:0.875rem;margin:0}.loading-state,.error-state{padding:2rem;text-align:center;color:var(--feedlog-muted-foreground)}.error-state{color:var(--feedlog-destructive)}.issues-list{display:flex;flex-direction:column;gap:var(--feedlog-gap)}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--feedlog-muted-foreground);font-size:0.875rem}.load-more-container{display:flex;justify-content:center;padding:2rem 0;gap:1rem}`;
 
 const FeedlogGithubIssues = class {
     constructor(hostRef) {
@@ -53,13 +53,16 @@ const FeedlogGithubIssues = class {
         this.currentTheme = this.theme;
     }
     renderIssuesList() {
-        return (index.h("div", { class: "issues-list" }, this.issues.length === 0 ? (index.h("div", { class: "empty-state" }, index.h("p", null, "No issues found"))) : (this.issues.map(issue => (index.h("feedlog-issue", { key: issue.id, issue: issue, theme: this.currentTheme, onFeedlogUpvote: (e) => this.handleUpvote(e) }))))));
+        return (index.h("div", { class: "issues-list" }, this.issues.length === 0 ? (index.h("div", { class: "empty-state" }, index.h("p", null, "No issues found"))) : (this.issues.map(issue => {
+            var _a, _b;
+            return (index.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.currentTheme, onFeedlogUpvote: (e) => this.handleUpvote(e) }));
+        }))));
     }
     render() {
         const containerStyle = {
             maxWidth: this.maxWidth,
         };
-        return (index.h(index.Host, { key: '3d3f6aaaf7efc9bf81476e1ff793d68a8fc46db1', class: this.currentTheme === 'dark' ? 'dark' : '' }, index.h("div", { key: 'b3114878ce3b649bb1dbec9eb2502bad2c2dfe27', class: "github-issues-container", style: containerStyle }, (this.heading || this.subtitle) && (index.h("header", { key: '3effa7137e3138b8709f12442beaaf58f7873e91', class: "issues-header" }, index.h("div", { key: '7904676ced41f4c738c265a571d2a447155f13f3', class: "header-content" }, this.heading && index.h("h1", { key: 'f139c2087642ede74542be0064273d92f27938d7', class: "issues-title" }, this.heading), this.subtitle && index.h("p", { key: 'c3af89d4abfb48ba225f362031705a14833f0ab7', class: "issues-subtitle" }, this.subtitle)))), this.loading && (index.h("div", { key: '1ed8c88a52808bbfb3a1ac86c9535cb87f32773a', class: "loading-state" }, index.h("p", { key: 'd093c2edcfaba2c136c6915bfe183f7e8f25de8b' }, "Loading issues..."))), this.error && (index.h("div", { key: '05ab37ee5c061a321fc7a8c407af04cae269f304', class: "error-state" }, index.h("p", { key: '7388ef1b66265953f30b65618f2b96c519702bdb' }, "Error: ", this.error))), !this.loading && !this.error && (index.h("div", { key: '5968b7ad6c13c7d0edf0a497eb51bd88978def9c' }, this.renderIssuesList(), this.hasMore && (index.h("div", { key: '7cfe136735f497f239a5be2befa6c3add99c7bcb', class: "load-more-container" }, index.h("feedlog-button", { key: '6fcdaf69873d51518d58baa9c3f8dba8a705ad5f', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
+        return (index.h(index.Host, { key: '8d371971cf80542020ff10d09e49b1e86cbd1170', class: this.currentTheme === 'dark' ? 'dark' : '' }, index.h("div", { key: '6a46103b04afbd473ca02a5f16125192a00f2e9b', class: "github-issues-container", style: containerStyle }, (this.heading || this.subtitle) && (index.h("header", { key: '55b481d2ea993566769670aeef1959aa76cc422e', class: "issues-header" }, index.h("div", { key: 'c80a94733595b2fc74f9e670b8ebe92498e762f5', class: "header-content" }, this.heading && index.h("h1", { key: '16cb4c7cf71d1d91b52dede91f900a79f9a66458', class: "issues-title" }, this.heading), this.subtitle && index.h("p", { key: 'ee0d7a228dc935b2fa88a03133e79888a60853df', class: "issues-subtitle" }, this.subtitle)))), this.loading && (index.h("div", { key: '3830120b4883517f73133bb3b51f26a3cd2c0503', class: "loading-state" }, index.h("p", { key: '13a5c0d3f466092c77b3cc6b8d3af448c44b4f48' }, "Loading issues..."))), this.error && (index.h("div", { key: '84b1c7407a0b3c858598663feb8d4a782ec1bff2', class: "error-state" }, index.h("p", { key: 'd846f63028dc9134a28270853d1af08cf3b75ef5' }, "Error: ", this.error))), !this.loading && !this.error && (index.h("div", { key: 'e9676a45008da5976db58180d72275e3080a51a1' }, this.renderIssuesList(), this.hasMore && (index.h("div", { key: '85ef1768fbcc1636bbeeaa2a74afaa552455d05e', class: "load-more-container" }, index.h("feedlog-button", { key: 'd408617ab69f6d70acbb9dfc360d3a09c79279b1', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
     }
 };
 FeedlogGithubIssues.style = feedlogGithubIssuesCss();

package/dist/cjs/feedlog-issues-list.cjs.entry.js

@@ -1,13 +1,9 @@
 'use strict';
 
-var index = require('./index-5lluu_3h.js');
+var index = require('./index-DnsqTPII.js');
 
-const feedlogIssuesListCss = () => `:host{display:block;font-family:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;--feedlog-background:#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}:host(.dark){--feedlog-background:oklch(0.145 0 0);--feedlog-foreground:oklch(0.985 0 0);--feedlog-card:oklch(0.145 0 0);--feedlog-card-foreground:oklch(0.985 0 0);--feedlog-muted:oklch(0.269 0 0);--feedlog-muted-foreground:oklch(0.708 0 0);--feedlog-border:oklch(0.269 0 0);--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-blue-900-30:color-mix(in oklab, oklch(0.379 0.146 265.522) 30%, transparent);--feedlog-red-900-30:color-mix(in oklab, oklch(0.396 0.141 25.723) 30%, transparent)}.issues-list{display:flex;flex-direction:column;gap:var(--feedlog-gap)}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--feedlog-muted-foreground);font-size:0.875rem}.issue-card{background-color:var(--feedlog-card);border:1px solid var(--feedlog-border);border-radius:var(--feedlog-radius);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);transition:box-shadow 0.15s ease;position:relative}.issue-card:hover{box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)}.issue-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.issue-header{display:flex;align-items:center;gap:0.5rem;justify-content:space-between}.issue-type-badge{width:fit-content}.pinned-indicator{font-size:1rem;opacity:0.7}.issue-main{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.issue-details{flex:1;min-width:0}.issue-title{margin:0 0 0.5rem 0;font-size:1rem;font-weight:600;color:var(--feedlog-card-foreground);line-height:1.5;word-wrap:break-word}.issue-body{margin:0 0 0.75rem 0;font-size:0.875rem;color:var(--feedlog-muted-foreground);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word}.issue-repository{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:var(--feedlog-muted-foreground)}.repo-name{font-weight:500}.github-number{background-color:var(--feedlog-muted);padding:0.125rem 0.375rem;border-radius:0.25rem;font-family:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace}.upvote-button{display:flex;align-items:center;gap:0.375rem;padding:0.5rem 0.75rem;background-color:var(--feedlog-muted);border:1px solid var(--feedlog-border);border-radius:var(--feedlog-radius);color:var(--feedlog-muted-foreground);font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.upvote-button:hover{background-color:var(--feedlog-accent-color);color:white}.upvote-button.upvoted{background-color:var(--feedlog-destructive);color:white;border-color:var(--feedlog-destructive)}.upvote-button.upvoted:hover{background-color:var(--feedlog-red-600);border-color:var(--feedlog-red-600)}.upvote-icon{width:1rem;height:1rem;flex-shrink:0}.upvote-icon.filled{color:currentColor}.upvote-icon.outline{stroke:currentColor}.upvote-count{font-variant-numeric:tabular-nums}.issue-footer{display:flex;align-items:center;gap:1rem;font-size:0.75rem;color:var(--feedlog-muted-foreground)}.issue-date{white-space:nowrap}@media (max-width: 640px){.issue-content{padding:1rem;gap:0.75rem}.issue-main{flex-direction:column;align-items:stretch;gap:0.75rem}.upvote-button{align-self:flex-start}.issue-footer{flex-direction:column;align-items:flex-start;gap:0.25rem}}`;
+const feedlogIssuesListCss = () => `:host{display:block;--feedlog-muted-foreground:#64748b}:host(.dark){--feedlog-muted-foreground:oklch(0.72 0.02 260)}.issues-list{display:flex;flex-direction:column;gap:0.5rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--feedlog-muted-foreground);font-size:0.875rem}`;
 
-/**
- * Heart icon SVG component - renders filled or outline based on prop
- */
-const HeartIcon = ({ filled }) => (index.h("svg", { class: `upvote-icon ${filled ? 'filled' : 'outline'}`, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: filled ? 'currentColor' : 'none', stroke: filled ? 'none' : 'currentColor', "stroke-width": filled ? undefined : '2', "stroke-linecap": filled ? undefined : 'round', "stroke-linejoin": filled ? undefined : 'round' }, index.h("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })));
 const FeedlogIssuesList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -20,41 +16,16 @@ const FeedlogIssuesList = class {
          * Theme variant: 'light' or 'dark'
          */
         this.theme = 'light';
-        this.handleUpvote = (event, issue) => {
+        this.handleUpvote = (event) => {
             event.stopPropagation();
-            this.feedlogUpvote.emit({
-                issueId: issue.id,
-                currentUpvoted: issue.hasUpvoted,
-                currentCount: issue.upvoteCount,
-            });
+            this.feedlogUpvote.emit(event.detail);
         };
     }
-    /**
-     * Format an ISO date string to a relative time string
-     */
-    formatDate(dateString) {
-        try {
-            const date = new Date(dateString);
-            const now = new Date();
-            const seconds = Math.floor((now.getTime() - date.getTime()) / 1000);
-            if (seconds < 60)
-                return 'just now';
-            if (seconds < 3600)
-                return `${Math.floor(seconds / 60)}m ago`;
-            if (seconds < 86400)
-                return `${Math.floor(seconds / 3600)}h ago`;
-            if (seconds < 604800)
-                return `${Math.floor(seconds / 86400)}d ago`;
-            if (seconds < 2592000)
-                return `${Math.floor(seconds / 604800)}w ago`;
-            return date.toLocaleDateString();
-        }
-        catch (_a) {
-            return 'unknown date';
-        }
-    }
     render() {
-        return (index.h(index.Host, { key: 'ca131697a47a0e062454d7ec3b8b29d112d50e4b', class: this.theme === 'dark' ? 'dark' : '' }, index.h("div", { key: 'e5738dadb712834eedb6a1508c1049e8ae5328f7', class: "issues-list" }, this.issues.length === 0 ? (index.h("div", { class: "empty-state" }, index.h("p", null, "No issues found"))) : (this.issues.map(issue => (index.h("div", { key: issue.id, class: "issue-card" }, index.h("div", { class: "issue-content" }, index.h("div", { class: "issue-header" }, index.h("div", { class: "issue-type-badge" }, issue.type === 'bug' ? (index.h("feedlog-badge", { variant: "destructive" }, "Bug")) : (index.h("feedlog-badge", { variant: "enhancement" }, "Enhancement"))), issue.pinnedAt && (index.h("div", { class: "pinned-indicator", title: "Pinned issue" }, "\uD83D\uDCCC"))), index.h("div", { class: "issue-main" }, index.h("div", { class: "issue-details" }, index.h("h3", { class: "issue-title" }, issue.title), index.h("p", { class: "issue-body" }, issue.body), index.h("div", { class: "issue-repository" }, index.h("span", { class: "repo-name" }, issue.repository.owner, "/", issue.repository.name))), index.h("button", { class: `upvote-button ${issue.hasUpvoted ? 'upvoted' : ''}`, onClick: e => this.handleUpvote(e, issue), title: issue.hasUpvoted ? 'Remove upvote' : 'Upvote this issue' }, index.h(HeartIcon, { filled: issue.hasUpvoted }), index.h("span", { class: "upvote-count" }, issue.upvoteCount))), index.h("div", { class: "issue-footer" }, index.h("span", { class: "issue-date", title: `Updated: ${issue.updatedAt}` }, "Updated ", this.formatDate(issue.updatedAt)), index.h("span", { class: "issue-date", title: `Created: ${issue.createdAt}` }, "Created ", this.formatDate(issue.createdAt)))))))))));
+        return (index.h(index.Host, { key: '118e81e7928ecdc097c2a29a2a8f5a7cbf9c321f', class: this.theme === 'dark' ? 'dark' : '' }, index.h("div", { key: 'ae6d2cdb78e153640b080fd6c634d7ce00a2c082', class: "issues-list" }, this.issues.length === 0 ? (index.h("div", { class: "empty-state" }, index.h("p", null, "No issues found"))) : (this.issues.map(issue => {
+            var _a, _b;
+            return (index.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) }));
+        })))));
     }
 };
 FeedlogIssuesList.style = feedlogIssuesListCss();

package/dist/cjs/feedlog-toolkit.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-5lluu_3h.js');
+var index = require('./index-DnsqTPII.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["feedlog-issues-list.cjs",[[1,"feedlog-issues-list",{"issues":[16],"theme":[1]}]]],["feedlog-card.cjs",[[257,"feedlog-card"]]],["feedlog-badge.cjs",[[257,"feedlog-badge",{"variant":[1]}]]],["feedlog-button_2.cjs",[[1,"feedlog-issue",{"issue":[16],"theme":[1]}],[257,"feedlog-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}]]],["feedlog-github-issues.cjs",[[1,"feedlog-github-issues",{"issues":[16],"maxWidth":[1,"max-width"],"theme":[1025],"heading":[1],"subtitle":[1],"loading":[4],"error":[1],"hasMore":[4,"has-more"],"isLoadingMore":[4,"is-loading-more"],"currentTheme":[32]}]]],["feedlog-github-issues-client.cjs",[[1,"feedlog-github-issues-client",{"apiKey":[1,"api-key"],"type":[1],"limit":[2],"sortBy":[1,"sort-by"],"endpoint":[1],"maxWidth":[1,"max-width"],"theme":[1],"heading":[1],"subtitle":[1],"issues":[32],"loading":[32],"error":[32],"cursor":[32],"hasMore":[32],"isLoadingMore":[32]}]]]], options);
+  return index.bootstrapLazy([["feedlog-issues-list.cjs",[[1,"feedlog-issues-list",{"issues":[16],"theme":[1],"getIssueUrl":[16]}]]],["feedlog-card.cjs",[[257,"feedlog-card"]]],["feedlog-badge.cjs",[[257,"feedlog-badge",{"variant":[1]}]]],["feedlog-button_2.cjs",[[257,"feedlog-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}],[257,"feedlog-issue",{"issue":[16],"issueUrl":[1,"issue-url"],"theme":[1]}]]],["feedlog-github-issues.cjs",[[1,"feedlog-github-issues",{"issues":[16],"maxWidth":[1,"max-width"],"theme":[1025],"heading":[1],"subtitle":[1],"loading":[4],"error":[1],"hasMore":[4,"has-more"],"isLoadingMore":[4,"is-loading-more"],"getIssueUrl":[16],"currentTheme":[32]}]]],["feedlog-github-issues-client.cjs",[[1,"feedlog-github-issues-client",{"apiKey":[1,"api-key"],"type":[1],"limit":[2],"sortBy":[1,"sort-by"],"endpoint":[1],"maxWidth":[1,"max-width"],"theme":[1],"heading":[1],"subtitle":[1],"getIssueUrl":[16],"issues":[32],"loading":[32],"error":[32],"cursor":[32],"hasMore":[32],"isLoadingMore":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{index-5lluu_3h.js → index-DnsqTPII.js}

@@ -2042,13 +2042,6 @@ var h = (nodeName, vnodeData, ...children) => {
       }
     }
   }
-  if (typeof nodeName === "function") {
-    return nodeName(
-      vnodeData === null ? {} : vnodeData,
-      vNodeChildren,
-      vdomFnUtils
-    );
-  }
   const vnode = newVNode(nodeName, null);
   vnode.$attrs$ = vnodeData;
   if (vNodeChildren.length > 0) {
@@ -2077,36 +2070,6 @@ var newVNode = (tag, text) => {
 };
 var Host = {};
 var isHost = (node) => node && node.$tag$ === Host;
-var vdomFnUtils = {
-  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
-  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
-};
-var convertToPublic = (node) => ({
-  vattrs: node.$attrs$,
-  vchildren: node.$children$,
-  vkey: node.$key$,
-  vname: node.$name$,
-  vtag: node.$tag$,
-  vtext: node.$text$
-});
-var convertToPrivate = (node) => {
-  if (typeof node.vtag === "function") {
-    const vnodeData = { ...node.vattrs };
-    if (node.vkey) {
-      vnodeData.key = node.vkey;
-    }
-    if (node.vname) {
-      vnodeData.name = node.vname;
-    }
-    return h(node.vtag, vnodeData, ...node.vchildren || []);
-  }
-  const vnode = newVNode(node.vtag, node.vtext);
-  vnode.$attrs$ = node.vattrs;
-  vnode.$children$ = node.vchildren;
-  vnode.$key$ = node.vkey;
-  vnode.$name$ = node.vname;
-  return vnode;
-};
 var createSupportsRuleRe = (selector) => {
   const safeSelector2 = escapeRegExpSpecialCharacters(selector);
   return new RegExp(

package/dist/cjs/loader.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-5lluu_3h.js');
+var index = require('./index-DnsqTPII.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["feedlog-issues-list.cjs",[[1,"feedlog-issues-list",{"issues":[16],"theme":[1]}]]],["feedlog-card.cjs",[[257,"feedlog-card"]]],["feedlog-badge.cjs",[[257,"feedlog-badge",{"variant":[1]}]]],["feedlog-button_2.cjs",[[1,"feedlog-issue",{"issue":[16],"theme":[1]}],[257,"feedlog-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}]]],["feedlog-github-issues.cjs",[[1,"feedlog-github-issues",{"issues":[16],"maxWidth":[1,"max-width"],"theme":[1025],"heading":[1],"subtitle":[1],"loading":[4],"error":[1],"hasMore":[4,"has-more"],"isLoadingMore":[4,"is-loading-more"],"currentTheme":[32]}]]],["feedlog-github-issues-client.cjs",[[1,"feedlog-github-issues-client",{"apiKey":[1,"api-key"],"type":[1],"limit":[2],"sortBy":[1,"sort-by"],"endpoint":[1],"maxWidth":[1,"max-width"],"theme":[1],"heading":[1],"subtitle":[1],"issues":[32],"loading":[32],"error":[32],"cursor":[32],"hasMore":[32],"isLoadingMore":[32]}]]]], options);
+  return index.bootstrapLazy([["feedlog-issues-list.cjs",[[1,"feedlog-issues-list",{"issues":[16],"theme":[1],"getIssueUrl":[16]}]]],["feedlog-card.cjs",[[257,"feedlog-card"]]],["feedlog-badge.cjs",[[257,"feedlog-badge",{"variant":[1]}]]],["feedlog-button_2.cjs",[[257,"feedlog-button",{"variant":[1],"size":[1],"disabled":[4],"type":[1]}],[257,"feedlog-issue",{"issue":[16],"issueUrl":[1,"issue-url"],"theme":[1]}]]],["feedlog-github-issues.cjs",[[1,"feedlog-github-issues",{"issues":[16],"maxWidth":[1,"max-width"],"theme":[1025],"heading":[1],"subtitle":[1],"loading":[4],"error":[1],"hasMore":[4,"has-more"],"isLoadingMore":[4,"is-loading-more"],"getIssueUrl":[16],"currentTheme":[32]}]]],["feedlog-github-issues-client.cjs",[[1,"feedlog-github-issues-client",{"apiKey":[1,"api-key"],"type":[1],"limit":[2],"sortBy":[1,"sort-by"],"endpoint":[1],"maxWidth":[1,"max-width"],"theme":[1],"heading":[1],"subtitle":[1],"getIssueUrl":[16],"issues":[32],"loading":[32],"error":[32],"cursor":[32],"hasMore":[32],"isLoadingMore":[32]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -1,18 +1,18 @@
 :host {
   display: inline-block;
-  
+
   /* Light theme defaults */
   --feedlog-badge-font-size: 0.75rem;
   --feedlog-badge-font-weight: 500;
   --feedlog-badge-padding-x: 0.5rem;
   --feedlog-badge-padding-y: 0.125rem;
   --feedlog-badge-border-radius: calc(0.625rem - 2px);
-  
+
   /* Default/Enhancement variant colors */
   --feedlog-blue-500: oklch(0.623 0.214 259.815);
   --feedlog-blue-600: oklch(0.546 0.245 262.881);
   --feedlog-blue-700: oklch(0.488 0.243 264.376);
-  
+
   /* Destructive variant colors */
   --feedlog-destructive: #d4183d;
   --feedlog-destructive-hover: #b91c1c;
@@ -30,6 +30,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  gap: 0.25rem;
   font-size: var(--feedlog-badge-font-size);
   font-weight: var(--feedlog-badge-font-weight);
   padding: var(--feedlog-badge-padding-y) var(--feedlog-badge-padding-x);
@@ -84,3 +85,14 @@
 .badge-destructive:hover {
   background-color: var(--feedlog-destructive-hover);
 }
+
+/* Secondary variant - muted styling for status badges */
+.badge-secondary {
+  background-color: var(--feedlog-muted, #f1f5f9);
+  color: var(--feedlog-muted-foreground, #64748b);
+}
+
+:host(.dark) .badge-secondary {
+  background-color: var(--feedlog-muted, oklch(0.32 0.01 260));
+  color: var(--feedlog-muted-foreground, oklch(0.72 0.02 260));
+}

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

@@ -12,7 +12,7 @@ export class FeedlogBadge {
         this.variant = 'default';
     }
     render() {
-        return (h("span", { key: '482a74feb8d254a75383c30c7b39790edd04a05b', class: `badge badge-${this.variant}` }, h("slot", { key: '8d2db3fe0c2bc58e17829db4de7d0233189bb101' })));
+        return (h("span", { key: '22e5d49e033459b4e3e409ffa0e76641457ad740', class: `badge badge-${this.variant}` }, h("slot", { key: '8f986c5150aa39034f090a258231e45363f9cac9' })));
     }
     static get is() { return "feedlog-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -32,8 +32,8 @@ export class FeedlogBadge {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'default' | 'destructive' | 'enhancement'",
-                    "resolved": "\"default\" | \"destructive\" | \"enhancement\"",
+                    "original": "'default' | 'destructive' | 'enhancement' | 'secondary'",
+                    "resolved": "\"default\" | \"destructive\" | \"enhancement\" | \"secondary\"",
                     "references": {}
                 },
                 "required": false,

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

@@ -25,13 +25,13 @@
 
 :host(.dark) {
   /* Dark theme values */
-  --feedlog-background: oklch(0.145 0 0);
+  --feedlog-background: oklch(0.18 0.01 260);
   --feedlog-foreground: oklch(0.985 0 0);
-  --feedlog-card: oklch(0.145 0 0);
+  --feedlog-card: oklch(0.24 0.01 260);
   --feedlog-card-foreground: oklch(0.985 0 0);
-  --feedlog-muted: oklch(0.269 0 0);
-  --feedlog-muted-foreground: oklch(0.708 0 0);
-  --feedlog-border: oklch(0.269 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);

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

@@ -51,13 +51,16 @@ export class FeedlogGithubIssues {
         this.currentTheme = this.theme;
     }
     renderIssuesList() {
-        return (h("div", { class: "issues-list" }, this.issues.length === 0 ? (h("div", { class: "empty-state" }, h("p", null, "No issues found"))) : (this.issues.map(issue => (h("feedlog-issue", { key: issue.id, issue: issue, theme: this.currentTheme, onFeedlogUpvote: (e) => this.handleUpvote(e) }))))));
+        return (h("div", { class: "issues-list" }, this.issues.length === 0 ? (h("div", { class: "empty-state" }, h("p", null, "No issues found"))) : (this.issues.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.currentTheme, onFeedlogUpvote: (e) => this.handleUpvote(e) }));
+        }))));
     }
     render() {
         const containerStyle = {
             maxWidth: this.maxWidth,
         };
-        return (h(Host, { key: '3d3f6aaaf7efc9bf81476e1ff793d68a8fc46db1', class: this.currentTheme === 'dark' ? 'dark' : '' }, h("div", { key: 'b3114878ce3b649bb1dbec9eb2502bad2c2dfe27', class: "github-issues-container", style: containerStyle }, (this.heading || this.subtitle) && (h("header", { key: '3effa7137e3138b8709f12442beaaf58f7873e91', class: "issues-header" }, h("div", { key: '7904676ced41f4c738c265a571d2a447155f13f3', class: "header-content" }, this.heading && h("h1", { key: 'f139c2087642ede74542be0064273d92f27938d7', class: "issues-title" }, this.heading), this.subtitle && h("p", { key: 'c3af89d4abfb48ba225f362031705a14833f0ab7', class: "issues-subtitle" }, this.subtitle)))), this.loading && (h("div", { key: '1ed8c88a52808bbfb3a1ac86c9535cb87f32773a', class: "loading-state" }, h("p", { key: 'd093c2edcfaba2c136c6915bfe183f7e8f25de8b' }, "Loading issues..."))), this.error && (h("div", { key: '05ab37ee5c061a321fc7a8c407af04cae269f304', class: "error-state" }, h("p", { key: '7388ef1b66265953f30b65618f2b96c519702bdb' }, "Error: ", this.error))), !this.loading && !this.error && (h("div", { key: '5968b7ad6c13c7d0edf0a497eb51bd88978def9c' }, this.renderIssuesList(), this.hasMore && (h("div", { key: '7cfe136735f497f239a5be2befa6c3add99c7bcb', class: "load-more-container" }, h("feedlog-button", { key: '6fcdaf69873d51518d58baa9c3f8dba8a705ad5f', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
+        return (h(Host, { key: '8d371971cf80542020ff10d09e49b1e86cbd1170', class: this.currentTheme === 'dark' ? 'dark' : '' }, h("div", { key: '6a46103b04afbd473ca02a5f16125192a00f2e9b', class: "github-issues-container", style: containerStyle }, (this.heading || this.subtitle) && (h("header", { key: '55b481d2ea993566769670aeef1959aa76cc422e', class: "issues-header" }, h("div", { key: 'c80a94733595b2fc74f9e670b8ebe92498e762f5', class: "header-content" }, this.heading && h("h1", { key: '16cb4c7cf71d1d91b52dede91f900a79f9a66458', class: "issues-title" }, this.heading), this.subtitle && h("p", { key: 'ee0d7a228dc935b2fa88a03133e79888a60853df', class: "issues-subtitle" }, this.subtitle)))), this.loading && (h("div", { key: '3830120b4883517f73133bb3b51f26a3cd2c0503', class: "loading-state" }, h("p", { key: '13a5c0d3f466092c77b3cc6b8d3af448c44b4f48' }, "Loading issues..."))), this.error && (h("div", { key: '84b1c7407a0b3c858598663feb8d4a782ec1bff2', class: "error-state" }, h("p", { key: 'd846f63028dc9134a28270853d1af08cf3b75ef5' }, "Error: ", this.error))), !this.loading && !this.error && (h("div", { key: 'e9676a45008da5976db58180d72275e3080a51a1' }, this.renderIssuesList(), this.hasMore && (h("div", { key: '85ef1768fbcc1636bbeeaa2a74afaa552455d05e', class: "load-more-container" }, h("feedlog-button", { key: 'd408617ab69f6d70acbb9dfc360d3a09c79279b1', onFeedlogClick: this.handleLoadMore, disabled: this.isLoadingMore, variant: "outline" }, this.isLoadingMore ? 'Loading...' : 'Load More Issues'))))))));
     }
     static get is() { return "feedlog-github-issues"; }
     static get encapsulation() { return "shadow"; }
@@ -254,6 +257,29 @@ export class FeedlogGithubIssues {
                 "reflect": false,
                 "attribute": "is-loading-more",
                 "defaultValue": "false"
+            },
+            "getIssueUrl": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GetIssueUrlFn",
+                    "resolved": "((issue: FeedlogIssue) => string | null | undefined) | undefined",
+                    "references": {
+                        "GetIssueUrlFn": {
+                            "location": "import",
+                            "path": "@feedlog-ai/core",
+                            "id": "../core/dist/index.d.ts::GetIssueUrlFn"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional callback to resolve GitHub issue URL when githubIssueLink is not available.\nRequired because repository.owner was removed from the API for privacy."
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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

@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
 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.',
         type: 'enhancement',
@@ -11,7 +12,7 @@ const sampleIssues = [
         repository: {
             id: 'repo-1',
             name: 'feedlog-toolkit',
-            owner: 'feedlog',
+            description: 'Monorepo for Feedlog Toolkit',
         },
         updatedAt: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(), // 2 hours ago
         createdAt: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(),
@@ -20,6 +21,7 @@ const sampleIssues = [
     },
     {
         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',
@@ -29,7 +31,7 @@ const sampleIssues = [
         repository: {
             id: 'repo-1',
             name: 'feedlog-toolkit',
-            owner: 'feedlog',
+            description: 'Monorepo for Feedlog Toolkit',
         },
         updatedAt: new Date(Date.now() - 5 * 60 * 60 * 1000).toISOString(), // 5 hours ago
         createdAt: new Date(Date.now() - 5 * 60 * 60 * 1000).toISOString(),
@@ -38,6 +40,7 @@ const sampleIssues = [
     },
     {
         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.',
         type: 'enhancement',
@@ -47,7 +50,7 @@ const sampleIssues = [
         repository: {
             id: 'repo-1',
             name: 'feedlog-toolkit',
-            owner: 'feedlog',
+            description: 'Monorepo for Feedlog Toolkit',
         },
         updatedAt: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(), // 1 day ago
         createdAt: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),
@@ -56,6 +59,7 @@ const sampleIssues = [
     },
     {
         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.',
         type: 'bug',
@@ -65,7 +69,7 @@ const sampleIssues = [
         repository: {
             id: 'repo-1',
             name: 'feedlog-toolkit',
-            owner: 'feedlog',
+            description: 'Monorepo for Feedlog Toolkit',
         },
         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(),
@@ -74,6 +78,7 @@ const sampleIssues = [
     },
     {
         id: 'issue-5',
+        githubIssueLink: null,
         title: 'Custom color themes',
         body: 'Allow users to customize the color palette for charts and UI elements.',
         type: 'enhancement',
@@ -83,7 +88,7 @@ const sampleIssues = [
         repository: {
             id: 'repo-1',
             name: 'feedlog-toolkit',
-            owner: 'feedlog',
+            description: 'Monorepo for Feedlog Toolkit',
         },
         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(),
@@ -208,3 +213,34 @@ export const NarrowWidth = {
         }
     },
 };
+export const CustomCSSVars = {
+    args: {
+        issues: sampleIssues,
+    },
+    render: (props) => (h("feedlog-github-issues", Object.assign({}, props, { style: {
+            fontFamily: "'Georgia', 'Times New Roman', serif",
+            /* Card */
+            '--feedlog-card-padding': '1.5rem',
+            '--feedlog-card-accent-width': '5px',
+            '--feedlog-radius': '0.875rem',
+            '--feedlog-shadow': '0 2px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.1)',
+            '--feedlog-shadow-hover': '0 8px 24px -4px rgba(0, 0, 0, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.1)',
+            /* Typography */
+            '--feedlog-title-font-size': '1.0625rem',
+            '--feedlog-title-font-weight': '700',
+            '--feedlog-body-font-size': '0.875rem',
+            '--feedlog-body-line-height': '1.6',
+            '--feedlog-timestamp-font-size': '0.75rem',
+            /* Colors */
+            '--feedlog-accent-color': '#059669',
+            '--feedlog-muted': '#ecfdf5',
+            '--feedlog-muted-foreground': '#047857',
+            '--feedlog-border': 'rgba(5, 150, 105, 0.2)',
+        } }))),
+    play: async ({ canvasElement, args }) => {
+        const element = canvasElement.querySelector('feedlog-github-issues');
+        if (element && args.issues) {
+            element.issues = args.issues;
+        }
+    },
+};

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

@@ -213,7 +213,7 @@ export class FeedlogGithubIssuesClient {
         }
     }
     render() {
-        return (h("feedlog-github-issues", { key: '77a441edc78e0797deac65e2705adff880056e56', issues: this.issues, maxWidth: this.maxWidth, theme: this.theme, heading: this.heading, subtitle: this.subtitle, loading: this.loading, error: this.error, hasMore: this.hasMore, isLoadingMore: this.isLoadingMore, onFeedlogUpvote: this.handleUpvote, onFeedlogLoadMore: async () => this.loadMore() }));
+        return (h("feedlog-github-issues", { key: '5d5bbd34f21c89b18ecb78f2411cfb825ff78d12', issues: this.issues, maxWidth: this.maxWidth, theme: this.theme, heading: this.heading, subtitle: this.subtitle, getIssueUrl: this.getIssueUrl, loading: this.loading, error: this.error, hasMore: this.hasMore, isLoadingMore: this.isLoadingMore, onFeedlogUpvote: this.handleUpvote, onFeedlogLoadMore: async () => this.loadMore() }));
     }
     static get is() { return "feedlog-github-issues-client"; }
     static get encapsulation() { return "shadow"; }
@@ -397,6 +397,29 @@ export class FeedlogGithubIssuesClient {
                 "setter": false,
                 "reflect": false,
                 "attribute": "subtitle"
+            },
+            "getIssueUrl": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GetIssueUrlFn",
+                    "resolved": "((issue: FeedlogIssue) => string | null | undefined) | undefined",
+                    "references": {
+                        "GetIssueUrlFn": {
+                            "location": "import",
+                            "path": "@feedlog-ai/core",
+                            "id": "../core/dist/index.d.ts::GetIssueUrlFn"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional callback to resolve GitHub issue URL when githubIssueLink is not available.\nRequired because repository.owner was removed from the API for privacy."
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }